ÿþ/* CSS Document */



/* CSS Document */



body

{

    margin: 0px;

    text-align: center;

    background-color: #030506;

    font-family: Georgia, "Times New Roman" , Times, serif;

}





.spacer

{

    clear: both;

}

/* layout*/



/* top*/

#wrapper

{

    width: 1000px;

    margin: 0px auto;

    text-align: left;

    background-color: #13273E;

}

#top

{

    background-image: url(/images/top_bg.gif);

    background-repeat: no-repeat;

    height: 128px;

    width: 1002px;

}

#top .logo

{

    padding-left: 33px;

    padding-top: 25px;

}

#menu

{

    width: 1002px;

    height: 31px;

    background-image: url(/images/menu_bg.gif);

    background-repeat: repeat-x;

    font-weight: bold;

}

#menu ul

{

    margin: 0px;

    padding: 0px;

    list-style: none;

    padding-left: 50px;

    padding-top: 5px;

}

#menu li

{

    float: left;

    color: white;

    font-size: 14px;

    padding-left: 15px;

}

#menu li a:link

{

    color: #fff;

    text-decoration: none;

}

#menu li a:visited

{

    color: #fff;

    text-decoration: none;

}

#menu li a:hover

{

    color: #FF9933;

    text-decoration: underline;

}



/* left*/



#left

{

    width: 242px;

    float: left;

}



#left .top

{

    background-image: url(/images/left_top.gif);

    width: 234px;

    height: 26px;

    background-repeat: no-repeat;

}

#left .middle

{

    background-image: url(/images/left_middle.gif);

    background-repeat: repeat-y;

    width: 234px;

    padding-left: 0px;

}

#left .bottom

{

    background-image: url(/images/left_bottom.gif);

    height: 13px;

    width: 234px;

    background-repeat: no-repeat;

}

#left h3

{

    background-image: url(/images/left_heading.gif);

    font-variant: small-caps;

    font-size: 14px;

    background-repeat: no-repeat;

    text-align: center;

    width: 167px;

    color: #FFE08E;

    height: 23px;

    margin-bottom: 5px;

}

#left .box

{

    background-color: #CAD9D8;

    border: 1px solid #24556A;

    width: 180px;

    text-align: left;

    padding: 2px;

    font-size: 12PX;

    color: #101535;

}



#left ul li a:link

{

    color: #000;

    text-decoration: none;

}

#left ul li a:visited

{

    color: #000;

    text-decoration: none;

}

#left ul li a:hover

{

    color: #1984C8;

    text-decoration: underline;

}



#left ul

{

    margin-left: 18px;

    padding-left: 0px;

}

#left ul li

{

    list-style-image: url(/images/bullet.gif);

    margin-bottom: 8px;

}

#left .total

{

    font-weight: bold;

    font-size: 11px;

    color: #0E82B2;

    text-align: right;

}

#left .checkout

{

    background-image: url(/images/btn.gif);

    width: 81px;

    height: 22px;

    font-size: 11px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    border: 0px;

}



/* middle*/

#middle

{

    float: left;

    left: 250px;

    width: 552px;

}

.quick_top

{

    width: 552px;

    background-image: url(/images/quickshop_top.gif);

    background-repeat: no-repeat;

    height: 25px;

}

.quick_middle

{

    width: 552px;

    background-repeat: repeat-y;

    background-image: url(/images/quickshop_middle.gif);

    padding-left: 15px;

    padding-right: 15px;

}

.quick_middle p

{

    font-size: 14px;

}



.quick_middle ul li

{

    font-size: 13px;

    margin-bottom: 3px;

}

.quick_middle ul li a

{

    color: #000;

    text-decoration: underline;

}

.quick_middle ul li a:viisted

{

    color: #333;

    text-decoration: underline;

}

.quick_middle ul li a:hover

{

    color: #003399;

    text-decoration: underline;

}

.quick_bottom

{

    width: 552px;

    background-repeat: no-repeat;

    background-image: url(/images/quickshop_bottom.gif);

    height: 15px;

}





.quickshop

{

    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif;

    color: #333;

}

.quickshop dl

{

    width: 420px;

}

.quickshop dt

{

    width: 110px;

    float: left;

    padding: 4px;

    padding-top: 8px;

    text-align: right;

}

.quickshop dd

{

    margin: 0 0 0 118px;

    padding: 4px;

    text-align: left;

}

.quickshop input

{

    width: 180px;

}

.quickshop .radio

{

    width: 15px;

}

.quickshop select#content

{

    width: 185px;

}

.quickshop input.submit

{

    width: 70px;

}

div#submit

{

    width: 298px;

    text-align: left;

    padding: 4px;

    padding-left: 122px;

}

* html .quickshop input, * html .quickshop select, radio

