INPUT.text {border: solid 1px #c1c1c1; font-size:93%; padding:2px 5px;}
TEXTAREA {border: solid 1px #c1c1c1; font-size:93%; padding:2px 5px;}
SELECT {border: solid 1px #c1c1c1;}

A {color:#0066cc; text-decoration:none; }
A:hover {text-decoration:underline;}

.CssHeaderBox {height:130px; overflow:hidden; background:#0066cc;}
.CssHeaderMid {float: left; width: 440px;}
.CssHeaderLogo {float: left; width: 310px; padding-top:10px;}
.CssHeaderRight {float: left; width: 220px;}

.CssHeaderNav UL {list-style:none; margin:10px 0 0 30px; font-size:93%;}
.CssHeaderNav LI {display:inline;}
.CssHeaderNav LI A {float:left; display:block; padding:0 7px; color:#fff; border-right:1px solid #fff;}
.CssHeaderNav LI A.end {border:none;}

.HeaderContact {margin-bottom:20px; padding-top:7px;}
.HeaderContact P {margin:0; color:#fff; font-size:138.5%; text-align:center; }

.SearchBox {width:100%; float:none; overflow:hidden;}
.SearchBox P {margin:0 0 0.3em 10px; font-size:138.5%; font-weight:bold;}
.SearchBox .text {margin:5px 0 0 0; padding-right:2px; padding-top:4px; padding-bottom:4px; font-weight:bold; color:#cb2c1f; border:none;}
.SearchBox .btn {margin-right:0;}

BODY {background:#dfecf5 url('gfx/bg_body.gif') repeat-x;}

.fl {float:left; }
.rt {text-align:right;}
.lt {text-align:left;}
.ct {text-align:center;}

#doc4 {background:#fff !important;}
#hd {margin-bottom:0;}
#bd {border-left:1px solid #fff; border-right:1px solid #fff; background:#fff url('gfx/bg_bd.gif') 170px 0 repeat-y; padding-bottom:20px;}
#fd {padding-bottom:10px;}

#bd.nb {background-image:none;}

#fd .col {float:left; width:20%;}
#fd .yui-u STRONG A {color:#000;}
#fd .yui-u UL {padding-bottom:10px;}


.Clear
{
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}

.yui-ge div.yui-u {width:16.923em; /*220/13 */ *width:16.5}
.yui-ge div.first {width:43.077em; *width:42.001em;}

.topmenu {position:absolute; top:130px; width:972px; padding:1px; font-family:Arial;}
.yuimenubar {background: #a6cbf0; border:none; line-height:2.4;*line-height:1.9; position:static; font-weight:bold;}
.yuimenubarnav .yuimenubaritem, .yuimenubarnav .yuimenubaritem-selected {float:left; border:none; background:none;}
.yuimenubarnav .yuimenubaritemlabel, .yuimenubarnav .yuimenubaritemlabel-selected {display:block; text-align:center; padding:0; margin:0; border:none; border-right:1px solid white; color:#014486;}
.yuimenubarnav .yuimenubaritemlabel-hassubmenu {background:none; text-align:center;}
.yuimenubarnav .yuimenubaritemlabel-selected{background:#cb2c1f; color:#fff;}
.yuimenu {line-height:1.5; *line-height:1.45;}
.yuimenu .bd {border-color:#cb2c1f;}
.yuimenu .yuimenuitemlabel {padding-left:10px; margin:0; font-size:93%; font-weight:normal;}
.yuimenu .yuimenuitem-selected{background-color:#dfeefd;}

.toc {width:150px; border-bottom:1px solid #6daff1; margin-bottom:15px;}
.toc A {text-decoration:none;}
.toc A:hover {text-decoration:underline;}
.toc .yuimenubaritem-selected {display:block; border:none;}
.toc .yuimenubaritemlabel-selected {display:block; background:#fff; border:none; border-bottom:2px solid #6daff1; line-height:30px; margin-top:5px; color:#6daff1; font-weight:bold; font-size:108%; padding:3px 5px 3px 10px; text-decoration:none; width:135px !important;}
.toc .yuimenubaritem {float:none; display:none;}
.toc UL {display:block; border:none; margin:0; padding:0;}
.toc .bd {border:none;}
.toc .yuimenuitem, .toc .yuimenuitem-selected {border:none; height:auto;}
.toc .yuimenuitemlabel,.toc .yuimenuitemlabel-selected {display:block; color:#333; font-size:100%; padding:3px 5px 3px 12px;  border-top:1px solid #6daff1;}
.toc .yuimenuitemlabel:hover, .toc .yuimenuitemlabel-selected {color:#cb2c1f;}
.toc .yuimenuitem-selected .yuimenu .yuimenuitemlabel, .toc .yuimenuitem-selected .yuimenu .yuimenuitemlabel-selected {background:#fff; padding:2px 5px 2px 12px; border-top:1px solid #fff; background:#f3f6f7;}
.toc .yuimenuitem-selected .yuimenu .yuimenuitemlabel-selected, .toc .yuimenuitem-selected .yuimenu .yuimenuitemlabel:hover {font-weight:normal;}
.toc .yuimenuitem .yuimenu {display:none;}
.toc .yuimenuitem-selected .yuimenu {border-bottom:1px solid #fff; position:static; top:auto; left:auto; font-size:93%;}
.toc .yuimenuitem-selected .yuimenu .yuimenuitem-selected .yuimenu {font-size:100%;}
.toc .yuimenuitem-selected .yuimenu .yuimenuitem-selected .yuimenu .yuimenuitemlabel, .toc .yuimenuitem-selected .yuimenu .yuimenuitem-selected .yuimenu .yuimenuitemlabel-selected {padding:2px 5px 2px 25px;}


.toc_o {width:150px; border-bottom:1px solid #6daff1; margin-bottom:15px;}
.toc_o A {text-decoration:none;}
.toc_o A:hover {text-decoration:underline;}
.toc_o UL {display:block; border:none; margin:0; padding:0;}
.toc_o .sect {display:block; border:none; display:block; color:#6daff1; background:#fff; border:none; border-bottom:2px solid #6daff1; line-height:30px; margin-top:5px; font-weight:bold; font-size:108%; padding:3px 5px 3px 10px; text-decoration:none;}
.toc_o .sect A {color:#6daff1;}

.toc_o .item {border:none; height:auto;}
.toc_o .item A, .toc_o .item-selected A  {display:block; color:#333; font-size:100%; padding:3px 5px 3px 12px;  border-top:1px solid #6daff1;}
.toc_o .item A:hover {color:#cb2c1f;}


a.button {
    background: transparent url('gfx/btn_rt.gif') no-repeat scroll top right;
    color: #fff !important;
    display: block;
    float: left;
    font:bold 1em Arial, sans-serif;
    height: 33px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('gfx/btn_lf.gif') no-repeat;
    display: block;
    line-height: 15px;
    padding: 9px 0 9px 13px;
} 

a.button:active {
    background-position: bottom right;
    color: yellow;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 10px 0 8px 13px; /* push text down 1px */
} 

a.button-lg {
    background: transparent url('gfx/btn_rt.gif') no-repeat scroll top right;
    color: #fff !important;
    display: block;
    float: left;
    font:bold 1.3em Arial, sans-serif;
    height: 53px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.button-lg span {
    background: transparent url('gfx/btn_lf.gif') no-repeat;
    display: block;
    line-height: 15px;
    padding: 9px 0 9px 13px;
} 

a.button-lg:active {
    background-position: bottom right;
    color: yellow;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-lg:active span {
    background-position: bottom left;
    padding: 10px 0 8px 13px; /* push text down 1px */
} 

.btn-clear {overflow: hidden; width: 100%; padding:0.3em 0;}

.cko-btns {padding:0 20px;}
.cko-btns .fr A.button-lg {float:right;}
    
.box {background:url('gfx/box_rt_btm.gif') bottom left no-repeat; width:220px; padding-bottom:15px; margin-bottom:10px; margin-left:0;}
.box H3 {background:url('gfx/box_rt_top.gif') top left no-repeat; padding:0 15px 0 10px; height:30px; line-height:30px; margin:0; font-family:Verdana,Helvetica,Sans-Serif; color:#333; font-size:108%; font-weight:bold;}
.box .inr {background:url('gfx/box_rt_mid.gif') repeat-y; padding:5px 15px 0 10px;}
.box .inr P {margin:0 0 0.3em 0; color:#333;}
.box .inr P.shade {background:#f3f6f7; padding:5px;}
.box .text {width:170px;}

.box TABLE {width:100%; padding:0;}
.box TR.even {background:#f3f6f7;}
.box TD {padding:3px 5px;}
.box TD.qty {width:20%; text-align:right;}
.box TD.itm {width:80%;}
.box TD.ttv {width:25%; text-align:left;}
.box TD.ttl {width:75%; text-align:right;}

.box-l {width:150px; margin-top:10px; padding:0 0 10px 5px; border-bottom:1px solid #C2DAEB;}
.box-l H3 {font-weight:bold; font-size:100%; color:#cb2c1f; margin-bottom:0.3em; font-family:Verdana,Arial,Sans-Serif;}
.box-l P {font-size:93%; margin:0 0 0.3em 0;}

.box .inr P SMALL {font-size:85%;}

.copy {line-height:25px; height:25px; background:#0066cc; padding:0 5px; font-size:85%; color:#fff; border-bottom:2px solid #6daff1;}
.copy A {color:#fff; text-decoration:none;}
.directory {background:#f3f6f7; padding:5px; font-size:85%;}

.MainDiv
{
    padding-bottom: 20px;
    margin:5px 15px 0 15px;
}

.yui-ge .MainDiv {margin:5px 0 0 15px;}

.MainDiv H1 {color:#cb2c1f; font-size:174%; margin:0 0 0.5em 0; padding:0;
             font-family:Verdana, Helvetica, Sans-Serif;}
.MainDiv H2 {color:#cb2c1f; font-size:138.5%; margin:0 0 0.5em 0; padding:0;
             font-family:Verdana, Helvetica, Sans-Serif;}
.MainDiv H2.sect {color:#cb2c1f; font-size:109%; margin:0 0 0.5em 0; padding:5px 0;
             border-bottom:2px solid #cb2c1f; font-weight:bold; font-family:Arial, Sans-Serif;}   
.MainDiv H3 {color:#cb2c1f; font-size:100%; margin:0 0 0.5em 0; padding:0;
             font-family:Verdana, Helvetica, Sans-Serif; font-weight:bold;} 
.MainDiv H1 A, .MainDiv H2 A, .MainDiv H3 A {color:#cb2c1f;} 
.MainDiv P {margin:0.5em 0; font-size:93%; color:#333;}
.MainDiv P EM {color:#cb2c1f;}
.MainDiv .uxBC {height:30px; line-height:25px; font-size:73%; color:#333;}

.errmsg {color:#cb2c1f; display:block; margin:0.5em 0; font-size:93%;}
.msg {display:block; margin:0.5em 0; font-size:93%; font-weight:bold;}

.MainDiv UL {margin:0 0 0.5em 15px; padding-left:10px;}
.MainDiv LI {list-style-type:circle; padding:0 0 0.5em 5px;}

.MainDiv .btn-clear {margin-top:10px;}

.NewsList .date A {color:#999; text-decoration:none;}

.fl {float:left;}
.fr {float:right;}

.l-nav {margin-bottom:10px; background:#f3f6f7; padding:3px 5px;}
.l-controls {width:50%;}

.l-paging {text-align:right; width:50%;}
.b-paging {text-align:center; padding:10px 0;}

.AspNet-DataList TABLE {width:99%;}
.AspNet-DataList TABLE TD {text-align:center; width:33%;}
.l-item {height:195px; text-align:center;}
.l-item-img {height:105px;}
.l-item {padding:10px 5px; border:1px solid #C2DAEB; margin:5px;}
.l-item H3 {height:33px; line-height:16px;}
.l-item H3 A {font-weight:bold;}
.l-item A.button {margin:0 auto; float:none; width:115px;}
.l-item .price EM {text-decoration:line-through; color:#cb2c1f;}

.c-item-dtl H3 {height:16px; line-height:16px;}

STRONG {font-weight:bold;}

.p-item {float:left; width:100%; padding-bottom:30px;}
.p-item-img {float:right; width:210px;}
.p-item-img IMG {margin-bottom:15px;}
.p-item-dtl {float:left; width:320px;}
.p-item-dtl H2 {font-size:108%; font-weight:bold;}
.p-qty {margin-top:20px; margin-bottom:20px; height:33px; border:1px solid #eee; padding:5px 10px; border-left:none; border-right:none;}
.p-qty SPAN {float:left; width:95px; line-height:33px; text-align:center;}
.p-qty INPUT {float:left; margin-top:7px; background:#f3f6f7; text-align:center;}
.p-qty A IMG {margin-left:15px; margin-top:2px;}

.p-options {padding-top:20px;}
.p-options A.button {margin:0 auto; float:none; width:115px;}
.p-price {font-size:116% !important; font-weight:bold;}
.p-price STRONG {color:#cb2c1f;}
.p-price EM {text-decoration:line-through; color:#cb2c1f;}

.p-cartStock {padding:20px 10px 0 15px;}

.login .form, .split .form {width:90%;}
.login FIELDSET LABEL {float:none; width:100%; text-align:left; padding-bottom:0.5em;}
.login FIELDSET SPAN.field {float:none; width:100%;}
.login FIELDSET INPUT.text {width:90%;}
.login FIELDSET .cb {}

.Captcha IMG {margin-bottom:5px;}
.Captcha INPUT {width:100px; border: solid 1px #c1c1c1; font-size:93%; padding:2px 5px; margin-top:10px;}

.GridNoBorder {width:95%; margin-bottom:20px; border:1px solid #C2DAEB;}
.GridNoBorder TD {padding:5px 5px 3px 5px; vertical-align:top;}
.GridNoBorder .GridHeadStyle TD, .GridNoBorder .GridHeadStyle TH {background:#E0EDF7; padding:5px 5px; font-weight:bold;}

.MainDiv .GridNoBorder {margin:10px 0 0 0 !important; width:100%;}

.bc {margin:45px 0 20px 0; padding:0 10px; line-height:1.5em; font-size:93%;}
.bc EM { color:#cb2c1f;}

.NewsList .thumb {width:30%; text-align:center;}
.NewsList .dtl {width:70%;}

.list-nws {background:#DFECF5; padding:8px;}
.list-nws H2 {background:url(gfx/newspaper.jpg) left no-repeat;  margin:0; padding:0; padding-left:55px; height:36px; line-height:36px;}
.list-nws H2 A {color:#333; }
.list-nws .itm {margin-top:8px; font-size:93%;}

.list-nws-m {} .itm {padding:5px 0;}
.list-nws-m {} .itm .img {float:left; width:25%; text-align:center;}
.list-nws-m {} .itm .ctn {float:right; width:75%;}

.home-feat {border-bottom:1px dotted #C2DAEB; margin-bottom:10px;}
.home-feat .slot-r {float:right; width:350px;}
.home-feat .slot-l {float:left; width:350px; }
.home-feat .thumb {float:left; width:110px; padding-bottom:5px;}
.home-feat .thumb IMG {width:100px; height:100px;}
.home-feat .content {float:left; width:235px; margin-top:5px;}
.home-feat H1 {color:#cb2c1f; font-size:123.1%; font-weight:bold; margin-bottom:5px; padding:0;}
.home-feat .lks {float:left; width:50%; margin:0; padding:0;}
.home-feat .lks LI {margin:0; padding-bottom:0.2em; list-style:none;}
.home-feat .lks LI A, A.lk {display:block; background:url('gfx/lk-arrow.png') left no-repeat; padding-left:15px;}

A.ad {margin-bottom:5px;}
.home-bsellers {margin:0 10px 0 0;}

#OS {margin-top:20px;}
#OS H3 {background:#E0EDF7; color:#000; padding:5px 5px; font-weight:bold;}
#OS TABLE {width:100%; margin-bottom:10px;}
#OS TABLE TD {padding:2px 3px; vertical-align:top; font-size:93%;}

.co-img {width:20%; text-align:center;}
.co-itm {width:45%;}
.co-itm-full {width:65%;}
.co-qty {width:10%; text-align:center;}
.co-qty INPUT {text-align:center; width:30px; margin:0 0 0.3em 5px; padding:0;}
.co-ppi {width:10%; text-align:center;}
.co-ttl {width:15%; text-align:center;}

.co-error {border:1px solid #cb2c1f; background:pink; padding:5px; display:block; margin-top:10px;}
.co-error UL {display:none;}
.co-grid {margin-bottom:0; border:0;}
.co-grid .GridHeadStyle TD {color:#333;}
.co-grid TD {padding-top:10px;}
.co-grid-ttl {border:none;}
.co-grid-ttl TR {border-top:1px dashed #666; border-bottom:1px dashed #666;}
.co-grid-ttl TD {padding:8px 5px;}
.co-grid-ttl STRONG {font-size:100%; color:#000;}
.co-grid-ttl TR.co-main-ttl {font-size:123%; color:#000; border-top:1px solid #666; border-bottom:none;}

.co-btns {margin:10px 0;}
.co-coupondetail {float:left; width:100%; height:30px; clear:both;}
.co-coupondetail SPAN {float:left; display:block; width:33%; height:30px;}

.co-os {}

.img-left {float:left; margin:0 10px 10px 0;}

.ShoppingNav UL {float:left; width:100%; margin:5px 0 20px 0; padding:0;}
.ShoppingNav LI {float:left; width:20%; list-style:none; margin:0; padding:0;}
.ShoppingNav LI A {display:block; font-weight:bold; padding-left:40px; padding-right:3em; text-align:left; background:url(gfx/arrow_checkout.gif) 5px 0px no-repeat;}

.ShoppingNav LI A.on {color:Red; background-image:url(gfx/arrow_checkout_active.gif); text-decoration:none;}
.ShoppingNav LI A.off {color:Gray; background-image:url(gfx/arrow_checkout_inactive.gif); text-decoration:none;}

#gallery {position:relative;float:left; margin-top:3px; width:100%; overflow:hidden;z-index:1/* IE Mac */}
#gallery li {float:left; display:block; width:24%; overflow:hidden; height:90px; margin-bottom:5px;}
#gallery li img {border:3px solid #a6cbf0; width:100px;display:block;margin:0 auto;position:relative;z-index:10}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {display:block;float:left;height:100px !important /* IE5 Mac */;width:111px;position:relative;color:#fff}
#gallery li a:hover {color:#000;background:#fff} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#fff}
#gallery span {position:absolute;top:0;left:0;margin-top:2.2em;padding:0 3px;z-index:1; display:none;}

/* [easyALBUM] v 1.1.7 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */
/* ie7 fix from v1.1.6 */
/************************ The stuff *********************/
.transparent {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity:.2;-moz-opacity:0.2;}
.nonOpaque {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {color:#fff;background-color:#cb2c1f;}
#zDIV_slideShow {display:none;position:absolute;left:0; width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:0; height:440px;}}
#zDIV_slideNav {position:relative; width:350px; margin:10px auto 0 auto; padding-left:165px; height:30px; clear:both;}
/*#zA_previous,#zA_next,#zA_close {background:transparent !important}*/
#zA_previous,#zA_next,#zA_close {float:left; display:block; margin:5px 8px; padding:3px 5px;}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px; margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {display:none;font-size:1.1em;margin:0 auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */;padding:5px;width:90%;background-color:transparent !important;cursor:default;text-decoration:none}
#zDIV_slideShow #zA_description {color:#000;padding:9px 3px;border:2px solid #fff;width:350px;margin:0 auto;display:block}
#zDIV_slideShow #zA_description {background:#fff !important;}
#zDIV_slideShow #zA_description:hover {text-decoration:none;}
#zDIV_counter {display:block;width:10em;margin:8px auto 5px auto;background:#0066cc;color:#fff;padding:3px;font: .9em Arial, Helvetica, sans-serif}
#zIMG {margin-top:15px;padding:3px;background:#a6cbf0;border:2px solid #a6cbf0}
#zDIV_slideShow {padding-bottom:50px !important} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}