/* CSS Document */

* {position: relative; margin: 0; padding: 0; }
body {height: 100%; padding: 0px; background: #fff; color: #000; font: 12px/normal Tahoma, Arial, Helvetica, sans-serif; }

#main {width: 950px; margin: 0px auto;}

#top {width: 950px; height: 260px; margin-top: 20px;}
#header {width: 220px; height: 260px; float: left; background: transparent url('../images/water.jpg') center top no-repeat;}
#heading {width: 720px; height: 260px; margin-left: 10px; float: left;}
#mainMenu {width: 720px; height: 30px; margin-top: 46px; background: transparent url('../images/menu_bg.gif') left top repeat-x; margin-bottom: 5px;}
#startMenu {position: absolute; z-index: 999; left: 0px; top: 0px; width: 27px; height: 46px; background: transparent url('../images/menu_start.gif') left top no-repeat;}
#searchMenu {float: right; margin: 5px;}

#menuTop {position: absolute; width: 320px; height: 38px; top: -20px; right: 0px; background: #ededec url('../images/corner_gray_top.gif') left top no-repeat;}

#head {width: 720px; height: 180px; background: transparent url('../images/leaf.jpg') center top no-repeat;}

#logo {width: 133px; height: 34px; margin: 20px; background: transparent url('../images/logo.png') center top no-repeat;}


#left {float: left; width: 220px; margin-top: 10px;}
#right {float: left; width:720px; margin-left: 10px; margin-top: 10px; background: #ededec;}

.content {margin: 20px 10px 10px 20px;}
.pcontent {padding: 20px;}
.productContent {padding: 10px;}
.contentDetail {}

#mainMenu ul {list-style-type: none; list-style: none; margin-left: 30px;}
#mainMenu ul li {float: left; margin: 8px 16px;}
#mainMenu ul li a {color: #1db838; font-weight: bold; text-decoration: none;}
#mainMenu ul li a:hover {color: #fff; text-decoration: underline;}

#menuTop ul {list-style-type: none; list-style: none; margin-left: 20px;}
#menuTop ul li {float: left; margin: 10px 16px;}
#menuTop ul li a {}
#menuTop img {width: 16px; height: 16px;}

#menu {width: 220px; background: #f3f545;}
#menu ul {list-style-image:url('../images/list.png'); margin-left: 20px;}
#menu ul li {margin-bottom: 5px;}
#menu ul li:hover {background: #fff;}
#menu ul li a {font-size: 16px; font-weight: normal; color: #036fa5; text-decoration: none;}
#menu ul li a:hover { text-decoration: none;}

.box {width: 220px; background: #eee; margin-top: 10px;}

.clear {width: 100%; clear: both;}

.product {float: left; margin: 0px 12px 10px 0px; background: #fff; width: 160px; min-height: 280px;}
.product:hover {background: #e9e9e9;}
.product .photo {text-align: center;}
.product .name a {color: #036fa5; font-size: 16px; font-weight: normal; text-decoration: none;}
.product .name a:hover {text-decoration: underline;}
.product .description {color: #999; font-size: 10px; font-weight: normal; margin-top: 2px;}
.product .price {color: #57cb06; font-size: 14px; font-weight: bold; text-align: right; margin-top: 6px;}


#productDetail p {line-height: 1.5; margin-bottom: 10px;}
#productDetail p.description {font-size: 11px; color: #666;}
#productDetail .price {color: #57cb06; font-size: 14px; font-weight: bold; text-align: right; margin-top: 6px;}

.productInfo {float: right; width: 340px;}
.productPhoto {float: left; width: 300px;}

#prev {position: absolute; left: 40px; top: 0px; width: 113px; height: 23px; z-index:500;}
#next {position: absolute; right: 40px; top: 0px; width: 113px; height: 23px; z-index:500;}

.textDownload a {font-size: 12px; color: #ff1211; text-decoration: underline;}


.wrt {position: absolute; right: 0px; top: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_white_rt.png') right top no-repeat;}
.wlb {position: absolute; left: 0px; bottom: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_white_lb.png') right top no-repeat;}
.wlt {position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_white_lt.png') right top no-repeat;}
.wrb {position: absolute; right: 0px; bottom: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_white_rb.png') right top no-repeat;}

.grt {position: absolute; right: 0px; top: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_gray_rt.png') right top no-repeat;}
.glb {position: absolute; left: 0px; bottom: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_gray_lb.png') right top no-repeat;}
.glt {position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_gray_lt.png') right top no-repeat;}
.grb {position: absolute; right: 0px; bottom: 0px; width: 24px; height: 24px; background: transparent url('../images/corner_gray_rb.png') right top no-repeat;}

#smallCart p {color: #57cb06;}
#smallCart p.openCart a {color: #036fa5; line-height: 2;}

h1 {color: #036fa5; font: 24px/normal Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
h2 {color: #036fa5; font: 16px/normal Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 5px;}

#content p {font-size: 12px; text-align: justify;}
#content h2 {color: #57cb06; font: 16px/normal Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; margin: 10px 0px 0px;}
#content p.perex {color: #036fa5; text-align: left; font: 13px/normal Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 5px;}
#content .infoblock {width: 500px; margin: 10px; padding: 10px; background: #d9f1c5; border: 2px dotted #57cb06; color: #036fa5;}
#content .infoblock.inner {width: 300px; margin: 0px 0px 0px 10px; float: right;}
#content .infoblock p {text-align: left;}

.warnblock {width: 640px; margin: 10px; padding: 10px; background: #d9f1c5; border: 2px dotted #F3F545; color: #036fa5;}
.warnblock.inner {width: 620px; margin: 0px 0px 0px 10px; float: right;}
.warnblock head {font-weight:bold;}
.warnblock p {text-align: left;}


#whiteInner {background: #fff;}

#cart table {border-collapse: collapse; width: 100%;}
#cart table tr td {border: 1px solid #fff; padding: 3px; color: #036fa5;}
#cart table tr {background: #ddd;}
#cart table tr.title {background: #eee;}
#cart table tr:hover {background: #fff;}

#cart .title td {color: #57cb06;}
#cart p.perex {color: #999; font-size: 11px;}

#cart #buttons {text-align: right; margin-top: 5px;}
.bg120 {width: 120px; height: 28px; background: transparent url('../images/but_green_120.gif') center top no-repeat; border: 0px; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer;}
.bb120 {width: 120px; height: 28px; background: transparent url('../images/but_blue_120.gif') center top no-repeat; border: 0px; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer;}
.bgr120 {width: 120px; height: 28px; background: transparent url('../images/but_gray_120.gif') center top no-repeat; border: 0px; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer;}

#register .title td {color: #57cb06;}
#register p.perex {color: #999; font-size: 11px;}
#register #buttons {text-align: center; margin-top: 5px;}

#register fieldset {padding: 1em;font:100%/1 sans-serif; border: none; border-top: 1px dotted #57cb06; margin-top: 10px;}
#register label {float:left; width:28%; margin-right:0.5em; padding-top:0.2em; color: #57cb06; text-align:right; font-weight: normal;}
#register legend {padding: 0.2em 0.5em; border: 1px dotted #57cb06; color: #036fa5; font-size: 12px; text-align:left;}
#register input {margin: 3px 0px;}
#register textarea {margin: 3px 0px; width: 60%; height: 50px;}