/* ,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,. *\

  Renotech Octopus v2.5 CSS - http://www.renotech.com.br/
  ----------------------------------------------------------------------------
  Development:	Lojcomm Internet Solutions - http://www.lojcomm.com.br/
  Programmer:	Liza Mitsue Nagao	Designer: Fernanda Fontoura

\* ,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,.·'`'·.,,. */

/* --( general )------------------------------------------------------------- */
.tbl_row_0	{background-color: #f8f8f8;}
.tbl_row_1	{background-color: #fff;}

body, div, li, caption, th, td, input, select, textarea {
	font-family:				Arial;
	font-size:					11px;
	color:						#666;
}

a {color: #369;}
a:hover {color: #036;}

table thead th {background: #bbb;}
table th {background:#eee; padding:4px;}

.a,
.calendarDateInput {
	background:					#fff;
	border-top:					1px solid #ccc;
	border-right:				1px solid #eee;
	border-bottom:				1px solid #eee;
	border-left:				1px solid #ccc;
	color:						#339;
}

.f {
	font-family:				"Courier New";
	color:						#339;
}

.n {
	border-top:					1px solid #ccc;
	border-right:				1px solid #eee;
	border-bottom:				1px solid #eee;
	border-left:				1px solid #ccc;
	color:						#339;
	text-align:					right;
}

.required {
	background-color:			#ffc;
}

h2 {
	margin:						0;
	padding:					0;

	font-size:					13px;
	color:						#c00;
	letter-spacing:				-1px;
}

h1, h2, h3, h4 {letter-spacing: 0;}



/* --( container )----------------------------------------------------------- */
body {
    background:	                url(../images/54/body_bg.gif) repeat top left;
    text-align:                 center;
}

#container {
	position:					relative;
	width:						1000px;
	margin:						0 auto;
	background:					#fff;
	text-align:					left;
}
	#container.framedMode {background: #fff url(../images/54/container_frame_bg.gif) repeat-y top left;}

#container_header {
	width:						100%;
	height:						260px;
	background:					url(../images/54/container_head_bg.jpg) no-repeat bottom left;
}

.framedMode #container_header {
	position:  relative;
	border-bottom: 25px solid #ddd;	
}

.framedMode #container_header:after {
	content: 'Os preços e as condições de pagamento são válidos exclusivamente para a loja virtual.';
	position: absolute;
	bottom: -25px;
	width: 100%;
	text-align: center;
	line-height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #c00;
}

#nav-your-account {
    position:                   absolute;
    top:                        85px;
    right:                      110px;
    font-size:                  12px;
    font-weight:                bold;
    color:                      #fff;
}

.nav_usr {color: #ff0;}
.nav_login a { color: #fff;}
.nav_logout a {font-size: 10px; color: #fff;}
.nav_login a:hover, .nav_logout a:hover {color: #fc0}

#nav-your-account-box {position: absolute; right: 0; z-index: 1500; display: block !important; width: 280px; margin-top: 10px; padding: 15px; background: #ff9; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,.75); text-align: center;}
#nav-your-account-box:before {content: ''; position: absolute; top: -7px; right: 20px; border-bottom: 7px solid #ff9; border-right: 7px solid transparent; border-left: 7px solid transparent;}
#nav-your-account-box p {margin-top: 0; line-height: 20px; font-weight: 600;}
#nav-your-account-box p:before {content: url(/octopus/design/images/54/cross-device-icon.png); float: left; margin-right: 10px;}
#nav-your-account-box a {display: inline-block; padding: 0 10px; background: #fc0; line-height: 30px; color: #000;}
#nav-your-account-box a:hover {opacity: .8; color: inherit;}

#container_body {width: 100%;}
	*html #container_body {height: 1%;}
	html>body #container_body {overflow: hidden;}

#container_footer {
    position:                   relative;
	width:						100%;
	/*height:						1000px;*/
	margin:						20px 0 0 0;
	padding:					100px 0 30px;
	background:					#fefbac url(../images/54/container_foot_bg.png) no-repeat top left;
	text-align:					center;
}

.fullMode #container_footer {
    background: #fefbac url(../images/54/container_foot_full_bg.png) no-repeat top left;
}

#container_footer img {
	display: inline-block;
	margin: 0 10px;
}

/*
#container_footer a#lojcomm {
    position:                   absolute;
    top:                        70px;
    right:                      80px;
}

#banner_3 {
	position:					absolute;
	bottom:						0;
    left:						200px;
    z-index:                    50;
    text-align:                 left;
}*/

#banner_3 {
	display: none;
	width: 750px;
	margin: 30px auto 0;
	text-align: left;
}

#banner_3 p {
    font-size:                  12px;
    font-weight:                bold;
}

#banner_3 p span {text-decoration: underline;}



/* --( logo )---------------------------------------------------------------- */
#logo {
	position:					absolute;
	top:						80px;
	left:						400px;
}



/* --( title )--------------------------------------------------------------- */
#title {display: none;}



/* --( date )---------------------------------------------------------------- */
#date {display: none;}



/* --( menu0 )--------------------------------------------------------------- */
#menu0 {
	position:					absolute;
	top:						25px;
	left:						169px;
}

#menu0 ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#menu0 span a {
	position:					absolute;
	top:						0;

	display:					block;
	height:						45px;
}

#menu0 span#mn0_0 a {left: 0; width: 65px;}
#menu0 span#mn0_1 a {left: 67px; width: 71px;}
#menu0 span#mn0_2 a {left: 140px; width: 67px;}
#menu0 span#mn0_3 a {left: 209px; width: 126px;}

