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

  Napoleon Octopus v2.75 CSS - http://www.napoleon.com.br/
  ----------------------------------------------------------------------------
  Development:	Lojcomm Internet Solutions - http://www.lojcomm.com.br/
  Programmer:	Liza Mitsue Nagao

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

/* --( general )------------------------------------------------------------- */
.tbl_row_P0	{background-color: #ffe973;}
.tbl_row_P1	{background-color: #ffe;}

.tbl_row_0	{background-color: #f8f8f8;}
.tbl_row_1	{background-color: #fff;}

.tbl_row_P0_mOver,
.tbl_row_P1_mOver,
.tbl_row_0_mOver,
.tbl_row_1_mOver{background-color: #eef;}

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: #636; color: #fff;}
table th {background:#b794b7; padding:4px; color: #fff;}

.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;
}

/* --( container )----------------------------------------------------------- */
body {text-align:				left;}

div#container {
	position:					relative;
	width:						770px;
	text-align:					left;
}

div#container_header {
	width:						100%;
	height:						287px;
	background:					url(../images/17/container_header_bg.jpg) no-repeat top left;
}

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

div#container_footer {
	width:						100%;
	height:						117px;
	margin:						20px 0 0 0;
	background:					url(../images/17/container_footer_bg.gif) no-repeat top left;
}

div#container_footer table {margin:	23px 0 0 0;}

div#container_footer table tr td {
	font-family:				Arial;
	font-size:					11px;
	color:						#999;
}

div#container_footer table tr td a {color:#666699;}
div#container_footer table tr td a:hover {color:#504c61;}



/* --( logo )---------------------------------------------------------------- */
div#logo {
	position:					absolute;
	top:						50px;
	left:						22px;
}



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



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



/* --( menu0 )--------------------------------------------------------------- */
div#menu0 {
	position:					absolute;
	top:						290px;
	right:						0;
}

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

div#menu0 li {
	display:					inline;
	margin:						0 0 0 10px;
}

div#menu0 a {
	font-family:				Georgia, Arial;
	font-size:					12px;
	font-weight:				bold;
	color:						#999;
	text-transform:				capitalize;
}
	div#menu0 a:hover {color: #669;}



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



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



/* --( quickSearch )--------------------------------------------------------- */
div#quickSearch {
	position:					absolute;
	top:						230px;
	left:						20px;
}

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

div#quickSearch li {float: left; display: inline;}

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

div#quickSearch li#quickSearch_i1 input {
	width:						120px;
	height:						15px;
    padding:                    1px 2px;
	background:					#fff;
	border-top:					1px solid #999;
	border-left:				1px solid #999;
	border-bottom:				1px solid #ccc;
	border-right:				1px solid #ccc;
}

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



/* --( menu2 )--------------------------------------------------------------- */
div#menu2 {
	float:						left;
	width:						160px;
	margin:						32px 0 0 0;
}

div#menu2 span {display:			block;}

div#menu2 span.mn2_header {
	display:					block;
	width:						150px;
	margin:						10px 0 0 10px;
}

div#menu2 a.mn2 span {
	font-family:				Georgia, Arial;
	font-weight:				normal;
	color:						#006;
	text-transform:				uppercase;
	cursor:						hand;
}

div#menu2 span.mn3 a {
	display:					block;
	width:						140px;
	margin:						0 0 0 20px;

	font-family:				Georgia, Arial;
	font-weight:				normal;
	color:						#666;
	text-transform:				lowercase;
	cursor:						hand;
}

div#menu2 span.mn3 a:hover {color:	#000;}

div#menu2 span.mn3 a.mn3over  {
	color:						#825597;
	font-weight:				bold;
}

div#menu2 span.mn3 span {padding:	1px 0;}

div#menu2 span#lojcomm {display:	none;}




/* --( banners )------------------------------------------------------------- */
div#banner_0 {
	position:					absolute;
	top:						0;
	left:						394px;
}

div#banner_1 {
	position:					absolute;
	top:						330px;
	right:						0;
}



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

div.framed {
	position:					relative;
	float:						left;
	display:					inline;
	width:						595px;
	margin:						140px 0 0 10px; /*30px 0 0 10px;*/
}

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

	line-height:				20px;
	font-family:				Verdana;
	font-size:					17px;
	font-weight:				normal;
	color:						#825597;
	text-transform:				capitalize;
	vertical-align:				middle;
}