{

    margin-left: -3px;

}

* html div#submit input

{

    margin-left: 0px;

}





#middle.aboutus

{

    width: 552px;

    color: #fff;

    background-color: #2B388A;

}

#middle .aboutus td

{

    border: 2px solid #59361E;

    background-color: #6E9BC5;

    background-image: url(/images/abouts.gif);

    background-repeat: repeat-x;

    color: #000;

    font-size: 12px;

    padding: 15px;

}

#middle .aboutus td h3

{

    color: #000;

    font-size: 14px;

}









/* right*/

#right

{

    float: right;

    width: 200px;

}

#right .login

{

    width: 200px;

    border: 1px solid #1E427D;

    color: #fff;

}

#right .login td

{

    background-color: #1F3B63;

    background-image: url(/images/login_bg.gif);

    background-repeat: repeat-x;

    color: #fff;

    font-size: 12px;

}

#right .login td h3

{

    color: #000;

    font-size: 14px;

}



.login dl

{

    width: 180px;

}

.login dt

{

    width: 80px;

    float: left;

    padding: 4px;

    padding-top: 8px;

    text-align: right;

}

.login dd

{

    margin: 0 0 0 50px;

    padding: 4px;

    text-align: left;

}

.login input

{

    width: 80px;

}





#right .sitenews

{

    width: 200px;

    border: 1px solid #1E427D;

    color: #fff;

}

#right .sitenews td

{

    background-color: #1F3B63;

    background-image: url(/images/login_bg.gif);

    background-repeat: repeat-x;

    color: #fff;

    font-size: 12px;

}

#right .sitenews td h3

{

    color: #000;

    font-size: 14px;

}



#right .sitenews ul

{

    list-style-image: url(/images/bullet3.gif);

}

#right .sitenews ul li

{

    margin-bottom: 8px;

}



a:Link

{

    color: #fff;

    text-decoration: underline;

}

a:hover

{

    color: #000;

    text-decoration: none;

}

a:visited

{

    color: #fff;

    text-decoration: underline;

}



/*second pages*/

.cart

{

    background-color: #8CACC7;

}

.cart td

{

    background-color: #D2E4EB;

}



.cart .checkout

{

    background-image: url(/images/btn.gif);

    width: 81px;

    height: 22px;

    font-size: 11px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    border: 0px;

}









/*footer*/

#footerMain

{

    width: 1002px;

    margin: 0px auto;

    height: 84px;

    background: url(/images/footer_bg.gif) 0 0 repeat-x;

    clear: BOTH;

}

#footer

{

    width: 944px;

    height: 84px;

    margin: 0 auto;

    position: relative;

}

#footer ul

{

    position: absolute;

    left: 400px;

    top: 19px;

    width: 497px;

    list-style: none;

}

#footer ul li

{

    float: left;

    font: normal 12px/24px Arial, Helvetica, sans-serif;

    color: #fff;

    background-color: inherit;

}

#footer ul li a

{

    padding: 0 5px;

    font: normal 12px/24px Arial, Helvetica, sans-serif;

    color: #fff;

    background-color: inherit;

    text-decoration: none;

}

#footer ul li a:hover

{

    text-decoration: underline;

}

#footer p.copyright

{

    font: normal 10px/24px Arial, Helvetica, sans-serif;

    position: absolute;

    left: 650px;

    top: 38px;

    width: 260px;

    color: #B1CFCF;

    background-color: inherit;

}

#footer a.xhtml

{

    display: block;

    background: url(/images/xhtml_bg.gif) 0 0 no-repeat;

    width: 72px;

    height: 23px;

    position: absolute;

    left: 17px;

    top: 0;

    font: normal 10px/19px Arial, Helvetica, sans-serif;

    color: #3F3F3F;

    background-color: inherit;

    text-decoration: none;

    text-align: center;

}

#footer a.xhtml:hover

{

    color: #BA0804;

    background-color: inherit;

}

#footer a.css

{

    display: block;

    background: url(/images/xhtml_bg.gif) 0 0 no-repeat;

    width: 72px;

    height: 23px;

    position: absolute;

    left: 95px;

    top: 0px;

    font: normal 10px/19px Arial, Helvetica, sans-serif;

    color: #3F3F3F;

    background-color: inherit;

    text-decoration: none;

    text-align: center;

}

#footer a.css:hover

{

    color: #BA0804;

    background-color: inherit;

}

#footer p.design

{

    display: block;

    width: 170px;

    position: absolute;

    left: 17px;

    top: 29px;

    font: bold 12px/24px Arial, Helvetica, sans-serif;

    color: #9DBC52;

    background-color: inherit;

    padding: 2px;

}

#footer p.design a.link