#menu0 span#mn0_0 a:hover {background: url(../images/54/mn0_home.jpg) no-repeat top left;}
#menu0 span#mn0_1 a:hover {background: url(../images/54/mn0_empresa.jpg) no-repeat top left;}
#menu0 span#mn0_2 a:hover {background: url(../images/54/mn0_contato.jpg) no-repeat top left;}
#menu0 span#mn0_3 a:hover {background: url(../images/54/mn0_help.jpg) no-repeat top left;}

#menu0 span span {display: none;}



/* --( menuU )--------------------------------------------------------------- */
#menuU {
	position:					absolute;
	top:						25px;
	left:						506px;
}

#menuU ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#menuU li {
	display:					inline;
	margin:						0;
}

#menuU span a {
	position:					absolute;
	top:						0;

	display:					block;
	height:						45px;
}

#menuU span#mnU_0 a {left: 0; width: 103px;}
#menuU span#mnU_1 a {left: 105px; width: 101px;}
#menuU span#mnU_2 a {left: 208px; width: 110px;}

#menuU span#mnU_0 a:hover {background: url(../images/54/mnU_cadastro.jpg) no-repeat top left;}
#menuU span#mnU_1 a:hover {background: url(../images/54/mnU_pedido.jpg) no-repeat top left;}
#menuU span#mnU_2 a:hover {background: url(../images/54/mnU_cart.jpg) no-repeat top left;}

#menuU span span {display:		none;}



/* --( menu1 )--------------------------------------------------------------- */
#menu1 {display:	none;}



/* --( quickSearch )--------------------------------------------------------- */
#quickSearch {
	position:					absolute;
	top:						125px;
	left:						70px;
}

#quickSearch ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#quickSearch li {float: left; display: block;}

#quickSearch li#quickSearch_i0 span {display: none;}

#quickSearch li#quickSearch_i1 input {
	width:						190px;
	height:						17px;
    padding:                    2px;
	border-top:					1px solid #666;
	border-right:				1px solid #ccc;
	border-bottom:				1px solid #ccc;
	border-left:				1px solid #666;
	color:						#000;
}

#quickSearch li#quickSearch_i2 {display: block; margin: 1px 0 0 2px;}



/* --( menu2 )--------------------------------------------------------------- */
#menuSnH {
	float:						left;
    display:                    none;
	width:						210px;
	margin:						10px 0 0 0;
}

#menuSnH ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#menuSnH li ul {padding: 2px 0 !important;}

#menuSnH h2 {
	display:			block;
	margin:				0 10px !important;
}

#menuSnH h2 a.mn2 {
	display:			block;
	height:				20px;
	margin-bottom:			3px;
	padding-top:			10px;	
	border-bottom:			2px solid #666;
	font-family:			Times New Roman;
	font-size:			14px;
	font-weight:			bold;
	color:				#333;
	text-transform:			uppercase;
	cursor:				pointer;
}
    #menuSnH a.mn2:hover {color: #f30;}

#menuSnH a.mn3 {
	display:					block;
	width:						190px;
	margin:                     0 10px;
	padding:                    3px 0;
	border-bottom:              1px dotted #666;
	font-size:                  12px;
	font-weight:				normal;
	color:						#000;
	cursor:                     pointer;
}
    #menuSnH a.mn3:hover {color: #f30;}

#menuSnH a#mn2-133,
#menuSnH ul#mn2-133-childs {display: none;}

#menuSnH span#lojcomm {display: none;}



/* --( banners )------------------------------------------------------------- */
#banner_0 {
    position:                   relative;
    height:                     410px;
    background:                 #fff;
}

#banner_0 .slide {
    position: absolute;
    top: 0;
    left: 0;
}

#destaque_direita {
    position: absolute;
    top: 0;
    right: 0;
}

#destaque_direita a {
    display: block;
    margin-bottom: 4px;
}

#myCarousel_buttons {
    position: absolute;
    top: 10px;
    left: 10px;
}

#banner_1 {
	position:					absolute;
	top:						187px;
    left:						0;
}

#info_cnpj {
    position:                   absolute;
    top:                        20px;
    left:                       860px;
    width:                      140px;
}

#cadastro-revendedor {
    position:                   absolute;
    top:                        -20px;
    left:                       800px;
    width:                      200px;
    padding:                    10px 0;
    background:                 #333;
    text-align:                 center;
    font-size:                  1.2em;
}

#cadastro-revendedor a {color: #fff;}

#banner_2 {
	/*position:					absolute;
	top:						270px;
    right:						0;*/
    float:                      right;
    width:                      200px;
    overflow:                   hidden;
}

#menu_hyundai {
    padding:                    5px 0 10px 0;
    background:                 #038;
}

#menu_hyundai ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#menu_hyundai li a {
	display:					block;
	width:						180px;
	height:						20px;
	margin:						10px 0 0 10px;
    padding-bottom:             3px;
	border-bottom:				2px solid #ccc;

	font-family:				Times New Roman;
	font-size:					14px;
	font-weight:				bold;
	color:						#fff;
	text-transform:				uppercase;
}
    #menu_hyundai li a:hover {color: #fd0;}

#banner_2 object,
#banner_2 img {
    display:                    block;
    margin:                     10px 0;
}

#banner_2 #ban_chat {margin: 10px 0;}
#banner_2 #ban_chat a {display: block;}



/* --( class.framed )-------------------------------------------------------- */
#extraDiv8, #extraDiv9, #extraDivA, #extraDivB,
#extraDivC, #extraDivD, #extraDivE, #extraDivF {display:none;}

