﻿/*Attributes*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background: #0B123C url(../../images/headerBg.gif) repeat-x; }
hr { color: #FFF; background-color: #FFF; height: 1px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }



.inlineError { margin: 24px; border-top: 1px solid #F5C2C8; border-bottom: 1px solid #F5C2C8; font-size: 11px; }
.strike_through { text-decoration: line-through; }


/*General Classes*/

#header { height: 90px; margin: 0; padding: 0; }
#header-inside { margin: 0 auto 0 auto; width: 930px; }
#header-inside img { margin: 25px 15px 0px 25px; float: left; }
#headermenu { float: right; color: #0C133D; font-size: 11px; text-align: right; margin: 35px 15px 25px 15px; background: url(../../images/login_bg.gif); padding: 10px 25px; }
#headermenu h1 { font-size: 12px; font-weight: normal; margin: 0px; }
#headermenu p { margin: 0px 0px 0px 0; }
#headermenu a:link, #headermenu a:visited, #headermenu a:active { color: #FFF; text-decoration: underline; }
#headermenu a:hover { text-decoration: none; color: #CCC; }
.logo { top: 35px; margin-left: 20px; position: absolute; border: 0px; }

#greybar { height: 25px; color: #FFF; line-height: 25px; text-transform: uppercase; font-size: 10px; width: 930px; margin: 0 auto 0 auto; background: #080D2C; margin-bottom: 5px; }
#greybar_inside { width: 905px; padding-left: 25px; margin: 0 auto 0 auto; }
#greybar a:link, #greybar a:visited, #greybar a:active { color: #FFF; text-decoration:none}
#greybar a:hover { color: #CCC; text-decoration: underline}

#container { width: 930px; margin: 0 auto 0 auto; margin-bottom: 5px; background: url(../../images/container_bg.gif) repeat-y left; }
#side_menu { width: 150px; background: #090F31; float: left; padding: 25px; }
#side_menu .search { width: 98px; color: #000; font-size: 11px; height: 14px; margin: 0px; padding: 2px; border: 0px solid #9A9EB7; background: url(../../images/search_bg.gif) #090F31; }

#rightcol { float: left; width: 725px; margin-left: 5px; background: #FFFFFF url(../../images/contentBG.jpg) bottom repeat-x;}
#image_bar { height: 228px; width: 725px; background: #000; float: left; border-bottom: 5px solid #0B123C }
#content { float: left; padding-bottom: 6px; width: 725px; }
#contentbox1 { width: 200px; float: left; padding: 21px; }
#contentbox1 h1 { color: #0C133D; font-size: 12px; font-weight: bold; margin: 0px; }
#contentbox1 p { line-height: 18px; }
#contentbox2 { width: 200px; float: left; padding: 21px; }
#contentbox2 h1 { color: #0C133D; font-size: 12px; font-weight: bold; margin: 0px; }
#contentbox2 table { margin-top: 10px; font-size: 11px; }
#contentbox2 img { border: 4px solid #E1E1E1; margin-right: 5px; }
#contentbox2 .date { color: #999; }
#contentbox2 a:link, #contentbox2 a:visited, #contentbox2 a:active { color: #0c133d; font-size: 9px; text-transform: uppercase; }
#contentbox2 a:hover { color: #0c133d; }
#contentbox2 hr { color: #E1E1E1; background-color: #E1E1E1; height: 1px; border: 0px; }
#contentbox3 { width: 199px; float: left; padding: 21px; }
#contentbox3 h1 { color: #0C133D; font-size: 12px; font-weight: bold; margin: 0px; }
#contentbox3 table { margin-top: 10px; font-size: 11px; }
#contentbox3 img { border: 4px solid #E1E1E1; margin-right: 5px; }
#contentbox3 .date { color: #999; }
#contentbox3 a:link, #contentbox3 a:visited, #contentbox3 a:active { color: #0c133d; font-size: 9px; text-transform: uppercase; }
#contentbox3 a:hover { color: #0c133d; }
#contentbox3 hr { color: #CCC; background-color: #E1E1E1; height: 1px; border: 0px; }
#advertbox1 { width: 233px; float: left; padding: 0 3px 0 6px; height: 130px; }
#advertbox2 { width: 234px; float: left; padding: 0 3px 0 3px; height: 130px; }
#advertbox3 { width: 234px; float: left; padding: 0 6px 0 3px; height: 130px; }


