 /* CSS Document */

.test {background: #000; border: 1px solid #999;}

* {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
body, input, button, select, td, th {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color:#000;}
/body {background: #fff; background-image: url(../images/page_21.jpg); background-position: center; text-align: center; font-size:12px;}
body {margin: 0px; background: #fff url(../images/bak.jpg); background-repeat: repeat-y; text-align: center; font-size:12px;}
table {border-collapse:collapse; border:0px;}
th {text-align:left}
td {vertical-align:top; font-size:11px;}
img {border:none;}
blockquote {margin:0px 0px 14px 40px;}
ul {margin:0px 0px 14px 40px;  font-size:11px;}
h1 {font-size: 16px; color: #999; padding: 12px 0px 20px 0px;}
h2 {font-size: 13px; color: #999999 font-weight:bold; padding:10px 0px 10px 0px;}
h3 {margin: 20px 0px 20px 0px; display: block; width: 400px; background: #c1d6e0; font-size: 13px; color: #000; font-weight:bold; padding:3px 0px 5px 8px;}
p {padding:0px 0px 10px 0px; font-size:11px;}
a:link, a:visited {color: #58707B; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
.separator {width:100%; height:1px; clear:both;}

.wrapper {width: 100%; margin: 0px auto 0px auto;}

.header {width: 100%; height: 160px; margin: 0px 0px 0px 0px; background: url(../images/page_01.jpg); background-repeat: no-repeat;}

.logo img {float: left; margin: 0px auto 0px 0px;}

#searchtop {margin: 0px 24px 0px 0px; height: 20px; text-align: right; font-size: 10px; color: #000;}
#searchtop .input {width: 120px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; padding: 0;}
#searchtop .go-butt {font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; height: 16px; width: 22px}

.navtoptop {margin: 0px 24px 0px 0px; font-size: 10px; color: #ccc;}
.navtoptop a:link, .navtoptop a:visited {text-decoration: none; padding: 6px 8px 6px 8px;}
.navtoptop a:hover {color: #000; text-decoration: underline;}

.skeletable {width: 100%; padding:0px 0px 0px 0px;}
.left {width: 206px; background: url(../images/page_02.jpg); background-position: top; background-repeat: no-repeat; text-align: center;}
/.center {width: 90%;}
/.right {width: 217px;}

.navleft {width: 206px; margin: 0px 0px 30px 0px;}

.navleftsub {width: 180px; margin: 0px 0px 30px 0px; text-align:right;}
.navleftsub h3 {margin: 0px 0px 10px 0px; font-size: 12px; font-weight: ; color: #666;}
.navleftsub div {width: 180px; margin: 10px 20px 30px 0px; font-size: 10px; font-weight: bold;}
.navleftsub a:link, .navleftsub a:visited {color:#687479; text-decoration:none;}
.navleftsub a:hover {color:#000; text-decoration:underline;}

.bodyarea {margin: 0px 60px 40px 20px;}

.breadcrumbs {margin: 0px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
.breadcrumbs ol {list-style-type: none; paddingx: 4px 12px; margin: 0;}
.breadcrumbs li {float: left; display: block;}
.breadcrumbs a:link, .breadcrumbs a:visited {text-decoration: none;} 
.breadcrumbs a:hover {color: #000; text-decoration: underline;}

.mainbody-left {width: 120px;}
.mainbody-center {width: 20px; border-left: 1px solid #999;}
.mainbody-right {}
.mainbody-farright {width: 40px;}

.no-padding {padding;0px; font-size:12px;}
.images-main {float:right;margin: 0px 0px 20px 20px; padding:5px; border: 1px solid #999;}
.images-main-inline {float:right; clear:both; margin: 0px 0px 20px 20px; padding:5px; border: 1px solid #999; text-align: center; font-size:10px;}
.images-main-inline img {width:150px;}
.images-main-inline-ctr {width:160px; clear:both; margin: 0px auto 12px auto; padding:5px; border: 1px solid #999; text-align: center; font-size:10px;}
.images-main-inline-ctr img {width:150px;}

#productlist td {font-size: 11px;}
#productlist .products-list-left {width:160px; text-align:center; color:#999;}
#productdetail {font-size: 11px;}

.table-subheader {font-size: 12px; font-weight: bold; color: #333; background-color: #c1d6e0;}
.field-label {padding: 3px 3px 3px 5px; vertical-align: middle; font-size: 10px; color: #666; background-color: #c1d6e0;}
.input {margin: 0px 0px 4px 4px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height: 18px; width: 250px}
.price {font-size: 11px; font-weight: bold; color: #C00}
.input-qty {margin: 0px 0px 4px 4px;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; height: 18px; width: 50px}
.input-sm {margin: 0px 0px 4px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; height: 18px; width: 100px}
.select {margin: 0px 0px 4px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height: 18px; width: 250px }
.textarea {margin: 0px 0px 4px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height: 100px; width: 250px }
.textarea-big {margin: 0px 0px 4px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; height: 260px; width: 400px }
.checkbox {margin: 0px 0px 4px 4px; color: #000000;}
.submit {margin: 0px 0px 4px 4px; border: 1px solid #999; width: 74px; height: 19px; background: #c1d6e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000;}
.add-cart-butt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000; height: 18px; width: 64px}

.cart_main table {width:600px; border: 1px solid #c1d6e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; margin: auto auto 20px auto; }
.cart_main th {border: 1px solid #c1d6e0; padding: 6px; background: #c1d6e0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; font-weight: bold;}
.cart_main td {border: 1px solid #c1d6e0; padding: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none;}
.catalogquantity {margin: 5px 0 5px 0; width: 50px; height: 18px; font-size: 10px; padding: 0;}
.subtotal {width:580px; margin: 12px 20px 0px 0px; text-align: right; font-size: 12px; color: #000; font-weight: bold; clear:both;}
.discount {width:580px; margin: 15px 0px 5px 0px; font-size: 12px; color: #000; clear:both;}
.cartupdate {margin: 6px 0 0 30px; width: 80px; height: 19px; border: 1px solid #666; background: #c1d6e0; font-size: 11px; color: #000;}
.cart-butts {width:580px;}
.contbutton {float: left; margin: 10px 0 30px 0px; padding: 3px; border: 1px solid #666; background: #c1d6e0; font-size: 13px; color: #000; font-weight: bold; text-decoration:none;}
.checkoutbutton {float: right; margin: 10px 0 30px 0px;  padding: 3px; border: 1px solid #666; background: #c1d6e0; font-size: 13px; color: #000; font-weight: bold;}

.maintable {border: 1px solid #c1d6e0; font-size: 10px; color: #333; margin: auto auto 20px auto; }
.bodycell {border: 1px solid #c1d6e0; padding: 3}
.bodycelltext {font-size: 11px;}
.labelcell {border: 1px solid #c1d6e0; padding: 3; vertical-align: middle;}
.labelcelltext {color: #000; font-size: 12px; font-weight: bold; text-decoration: none }
.checkout_receipt {float:right; clear:both; margin: 20px 0px 0px 0px; border: 1px solid #c1d6e0; }
.checkout_receipt td {border: 1px solid #c1d6e0; font-size: 12px; color: #333;}
.orderdetails payment {clear:both; margin: 20px 0px 0px 0px; border: 1px solid #c1d6e0; }
.orderdetails payment td {border: 1px solid #c1d6e0; }
.submitorder {float: right; margin: 10px 0 30px 0px;  padding: 3px; border: 1px solid #666; background: #c1d6e0; font-size: 13px; color: #000; font-weight: bold;}

.videominibox {margin: 0px 0px 10px 20px; width:115px; border:1px solid #CCC;}
.videominiboxheader {background: #c1d6e0; padding: 3px; font-size: 10px; font-weight:bold; text-align:center;}
.videominiboxbody {padding: 3px; font-size: 9px; color: #444; text-align:center;}

/* Featureboxes */

.featureboxwide {margin: 10px 10px 10px 10px; width:620px; height:150px; border:1px solid #CCC;}
.featureboxheaderwide {height:20px; background: #c1d6e0; padding: 3px; font-size: 11px; font-weight:bold; text-align:center;}
.featureboxbodywide {padding: 8px; font-size: 10px; color: #444;}

.featurebox {margin: 10px 10px 10px 10px; width:300px; height:150px; border:1px solid #CCC;}
.featureboxheader {height:20px; background: #c1d6e0; padding: 3px; font-size: 11px; font-weight:bold; text-align:center;}
.featureboxbody {padding: 8px; font-size: 10px; color: #444;}

.socialblock td {padding:3px; font-size:9px;}

/* Calendar */

table.calendarMonth {width: 240px; border: 1px solid #c1d6e0; margin-top: 10px;}
tr.calendarWeekHeader {background-color: #c1d6e0;}
tr.calendarWeek {}
td.calendarDayHeader {text-align: center; padding: 2px;}
td.calendarDay {text-align: center; padding: 2px;}
td.calendarDayWithItems {text-align: center; padding : 2px; background-color: #c1d6e0; text-decoration: none;}

/* Footer, etc. */

.footer {margin: 40px 0px 30px 26px; text-alignx: left;}
.hr {width: 94%; margin: 0px 26px 0px 0px; height: 1px; border-bottom: 1px solid #ccc;}

.contactfooter {margin: 15px 0px 15px 26px; text-align: left; font-size:10px; color: #666;}
/.contactfooter a:link, .contactfooter a:visited {color: #000; text-decoration: none; }
/.contactfooter a:hover {color: #00f; text-decoration: underline;}

.navfooter {width:90%; margin: 18px 0px 0px 0px; text-align: center; font-size:11px; font-weight: normal; color: #ccc;}
.navfooter a:link, .navfooter a:visited {text-decoration: none; padding: 6px 8px 6px 8px; line-height:20px;}
.navfooter a:hover {color: #000; text-decoration: underline;}

.copyright {margin: 20px 0px 0px 0px; text-align: center; font-size:9px; color: #666;}
/.copyright a:link, .copyright a:visited {color: #c59d4f; text-decoration: none; padding: 10px 20px 10px 20px;}
/.copyright a:hover {color: #fff; text-decoration: underline;}