.framed {
	position:					relative;
	float:						left;
	display:					inline;
	width:						570px; /* -5px IE Dupl Char */
	margin:						10px 0 0 10px;
}

.breadcrumb {display: block !important; margin-top: 10px; color: #666;}
.breadcrumb a {color: #666;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb a span:before {content: '/'; padding: 0 10px; color: #ccc;}
.breadcrumb a:first-child span {display: none;}
.breadcrumb a:first-child {display: inline-block; width: 16px; height: 16px; background: transparent url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjQ1LDdMMTQsNS41NTFWMmMwLTAuNTUtMC40NS0xLTEtMWgtMWMtMC41NSwwLTEsMC40NS0xLDF2MC41NTNMOSwwLjU1NUM4LjcyNywwLjI5Nyw4LjQ3NywwLDgsMFM3LjI3MywwLjI5Nyw3LDAuNTU1ICBMMC41NSw3QzAuMjM4LDcuMzI1LDAsNy41NjIsMCw4YzAsMC41NjMsMC40MzIsMSwxLDFoMXY2YzAsMC41NSwwLjQ1LDEsMSwxaDN2LTVjMC0wLjU1LDAuNDUtMSwxLTFoMmMwLjU1LDAsMSwwLjQ1LDEsMXY1aDMgIGMwLjU1LDAsMS0wLjQ1LDEtMVY5aDFjMC41NjgsMCwxLTAuNDM3LDEtMUMxNiw3LjU2MiwxNS43NjIsNy4zMjUsMTUuNDUsN3oiLz48L3N2Zz4=") repeat scroll 0% 0%;}

.framed h1 {
	margin:						10px 0;
	padding:					0;

	font-family:				Times New Roman;
	line-height:				20px;
	font-size:					18px;
	font-weight:				normal;
	color:						#666;
	text-transform:				uppercase;
	vertical-align:				middle;
}

.framed h1 a {
	font-weight:				normal;
	color:						#666;
}
    .framed h1 a:hover {text-decoration: underline;}

.framed .hr {
	display:					none;
	height:						11px;
	background:					#888 url(../images/hr_dotted.gif) repeat-x top left;
}
	.framed hr {display: none;}



/* --( class.full )---------------------------------------------------------- */
#extraDiv0, #extraDiv1, #extraDiv2, #extraDiv3,
#extraDiv4, #extraDiv5, #extraDiv6, #extraDiv7 {display:none;}

.full {
	position:					relative;
	float:						left;
	display:					inline;
	width:						900px;
	margin:						15px 0 0 50px;
}

.full h1 {
	margin:						0;
	padding:					0;

	font-family:				Times New Roman;
	line-height:				20px;
	font-size:					18px;
	font-weight:				normal;
	color:						#666;
	text-transform:				uppercase;
	vertical-align:				middle;
}

.full .hr {
	height:						11px;
	background:					#888 url(../images/hr_dotted.gif) repeat-x top left;
}
	.full hr {display: none;}

.full table {width: 100%;}



/* --( alert )--------------------------------------------------------------- */
#alert dd.sysMsg {
	font-weight:				bold;
	font-size:					17px;
	color:						#c00;
	letter-spacing:				-1px;
}



/* --( closePointer )-------------------------------------------------------- */
#closePointer {
	position:					absolute;
	top:						280px;
	right:						50px;
}



/* --( help )---------------------------------------------------------------- */
.title {
	display:					block;
	width:						100%;
	margin:						0 0 5px 0;
	padding:					2px 0;
	background:					#f8f8f8;
	border-bottom:				1px solid #888;

	font-weight:				normal;
	color:						#666;
}

.subtitle {
	display:					block;
	width:						100%;
	margin:						20px 0 5px 0;
	padding:					2px 0;
	background:					#f8f8f8;
	border-bottom:				1px solid #888;

	font-weight:				normal;
	color:						#666;
}

#help a {font-weight: normal;}

.button {
	width:						100%;
	margin:						20px 0 0 0;
	text-align:					right;
}

.button a {
	padding:					2px 30px;

	height:						1%;
	font-weight:				normal;
	color:						#333;
	text-decoration:			none;

	background:					#eee;
	border-top:					1px solid #ccc;
	border-right:				2px solid #000;
	border-bottom:				2px solid #000;
	border-left:				1px solid #ccc;
}

.button a:hover {
	border-top:					2px solid #000;
	border-right:				1px solid #ccc;
	border-bottom:				1px solid #ccc;
	border-left:				2px solid #000;
}



/* --( contact )------------------------------------------------------------- */
#contact table {
	width:						100%;
}

#contact th {
	width:						25%;
	text-align:					right;
}

#contact td {
	width:						75%;
}

#contact td input,
#contact td textarea {
	width:						100%;
}
	#contact td textarea {height: 300px;}



/* --( products )------------------------------------------------------------ */
#creative {padding: 10px 0;}
#creative small {color: #999;}
#creative h1 {margin: 5px 0 10px; font-size: 24px; color: #333;}
#creative p {margin: 5px 0;}

#products_header_dok {
	text-align: right;
}

#products_header_index{
	position: relative;
    width: 70%;
	margin: -20px 0 0 0;
}

#products_footer_dok {
	clear:						both;
	position:					relative;
	padding:					20px 0 0 0;
	text-align:					right;
}

#products_footer_index {position: absolute; margin-top:-14px;}
	*html #products_footer_index {margin-top:-15px;}

ul.paginator {
    margin:                     0;
    padding:                    0;
    list-style-type:            none;
}

ul.paginator li {
    display:                    inline;
    padding:					0 5px 0 5px;
	border-right:				1px dotted #666;
}