#content_inside { background: #FFFFFF; float: left; padding: 25px; width: 675px; }
#content_inside h1 { color: #0C133D; font-size: 12px; font-weight: bold; margin: 0px; }
#content_inside h2 { color: #0C133D; font-size: 11px; font-weight: bold; margin: 0px; text-transform: uppercase; }
#content_inside p { color: #000; font-size: 12px; line-height: 18px; }
#content_inside hr { color: #E1E1E1; background-color: #E1E1E1; height: 1px; border: 0px; }
#content_inside table { margin-top: 0px; }
#content_inside a:link, #content_inside a:visited, #content_inside a:active { text-transform: none; color: #0D1431; }
#content_inside a:hover { color: #666; }

#imagebar_inside { height: 100px; border-bottom: 0px solid #0C133D; }

#main_menu { line-height: 26px; width: 930px; margin: 0 auto 0 auto; padding: 10px 0px; background: #080D2C}
#main_menu_inside { width: 930px; margin: 0 auto 0 auto; }
#main_menu .left { float: left; width: 100px; padding-left: 25px; }
#main_menu .right { float: right; width: 805px; text-align: right; }
#main_menu ul { text-align: right; margin: 0px; }
#main_menu li { display: inline; }
#main_menu a:link, #main_menu a:visited, #main_menu a:active { color: #FFF; text-decoration: none; border-right: 15px solid #080D2C; padding: 0px 0px 0px 0px; display: inline-block; text-align: center; font-size: 11px; font-weight: bold; }
#main_menu a:hover { color: #CCC; }

#highlight { background: #E1E1E1; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #B8B7B5; padding: 10px; margin: 10px 0px 10px 0px; }
#highlight_left { width: 65%; float: left; text-align: left; margin: 0; padding: 0; }
#highlight_right { width: 30%; float: right; text-align: right; margin: 0; padding: 0; }
#highlight a:link, #highlight a:visited, #highlight a:active { color: #0C133D; text-decoration: none; padding: 0 2px 0 2px; font-size: 11px; }
#highlight a:hover { color: #FFF; background-color: #0C133D; }
#highlight .label label { width: 150px; text-align: right; display: block; margin-right: 5px; margin: 7px 5px; }
#highlight ul { margin: 0; padding: 0}
#highlight li { display: inline; margin: 0 0 0 0; padding: 0px 25px 0 0;}

#highlight_dark { background: #E1E1E1; padding: 10px; margin: 10px 0px 10px 0px; color: #0C133D; border-top: 1px solid #B8B7B5; }
#highlight_dark a:link, #highlight_dark a:visited, #highlight_dark a:active { color: #0C133D; text-decoration: none; padding: 0 2px 0 2px; font-size: 11px; margin-right: 5px; }
#highlight_dark a:hover { color: #FFF; background-color: #0C133D; }