{

    font: bold 12px/24px Arial, Helvetica, sans-serif;

    color: #9DBC52;

    background-color: inherit;

    text-decoration: none;

}

#footer p.design a.link:hover

{

    color: #fff;

    background-color: #BD3535;

}



/* contact us dl*/

.contact

{

    font-size: 12px;

}



.contact dl

{

    width: 120px;

}

.contact dt

{

    width: 50px;

    float: left;

    padding: 4px;

    padding-top: 10px;

    text-align: left;

    font-weight: bold;

}

.contact dd

{

    margin: 0 0 0 0px;

    padding: 4px;

    text-align: left;

    padding-top: 8px;

}

.contact input

{

    width: 80px;

}



.heading

{

    font-size: 18px;

}



/* newly added on sep 07*/

.quick_middle table

{

    font-size: 12px;

}

.notice

{

    list-style-image: url(/images/heart.gif);

    list-style-position: outside;

}

.notice li

{

    margin-bottom: 6px;

}

.country img

{

    border: 0px solid Transparent;

    cursor: pointer;

    padding: 0px;

    margin: 0px;

}

.language

{

    float: right;

}

.w_stepper_wrap

{

    height: 27px;

    margin: 0px 0px 0px 20px;

    position: relative;

    width: 50px;

}



.w_stepper_up

{

    background: transparent url(/images/stepper.gif) repeat-y scroll 0 0;

    height: 14px;

    width: 15px;

}



.w_stepper_down

{

    background: transparent url(/images/stepper.gif) repeat scroll 0 -14px;

    height: 13px;

    width: 15px;

}



.w_stepper

{

    cursor: pointer;

    height: 27px;

    position: absolute;

    right: 0;

    width: 15px;

}



.w_stepper_qty

{

    color: #595959;

    font-family: Helvetica;

    font-size: 18px;

    font-weight: bold;

    height: 21px;

    margin: 0;

    position: absolute;

    text-align: center;

    width: 40px;

}

.w_stepper_up:hover

{

    background-position: -15px 0;

}

.w_stepper_up:active

{

    background-position: -30px 0;

}

.w_stepper_down:hover

{

    background-position: -15px -14px;

}

.w_stepper_down:active

{

    background-position: -30px -14px;

}

/* newsly added on Oct 09*/

#left a:link

{

    text-decoration: underline;

    color: #003366;

}

#left a:visited

{

    text-decoration: underline;

    color: #003366;

}

#left a:hover

{

    text-decoration: none;

    color: #000;

}

#middle .aboutus a:link

{

    text-decoration: underline;

    color: #003366;

}

#middle .aboutus a:visited

{

    text-decoration: underline;

    color: #003366;

}

#middle .aboutus a:hover

{

    text-decoration: underline;

    color: #003366;

}

#selectserver

{

    border: 1px solid #CC9966;

    background-color: #f6ca00;

    padding: 4px;

    font-size: 14px;

    font-family: Arial, Helvetica, sans-serif;

    text-align: left;

}

#selectserver a:link

{

    color: #000;

    text-decoration: none;

}

#selectserver a:visited

{

    color: #000;

    text-decoration: none;

}

#selectserver a:hover

{

    color: #000;

    text-decoration: underline;

}

#selectserver img

{

    padding-right: 6px;

    padding-left: 6px;

}

.quick_middle a:Link

{

    color: #000;

    text-decoration: underline;

}

.quick_middle a:visited

{

    color: #000;

    text-decoration: underline;

}

.quick_middle a:hover

{

    color: #000;

    text-decoration: none;

}



.powerlevel

{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

}

fieldset

{

    border: 1px solid;

    padding-right: 10px;

}

fieldset legend

{

    font-weight: bold;

    font-size: 16px;

    color: #000;

}

fieldset li

{

    margin-bottom: 10px;

}



.results

{

    width: 100%;

}



.results td,th

{

    padding: 0px 4px;

    margin: 0px;

    font-family: Verdana;

}

.results th

{

    background-color: #ddd;

    font-weight: bold;

    height: 25px;

    text-align: center;

}



.results td{

    padding-left: 4px;

    height: 30px;

}



.results .odd td

{

    background-color: #CAD9D8;

}



.pager

{

    margin:8px 3px;

    padding:3px;

    text-align:center;

}



.pager .disabled

{

    border:1px solid #ddd;

    color:#999;

    margin-top:4px;

    padding:3px;

    text-align:center;

}



.pager .current

{

    background-color:#4b72a9;

    border:1px solid #009;

    color:#fff;

    font-weight:bold;

    margin-top:4px;

    padding:3px 5px;

    text-align:center;

}



.pager a

{

    border: 1px solid #4b72a9;

    color: #06c;

    margin-top: 4px;

    padding: 3px 5px;

    text-align: center;

    text-decoration: none;

}