ul.paginator li.selected {
	font-weight:				bold;
	color:						#c00;
}

ul.paginator li a {
	font-weight:				normal;
	color:						#666;
}
	ul.paginator li a:hover {color: #333;}

#products_eof {
	clear:						both;
	margin:						50px 0 0 0;
}

#products_img {
	margin:						30px 0 0 0;
}

#products_img ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#products_img li {
	float:						left;
	display:					inline;
	width:						170px;
	height:						300px;
	margin:						0 10px 10px 10px;
	padding:					0;
}

#products_img .item_box {
	position:					relative;
}

#products_img .item_img,
#products_img .item_txt,
#products_img .item_buttons {
	position:					absolute;
	width:						170px;
	margin:						0;
	text-align:					center;
}

#products_img .item_img {top: 0;}
#products_img .item_buttons {top: 280px; text-align: right;}
#products_img .item_similars {display: none;}

#products_img .item_txt {
	top:						175px;

	font-family:				Verdana;
	font-size:					11px;
	font-weight:				bold;
	color:						#666;
	text-align:					left;
}

#products_img .item_txt .item_status {
	display:					block;
	color:						#c00;
	text-transform:				uppercase;
}

#products_img .free_shipping_restricted,
#products_img .item_free_shipping_restricted {display: none;}

#products_img .item_txt .item_name {
	display:					block;
	font-weight:				normal;
	color:						#666;
}
    #products_img .item_txt .item_name:hover {text-decoration: underline;}

#products_img .item_txt .item_ref,
#products_img .item_txt .item_description,
#products_img .item_txt .item_availability {display:none;}

#products_img .item_txt .item_prices {
	position:					absolute;
	top:						65px;
	left:						0;
}

#products_img .item_txt .item_listPrice {
	display:					block;
	text-decoration:			line-through;
}

#products_img .item_txt .item_ourPrice {
	display:					block;
	font-size:					13px;
    color:                      #c00;
}

#products_img .item_txt .item_save {
	display:					none;
	color:						#393;
}

#products_img .item_txt .item_or {
	display:					none;
	color:						#93c;
}

#products_img .item_txt .item_listPrice label,
#products_img .item_txt .item_ourPrice label,
#products_img .item_txt .item_save label,
#products_img .item_txt .item_or label {
	font-weight:				normal;
	color:						#666;
	text-decoration:			none;
}

#products_img .item_discount {display: none;}

.item_box .item_buttons a {display: block; height: 16px; background: #9c9c9c url(/octopus/design/images/54/plus_link.gif) no-repeat center right;}

#products_txt {display: none;}



/* --( details )------------------------------------------------------------ */
#details_dynamic span#details_path_ref {
	display:					none;
}

#details_share a {
    display: inline-block;
    margin: 0 5px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

#details_images {
	float:						left;
	width:						285px;
}

#details_texts {
	float:						left;
	width:						285px;
}

#details_images_zoom img {
	margin:						10px 0 0 0;
}

#details_images_thumbs {
	display:					block;
	margin:						10px 0 0 0;
}

#details_images_thumbs ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#details_images_thumbs li {
	display:					inline;
	float:						left;
	margin:						0;
}

#details_images_thumbs a {
	margin:						0 5px 5px 0;
	padding:					2px;

	display:					block;
	border:						1px solid #ccc;
}
	#details_images_thumbs a:hover {border: 1px solid #c00;}

#details_texts_status {
	font-weight:				bold;
	color:						#f33;
	text-transform:				uppercase;
}

#details_texts_description {
	line-height:				14px;
	font-weight:				normal;
	color:						#888;
}

#details_texts_additional {
	display:					none;
}

#details_texts_prices,
#details_texts_selects,
#details_texts_availability,
#details_texts_availability table,
#details_texts_others {
	margin:						10px 0 0 0;
}

#details_texts_selects .selects {
	display:					block;
	margin:						0 0 5px 0;
}

#details_texts_selects h2 {display: block; font-size: 14px; font-weight: bold;}

#details_texts_selects span select {
	width:						160px;
}

#details_texts_selects img {
	margin:						10px 0;
}

#details_texts_prices table,
#details_texts_availability table {
	width:						100%;
}

#details_texts_prices table th {text-align:left;}
#details_texts_prices thead th {text-align:center;}
#details_texts_prices td {padding:4px;}

#details-text-price {
    width:              100%;
    padding:            30px 0 10px 0;
    background:         url(../images/price_head.gif) no-repeat top left;
}

#details-text-price-base {position: relative; padding: 15px 0;}
#details-text-price-base span {color: #888;}

span#details-text-price-list,
span#details-text-price-save {display: none;}

span#details-text-price-our {display: block; width: 100%; text-align: right;}
span#details-text-price-our .price {margin-left: 3px; font-size: 14px; font-weight: bold; color: #c00;}

span#details-text-price-or {display: block; margin-top: 5px; text-align: right;}
span#details-text-price-or .price {margin-left: 3px; font-size: 13px; font-weight: bold; color: #666;}

#details-text-price-discount {display: none;}

#details-text-price-exception {
    padding:                    0 5px;
    background:                 #f9f9f9;
    border-top:                 1px solid #ddd;
    text-align:                 right;
}

#details-text-price-exception p .details-text-price-final {
    display:                    block;
    margin-top:                 5px;
    padding:                    0 0 10px 0;
    border-bottom:              1px solid #ddd;

    line-height:                25px;
    font-size:                  14px;
    font-weight:                bold;
    color:                      #c00;
    vertical-align:             middle;
}

