@charset "utf-8";
/* CSS Document */

/* main container */
#mainContainer { width: 985px; margin: 0 auto; /*background: #FF0000;*/ font-size:1.2em; }

/* masthead background: url(/images/masthead.png) no-repeat left 3%;*/
#masthead { background: url(/images/masthead.png) no-repeat left 10px; width: 985px; margin: 0px 0px 0px; }
#masthead #logo { float: left; margin: 0 0 -50px; width: 195px; padding: 0px 25px 0px; position: relative; z-index: 2; }

/* mainNav */
#masthead #mainNav { float: left; width: 729px; margin: 100px 0 0px; padding:0 0 0 0px; clear: right; }
#masthead #mainNav ul { display:block; list-style: none; margin:0; padding:0px;}
#masthead #mainNav li{ display: block; float:left; width: auto; margin:0px 15px 0 0; padding:0px; background: none; }
#masthead #mainNav li.lastList{ margin:0px 0px 0 0; }
#masthead #mainNav a{ display: block; width: auto; display: block; margin:0px; padding:0px; }

/* submenu */
/* size, margin, padding */
#masthead #submenu { display: block; width: auto; /*width: 740px;*/ margin: 0 0 0 200px; padding: 0; clear: both; }
#masthead #submenu div { display: block; position: absolute; left: -999em; width: auto; /*width: 725px;*/ margin: 0px; padding: 0px; }
#masthead #submenu div h2 { display: block; margin: 0px; padding: 0px 0px 3px; }
#masthead #submenu div ul { display: block; margin: 0; padding: 3px 0px 0; }
#masthead #submenu div li { margin:0; padding: 1px 2px 0px; }
#masthead #submenu div .cat1 li { margin:0; padding: 1px 7px 0px 2px; }
#masthead #submenu div .cat2 li { margin:0; padding: 1px 2px 0px 7px; }
#masthead #submenu div li.viewmore { margin:0; padding: 15px 0px 0px; }
#masthead #submenu div img { display: block; position: static; margin: 10px 5px 10px 10px; _margin: 10px 5px 10px 5px; }
#masthead #submenu div .cat { display: block; position: static; width: 135px; height: 218px; margin: 10px 5px; padding: 5px; }
#masthead #submenu div .cat1 { display: block; position: static; width: 145px; height: 218px; margin: 10px 0 10px 5px; padding: 5px 0 5px 5px; }
#masthead #submenu div .cat2 { display: block; position: static; width: 145px; height: 218px; margin: 10px 5px 10px 0; padding: 5px 5px 5px 0; }
#masthead #submenu div .clear { width: 735px; position: static; margin: 0 0 -30px -7px; padding: 0; height: 30px; }
/*width: 575px; for 2 col*/

/* border */
#masthead #submenu div { border-left: 7px solid #000; border-right: 8px solid #000; border-bottom: 5px solid #000; }
#masthead #submenu div div { border: none; }
#masthead #submenu div h2 { border-bottom: 1px dashed #FFF; }
#masthead #submenu #submenu_shop div.cat { border: 2px solid #DF6B00; }
#masthead #submenu #submenu_shop div.cat1 { border: 2px solid #DF6B00; border-right: none; }
#masthead #submenu #submenu_shop div.cat2 { border: 2px solid #DF6B00; border-left: none; }
#masthead #submenu #submenu_gallery div.cat { border: 2px solid #A8086C; }
#masthead #submenu #submenu_gallery div.cat1 { border: 2px solid #DF6B00; border-right: none; }
#masthead #submenu #submenu_gallery div.cat2 { border: 2px solid #DF6B00; border-left: none; }

/* display */
#masthead #submenu div .cat { display: block; }

/* float */
#masthead #submenu div img { float: left; }
#masthead #submenu div .cat { float: left; }
#masthead #submenu div .cat1 { float: left; }
#masthead #submenu div .cat2 { float: left; }

/* background color */
#masthead #submenu #submenu_shop { background: #fd7d06; }
#masthead #submenu #submenu_gallery { background: #c41f86; }
#masthead #submenu #submenu_shop .clear { background: url(/images/submenu_shop_bottom.png) no-repeat left top; }
#masthead #submenu #submenu_gallery .clear { background: url(/images/submenu_gallery_bottom.png) no-repeat left top; }
#masthead #submenu #submenu_shop div.cat, #masthead #submenu #submenu_shop div.cat1, #masthead #submenu #submenu_shop div.cat2 { background: #FF9839; }
#masthead #submenu #submenu_gallery div.cat, #masthead #submenu #submenu_gallery div.cat1, #masthead #submenu #submenu_gallery div.cat2 { background: #D9339B; }
#masthead #submenu div li { background: none; }

