@charset "utf-8";
/* CSS Document */

body {background-color: #fff; margin: 0; font: 11px "Trebuchet MS",Verdana, Arial; color: #363636}

/*predefined*/

p, form, img, table{padding:0; margin:0; border: 0} 
span{color: red}

a{text-decoration: underline;}
a:hover{text-decoration: none;}

h1 {font: bold 13px "Trebuchet MS",Verdana, Arial; color:#000; margin: 0 0 10px 0;}
h1 a {color:#000; text-decoration:none}
h2 {font: bold 14px "Trebuchet MS",Verdana, Arial; color:#1d1753; margin: 0; padding: 20px 0 0 0;  text-transform:uppercase; position:relative}
h3 {font: 12px arial; color:#c78d03; margin: 3px 0px 8px 10px; text-align:right}

input, select{ width: 135px;margin: 0; border-top: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font: 11px Arial, Helvetica, sans-serif; color: #363636; padding: 2px 3px 1px 3px}

.clear { clear:both; border-bottom: 1px dotted #ababab; padding-top: 5px; margin-right: 10px}
.hr {border-bottom: 3px solid #9c9c9c; height: 3px; font-size: 3px; line-height: 3px; clear:both; margin-bottom: 3px}
#container { margin: 0 auto 0 auto; width: 700px; position: relative;}

.bNone {border: none;}

.fRight {float: right}
.fLeft {float: left}

.tRight {text-align: right}
.tLeft {text-align: left}
.tCenter {text-align: left}

.relative {position: relative}


/* custom */
#back {position: absolute; top: -35px; right: 0px; padding: 1px 5px;}
#back a {padding: 1px 5px; background: #72b41c; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; cursor: pointer}
.clear1 {clear:both; padding-top: 15px;}
.clear2 {clear:both;}
#error_box {background-color: #eee;font-size: 14px; line-height: 16px; text-transform: uppercase;color: white;font-weight: bold;padding: 10px;text-align: center; margin:0 10px 10px 0; color: #f00}

#top {position: absolute; left: 185px; margin: 0; padding: 0; list-style: none;}
#top li {padding: 0 0 0 15px; float:left}
#top p { padding-top: 5px; clear:both}
#top a {color: #f00}
#top span a {color: #000; text-decoration: none}
#top input{ border: 1px solid #9c9c9c; width: 98px; margin: 0 0 1px 0}
#top dl {margin: 3px 0 0 0; padding: 0; width: 150px;}
#top dd {margin: 0; padding: 0; float: left;}
#top dt {margin: 0; padding: 0; float: left; width: 40px}
#top .clear { border: none; padding-top: 0}
#login { position: absolute; top: 4px; right: -75px;line-height: 19px;}

#choice {margin: 0; padding: 0; list-style: none; position: absolute; top: 88px; left: 200px}
#choice li {float: left; width: 99px; height: 80px; border-right: 1px dotted #aaa; position: relative; font: 11px/12px "Trebuchet MS",Verdana, Arial; color: #333;}
#choice li select {width: 90px; border: 1px solid #bbb; margin: 0; padding: 0; font: 11px/12px "Trebuchet MS",Verdana, Arial; height: 20px; position: absolute; left: 5px; top: 48px;}
#choice li p {position: relative; top: 18px; padding: 0 4px; text-align: center}
#choice li span{position: absolute; top: -25px; right: 0px; padding-right: 3px; font: 30px "Trebuchet MS",Verdana, Arial; color: #9b9b9b; border-bottom: 1px dotted #aaa;}
#choice li input { width: 60px; margin: 0 0 3px 0; position: relative; top: 10px; left: 20px; background:url(/images/send-button.gif) repeat-x; color: #fff; border: none}


#logo { position:absolute; left: 0px; top: 16px}
#index { position:absolute; top: 170px; width: 700px;}
#menu {margin: 0; padding: 0; list-style: none;}

#menu li {width: 99px; padding:0; margin:0;display: inline; float: left; text-align: center; height: 71px;}
#menu li#search {width: 201px; background:url(/images/search.gif) repeat-x; margin-right: 4px; text-align: left; color: #fff}
#menu li#search a{background: none; display:inline; text-transform:none; font: 11px "Trebuchet MS",Verdana, Arial; color: #ffff9b; text-decoration:underline; position: relative; left: 53px;}
#menu li#search p{ margin: 10px 10px 10px 20px}
#menu li#search .submit{ background:url(/images/search-button.gif) no-repeat; width:20px; height: 20px; border: none; margin: 0 0 0 4px; cursor: pointer}
#menu span{ color: #fff; position: relative; top: 17px;}
#menu span.row1 {top: 27px;}
#menu li a{background:url(/images/menu.gif) repeat-x; display: block; width: 100%; height: 100%; text-transform:uppercase; font: bold 14px "Trebuchet MS",Verdana, Arial; color: #fff; text-decoration:none}
#menu li a:hover,
#menu li a.select{ background:url(/images/menu_over.gif) repeat-x; text-decoration:none}

#copyright {float: left}
#copyright a{ font-weight:bold;color: #51b500;}
#created { width: 250px; text-align:center; margin: 0; font:  11px Tahoma, Arial, Helvetica, sans-serif; padding-bottom: 15px; float: right;}
#created a{ font-weight:bold;color: #51b500;}

#left {width: 200px;float: left; position: relative; top: 0;}
#left h2{color:#ff9100; position; relative; left: 20px}
#products {background: #f3f3f3; margin-bottom: 5px}
#products .hr {margin: 8px 10px 3px 10px; border-bottom: 2px solid #9c9c9c; height: 1px; font-size: 1px; line-height: 1px; clear:both;}
#products ul {margin: 0; padding: 5px 0 0 0; list-style: none; width: 155px; margin: 0 0 0 20px;}
#products ul li { border-bottom: 1px dotted #7b7b7b; padding: 2px 0 2px 0}
#products ul li.last { border-bottom: none; padding: 2px 0 20px 0}
#products ul li img { padding: 0 7px 1px 0}
#products a{color: #363636; text-decoration: none; display:block;}
#left img {padding-bottom: 5px;}

#right {float: left; position: relative; top: 0px; left: 12px; width: 498px; font: 11px/12px "Trebuchet MS",Verdana, Arial; color: #000; overflow:hidden}
#right h2{ margin-left: 0;}
#right h2 img { position: absolute; left: -10px; top: 25px}
#right p {padding-right: 10px}
#right .hr {margin: 8px 10px 10px 0; border-bottom: 2px solid #9c9c9c; height: 1px; font-size: 1px; line-height: 1px; clear:both;}
#reg dl {margin: 0; padding: 0;}
#reg dt{ float:left; width: 120px;  margin: 0; padding: 0;}
#reg dd{ float:left; margin: 0 0px 0 0;padding: 0 20px 0 0; width: 98px;}
#reg dl input { height: 15px; border: 1px solid #9c9c9c; width: 92px}
#right dl select { height: 17px; border: 1px solid #9c9c9c; width: 100px}
#reg .colL { float: left; position: relative; top: 30px;padding: 0; margin: 0}
#reg .colR { float: left; position: relative; top: 30px;padding: 0; margin: 0}
#reg .colL .clear, #right .colR .clear  { clear:both; border: none; padding: 0}

.regbtns, .regbtnsa { float:right ; display: inline; position: relative; right: 30px;}
.regbtns #btnActionSend {background: #72b41c url(/images/arrow-white.gif) no-repeat 31px 50%}
.regbtns #btnActionReset, .regbtnsa #btnActionReset {background: #72b41c url(/images/arrow-white.gif) no-repeat 42px 50%}
.regbtnsa #btnActionSend {background: #72b41c url(/images/arrow-white.gif) no-repeat 28px 50%}

#detail {margin: 10px 0; padding: 0;}
#detail input {width: 50px; border: 1px solid #9c9c9c;}
#detail .product-img{float:left; position:relative; top: 0px;  padding:0; margin: 0 50px 0 0; width: 175px; height: 150px; overflow: hidden; }
#buy {float:left; position:relative; top: 0px; border-left: 1px dotted #ababab; padding: 0 0 0 30px;width: 230px}
#buy dt {margin: 0; padding: 0; float: left; width: 110px;}
#buy dd {margin: 0; padding: 0; float: left; font-style: italic;}

.btnGray  {padding: 1px 5px; background:#9b9b9b; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none}
.btnGreen, #btnChangeCart, #btnEmptyCart {padding: 1px 5px; background: #72b41c; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; cursor: pointer}

.pad {padding: 1px 5px}
#btnChangeCart{background: #72b41c url(/images/arrow-white.gif) no-repeat 35px 50%}
#btnEmptyCart{background: #72b41c url(/images/arrow-white.gif) no-repeat 18px 50%}
#btnActionSend {background: #72b41c url(/images/arrow-white.gif) no-repeat 15px 50%}

a.info{ margin: 0 0 0 50px; }
span.cart{ margin: 0 5px;}
span.cart a { color:#fff; text-decoration: none;padding: 1px 5px;}

.btns input {padding: 1px 5px; background-color:#72b41c; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border: none; cursor: pointer}
.btns a {padding: 2px 5px; background-color:#72b41c; font: bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border: none; cursor: pointer}

.price{ font-size: 12px; font-weight: bold; padding: 10px 0 4px 0}

.item {width: 162px; height: 295px; float: left; border-top: 1px dotted #ababab; border-right: 1px dotted #ababab; margin: 0 0 15px 0; overflow:hidden; text-align: center; position: relative; left: -1px}
.item h1 { padding: 0 3px;}
.item input {width: 50px; border: 1px solid #9c9c9c; margin: 3px 0}
.it1, .it2, .it3 {border-top: none}
.item h1{margin: 0 0 0 0; font:bold 11px/13px Tahoma, Arial, Helvetica; color:#251a68}
.item a.info{ margin: 0}
.item .product-img {width: 150px; height: 150px; overflow: hidden;  margin: 10px auto;}

.table {border-top: 1px solid white; width: 475px}
.table .table_head {position: relative;	z-index: 20;clear: both;background: #dcdcdc;color: #000; height: 20px}
.table .table_head span {background: #dcdcdc; padding-top: 4px}
.table .table_line {position: relative;	clear: both;margin: 2px 0px; border-bottom: 1px solid #ccc; padding: 0 0 3px 0}

.table a {display: block;color: #868686;cursor: pointer; text-decoration: none; background: white;}
.table a span {	cursor: pointer;	}
.table a:hover {	color:	#99cf15;	background: white;	}
.table .table_line a.prod {	display: block;	}

.table span {	display: block;	xborder-top: 1px solid red;	color: #333}

.table .row1 {	position: absolute;	left: 0px;	top: 0px;	width: 55px;	cursor: pointer;}
.table .row2 {	position: relative;	margin-left: 60px;	display: block;	width: 300px;	cursor: pointer;}
.table .row3 {	position: absolute;	margin-left: 350px;	top: 0px;	float: left;width: 50px;cursor: pointer;}
.table .row4 {	position: absolute;	left: 410px;	top: 0px;	float: right;width: 60px;cursor: pointer;text-align: right;}
.cart .row2 {	width: 320px;	}
.table .clear {	position: relative;	z-index: 0;	width: 500px;	}
.table a {	position: relative;	z-index: 10;	}

.table .table_head .row1, .table .table_head .row1od, .table .table_head .row1o {	padding-left: 5px;	}
.table .table_head .row3, .table .table_head .row3od, .table .table_head .row4o {	padding-right: 5px;	}

.fin_price {position: relative; left: 100px; width: 370px}
.fin_price dl {margin: 0; padding: 0; }
.fin_price dl.total {background-color: #ff9a00}
.fin_price dl.total dd{border-top: 7px solid #ff9a00; background: #ff9a00}
.fin_price dl.total dt{border-top: 7px solid #ff9a00;background: #ff9a00}
.fin_price dt {	color: black;background: #eee;	float: left;	width: 270px;	text-align: left; margin:1px 0 0 0; padding: 0; height: 15px; border-top: 7px solid #eee;}
.fin_price dd {	color: black;background: #eee;	float: left;	width: 100px;	text-align: center; margin:1px 0 0 0; padding: 0; height: 15px; border-top: 7px solid #eee;}
.fin_price dd.red {	color: #000;	font-weight: bold;	}
.fin_price dd.clear {	float: none;	clear: both;	background: transparent;margin: 0px;padding-top: 0; border: none; height: 0px; line-height: 0px; font-size: 0px}

.shop {position: absolute; top: -1px; left: 255px; z-index: 99}
.shop input {width: 10px; border: 1px solid #9c9c9c; height: 11px; padding: 0 1px 2px 2px}
.shop a {display: inline; background: none; color: #f00; font-size: 11px; position: relative; top: 0px}
.shop a:hover { text-decoration: underline; color: #f00; background: none}

#paging {text-align: center; margin: 0 auto; clear:both; width: 250px;}
#paging div {float:left;text-align:center;width:50px;}
#paging .arrow1off , #paging .arrow2off, #paging .arrow3off, #paging .arrow4off{width: 50px; height: 20px;  }
#paging a { color: #777; text-decoration: none; display: block; padding: 2px 5px;}
#paging a:hover { color: #72b41c; text-decoration:underline}

.pat {margin: 0; padding: 0;}
.pat dt{ float:left; width: 120px;  margin: 0; padding: 0;}
.pat dd{ float:left; margin: 0 0px 0 0;padding: 0 20px 0 0; width: 130px;}
.pat span{ color: #555}
.pat input { height: auto; border: none; width: auto}

.certificate {border-right: medium none; border-top: medium none; border-left: medium none; width: 100%; border-bottom: medium none; text-align: center; font-weight: bold;position: relative; left: -5px}
.certificate img{ border: 1px solid #ddd}
.certificate a {text-decoration: none; color: black}
#lista{
  margin: 0px;
  clear: both;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 100%;
}
#lista ul{
  margin: 0px;
  padding: 0px 0px 5px 0px;
  list-style: none;
}
#lista ul li{
  margin: 0px 4px 0px 4px;
  padding: 0px;
  display: inline;
  color: #000;
}
#lista ul li a{
  color: #000;
}