#details_texts_availability_label {font-weight: bold; color: #c00;}
#details_texts_availability_label label {font-weight: normal; color: #666;}
#details_texts_availability th {text-align: center;}
#details_texts_availability th a {color: #000;}
#details_texts_availability td {text-align: right;}
#details_texts_availability input {width: 220px;}
#details_texts_availability_field .item_qt_buy {display: block; margin-top: 10px;}
#details_texts_availability_field .item_qt_buy font {font-size: 11px;}
#details_texts_availability_field .item_qt_buy select {width: 50px;}
#details_texts_availability_field a {display: block; margin: 10px 0; text-align: right;}

span#details_texts_availability_price_label {font-weight: normal; color: #666;}
span#details_texts_availability_price_value {margin-left:5px;}
span#details_texts_availability_qt label {margin-right: 5px; font-weight: bold; color: #666;}
span#details_texts_availability_qt input {font-weight:normal; width: auto;}

#details-text-parcels{
    display:                    block;
    border:                     1px solid #ccc;
    text-align:                 center;
}

#details-text-parcels h4 {
    padding:                    10px;
    background:                 #f9f9f9;
    border-bottom:              1px solid #ccc;
    font-size:                  13px;
    font-weight:                normal;
}

#details-text-parcels ul {
	margin:						0;
	padding:					5px 20px 10px 20px;
    list-style-type:            none;
}

#details-text-parcels li {
    padding:                    5px 0;
    border-bottom:              1px solid #ccc;
}

#details_fixed {
	margin:						0;
    padding:                    30px 0 0 0;

	line-height:				14px;
	font-weight:				normal;
	color:						#666;
}

#details_fixed ul.tab-menu {
	margin:						0;
	padding:					0;
    list-style-type:            none;
}

#details_fixed li {
	margin:						0 2px 0 0;
	padding:					3px 5px;
    background-color:           #f0f0f0;
    border-top:                 1px solid #ccc;
    border-left:                1px solid #ccc;
    border-right:               1px solid #ccc;
}

#details_fixed li.tab-selected {background-color: #ddd;}

#details_fixed h2 {margin: 0 !important; color: inherit;}

#details_fixed a {
	margin:						0;
	padding:					0;

	font-weight:				bold;
	color:						#666;
	text-decoration:			none;
	text-transform:				uppercase;
}
	#details_fixed a:hover {color: #333;}

#details_fixed li.tab-selected a {color: #444;}



/* --( crossSelling )------------------------------------------------------- */
#crossSelling h2 a {color: #333;}

#crossSelling ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#crossSelling li {
	float:						left;
	display:					inline;
	width:						170px;
	height:						300px;
	margin:						0 10px 10px 10px;
	padding:					0;
}

#crossSelling .item_box {
	position:					relative;
}

#crossSelling .item_img,
#crossSelling .item_txt,
#crossSelling .item_buttons {
	position:					absolute;
	width:						170px;
	margin:						0;
	text-align:					center;
}

#crossSelling .item_img {top: 0;}
#crossSelling .item_buttons {top: 280px;}

#crossSelling .item_txt {
	top:						175px;
	font-family:				Verdana;
	font-size:					11px;
	font-weight:				bold;
	color:						#666;
	text-align:					left;
}

#crossSelling .item_txt .item_status {
	display:					block;
	color:						#c00;
	text-transform:				uppercase;
}

#crossSelling .item_txt .item_name {
	display:					block;
	font-weight:				normal;
    color: #666;
}

#crossSelling .item_txt .item_ref,
#crossSelling .item_txt .item_description,
#crossSelling .item_txt .item_availability {display: none;}

#crossSelling .item_txt .item_listPrice,
#crossSelling .item_txt .item_ourPrice,
#crossSelling .item_txt .item_save,
#crossSelling .item_txt .item_or {display:	none;}



/* --( email a friend )------------------------------------------------------ */
#emailFriend {
	width:						100%;
	background:					#fff;

	text-align:					left;
}

#emailFriend_header {
	background:					#000;
	border-top:					10px solid #fc0;
}

#emailFriend_header span {
	display:					block;
	padding:					20px 0 40px 20px;

	font-family:				"Arial Narrow";
	font-size:					20px;
	color:						#fff;
}

#emailFriend_body table {
	margin:						20px;
}

#emailFriend_body tbody input,
#emailFriend_body tbody textarea {
	width:						230px;
	font-family:				Arial;
	font-size:					11px;
	color:						#00c;
}

#emailFriend_body tbody span {
	color:						#06c;
}

#emailFriend_body tbody  a {
	font-weight:				normal;
	color:						#06c;
	text-decoration:			none;
}
	#emailFriend_body tbody a:hover {text-decoration: underline;}

#emailFriend_body tfoot span {
	display:					block;
	margin:						10px 0;

	font-size:					9px;
	color:						#900;
}



/* --( extras )-------------------------------------------------------------- */
#extra_1 {width: 750px;}

#extra_4, #extra_4 #extra_body {width: 980px;}
#extra_4 h1 {display: none;}
#extra_4 ul {margin: 0; padding: 0; list-style-type: none;}
#extra_4 #extra_body {overflow: hidden;}
#extra_4 div {float: left; width: 25%; margin: 20px 0; text-align: center;}
#extra_4 .chat_half {width: 50%; height: 90px;}



/* --( cart )---------------------------------------------------------------- */
#cart th {
	padding:					4px;
	background:					none;
}