/* font */
#masthead #submenu div h2 { font-size: 16px; font-weight: bold; color: #FFF; }
#masthead #submenu div li a { font-size: 11px; color: #FFFFFF; text-decoration: none; }
#masthead #submenu div li a:visited { text-decoration: none; }
#masthead #submenu div li a:hover { text-decoration: underline; }
#masthead #submenu div li.viewmore a { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#masthead #submenu div li.viewmore a:visited { text-decoration: none; }
#masthead #submenu div li.viewmore a:hover { text-decoration: underline; }

/* misc */
#masthead #submenu div li { list-style: none; }
#masthead #submenu div.loading {display: none; }

/* main banner */
#mainbanner { clear: both; width: 961px;  margin: 0px; padding: 0; background: #efefef url(/images/mainBanner_top.gif) no-repeat left top; border-top: none; border-bottom: none; border-left: 10px solid #000000; border-right: 14px solid #000000;  }
#mainbanner_subpage { clear: both; width: 911px; /*height: 350px; *height: 356px; margin: 0px 0px -142px; *margin: 0px 0px -148px;*/ padding: 0px 25px 0px; _padding: 0px 24px 0px 23px; background: #efefef url(/images/mainBanner_top.gif) no-repeat left top; border-top: none; border-bottom: none; border-left: 10px solid #000000; border-right: 14px solid #000000;  }

/* content */
#content { display: block; clear: both; width: 961px; margin: 0px; padding: 0; background: #EBEBEB url(/images/cenCat_bg.gif) repeat-y center top; border-top: none; border-bottom: none; border-left: 10px solid #000000; border-right: 14px solid #000000; }
#content .clear { display: block; margin: 0 0 0px 0px; padding: 0px; height: 20px; background:  #efefef url(/images/cenCat_btm.gif) no-repeat center top; }

#content_subpage { display: block; clear: both; width: 961px; margin: 0px; padding: 0; background: #EBEBEB url(/images/subpageCol_bg.gif) repeat-y 97% top; border-top: none; border-bottom: none; border-left: 10px solid #000000; border-right: 14px solid #000000; }
#content_subpage div.clear { display: block; margin: 0 0 0px 0px; padding: 0px; height: 20px; background:  #efefef url(/images/subpageCol_btm.gif) no-repeat 97% top; }

#subpageCol { display: block; width: 650px; float: left; margin: 0 0px 0 3px; _margin: 0 0px 0 2px; padding: 5px 20px; }
#subpageCol .imageTitle { width: 690px; margin: -5px -20px 0 -20px; padding: 0; clear: both; }
#subpageCol .clear { background: none; }

#leftCol { display: block; float: left; margin: 0; padding: 0; width: 260px; }
#products { display: block; margin:0px 0 0 0; padding: 0; }
#products img { display: block; margin: 0 auto 4px; padding: 0; }
#products img.imageTitle { display: block; margin: 0 -60px 0 0; padding: 0; }

#cenCol { display: block; width: 417px; float: left; margin: 0 0 0 2px; _margin: 0 0 0 1px; padding: 0 10px; }

#cenCol .imageTitle { width: 437px; margin: 0 -10px 0 -10px; padding: 0; clear: both; }

/*#cenCol div { display: block; width: 272px; margin: 10px 0 5px; padding: 0 10px; float: left; clear: right; }

#cenCol img { float: left; display: block; width: 115px; margin: 10px 0 5px; padding: 0 10px; }

#cenCol h2 { color: #FF9900; font-weight: bold; font-size: 1.2em; margin: 0 0 1px; padding: 0; }

#cenCol h3 { font-weight: bold; font-size: 1.0em; margin: 0 0 10px; padding: 0; }

#cenCol hr { display: block; width: 380px; margin: 0 auto; }

#cenCol .rc_bl { display: block; width: 272px; clear: both; padding: 0 0px 0 0; }
*/

#cenCol .clear { clear: both; display: block; width: 417px; background: none; }

#rightCol { display: block; width: 260px; float: left; margin: 0 0 0 0; padding: 0; }

