body { background: #c2c2c2 url(/gfx/bg_body.gif) repeat-x 0 0; color: #dedede; }

#wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 978px; background: url(/gfx/bg_wrapper.gif) repeat-y 0 0; }

#container { overflow: auto; }
#left { float: left; width: 186px; }
#content { float: left; width: 606px; }
#right { float: right; width: 186px; }
#right .container { padding: 0 10px; }

#header { }
#top { height: 159px; *height: 161px; background-color: #000; }
#top .std { padding: 0 20px; }
#top li { font-size: 11px; }
/*#top p { font-size: 11px; }*/
#top .col1 { float: left; width: 50%; text-align: left; }
#top .col1 .lostpassword { font-size: 10px; }
#top .col2 { float: right; width: 50%; text-align: right; }
#top .col2 strong { color: #51bec8; }
#top .col2 li { text-align: right; }

#menu { background-color: #295f64; height: 27px; }
#menu ul { margin: 0 0 0 15px; padding: 0; }
#menu li { margin: 0 15px 0 0; float: left; list-style: none; }
#menu a { color: #fff; text-decoration: none; display: block; padding: 7px 5px 8px 5px; *padding-top: 2px; }
#menu li.current a,
#menu a:hover { color: #f00; text-decoration: none; background: url(/gfx/bg_menu_on.gif) repeat-x 0 0; }

#footer { clear: both; color: #c4c4c4; }
#footer p { font-size: 11px; margin: 5px 10px 0 10px; }
#footer .left { float: left; width: 186px; background-color: #a5a4a4; height: 60px; }
#footer .content { float: left; width: 606px; background-color: #6a6969; height: 60px; text-align: center; }
#footer .right { float: right; width: 186px; background-color: #a5a4a4; height: 60px; }
#footer .right a { color: #c5c5c5; font-size: 10px; }
#footer .right span { padding: 0 5px; color: #c5c5c5; font-size: 10px; }
#footer ul.menu { margin: 5px 0; padding: 0; }
#footer ul.menu li { list-style: none; display: inline; font-size: 11px; margin: 0; }
#footer ul.menu a { color: #b7b7b7; text-decoration: none; }
#footer ul.menu a:hover { color: #51bec8; text-decoration: underline; }

ul.categories { margin: 0; padding: 0;}
ul.categories li a { color: #909090; text-decoration: none; padding: 3px 0; }
ul.categories li.current a.web,
ul.categories ul li a.current,
ul.categories ul li a:hover,
ul.categories li a.web:hover { color: #f00; text-decoration: none; }
ul.categories li { font-size: 16px; color: #909090; list-style: none; margin: 10px 0 0 10px; }
ul.categories ul { margin: 10px 0 0 15px; }
ul.categories ul li { font-size: 12px; margin-top: 0px; font-size: 11px; }

#cat_1 a.web { background: url(/gfx/cat_1.gif) no-repeat 0 0; padding-left: 25px; }
#cat_1.current a.web,
#cat_1 a.web:hover { background: url(/gfx/cat_1_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_2 a.web { background: url(/gfx/cat_2.gif) no-repeat 0 0; padding-left: 25px; }
#cat_2.current a.web,
#cat_2 a.web:hover { background: url(/gfx/cat_2_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_3 a.web { background: url(/gfx/cat_3.gif) no-repeat 0 0; padding-left: 25px; }
#cat_3.current a.web,
#cat_3 a.web:hover { background: url(/gfx/cat_3_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_4 a.web { background: url(/gfx/cat_4.gif) no-repeat 0 0; padding-left: 25px; }
#cat_4.current a.web,
#cat_4 a.web:hover { background: url(/gfx/cat_4_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_5 a.web { background: url(/gfx/cat_5.gif) no-repeat 0 0; padding-left: 25px; }
#cat_5.current a.web,
#cat_5 a.web:hover { background: url(/gfx/cat_5_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_6 a.web { background: url(/gfx/cat_6.gif) no-repeat 0 0; padding-left: 25px; }
#cat_6.current a.web,
#cat_6 a.web:hover { background: url(/gfx/cat_6_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_7 a.web { background: url(/gfx/cat_7.gif) no-repeat 0 0; padding-left: 25px; }
#cat_7.current a.web,
#cat_7 a.web:hover { background: url(/gfx/cat_7_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_8 a.web { background: url(/gfx/cat_8.gif) no-repeat 0 0; padding-left: 25px; }
#cat_8.current a.web,
#cat_8 a.web:hover { background: url(/gfx/cat_8_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_9 a.web { background: url(/gfx/cat_9.gif) no-repeat 0 0; padding-left: 25px; }
#cat_9.current a.web,
#cat_9 a.web:hover { background: url(/gfx/cat_9_on.gif) no-repeat 0 0; padding-left: 25px; }

#cat_1 ul a.web:hover,
#cat_1 ul a.web { padding: 0; background: none; }
#cat_2 ul a.web:hover,
#cat_2 ul a.web { padding: 0; background: none; }
#cat_3 ul a.web:hover,
#cat_3 ul a.web { padding: 0; background: none; }
#cat_4 ul a.web:hover,
#cat_4 ul a.web { padding: 0; background: none; }
#cat_5 ul a.web:hover,
#cat_5 ul a.web { padding: 0; background: none; }
#cat_6 ul a.web:hover,
#cat_6 ul a.web { padding: 0; background: none; }
#cat_7 ul a.web:hover,
#cat_7 ul a.web { padding: 0; background: none; }
#cat_8 ul a.web:hover,
#cat_8 ul a.web { padding: 0; background: none; }
#cat_9 ul a.web:hover,
#cat_9 ul a.web { padding: 0; background: none; }

h1 { font-size: 24px; margin: 20px; color: #f00; text-align: right; }
h2 { font-size: 20px; margin: 10px 0; color: #51bec8; }
h3 { font-size: 15px; margin: 10px 20px; color: #51bec8; font-family: verdana; font-weight: normal; }
p { color: #dedede; }

p.text { margin: 5px 20px; }
p.pager { margin: 5px 8px; font-size: 11px; }
p.breadcrumbs { margin: 25px 20px 15px 20px; font-size: 11px; float: left; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a { color: #51bec8; text-decoration: none; }
a:hover { text-decoration: underline; }
     
.cart { background: #000 url(/gfx/bg_box_cart_bottom.gif) no-repeat 0 bottom; padding: 5px; margin: 0 0 10px 0; }
.cart h2 { margin: 0; padding: 5px 0 0 0; margin: 0 0 10px 0; }
.cart p { color: #909090; font-size: 11px; margin: 5px 0; line-height: 120% }
.cart .price { color: #51bec8; font-weight: bold; line-height: 110%; }
.cart .buttonrow { margin-top: 10px; }
.cart ul { margin: 0; padding: 0; }
.cart li { font-size: 10px; margin: 0; line-height: 120%; }

.top { background: #2e2e2e url(/gfx/bg_box_top_top.gif) no-repeat 0 top; margin: 0 0 10px 0;  }
.top h2 { margin: 0; padding: 5px 0 0 0; margin: 0 0 10px 0; }
.top h2 span { color: #f00; }
.top .std { padding: 5px; background: url(/gfx/bg_box_top_bottom.gif) no-repeat 0 bottom; }
.top p { color: #909090; font-size: 11px; margin: 10px 0; line-height: 130%; text-align: center; }
.top .price { color: #51bec8; font-weight: bold; line-height: 110%; }
.top div.nr_1 { background: url(/gfx/nr_1.gif) no-repeat 0 0; }
.top div.nr_2 { background: url(/gfx/nr_2.gif) no-repeat 0 0; }
.top div.nr_3 { background: url(/gfx/nr_3.gif) no-repeat 0 0; }
.top div.nr_4 { background: url(/gfx/nr_4.gif) no-repeat 0 0; }
.top div.nr_5 { background: url(/gfx/nr_5.gif) no-repeat 0 0; }

.whatsnew { background: #474747 url(/gfx/bg_box_whatsnew_top.gif) no-repeat 0 top; margin: 0 0 10px 0;  }
.whatsnew h2 { margin: 0; padding: 5px 0 0 0; margin: 0 0 10px 0; }
.whatsnew h2 span { color: #f00; }
.whatsnew .std { padding: 5px; background: url(/gfx/bg_box_whatsnew_bottom.gif) no-repeat 0 bottom; }
.whatsnew p { color: #909090; font-size: 11px; margin: 10px 0; line-height: 130%; text-align: center; }
.whatsnew .price { color: #51bec8; font-weight: bold; }

.page-default { padding: 20px; }
.page-default table { padding: 0 10px; }
.page-default td { width: 163px; height: 113px; padding: 0 28px 21px 0;}
.page-default td.last { padding: 0 0 21px 0; }

.plate { width: 291px; margin: 4px 0 4px 8px; float: left; background: #295f64 url(/gfx/bg_plate_top.gif) no-repeat 0 0; }
.plate p { padding: 5px 5px 0 5px; margin: 0; font-size: 11px; color: #dedede; line-height: 130%; }
.plate p img { margin: 0 5px 5px 0; }
.plate .footer { clear: both; background: #335d61 url(/gfx/bg_plate_footer_bg.gif) repeat-x 0 0; overflow: auto; padding: 5px 0 0 0; }
.plate p.std { background: transparent url(/gfx/bg_plate_footer.gif) no-repeat 0 bottom; padding: 0 5px 5px 5px; text-align: center; }
.plate .title { color: #51bec8; font-weight: bold; }
.plate .price { font-size: 14px; color: #51bec8; font-weight: bold; }

button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { overflow:visible; width: auto; background: none; border: none; cursor: pointer; text-transform: uppercase; }
button.button span { display:block; background: url(/gfx/bg_button_left.gif) 0 0 no-repeat; }
button.button span span { display:block; background: url(/gfx/bg_button_right.gif) right top no-repeat; margin:0; padding: 0 4px;}
button.button span span span{ background: url(/gfx/bg_button.gif) 0 0 repeat-x; display: block; margin:0; padding: 2px 2px 3px 2px; font-size: 9px; font-weight: bold; text-align: center; white-space: nowrap; color: #fff; }

button.button span.green { background: url(/gfx/bg_button_green_left.gif) 0 0 no-repeat; }
button.button span.green span { background: url(/gfx/bg_button_green_right.gif) right top no-repeat; }
button.button span.green span span{ background: url(/gfx/bg_button_green.gif) 0 0 repeat-x; }

button.button span.gray { background: url(/gfx/bg_button_gray_left.gif) 0 0 no-repeat; }
button.button span.gray span { background: url(/gfx/bg_button_gray_right.gif) right top no-repeat; }
button.button span.gray span span{ background: url(/gfx/bg_button_gray.gif) 0 0 repeat-x; }

button.button span.cyan { background: url(/gfx/bg_button_cyan_left.gif) 0 0 no-repeat; }
button.button span.cyan span { background: url(/gfx/bg_button_cyan_right.gif) right top no-repeat; }
button.button span.cyan span span{ background: url(/gfx/bg_button_cyan.gif) 0 0 repeat-x; }

.page-contact { padding: 0 20px; }
.page-contact .col1 { float: left; width: 310px; }
.page-contact .col2 { float: right; }
.page-contact h3 { margin-left: 0; margin-right: 0; }
.page-contact li { font-size: 11px; }
.page-contact li span { color: #51bec8; font-weight: bold; }

.input-300 { background-color: #ebebeb; border: none; width: 300px; padding: 2px 4px; }
.input-250 { background-color: #ebebeb; border: none; width: 250px; padding: 2px 4px; }
.input-150 { background-color: #ebebeb; border: none; width: 150px; padding: 2px 4px; }
.input-50 { background-color: #ebebeb; border: none; width: 50px; padding: 2px 4px; }
.input-25 { background-color: #ebebeb; border: none; width: 25px; padding: 2px 4px; }
.input-250x100 { background-color: #ebebeb; border: none; width: 250px; height: 100px; } 
.input-300x180 { background-color: #ebebeb; border: none; width: 300px; height: 180px; }

ul.list,
ul.errors,
ul.form-list { list-style: none; }

ul.errors li { font-size: 11px; }
ul.form-list li { margin: 3px 0; }

.red,
.errors { color: #f00; }
.ok { color: #0f0; font-size: 11px; }

.page-pages { padding: 0 20px; }
.page-pages li, .page-pages p { font-size: 11px; line-height: 140%; }

.page-detail { padding: 0 20px; }
.page-detail p { font-size: 11px; line-height: 150%; text-align: justify; }
.page-detail .detail p { line-height: 180%; }
.page-detail .detail { border-bottom: 1px dotted #777; margin: 0 0 20px 0; padding: 0 0 20px 0; }
.page-detail .price { font-size: 14px; color: #51bec8; font-weight: bold; }
.page-detail strong { color: #51bec8; }

.page-detail-similar h2 { margin: 10px 0; }
.page-detail-similar { padding: 0 20px 20px 20px; }
.page-detail-similar .item { float: left; margin: 0 24px 0 0;}
.page-detail-similar .last { float: left; margin: 0; }

.page-signup { padding: 0 20px; }
.page-signup h3 { margin-left: 0; margin-right: 0; }
.page-signup .col1 { width: 50%; float: left; }
.page-signup .col2 { width: 50%; float: right; }
.page-signup li { font-size: 11px; }

.page-lostpassword { padding: 0 20px; }
.page-lostpassword h3 { margin-left: 0; margin-right: 0; }
.page-lostpassword p { font-size: 11px; line-height: 120%; }
.page-lostpassword li { font-size: 11px; }

.page-mypref { padding: 0 20px; }
.page-mypref h3 { margin-left: 0; margin-right: 0; }
.page-mypref .col1 { width: 50%; float: left; }
.page-mypref .col2 { width: 50%; float: right; }
.page-mypref li { font-size: 11px; }

.page-search { padding: 0 20px; }
.page-search .col1 { float: left; width: 32%; }
.page-search .col2 { float: left; width: 37%; }
.page-search .col3 { float: left; width: 21%; }
.page-search .col4 { float: left; width: 10%; }
.page-search .col4 button { margin-top: 30px; }
.page-search li { font-size: 11px; }

.page-cart { padding: 0 20px; }
.page-cart h3 { margin-left: 0; margin-right: 0; }
.page-cart .col1 { float: left; width: 50%; }
.page-cart .col2 { float: left; width: 50%; }
.page-cart li { font-size: 11px; }
.page-cart p { font-size: 11px; line-height: 120%; }
.page-cart .price { font-size: 16px; color: #51bec8; }
.page-cart .data-table td { padding: 5px 3px; border-top: 1px dotted #777; }
.page-cart .data-table p { margin: 5px 0; padding: 0; line-height: 110%; }
#cart-recent-attrs { color: #fff; }

.page-payment { padding: 0 20px; }
.page-payment ul, .page-payment ol { list-style: none; }
.page-payment h3 { margin-left: 0; margin-right: 0; }
.page-payment li { font-size: 11px; }
.page-payment p { font-size: 11px; line-height: 120%; }

.page-payment .opc ul { margin: 5px 0 0 0; }
.page-payment .opc li { margin: 3px 0; padding: 0; }
.page-payment .opc label { color: #51bec8; }
.page-payment .opc .step { padding:5px; }
.page-payment .opc .step-title { text-align: left; border-bottom: 1px dotted #fff; }
.page-payment .opc .step-title h3 { color: #fff; font-size:12px; line-height:16px; padding: 5px; margin: 0; }
.page-payment .opc .active .step { padding:0 31px 5px 31px; position:relative; }
.page-payment .opc .active .step-title { background: url(/gfx/bg_td.gif) repeat-x 0 0; }
.page-payment .opc .active .step-title h3 { color: #fff; font-size:12px; line-height:16px; }

.page-payment .price { font-size: 16px; color: #51bec8; }
.page-payment .data-table td { padding: 5px 3px; border-top: 1px dotted #777; }
.page-payment .data-table p { margin: 5px 0; padding: 0; line-height: 110%; }
.page-payment .data-table tfoot td { border: none; }

.page-paypal { padding: 0 20px; }
.page-paypal .price { font-size: 16px; color: #51bec8; }
.page-paypal .data-table td { padding: 5px 3px; border-top: 1px dotted #777; }
.page-paypal .data-table p { margin: 5px 0; padding: 0; line-height: 110%; }
.page-paypal .data-table tfoot td { border: none; }

.top_image { margin: 0; padding: 0; position: relative; }
.top_image ul,
.top_image ul li { margin: 0; padding: 0; }

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}
 
/*core classes*/ 
.stripViewer { position: relative; overflow: hidden; } 

 /* this is your UL of images */ 
.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { bottom: 0; position: absolute; overflow: auto; width: 1%; } 
.stripTransmitter ul { float: right; margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li { width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a { font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #9ed4d9; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, 
.stripTransmitter a.current { background: #fff; color: #9ed4d9; } 
 
.page-blog-recent { padding: 0 20px 20px 20px; background: url('/gfx/bg_blog.gif') no-repeat 0 0; }
.page-blog-recent h1 { text-align: left; margin:0; padding: 20px 0; }
.page-blog-recent h3 { margin: 0; }
.page-blog-recent p { color: #2e2e2e; margin: 0; font-size: 12px; line-height: 120%; }
.page-blog-recent p.date { color: #878787; font-size: 11px; }

.page-blog-list { padding: 0 20px; }
.page-blog-list h3 { margin: 0; }
.page-blog-list p { margin: 0; font-size: 11px; line-height: 120%; }
.page-blog-list p.date { color: #878787;}

.page-blog-post { padding: 20px; }
.page-blog-post p { font-size: 11px; line-height: 120%; }
.page-blog-post .col1 { float: left; width: 50%; text-align: left; }
.page-blog-post .col2 { float: right; width: 50%; text-align: right; }

.page-404 { padding: 0 20px; }
.page-404 p { font-size: 11px; line-height: 120%; }

#left .box { padding: 0 8px; margin: 20px 0; text-align: center; }

.page-random { padding: 0 24px; }
.page-random .item { float: left; margin: 0 22px 22px 0;}
.page-random .last { float: left; margin: 0 0 22px 0;}


.box div.style { text-align: left; border-bottom: 1px solid #cecece; padding: 5px; font-size: 11px; font-family: Arial; clear: both; overflow: auto; line-height: 130%; }
.box div.style img { float: left; padding: 0 5px 0 0; }
.box div.last { border: 0; padding: 5px 5px 0 5px; }
.box div.style a { color: #000; text-decoration: none; }
.box div.style a:hover { text-decoration: underline; }