div.framed h1 a {
	font-family:				Verdana;
	font-size:					17px;
	font-weight:				normal;
	color:						#825597;
	text-transform:				capitalize;
}
    div.framed h1 a:hover {text-decoration: underline;}

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



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



/* --( extra )-------------------------------------------------------------- */
div#extra_4 table td {
	font-size:					16px;
	color:						#c00;
}

div#extra_5 p,
div#extra_5 h2,
div#extra_5 li {font-size: 14px;}



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

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

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

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

div#help a {font-weight: normal;}

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

div.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;
}

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



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

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

div#contact td {
	width:						75%;
}

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



/* --( products )------------------------------------------------------------ */
div#products_header_dok {
	position:					absolute;
	top:						35px;
	right:						0;
	text-align:					right;
}

div#products_header_index {
	position:					absolute;
	top:						40px;
}
	html>body div#products_header_index {top:	37px;}

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

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

div#products_header_index b,
div#products_header_index a, 
div#products_footer_index b,
div#products_footer_index a {
	padding:					0 5px 0 5px;
	border-right:				1px dotted #666;
}

div#products_header_index b,
div#products_footer_index b {
	font-weight:				bold;
	color:						#939;
}

div#products_header_index a,
div#products_footer_index a {
	font-weight:				normal;
	color:						#666;
}
	div#products_header_index a:hover,
	div#products_footer_index a:hover {color: #c9c;}

#paginator-view-all {padding: 0 10px 0 0;}

#paginator-view-all font,
#paginator-back font,
#paginator-next font  {font-size: 11px;}

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

div#products_img {
	margin:						40px 0 0 0;
}

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

div#products_img li {
	float:						left;
	display:					inline;
	width:						187px;
	height:						220px;
	margin:						0 5px 10px 5px;
	padding:					0;
}

div#products_img div.item_box {
	position:					relative;
}

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

div#products_img div.item_img {top: 0;}
div#products_img div.item_txt {top: 130px;}
div#products_img div.item_buttons {top: 170px;}/* 200px */
div#products_img div.item_similars {display: none;}

div#products_img div.item_txt span.item_name a {
	display:					block;
	font-weight:				normal;
	color:						#999;
}
    div#products_img div.item_txt span.item_name a:hover {color: #96c;}

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

div#products_img div.item_txt span.item_listPrice {
	display:					block;
	margin:						5px 0 0 0;

	color:						#b49cc2;
	text-decoration:			line-through;
}

div#products_img div.item_txt span.item_ourPrice {
	display:					block;
	font-size:					12px;
	font-weight:				bold;
	color:						#825597;
}

div#products_img div.item_txt span.item_save {display:	none;}

div#products_img div.item_txt span.item_or {
	display:					none;
	font-size:					12px;
	color:						#999;
}

div#products_img ul li div.item_buttons span.item_btn_buy {display:	none;}

div#products_txt table {
	display:					block;
	float:						left;

	width:						100%;
	border-collapse:			collapse;
}

div#products_txt table tr td {padding:	4px;}

div#products_txt table tr td a:link,
div#products_txt table tr td a:visited {text-decoration:none;font-weight:normal;color:#339;}
div#products_txt table tr td a:hover {text-decoration:none;font-weight:normal;color:#66c;}



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

div#details_images {
	float:						left;
	width:						200px;
}

div#details_texts {
	float:						left;
	width:						395px;
}

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

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

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

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

div#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 #b49cc2;}

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

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

div#details_texts_prices table tr .tbl_row_1 {display:	none;}

div#details_texts_additional,
div#details_texts_selects,
div#details_texts_availability,
div#details_fixed {display:	none;}

div#details-text-parcels {display: none;}

div#details_texts_others {
    margin-top:                 30px;
    width:                      100%;
    text-align:                 center;
}

div#details_texts_prices {margin: 10px 0 0 0;}
div#details_texts_prices table {width: 100%;}
div#details_texts_prices table th {text-align:left;}
div#details_texts_prices thead th {text-align:center;}
div#details_texts_prices td {padding:4px;}



/* --( email a friend )------------------------------------------------------ */
div#emailFriend {
	width:						100%;
	text-align:					left;
}

div#emailFriend_header {
    display:                    block;
    width:                      100%;
    height:                     80px;
    background:					url(../images/17/tell_friend_bg.gif) no-repeat center center;
	border-bottom:				5px dotted #669;
}

div#emailFriend_body table {margin: 20px;}

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

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

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

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

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

div#emailFriend_header span {display: none;}

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