.lc { display: block; float: left; }
.rc { display: block; }
.lc_bl { display: block; width: 100px; float: left; }
.rc_bl { display: block; text-align: right; }

.subCat, .subCat_green, .subCat_orange { width: 237px; margin: 5px 10px 5px; padding: 0px; }
.subCat_orange .imageTitle { margin: 0px; padding: 0 0 0px 0; }
.subCat .clear, .subCat_green .clear, .subCat_orange .clear { width: 237px; display: block; margin: 0 0; padding: 0px; height: 20px; }

.subCat { background: url(/images/subCat_bg.gif) repeat-y center top; }
.subCat_green { background: url(/images/subCat_bg_green.gif) repeat-y center top; }
.subCat_orange { background: url(/images/subCat_bg.gif) repeat-y center top; }

#content .subCat .clear, #content_subpage .subCat .clear { background: url(/images/subCat_btm.gif) no-repeat left top; }
#content .subCat_green .clear, #content_subpage .subCat_green .clear { background: url(/images/subCat_btm_green.gif) no-repeat left top; }
#content .subCat_orange .clear, #content_subpage .subCat_orange .clear { background: url(/images/subCat_btm.gif) no-repeat left top; }

.subCat_orange {  }
.subCat_orange form { margin: 10px 15px; padding: 0; }

.subCat_orange p.firstP { margin: -3px 0px 0; padding: 5px 15px 25px; background: url(/images/subCat_bg_orange.gif) no-repeat left top; color: #FFF; }
.subCat p, .subCat_green p, .subCat_orange p { margin: 10px 15px; padding: 0; }
.subCat_green p { color: #597600; }
.subCat ul, .subCat_green ul, .subCat_orange ul { margin: 5px 10px 5px 2px; padding: 5px 10px 5px 2px; }
.subCat li, .subCat_green li, .subCat_orange li { margin: 5px 5px 5px 15px; padding: 5px 5px 5px 15px; }
.subCat h2, .subCat_green h2, .subCat_orange h2 { margin: 10px 15px; padding: 0; color: #FF9900; font-weight: bold; font-size: 1.2em; }
.subCat_green h2 { color: #D5EA96; }
.subCat img, .subCat_green img, .subCat_orange img { margin: 10px 15px; padding: 0; }
.subCat img.imageTitle, .subCat_green img.imageTitle, .subCat_orange img.imageTitle { margin: 0px 0 0; padding: 0; }
.subCat li.altRow { background: #FF0000; }

.subCat_green { }
.subCat_green a { color: #FFF; }
.subCat_green a:visited { color: #FFF; }
.subCat_green a:hover { color: #FFF; }
.subCat li.altRow a { color: #FFF; }
.subCat li.altRow a:visited { color: #FFF; }
.subCat li.altRow a:hover { color: #FFF; }

.subCat .lc { width: 70px; color: #FF9900; font-weight: bold; float: left; }
.subCat .rc { width: 130px; float: left; }

.adImages { margin: 10px 10px 5px; padding: 0; }

.gallery { background: #FFF; border: 6px double #000; width: 635px; padding: 0px; }
.gallery .thumb { width: 120px; background: #CFECF8; border: none; padding: 10px; }

.shop { background: #FFF; border: 6px double #000; width: 635px; padding: 0px; }
.shop .desc { width: 370px; background: #CFECF8; border: none; padding: 10px; }
.shop .price { color: #00B6FF; font-weight: bold; }
.shop .specs { color: #666; font-weight: bold; }
.shop .releaseDate { color: #EE1D23; font-weight: bold; }

.newsTable h2{ color: #FF9900; font-size: 1.2em; font-weight: bold; margin: 8px 0 5px; }
.newsTable h3{ color: #0099FF; font-size: 1.0em; font-weight: bold; margin: 2px 0 5px; }

#footer { display: block; padding: 15px 0; background: url(/images/footer_bg.png) no-repeat left top; height: 20px; }
#footer ul { display: block; margin: 0 0 0 275px; padding: 0 0 0 275px; font-size: 0.9em; color: #FFF; }
#footer li { display: block; margin: 0 5px 0 0; padding: 0 5px 0 0; background: none; list-style: none; float: left; border-right: 1px solid #FFF; } 
#footer li.lastList { border-right: none; }
#footer a { color: #FFF; font-weight: bold; }
#footer a:visited { color: #FFF; font-weight: bold; }
#footer a:hover { color: #FFF; font-weight: bold; }