body{margin:0;font-family:sans-serif;font-size:12px;color:#fff;background:#333 url(CSS/DarkCamoTile.jpg) 50% 50%;z-index:1;}
.Headline{font-size:20px;margin:6px 0 0;color:#fff;}
#FixedWidth{width:990px;margin:0 auto;z-index:2;}
.Wrapper{position:relative;float:left;width:100%;z-index:3;}
#Top{position:relative;float:left;width:100%;height:105px;margin:0;padding:0;background:url(CSS/TopMenuBar.png) 0 55px repeat-x;}
#TopLogo{display:block;position:relative;float:left;text-align:center;font-family:monospaced;font-size:12px;letter-spacing: 4px;margin: 4px 0 0 0;}
#SiteTitle{display:block;position:relative;float:right;font-family:sans-serif;font-size:36px;letter-spacing: 17px;margin:10px 0 0 0;}

#TwoColWrapper{position:relative;float:left;width:100%;z-index:1;margin:5px 0 0 0;background:url(CSS/TwoColFadeBG.png) repeat-y;}
#MainContent{position:relative;float:right;width:750px;}
#OneColContent{position:relative;float:left;width:100%;background:url(CSS/OneColFadeBG.png) repeat-y;}
#MainNav{position:relative;float:left;width:230px;}
#TopBasket{position:absolute;right:10px;bottom:10px;font-size:24px;background:url(CSS/TopBasketCheckout.png) top left no-repeat;padding:0 0 0 40px;}
.BigButton{display:block;background:#0a0 url(CSS/BigButtonBG.png) repeat-x;padding:8px;color:#fff;font-size:14px;font-weight:bold;}
.Left{float:left;}
.Right{float:right;}
.Center{margin:0 auto;}

#Search{background:url(CSS/Search.png) right 1px no-repeat;position:relative;float:left;padding:0;margin:16px 0 0 10px;z-index:2000;}
#SearchText{display:block;width:140px;margin:0 30px 0 0;font-size:13px;padding:3px;}
#PredictiveSearchResults{position:absolute;z-index:2000;background:#fff;color:#000;width:380px;top:22px;left:-1px;display:none;border:solid 1px #000;padding:0 6px;font-size:12px;line-height:16px;overflow:hidden;}
#PredictiveSearchResults a{color:#222;text-decoration:none;white-space:nowrap;}
#PredictiveSearchResults a:hover{background:#eee;}
.SearchHighLight{color:#007;font-weight:bold;}
#SearchResultsWrapper{position:relative;float:left;width:730px;background:#fff;}
.SearchLink{position:relative;float:left; width:714px;padding:8px;margin:0 0 4px 0;}
.SearchLink:hover{background:#ccc;}
a.SearchLinkTitle{color:#000;font-size:16px;font-weight:bold;}
a.SearchLinkIntro{color:#444;font-size:12px;margin:4px 0 0;}
a.SearchLinkurl{display:block;position:relative;float:right;width:530px;color:#00f;font-size:10px;margin:4px 0;word-wrap:break-word;}
.SearchLink img{position:relative;float:left;max-width:150px;max-height:150px;margin:4px 10px 10px 0;padding:8px;border:solid 1px #aaa; }

.SearchLink div{position:relative;float:right;width:530px;}
.StandardParagraph{width:100%;clear:both;}
.StandardParagraph h3{margin:0;font-size:18px;}
.StandardParagraph p{margin:10px 0 0 0;font-size:13px;line-height:18px;}
.FadedBackground{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:4;}
.FadedBackground2{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.1;z-index:4;}
.Inner{position:relative;float:left;padding:10px;z-index:5;}
.NoPadding{padding:0px;}
.WithBorder{border:solid 1px #fff;}

#SortMethod{position:relative;float:right;background:#555;font-size:14px;font-weight:bold;padding:5px 5px 4px 5px;margin:10px 3px 0 0;}
#SortMethod form{display:inline;}
#SortMethod form select{font-size:10px;;}

#ProductGrid{position:relative;float:left;width:100%;margin:10px 0 0 0;}
.Grid{position:relative;float:left;width:176px;height:220px;border:solid 1px #555;margin:2px;}
.GridImageHolder {position:absolute;left:0px;bottom:25%;width:100%;text-align:center;}
.GridInfo{position:absolute;left:10px;bottom:0;right:10px;text-align:center;font-size:11px;}

.AccountSection{position: relative;float:left;width: 100%;background: #333;outline: solid 1px #ccc;margin: 0 0 10px 0; min-height: 120px;}
.AccountSection p{padding:10px;font-size:13px;margin:0 10px 10px 10px;border-bottom:solid 1px #bbb;}
.AccountSectionHeading{position:relative;float:left;width:100%;text-align:center;font-weight:bold;font-size:16px;margin:5px 0;}
.AccountSectionLabel{position:relative;float:left;width:23%;margin: 5px 0 5px 2%;}
.AccountSectionInput{position:relative;float:left;width:73%;margin: 5px 0 5px 2%;}

#LoginUsersMenu{position:relative;float:left;width:100%;background:#0a0 url(CSS/BigButtonBG.png) repeat-x;height:30px;margin:0 0 20px 0;}
.LoginMenuItem{position:relative;float:left;width:120px;background:#050;height:20px;margin:5px 10px 5px 10px;text-align:center;}
.LoginMenuItem a{text-decoration:none;font-size:16px;font-weight:bold;color:#fff;}
.OrderHistory th{background:#0a0;padding:5px;}
.OrderHistory td{border-bottom:solid 1px #ccc;width:120px;text-align:center;padding:5px;}
.LoginOrderDetails{font-size:12px;background:#333;}
.LoginOrderDetails th{background: #0a0;padding:5px;}
.LoginOrderDetails td{border-bottom:solid 1px #ccc;width:120px;padding:5px;}
#LoginCustomerNotes{position:relative;float:left;width:500px;min-height:200px;background:#FFE721;padding:10px;margin:20px 0 0 100px;}

.StandardParagraph{position:relative;float:left;width:100%;}

#Footer{position:relative;float:left;width:100%;margin:10px 0 0 0;background: url(CSS/OneColFadeBG.png) repeat-y;}
#FooterMessage{position:relative;float:right;width:400px;font-size:18px;line-height:26px;text-align:center;margin:6px 0 0 0}
#Copyright{position:relative;float:left;color:#aaa;font-size:10px;width:100%;text-align:right;padding:10px 0;}
.Cleared{clear:both;}
#CCards{position: relative;width:100%;text-align:center;padding:0 0 10px 0;}
#CCards img{width:100%; max-width:400px;}