#cart_body.cart_empty {padding: 30px 10px; text-align: center;}
.cart_empty h2 {font-family: inherit;}
.cart_empty a {display: inline-block; padding: 0 20px; background: #390; line-height: 45px; font-size: 14px; color: #fff; text-transform: uppercase;}
.cart_empty ~ div {display: none;}

#cart_body {background: #eee url(../images/54/cart_header_bg.gif) no-repeat top left;}

.cart_body_col_ref {width: 10%; text-align: left;}
.cart_body_col_desc {width: 48%; text-align: left;}
.cart_body_col_qty {width: 10%; text-align: center;}
.cart_body_col_remove {width: 12%; text-align: left;}
.cart_body_col_unitPrc {width: 10%; text-align: right;}
.cart_body_col_rowTot {width: 10%; text-align: right;}

.cart_body_col_remove a font {
    margin-left:        5px;
    font-size:          11px;
    font-weight:        normal;
    color:              #666;
}
    .cart_body_col_remove a:hover font  {color: #c00;}

td.lft_half,
td.rgt_half {padding: 4px;}

td.rgt_half table th {
	width:						75%;
	font-weight:				normal;
	text-align:					right;
}

td.rgt_half table td {
	width:						25%;
	font-weight:				bold;
	text-align:					right;
}

#cart_charge_n_total {background: #eee url(../images/54/cart_footer_bg.gif) no-repeat bottom left;}

#cart_charge_n_total li.country {display: none;}

#cart_charge ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#cart_charge li {display: inline;}

#cart_charge button {
	height: 20px;
	background: #3B3B9D;
	border: none;
	color: #fff;
}

#cart_charge input {width: 70px;}

#cart span#cart_del span,
#cart span#cart_upd span,
#cart span#cart_prc span,
#cart span#cart_kpb span {display: none;}

#cart span#cart_del,
#cart span#cart_del a {
	display:					block;
	width:						225px;
	height:						22px;

	margin:						0;
	padding:					0;

	background:					url(../images/54/cart_del.gif) no-repeat top left;
	cursor:						hand;
}

#cart span#cart_upd,
#cart span#cart_upd a {
	display:					block;
	width:						225px;
	height:						22px;

	margin:						0;
	padding:					0;

	background:					url(../images/54/cart_upd.gif) no-repeat top left;
	cursor:						hand;
}

#cart span#cart_prc,
#cart span#cart_prc a {
	display:					block;
	width:						450px;
	height:						22px;

	margin:						0;
	padding:					0;

	background:					url(../images/54/cart_prc_verde.gif) no-repeat top left;
	cursor:						hand;
}

#cart span#cart_kpb,
#cart span#cart_kpb a {
	display:					block;
	width:						190px;
	height:						22px;

	margin:						0;
	padding:					0;

	background:					url(../images/54/cart_kpb.gif) no-repeat top left;
	cursor:						hand;
}



/* --( Discount Coupon & Gift Card )---------------------------------------- */
#cart_dc_n_gc {background: #f8f8f8;}

#summary_dc_n_gc ul ,
#cart_dc_n_gc ul {
	margin:						0;
	padding:					0;
	list-style-type:			none;
}

#summary_dc_n_gc li,
#cart_dc_n_gc li {
	float:						left;
	display:					block;
}

#summary_dc_n_gc li.label,
#cart_dc_n_gc li.label {width: 120px;}

#summary_dc_n_gc li.field span,
#cart_dc_n_gc li.field span {
	margin:						0 0 0 4px;
	font-weight:				bold;
	color:						#090;
}

#summary_dc_n_gc input,
#cart_dc_n_gc ul input {width: 275px;}

#summary_dc_n_gc img,
#cart_dc_n_gc img {
	position:					relative;
	left:						4px;
}

#summary_dc_n_gc td.rgt_half td,
#cart_dc_n_gc td.rgt_half td {color:	#090;}

#cart_dc_n_gc_caption {
	margin:						10px 0 0 4px;
	width:						50%;
}



/* --( transporters )------------------------------------------------------- */
#transporters h1 {margin-top: 10px;}

#transporters .transporters-text {
    padding: 10px;
    background: #eee;
    line-height: 18px;
    font-weight: bold;
    color: #c00;
}

#transporters .transporters-text b {font-size: 13px;}

#transporters ul {
	margin:						10px 0;
	padding:					0;
	list-style-type:			none;
}

#transporters li {
    display:                    inline-block;
    padding:                    15px;
	margin:						0 20px 10px 0;
    border:                     1px solid #ccc;
	text-align:					center;
    vertical-align:             top;
}

#transporters span {display:	block;}

#transporters .transp_name {
	font-weight:				bold;
	color:						#000;
}

#transporters .transp_cost {
	font-weight:				bold;
	color:						#c00;
}

#transporters .transp_period {display: none;}



/* --( signin )------------------------------------------------------------ */
/*.signin {
    border: 1px solid #eee;
    padding: 1.0em;
    font-size: 13px;
}

#signin-help {border-top: none;}

.signin h2 font {
    font-size: 115%;
    color: #333;
}

.signin input {
    padding: .3em;
    font-size: 13px;
    font-weight: bold;
}

.signin li {font-size: 13px;}

.signin a,
.signin a font {font-size: 11px; font-weight: normal; color: #333;}
    .signin a:hover { text-decoration: underline;}

.signin input.submit {
    display: block;
    margin-top: 10px;
}*/

.signin {
    font-size: 13px;
    zoom: 1;
}

#signin-body {position: relative;}