.button_input { border: 1px solid #23294D; background-color: #0D1431; color: #FFF; line-height: 18px; padding: 2px 6px; font-size: 9px; text-decoration: none; text-transform: uppercase; font-weight: normal; }
.button a:link, .button a:active, .button a:visited { border: 1px solid #23294D; color: #0D1431; background: #CCC; line-height: 18px; padding: 1px 3px; font-size: 9px; text-decoration: none; text-transform: uppercase; font-weight: normal; }
.button a:hover { background-color: #23294D; color: #FFF; }

#productgroup { border-bottom: 1px solid #E1E1E1; margin-bottom: 10px; }
#product { margin-bottom: 10px; padding-bottom: 10px; width: 150px; padding-right: 18px; float: left; }
#product_img { float: left; width: 150px; text-align: left; margin-bottom: 10px; border: 0px; }
#product_img a:link img, #product_img a:active img, #product_img a:visited img { background: #FFF url(../../images/thumb_loading.gif); }
#product_info { float: left; width: 150px; }
#product_info h1 { color: #0C133D; font-size: 12px; font-weight: bold; margin: 0px 0px 5px 0px; }
#product_info p { margin: 0px 0px 5px 0px; }
.product_highlight { color: #0C133D; font-size: 12px; font-weight: bold; margin: 0px; }
.product_price { color: #0C133D; font-size: 14px; font-weight: bold; margin: 0px; }

#product_detail { border-bottom: 1px solid #E1E1E1; margin-bottom: 10px; padding-bottom: 10px; }
#product_img_box { float: left; width: 200px; z-index:1; position:relative;}
#detail_img { float: left; width: 200px; margin-bottom: 10px; }
#detail_img img { border: 0px; }
.saleImg { border: 0px; margin: 0px; padding: 0px; border: 0px; margin-top: -55px; margin-left: 1px; margin-bottom: 1px; }
.saleImgDetail { text-align:left; vertical-align:bottom; z-index:10; position:absolute; left:0px; top:0px; margin-top:146px;}
#detail_enlarge { float: left; width: 200px; margin-bottom: 10px; border: 0px; text-align: right; }
#detail_enlarge img { border: 0px; }
#detail_enlarge a { text-decoration: none; }
#detail_info { float: right; margin-left: 25px; width: 450px; }
#detail_info h1 { color: #0C133D; font-size: 12px; font-weight: bold; margin: 0px 0px 5px 0px; }
#detail_info p { margin: 0px 0px 5px 0px; }

#cart_info { margin: 0px; padding: 0px 0px 4px 0px; background-color: #0C133D; border-bottom: #2f345a solid 1px; border-top: #2f345a solid 1px; }
#cart_info h1 { font-size: 11px; font-weight: bold; color: #FFF; margin: 0 0px 0px 4px; padding: 0 0 0 0px; line-height: 24px; }
#cart_info table { color: #FFF; margin: 0 0px 0px 0px; padding: 0px; width: 150px; border-top: #2f345asolid1px; }
#cart_info td { margin: 0px; font-size: 10px; padding: 4px 5px 4px 5px; line-height: 11px; border-bottom: #2f345a solid 1px; }
#cart_info a:link, #cart_info a:active, #cart_info a:visited { text-decoration: none; color: #FFF; }
#cart_info a:hover { color: #0C133D; background-color: #FFF; }
#cart_info p { margin: 8px 4px 4px 4px; padding: 0 0 0 10px; font-size: 11px; }


#wording { float: left; width: 696px; border-right: 4px solid #EAE6E3; }
#colRight { float: left; width: 230px; border-left: 4px solid #EAE6E3; margin-left: -4px; }

#wording h1 { font-size: 14px; font-weight: bold; color: #61A626; margin: 25px 25px 5px 25px; padding: 0px; }
#wording h2 { font-size: 12px; font-weight: bold; color: #7E1823; margin: 25px 25px 5px 25px; padding: 0px; }
#wording h3 { font-size: 12px; font-weight: bold; color: #626262; margin: 25px 25px 5px 25px; padding: 0px; }
#wording p { font-size: 12px; font-weight: normal; color: #000; margin: 10px 25px 5px 25px; padding: 0px; line-height: 18px; }
#wording a:link, #wording a:visited, #wording a:active { color: #61A626; text-decoration: underline; padding: 0 2px 0 2px; }
#wording a:hover { color: #61A626; background-color: #EAE6E3; }
#wording hr { height: 4px; color: #EAE6E3; background-color: #EAE6E3; }


#feature-main { width: 688px; height: 379px; background: #FFF; padding: 4px; float: left; border-right: 4px solid #EAE6E3; }

#feature-side { width: 220px; height: 122px; background: #FFF; float: left; margin: 4px 4px 0px 4px; border: 1px solid #EAE6E3; }
#feature-side h1 { margin: 0px 0 4px 0; padding: 9px 10px 9px 10px; width: 200px; height: 12px; background: url(../../images/template/img_featurehead.gif) repeat-x; display: block; font-size: 11px; border-bottom: 1px solid #EAE6E3; }
#feature-side p { font-size: 11px; color: #000; margin: 0 100px 0px 10px; padding: 0px; }
#feature-side a:link, #feature-side a:visited, #feature-side a:active { color: #61A626; font-size: 10px; text-decoration: none; padding: 0 0px 0 0px; }
#feature-side a:hover { color: #61A626; background-color: #EAE6E3; }

#wording-main { width: 688px; background: #FFF; float: left; margin: 0px 0px 0 0; border-top: 4px solid #EAE6E3; border-right: 4px solid #EAE6E3; padding: 4px; }
#wording-main h1 { font-size: 12px; font-weight: bold; color: #61A626; margin: 10px 0 5px 10px; padding: 0px; }
#wording-main p { font-size: 12px; color: #000; margin: 0 25px 12px 10px; padding: 0px; line-height: 18px; }
#wording-main a:link, #wording-main a:visited, #wording-main a:active { color: #61A626; font-size: 10px; text-decoration: none; padding: 0 2px 0 2px; }
#wording-main a:hover { color: #61A626; background-color: #EAE6E3; }

#wording-side { width: 216px; background: #FFF; float: left; margin: 3px 0px 0 -4px; border-top: 4px solid #EAE6E3; border-left: 4px solid #EAE6E3; padding: 10px 4px 4px 10px; }
#wording-side h1 { font-size: 12px; font-weight: bold; color: #61A626; margin-bottom: 5px; }
#wording-side h2 { font-size: 11px; font-weight: normal; color: #61A626; margin: 0px; padding: 0px; }
#wording-side p { font-size: 11px; color: #000; margin: 0 0 0px 0; padding: 0px; }
#wording-side a:link, #wording-side a:visited, #wording-side a:active { color: #61A626; font-size: 10px; text-decoration: none; padding: 0 2px 0 2px; }
#wording-side a:hover { color: #61A626; background-color: #EAE6E3; }
.newImage { border: 1px solid #EAE6E3; margin-right: 10px; }

#sub_menu { display: none; background: #FFF; float: left; margin: 3px 0px 0px -4px; border-bottom: 4px solid #EAE6E3; border-left: 4px solid #EAE6E3; padding: 1px 0px 4px 0px; }
#sub_menu h1 { font-size: 12px; font-weight: bold; color: #61A626; margin: 0 4px 4px 4px; padding: 0 0 0 10px; background: #D4CDC7; line-height: 24px; }
#sub_menu ul { list-style: none; margin: 0 4px 0px 4px; padding: 0; background: #EAE6E3; }
#sub_menu li { margin: 0; padding: 0 0 0 0px; font-size: 10px; }
#sub_menu ul a:link, #sub_menu ul a:active, #sub_menu ul a:visited { width: 212px; padding: 0 0 0 10px; margin: 0; line-height: 24px; display: inline-block; text-decoration: none; color: #61A626; }
#sub_menu ul a:hover { background: #D4CDC7; }

.header { border-bottom: 1px solid #D4CDC7; padding: 0 0 4px 0; }
.normal { padding: 4px 0 4px 0; }
.footer { border-top: 1px solid #D4CDC7; padding: 4px 0 4px 0; }

#formarea { background: #FFF; margin: 10px 0px 10px 0px; }
#formarea h1 { margin: 0 0 10px 0; padding: 0; }
#formarea h2 { margin: 0px 0 10px 0; padding: 0; }
#formarea p { margin: 0px 0 10px 0; padding: 0; text-transform: uppercase; font-size: 11px; color: #626262; }
#formarea h3 { margin: 10px 0 10px 0; padding: 0; }
#formarea table { margin: 0; padding: 0; border: 0px; }
#formarea td { border-bottom: 1px solid #EAE6E3; padding: 4px 0 10px 0; vertical-align: top; }
#formarea .productimg { margin-right: 15px; border: 1px solid #EAE6E3; width: 100px; height: 100px; }

#clear { clear: both; }


#footer { width: 930px; font-size: 11px; margin: 0 auto; margin-top: 0px; margin-bottom: 10px; padding-top: 5px; color: #666; height: 30px; background: #080D2C}
#footer p { margin: 0px; }
#footerbar { background: #D4CDC7; height: 24px; margin-top: 0px; }
#footermenu { margin: 0 auto 0 auto; width: 930px; }
#footermenu ul { margin: 0; }
#footermenu li { display: inline; line-height: 24px; padding: 0px 65px 0 15px; font-weight: bold; text-transform: uppercase; }
#footercredits { margin: 0 auto 0 auto; width: 930px; }
#footer a:link, #footer a:visited, #footer a:active { color: #5B5958; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: underline; }
#footertext { width: 930px; margin: 0 auto 0 auto; }
#footerleft { width: 585px; float: left; text-align: left; padding: 10px 0 0 15px; color: #5B5958; }
#footerright { width: 315px; float: right; text-align: right; padding: 10px 15px 0 0; color: #5B5958; }

#clear { clear: both; }

/*Accordion*/
.accordionHeader { background-color: #090f31; color: #FFFFFF; border-top: #23294D solid 1px; cursor: pointer; padding: 5px 0px 5px 0px; font-size: 11px; font-weight: normal; }
.accordionHeaderSelected { background-color: #090f31; color: #FFFFFF; border-top: #23294D solid 1px; border-bottom: #23294D solid 1px; cursor: pointer; padding: 5px 0px 5px 0px; font-size: 11px; font-weight: normal; }
.accordionContent { background-color: #0C133D; border-bottom: #2f345a solid 1px; color: #FFFFFF; padding: 5px 0px 5px 15px; font-size: 10px; line-height: 14px; text-transform: capitalize; }
.accordionContent a:link { color: #FFFFFF; text-decoration: none; }
.accordionContent a:hover { text-decoration: underline; }
.accordionContent a:visited { color: #FFFFFF; text-decoration: none; }
.accordionContent a:visited:hover { color: #FFFFFF; text-decoration: underline; }

/*Special offers */
.special_offer_price { color: #ba004b; }
.special_offer_price_strike_through { text-decoration: line-through; color: #ba004b; };


