html, body { background:#000 url(/Images/site-templates/backgrounds/bgrpt.jpg) repeat-x !important; padding:0px; margin:0px; }
#blackWrapper { display:none; margin:0 auto; background:#f1f1f1; text-align:left; max-width:800px; }
.blackWrapperHeader { top:0px; position:fixed; width:100%; padding:2px 0; max-width:800px; box-shadow:0 2px 5px #000; background:#111 url(/Images/site-templates/template12/menubar_gradient.png) repeat-x center bottom; border-bottom:2px solid #000; z-index:10000; }
.menuOptContainer { display:none; padding:60px 20px 20px; }
.menuBtn { margin-top:5px; text-transform:uppercase; color:#000; }
.subMenuBtn { padding:15px 10px; text-align:right; font-size:16px; letter-spacing:1px; font-weight:bold; line-height:12px; border:1px solid #ccc; background:#fff url(/Images/site-templates/template12/menubar_gradient.png) repeat-x top center; border-radius:5px; }
.subMenuBtn img { float:left; height:40px; margin-top:-15px; }
#searchBtn { background-color:#00681b; border-color:#004b13; color:#fff; }
#siteWrapper { margin:0 auto; background:#f1f1f1; max-width:800px; }
#menuSection { top:0px; position:fixed; width:100%; max-width:800px; border-bottom:1px solid #000; background:#222; box-shadow:0 2px 5px #000; }
#topMenuContainer { ; }
.menuBtnSettings { float:left; text-align:center; text-transform:uppercase; width:20%; }
.menuImgFullBox { width:100%; overflow:hidden; height:25px; color:#fff; }
.menuImgFullBox img { max-height:100%; max-width:100%; }
.submenuBtnSettings { margin:3px 2%; padding:2px; border:1px solid transparent; border-radius:20px; background:#222 url(/Images/site-templates/template12/menubar_gradient.png) repeat-x center; border:1px solid #000; cursor:pointer; }
#headerSection { background:#fff; text-align:center; padding:55px 20px 10px; border-bottom:1px solid #ddd; }
#storeWebLogo { max-height:100px; max-width:100%; margin-bottom:10px; }
#searchContainer {}
#searchInputBox { background:#fff; border:1px solid #ccc; border-radius:5px; overflow:hidden; }
#searchInputBox input { float:left; font-size:16px; line-height:44px; background:0px; border:0px; margin:0px; padding:0px 10px; font-weight:300; width: calc(100% - 65px); color:#666; }
#topSearchBtn { float:right; width:44px; height:44px; line-height:44px; font-size:20px; color:#999; cursor:pointer; }
#bodySection { background:#fff; border-top:2px solid #f9f9f9; }
#shopBySection { background:#f1f1f1; padding:20px; border-bottom:2px solid #f9f9f9; }
.shopByBtn { margin-top:5px; text-transform:uppercase; color:#000; }
.subShopByBtn { padding:15px 0; text-align:center; font-size:16px; letter-spacing:1px; font-weight:300; line-height:12px; border:1px solid #ccc; background:#fff url(/Images/site-templates/template12/menubar_gradient.png) repeat-x top center; border-radius:5px; }
.subShopByBtn strong { font-weight:700; }
#categoryButtonHolder { padding:20px; border-top:1px solid #ddd; text-align:center; }
.homeBodyBtn { display:inline-block; width: calc(50% - 5px); text-transform:uppercase; color:#999; margin-bottom:5px; }
.subHomeBodyBtn { padding:15px 0px; border:1px solid #ccc; border-bottom:0px; background:#fff url(/Images/site-templates/template12/menubar_gradient.png) repeat-x bottom center; border-radius:5px; color:#000; }
.subImgBodyBtn { padding:0px 15px; overflow:hidden; text-align:center; }
.subImgBodyBtn img { max-height:200px; max-width:100%; }
.subTextBodyBtn { font-size:12px; line-height:12px; text-align:center; padding:10px 0; font-weight:bold; }
#deviceDivider { border-top:1px solid #ddd; border-bottom:2px solid #f9f9f9; margin-top:10px; }
#deviceTypeFooter { padding:10px 2%; }
.deviceTypeBtn { float:left; text-align:left; text-transform:uppercase; width:33%; }
.deviceTypeSubBtn { margin:3px 2%; padding:2px; border-radius:20px;cursor:pointer; border:1px solid transparent; }
.deviceTypeBox { width:100%; overflow:hidden; height:30px; line-height:30px; font-size:12px; color:#000; }
.deviceTypeBox img { float:left; max-height:100%; margin:0 5px; }
#searchEngineHolder { background:transparent; padding-bottom:10px; font-family:arial; font-size:12px; }
#searchEngineBox { margin:0 auto; width:100%; }
.searchSelectBox { width:100%; border-top:1px solid #fff; border-bottom:1px solid #ccc; padding:10px 0 10px; }
.searchTitle { float:left; width:30%; letter-spacing:1px; font-size:16px; padding:12px 0; font-weight:bold; }
.rightInputBox { float:right; width: calc(65% - 10px); border:1px solid #ccc; background:#fff; padding:10px; border-radius:5px; }
.searchSelectBox select, .searchSelectBox input { width:100%; border:0px; padding:0px; margin:0px; background:transparent; font-size:14px; font-weight:bold; }
.rightSelectBox { background:#fff url(/Images/site-templates/template12/menubar_gradient.png) repeat-x top center; }
.rightSelectBox select { background: url(/Images/site-templates/xo_designtheme1/graydownarrow.png) no-repeat center right; }
.engineSearchBtn { float:left; width:48%; padding:10px 0; text-align:center; font-size:16px; letter-spacing:2px; font-weight:bold; line-height:12px; border:1px solid #ccc; background:#f9f9f9 url(/Images/site-templates/template12/menubar_gradient.png) repeat-x top center; border-radius:20px; color:#000; }
/* Remove Hover Effects for Mobile Devices */
@media (min-width: 800px)
{
a, a:hover { text-decoration:none; }
.subMenuBtn:hover { border-color:#999; }
#searchBtn:hover { background-color:#007d20; }
.submenuBtnSettings:hover { background:#444 url(/Images/site-templates/template12/menubar_gradient.png) repeat-x center; }
#topSearchBtn:hover { color:#000; }
.subShopByBtn:hover { border-color:#999; }
.subHomeBodyBtn:hover { border-color:#999; }
.deviceTypeSubBtn:hover { border:1px solid #ccc; background:#fff url(/Images/site-templates/template12/menubar_gradient.png) repeat-x top center; }
.engineSearchBtn:hover { background-color:#fff; cursor:pointer; }
}