.signin h2 {
    margin-top: -30px;
    padding: 5px 0;
    background: #c00;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

#signin-identification-already-user h2 {background: #080;}

.signin h2 font {
    font-size: 100%;
    color: #fff;
}

.signin input {
    padding: 5px;
    border-radius: 5px;
    font-size: 13px;
}

.signin li {font-size: 13px;}

.signin a,
.signin a font {font-size: 11px; font-weight: normal; color: #666;}
    #signin a:hover,
    #signin a:hover font {text-decoration: underline;}

.signin .submit {display: block; margin-top: 10px; cursor: pointer;}

#signin-identification-already-user,
#signin-identification-new-user,
#signin-forgot-body {
    float: left;
    width: 400px;
    margin: 30px 10px 0;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

#signin-forgot-body {width: 500px;}

#signin-identification-already-user label font,
#signin-identification-new-user label font {
    display: block;
    margin: 10px 0 5px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

#already-user-id-label,
#new-user-id-label {margin-top: 20px;}

#already-user-email,
#already-user-pwd {display: inline; width: 230px;}

#signin-help {position: absolute; top: 84px; left: 270px; border: 0; padding: 0;}
#signin-help h2 {display: none;}
#signin-help ul {margin: 0; padding: 0; list-style: none;}



/* --( register )----------------------------------------------------------- */
.full th {background: none; font-weight: normal;}
.full th.label_full {width:	15%;}
.full td.fiedl_full {width: 85%;}
.full th.label_half {width:	15%;}
.full td.fiedl_half {width: 35%;}
#register_utp_form {margin-top: 40px; padding: 30px; background: #f9f9f9; border: 1px solid #ddd;}
#register .hr {display: none;}
#register_utp_f, #register_utp_j {position: absolute; margin: -77px 0 0 -31px;}
.utp_tabs {margin: 0; padding: 0; list-style-type: none;}
.utp_tab {display: inline-block; margin-right: 5px; border: 1px solid #ddd; border-bottom: none;}
.utp_tabs a {display: block; padding: 10px 25px 15px; font-size: 14px; color: #999;}
.utp_tabs a:hover {color: #000;}
.utp_tab_activated, .utp_tab_activated:hover {background: #f9f9f9;}
.utp_tab_activated a {padding: 15px 25px; color: #000;}
#register_utp_form h2 {margin: 15px -10px; padding: 5px 10px; border-bottom: 1px dotted #999; font-size: 16px;}
#register_utp_form td {padding: 2px 0;}
#customer-salesman, #customer-salesman td,
#customer-transp, #customer-transp td {display: none;}
#register_prc {margin-top: 20px;}
#transp_register {background: #d4d0c8; border-top: 1px solid #fff; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #fff; width: 200px;}
#transp_register table {border-collapse: separate; border-spacing: 3px;}
#transp_register table thead th {padding: 5px; background: #0a246a; font-weight: bold; color: #fff; text-align: center;}
#transp_register table tfoot td {text-align: right;}



/* --( billing )------------------------------------------------------------ */
#cart_dc_n_gc th,
#cart_charge_n_total th {background:	none;}

#billing th, #billing td {padding: 5px;}

#billing-address-message {font-size: 14px; font-weight: bold;}
#billing-address-message a {color: #c00;}
#billing-address-message a:hover {text-decoration: underline;}

#billing-confirmation-terms {padding-bottom: 30px;}

#billing-resume h2, #billing_payment h2 {margin-top: 20px; padding: 10px 0; text-align: center; font-size: 16px;}

#extend-order-notes {margin-bottom: 20px;}
#extend-order-notes table {width: 54%;}

#extend-order-notes strong:after {
    content: ' preenchimento não obrigatorio.';
    display: block;
    font-weight: normal;
}

#extend-order-notes td:nth-child(2):after {content: ' (digitar apenas números)';}

#billing-confirmation-terms {margin-top: 20px;}

#billing-confirmation-terms textarea {
    width:                      880px;
    height:                     250px;
    padding:                    10px;
    background:                 #f8f8f8;
    border:                     1px solid #ddd;
    border-radius:              5px;
}

#billing-terms p label {
    padding-left:               5px;
    font-weight:                bold;
    color:                      #000;
    text-transform:             uppercase;
}

ul#billing_payments_options_shortcuts {
    margin:                     0;
    padding:                    0;
    list-style-type:            none;
    overflow:                   hidden;
}

ul#billing_payments_options_shortcuts li {float: left;}

ul#billing_payments_options_shortcuts a {
    display:                    block;
    margin:                     10px 10px 0 0;
    padding:                    5px 6px 60px 5px;
    background:                 url(../images/54/billing_bank.png) no-repeat bottom center;
    border:                     1px solid #ddd;

    font-size:                  10px;
    color:                      #000;
}
    ul#billing_payments_options_shortcuts a:hover {background-color: #f5f5f5}

ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_cc {background: url(../images/54/billing_cc.png) no-repeat bottom center;}
ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_bb {background: url(../images/54/billing_bb.png) no-repeat bottom center;}
ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_bd {background: url(../images/54/billing_bd.png) no-repeat bottom center;}

ul#billing_payments_options_shortcuts span {
    display:                    block;
    padding:                    5px 20px;
    background:                 #f5f5f5;
}
ul#billing_payments_options_shortcuts a#billing_payment_option_shortcut_cc span {padding: 5px 150px;}

#billing_payments_options div {position: relative; padding: 0 15px 40px; margin-bottom: 400px; background: #f0f0f0; border-radius: 10px;}
#billing_payments_options #billing_container_cb {margin-bottom: 40px;}
#billing_payments_options .hr {margin: 50px 0 10px; background: #fff; border-top: 1px dotted #000; border-radius: 0;}
#billing_payments_options ul {margin: 0; padding: 0; list-style-type: none;}
#billing_payments_options li {float: left; height: 125px; margin: 5px 10px 5px 0; padding: 10px; background: #f8f8f8; border: 1px solid #ddd; border-radius: 5px;}
#billing_payments_options div div {margin: 10px 0; padding: 0;}
#billing_payments_options a {display: inline-block; padding: 30px 0; font-size: 20px; font-weight: normal; color: #000;}
#billing_payments_options .paymentPrice {margin: 0 10px; font-size: 20px; font-weight: bold; color: #090;}
.credit_card_flag {display: block; font-size: 13px; font-weight: bold;}
#credit-card-options input[type='radio'] {display: block; margin: 8px 0;}
#credit-card-options select {display: block; width: 140px; padding: 5px; font-size: 15px; border: 1px solid #ccc;}
#billing_payments_options .payment_options_top {position: absolute; bottom: -65px; display: block; width: 100%; text-align: center; font-size: 11px; text-transform: uppercase;}
#billing_payments_options .payment_options_top:hover {color: #c00;}
.payment_options_top:before {content: ''; display: block; width: 1px; margin: 0 420px 10px; border-bottom: 20px solid #ddd; border-right: 30px solid transparent; border-left: 30px solid transparent;}

#credit-card-table-1 {position: relative; width: 70%; background: #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff;}
#credit-card-table-1 th {text-align: right; font-weight: bold;}
#billing #credit-card-table-1 td {padding: 3px;}
#credit-card-table-1 input, #credit-card-table-1 select {padding: 5px;}



/* --( summary )------------------------------------------------------------ */
#order_id {
	position:					relative;
	left:						0;
	float:						left;

	display:					block;
	width:						200px;
	height:						120px;
	background:					url(../images/54/summary_order_id_bg.jpg) no-repeat top left;
}

#order_id h3 {display: none;}

#order_id span {
	position:					absolute;
	top:						30px;

	display:					block;
	width:						100%;

	font-size:					24px;
	font-weight:				bold;
	color:						#ff0;
	text-align:					center;
}

