/* MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }



/* GENERAL STYLING
------------------------------------------------------------------ */
body { font-family: Helvetica,Arial,sans-serif; font-size: 13px; line-height:18px; }

form { display: inline; }
input, textarea, select { margin: 3px 0px; }

a, a:visited { color: #1B57A3; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; color:#222; }
a img { border: none; }



/* BASE LAYOUT
------------------------------------------------------------------ */
#container { width: 960px; margin: 0 auto; }
#content { margin: 20px 200px; }
#column_left { float: left; width: 180px; margin: 20px 20px 20px 0; clear: left; }
#column_right { float: right; width: 180px; margin: 20px 0 20px 20px; clear: right; }



/* HEADER
------------------------------------------------------------------ */
#header .logo { float: left; padding: 15px 0 0 15px; }

#header .top-links { float: right; padding-top: 7px; height: 38px; }
#header .top-links a { margin-left: 15px; padding: 2px 2px 2px 20px; }

#header .top-links a.promo { background: url("img/sprites-ccr.png") no-repeat left -90px; }
#header .top-links a.favorito { background: url("img/sprites-ccr.png") no-repeat left -60px; }
#header .top-links a.contacto { background: url("img/sprites-ccr.png") no-repeat left -180px; }
#header .top-links a.sitemap { background: url("img/sprites-ccr.png") no-repeat left -210px; }

#header .top-tabs { clear: right; float: right; height: 32px; margin-right: 10px; }
#header .top-tabs a { float: left; margin-right: 2px; padding: 0 20px; height: 32px; line-height:32px; background: #eee; color: #333; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#header .top-tabs a:hover { background: #333; color: #fff; }
#header .top-tabs a.selected { background: #069; color: #fff; z-index: 3; }
#header a#tab_login { background: #080; color: #fff; }
#header a#tab_logout { background: #a00; color: #fff; }
#header a#tab_login:hover { background: #0c0; }
#header a#tab_logout:hover { background: #f00; }

#header #top-bar { clear: both; background: #069; height: 40px; }
#search { padding-top: 7px; margin: 0 10px; color: #fff; font-weight: bold; float: left; }
#search select { border: 1px solid #036; padding: 2px; }
#search input { border: 1px solid #036; padding: 3px; }
#search a { color: #fff; }
#search .titulo-pesquisa { float: left; margin: 6px 0 0; }
#search .caixa-pesquisa { float: left; margin: 0 4px; }
#search .pesquisa-avancada { float: left; margin-top: 2px; }

#header #breadcrumbs { clear: both; padding: 0 7px; background: #f9f9f9; border-bottom: 1px solid #ddd; height: 30px; line-height:30px; }
#header #breadcrumbs a { padding: 3px; }

#header .hello { float: right; font-weight: bold; font-size: 13px; line-height:40px; padding: 0 20px; color: #fff; }





/* MAIN CONTENT
------------------------------------------------------------------ */
#content h1 { height:36px;line-height:36px; padding:0 10px; background:#eee; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom:10px; }
#content h2 { border-bottom: 1px solid #ddd; padding: 5px 10px; margin-bottom: 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; }

ul.prod_list li { display: block; float: left; width: 166px; margin:5px; border: 5px solid #eee; position: relative; }
ul.prod_list li:hover { border-color: #222; }
ul.prod_list li .img { display:block; text-align:center; }
ul.prod_list h2 { border: 0 none !important; padding: 0; margin: 0 !important; }
ul.prod_list h2 a { color: #222; padding: 5px; display: block; text-decoration: none; text-align:center; font-size: 12px; line-height:14px; height: 26px; }
ul.prod_list .preco { font-weight: bold; color: #fff; background: #c00; display: block; padding: 2px 4px; position: absolute; top:0; right:0; }
ul.prod_list .preco-antigo { text-decoration: line-through; display: block; float: left; position: absolute; top: 18px; right:0; padding: 4px; color: #999; }

#content_search { background: #f9f9f9; border: 5px solid #eee; padding: 10px; margin-bottom: 10px; }
#content_search h2 { padding: 5px 0; }




/* PRODUCT PAGE
------------------------------------------------------------------ */
a#prod_main_img { display: block; text-align: center; padding: 5px 0 2px; width:230px; margin: 0 0 10px; text-decoration:none; }
a#prod_main_img img#image { border: 5px solid #eee; }
a#prod_main_img:hover img#image { border: 5px solid #333; }
a#prod_main_img span.enlarge { display:block; background:url('img/sprites-ccr.png') no-repeat left -240px;padding-left:24px;text-align:left;color:#222;margin-left:34px;line-height:16px;height:16px; }
#temp_img { border: 5px solid #eee; }

a.additional_img { border: 5px solid #eee; display: block; float: left; margin: 0 10px 10px 0; }
a.additional_img img { display: block; }


#tab_description { margin: 0 0 20px; color: #222; }
#tab_description p { margin: 6px 0; }
#tab_description ul { list-style: disc outside; margin-left:20px; }

#tab_image a { border: 5px solid #eee; display: block; float: left; margin: 0 10px 10px 0; }
#tab_image a img { display: block; }





.tabs { width: 100%; height: 31px; margin-left: 7px; }
.tabs a { float: left; display: block; line-height: 26px; margin-left: 3px; border: 5px solid #ddd; border-bottom: 0 none; background: #ddd; color: #555; font-weight: bold; font-size: 13px; text-decoration: none; z-index: 1; position: relative; padding: 0 15px; text-transform: uppercase; }
.tabs a:hover { background: #222; border-color: #222; color: #fff; }
.tabs a.selected { background: #fff; z-index: 3; color: #222; border-color: #eee; line-height:35px; margin-top:-4px; }
.tab_page { border: 5px solid #eee; background: #fff; padding: 15px; display: block; z-index: 2; margin-bottom: 10px; }















/* CHECKOUT PAGE
------------------------------------------------------------------ */
.stock-limitado { color: #f60; font-weight: bold; }



/* SIDEBAR BOXES
------------------------------------------------------------------ */
.box { margin-bottom: 20px; background: #f9f9f9; padding-bottom: 10px; }
.box h3 { padding-left: 27px; line-height: 36px; font-size: 13px; font-weight: bold; text-transform: uppercase; background: #eee; margin-bottom:10px; }

.box ul li { line-height: 16px; }
.box ul li a { padding: 4px 10px 4px 24px; display: block; text-decoration:none; background: url('img/sprites-ccr.png') no-repeat 3px -477px; }
.box ul li a:hover { color:#222;text-decoration:underline; background: #eee url('img/sprites-ccr.png') no-repeat 3px -477px; }
.box ul li a b,
.box ul li.selected a { color: #222; font-weight: bold; text-decoration: none; }

#categories.box h3 { background: #eee url('img/sprites-ccr.png') no-repeat 5px -140px; }

#module_cart { background: #cdf; }
#module_cart.box h3 { background: #acf url('img/sprites-ccr.png') no-repeat 5px -20px; }
#module_cart.box h3 a { text-decoration: none; float: right; margin: 7px 10px 0 0; line-height:20px; padding: 0 3px; }
#module_cart.box h3 a:hover { background: #222; color:#fff; }
#module_cart table .prod,
#module_cart table .qt { padding: 3px 2px; text-align:left; vertical-align:top; font-size:12px; }
#module_cart .subtotal { padding: 8px 8px 0; border-top:1px solid #acf; margin-top:8px; }
#module_cart .subtotal strong {float:right;}
#module_cart .tabela h4 { padding: 0 10px; }

#brands.box h3 { background: #eee url('img/sprites-ccr.png') no-repeat 5px -110px; }

#info-box.box h3 { background: #eee url('img/sprites-ccr.png') no-repeat 5px 10px; }

#bestsellers.box h3 { background: #eee url('img/sprites-ccr.png') no-repeat 5px -80px; }
#bestsellers table td { padding: 3px 2px; text-align:left;vertical-align:top; }
#bestsellers td.img img { border: 1px solid #ddd; }
#bestsellers td a { text-decoration: none; display: block; }
#bestsellers td a:hover { text-decoration: underline; }
#bestsellers span.preco { font-weight: bold; color: #c00; display: block; margin: 4px 0; }
#bestsellers span.preco-antigo { text-decoration: line-through; display: block; float: left; margin: 4px 6px 4px 0; }




/* FOOTER
------------------------------------------------------------------ */
#footer { clear: both; height:36px; line-height:36px; padding: 0 10px; background: #eee; }
#footer .bottom-links { float: left; }
#footer .bottom-links a { margin-right: 15px; padding: 2px; }
#footer .copy { float: right; text-align: right; }


#marcas-rodape { width: 960px; height: 66px; background: url('img/rodape-marcas.png') no-repeat; margin-bottom:10px; }



/* CARRINHO DE COMPRAS
------------------------------------------------------------------ */
.cart { border-collapse: collapse; width: 100%; border: 5px solid #eee; margin-bottom: 10px; }
.cart thead th,
.cart tfoot td { background: #eee; padding: 8px 5px; font-weight: bold; }
.cart tbody td { padding: 5px; border-bottom: 1px solid #eee; }
.cart tr.odd td { background: #f9f9f9; }



/* BUTTONS
------------------------------------------------------------------ */
.buttons { margin-bottom: 10px; }
.buttons input { padding: 0px; margin: 0px; }
.buttons table { width: 100%; border-collapse: collapse; }
.buttons table td { vertical-align: middle; }
a.button { padding-left: 12px; display: inline-block; line-height:26px; margin-right: 5px; background: url('img/sprites-ccr.png') no-repeat left -300px; text-decoration: none; color:#fff; font-weight: bold; }
a.button:hover { background: url('img/sprites-ccr.png') no-repeat left -330px; }
a.button:active { padding-left: 13px; }
a.button span { color: #fff; display: block; padding-right: 12px; background: url('img/button-green-right.png') no-repeat right top; }
a.button:hover span { background: url('img/button-green-right.png') no-repeat right bottom; }
a.button:active span { padding-right: 11px; color: #d9f1cb; }




/* OTHERS
------------------------------------------------------------------ */

.content {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
}


.success {
	padding: 5px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 13px;
	text-align: center;
}
.warning {
	padding: 5px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 13px;
	text-align: center;
}
.wait {
	padding: 5px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 13px;
	text-align: center;
}
.required {
	color: #c00;
	font-weight: bold;
}
.error {
	color: #c00;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 13px;
	width: 250px;
}

.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}


.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}





#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('img/bullet_green_2.png');
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}