#order_id_note {
	position:					absolute;
	top:						71px;
	left:						0;
}

#order_id_note p {
	display:					block;
	width:						180px;
	margin:						0 10px;

	font-size:					11px;
	font-weight:				normal;
	color:						#fff;

	text-align:					center;
}

#order_id_note a {color: #fff;}
    #order_id_note a:hover {text-decoration: underline;}

#order_inf {
	float:						right;
	display:					block;

	position:					relative;
	right:						0;

	width:						670px;
	padding:					10px;
	height:						100px;
	background:					url(../images/54/summary_order_inf_bg.gif) no-repeat top left;
}
	*html #order_inf {
		width:					690px;
		height:					120px;
	}

#order_inf h3 {
    display:                    block;
	margin:						0 !important;
	padding:					0;
}

#order_pop {
	clear:						both;
	position:					relative;
	top:						10px;

	text-align:					center;
}

#summary_header table {clear: both;}

#summary_body {
	clear:						both;
	margin:						20px 0 0 0;
}

#summary td {padding: 4px;}

#summary_body th {background: none;}

#summary_body_products {
	background:					url(../images/54/cart_header_bg.gif) no-repeat top left;
}

#summary_dc_n_gc {background: #f8f8f8;}

#summary_total {
	background:					url(../images/54/cart_footer_bg.gif) no-repeat bottom left;
}

#summary_footer {margin: 20px 0 0 0;}
#summary_footer table th {background: #f0f0f0; text-align: center;}

#summary pre {
	font-family:				Arial;
	font-size:					11px;
	color:						#666;
}

.iZoom {
    left: 275px; /* big width */
    z-index: 1;
}










            #franchise  {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; margin:0 3px 3px; width: 720px; background:#F9F9F9; padding:20px; }
            #franchise h2{letter-spacing:0; color:#c00; font-size:18px; font-weight:bold; }
            #franchise h4 {letter-spacing:0; border-bottom: 1px solid #ccc; color: #c00; cursor: pointer; font: 13px Helvetica, Arial, sans-serif bold !important; line-height: 16px; margin: 0 0 4px 0; padding: 3px 5px 1px; }
            #franchise h4:hover{ color:#000; }
            #franchise .content, #franchise p{ text-align:justify;font-size:14px; }
            #franchise fieldset{ border-top:1px solid #ccc; font-size:14px; font-weigth:normal;}
            #franchise fieldset legend{color:#c00; font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;font-size: 14px;}
            #franchise input, #franchise label{font-size:12px !important; color:#666; }
            #franchise input[type="text"], #franchise select{ width:400px; font-size:12px;}
            #franchise p .bottom{ clear:both; display:block; }
            #franchise .in{ display:inline-block; }
            #franchise b{ font-size:12px; }
            #franchise label{font-weight:bold;}
            #franchise ul li, #franchise dl{font-size:14px;margin:5px 0;}
            #franchise fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ededed;}
            #franchise fieldset, #IE8#HACK {padding-top:1.4em;}
            #franchise legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
            #franchise .required{background:#ffc;}
            #franchise .a{ border-top: 1px solid #CCC; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-left: 1px solid #CCC; }
            #deal-plan dl dt{ color:#c00;font-weight:bold;margin-top:5px;margin-bottom:5px;letter-spacing: -1px; }
            #deal-plan dl dd { margin: 5px auto 5px 15px;list-style-type:; }
            input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
            div fieldset label, div fieldset input, div fieldset select { display:block; }
            div fieldset input[type="checkbox"], div fieldset input[type="radio"]{ display:inline; }