/* Common */
body { margin:0px; background:#d6d6d6 url(../images/bg_body.jpg) no-repeat center top; }
body, h1, h2, h3, input, select, textarea, table, label { font:normal 11px Arial, Helvetica, sans-serif; }
body, h1, h2, h3, table, label { color:#5c5c5c; }
h1, .h1 { margin-bottom:20px; font-size:24px; } 
h2, .h2 { margin:13px 0 5px 0; font-size:15px; color:#1D2124; font-weight:bold; }
h3, .h3 { margin:10px 0 5px; font-size:12px; font-weight:bold; }
h4, .h4 { margin:10px 0 5px; font-size:11px; font-weight:bold; color:#999; text-transform:uppercase; }
p { margin-top:10px; }
a { color:#000; }
a img { border:0; }
form { margin:0; padding:0; }
hr { clear:both; margin:25px 0 10px; color:#E1E1E1; background-color:#E1E1E1; border:0 none; height:1px; }
.Clear { clear:both; }
.Thumbnail { border:2px solid #cfcfcf; }
.Date { display:block; padding-bottom:10px; font-size:11px; color:#a7a8a8; line-height:13px; }
.Req { font-weight:bold; color:#BF0021; }
.Important { color:#BF0021 }
.Currency {  margin:2px 5px 0 0; color:#a8a8a8; font-weight:bold; font-size:10px; text-transform:uppercase; }
.Price { width:50px; color:#000; font-weight:bold; font-size:13px; }
.Failed { margin-bottom:5px; }

/* Social Media Buttons */
.Social { float:right; padding:0 0 15px 15px; }
.Social .Button { float:left; margin-right:10px; }
.Social .No-Margin { margin:0; }

/* Layout */
#Wrapper { margin:10px auto; width:958px; }
#Wrapper #Header { padding:0 12px; height:150px; background:url(../images/bg_header.png) no-repeat bottom; }
#Wrapper #Body { background:url(../images/bg_container.png); }
#Wrapper #Body #OuterContainer { padding:15px 12px; }
#Wrapper #Body .Top { height:74px; background:url(../images/bg_container_top.gif) no-repeat bottom; }
#Wrapper #Body .Top #Heading { float:left; margin:5px 0 0 12px; }
#Wrapper #Body #Container { padding:20px; }
#Wrapper #Body #Container #Content { min-height:400px; }
#Wrapper #Body #Container #Columns #Content { float:left; margin:0 15px; width:710px; }
#Wrapper #Footer { padding:0 0 0 20px; height:100px; font-size:11px; background:url(../images/bg_footer.png) no-repeat; }
#Wrapper #Footer .Banner { float:left; margin-left:15px; }
#Wrapper #Footer .First { margin:0; }
#Wrapper #Footer ul { float:left; margin:20px 0 0 0; padding:0; width:600px; list-style:none; }
#Wrapper #Footer ul li { padding:0 6px; float:left; border-left:1px solid #9B9B9B; }
#Wrapper #Footer ul li.First { border:0; }
#Wrapper #Footer ul li a { display:block; color:#9B9B9B; text-decoration:none; }
#Wrapper #Footer #TuskBrand { display:inline; float:right; margin:20px 20px 0 0; width:100px; }
#Wrapper #Footer #TuskBrand a { font-size:10px; color:#9B9B9B; text-decoration:none; }

/* Viewer */
#Viewer { float:right; width:170px; }
#Viewer h4 { padding-bottom:4px; border-bottom:1px solid #ececec; }
#Viewer #Images { margin-bottom:40px; }
#Viewer .Thumbnail { float:left; margin:10px 10px 0 0; }
#Viewer .Title { display:block; }

/* Menu */
#Header .HTMLMenu { display:none; }

/* Side Menu */
#Body #Columns #SideMenu { float:left; margin-bottom:15px; width:150px; }
#Body #Columns #SideMenu h3 { margin:0 0 10px; color:#1c2021; }
#Body #Columns #SideMenu .Menu { margin-bottom:15px; width:132px; }
#Body #Columns #SideMenu .Menu ul { margin:0 0 15px; padding:0; list-style:none; }
#Body #Columns #SideMenu .Menu ul li { margin:0; padding:0; }
#Body #Columns #SideMenu .Menu ul li a { display:block; margin:0; padding:4px 2px 2px 4px; height:15px; color:#424444; text-decoration:none; border-bottom:1px solid #E1E1E1; }
#Body #Columns #SideMenu .Menu ul li a:hover { background:#f2f2f2; text-decoration:none; }
#Body #Columns #SideMenu .Menu ul li a.Selected { background:#e9e9e9; }
#Body #Columns #SideMenu .Form { padding-bottom:15px; }

/* Cart Summary */
#CartSummary { float:right; padding:5px 10px 0; width:230px; height:58px; background:url(../images/bg_cartsummary.gif) no-repeat; }
#CartSummary img { float:left; margin-top:3px; }
#CartSummary .Description { float:left; width:140px; color:#595b5d; font-weight:bold; } 
#CartSummary .Description h2 { color:#c41318; font-weight:bold; font-size:11px; }
#CartSummary .Checkout { float:right; margin-top:12px; }

/* Forms */
.FormField { font:11px Arial, Helvetica, sans-serif; border:1px solid #E1E1E1; }
.FormButton { float:left; }
.Form div { clear:both; display:block; margin-bottom:4px; }
.Form div label { display:block; float:left; margin:4px 4px 0 0; width:9.2em; text-align:right; }
.Form div select, form div option { width:auto; padding:0; } 
.Form div table label, .Form div ul label { float:none; width:auto; text-align:left; }
.Form .InfoBox { float:none; clear:both; margin-left:125px; border:1px solid #E1E1E1; width:470px; height:60px; padding:5px; overflow:auto; }
.Form .Agree label { float:left; padding-left:10px; text-align:left; }
.Form .Agree input { float:left; margin-left:125px; }
.Form .Captcha { margin-bottom:15px; padding-left:105px; font-size:10px; }
.Form .Captcha img { margin-top:3px; }
.Form .Button { margin-left:105px; }

/* Homepage */
#Homepage .ColLeft { float:left; margin-right:20px; width:470px; }
#Homepage .ColLeft #CampaignBanner { width:470px; height:440px; }
/* #Homepage .ColLeft div#hero-slide { width: 470px; height: 440px; background-color: #000000; overflow: hidden; position:relative; z-index:3; } */
#Homepage .ColRight { float:left; width:428px; }
#Homepage .ColRight #FeaturedProducts .Item { float:left; margin:10px 0 0 15px; width:119px; }
#Homepage .ColRight #FeaturedProducts .First { margin-left:0; }
#Homepage .ColRight #FeaturedProducts .Item a .Thumbnail { margin-right:5px; border:6px solid #ebeff0; } 
#Homepage .ColRight #FeaturedProducts .Item a:hover .Thumbnail { border:6px solid #c0bebf; } 
#Homepage .ColRight #FeaturedProducts .Item a { font-size:10px; color:#5c5c5c; text-decoration:none; }
#Homepage .ColRight #FeaturedProducts .Item h3 { margin:10px 0 3px; }
#Homepage .ColRight #FeaturedProducts .Item h3 a {  font-weight:bold; color:#000; }
#Homepage .ColRight #FeaturedProducts .Item h3 a:hover { text-decoration:underline; }
#Homepage #LatestNews { float:left; margin-top:8px; background:#f3f3f3; }
#Homepage #LatestNews .Content { margin:10px 15px; }
#Homepage #LatestNews .Item { margin-bottom:12px; width:400px; }
#Homepage #LatestNews .Item .Thumbnail { float:left; margin-right:15px; width:70px; height:70px; border:1px solid #333; }
#Homepage #LatestNews .Item .Details { float:left; width:300px; }
#Homepage #LatestNews .Item .Details h2 { margin:2px 0; font-weight:bold; font-size:12px; }
#Homepage #LatestNews .Item .Details h2 a { text-decoration:none; }
#Homepage #LatestNews .Item .Details h2 a:hover { text-decoration:underline; }

/* scriptaculous image slider */
#slide-images { position:relative; left:2px; display:block; margin:0px; padding:0px; width: 470px; height: 480px; overflow: hidden }
#slide-images li { position:absolute; display:block; list-style-type:none; margin:0px; padding:0px; }
#slide-images li img { display:block; border: 0; }

/* Orbit Slider specific Styles 
div.orbit { position:relative; overflow:hidden; }
div.orbit img { position: absolute; top: 0; left: 0; }
div.orbit a img { border: none; }
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 15px; right:15px; opacity: .6; cursor: pointer; z-index: 1000; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/orbit/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('../images/orbit/timer-black.png') repeat 0px 0px;  }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('../images/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }
*/

/* Homepage */
#Campaign .ColLeft { float:left; margin-right:20px; width:470px; }
#Campaign .ColRight { float:left; width:428px; }
#Campaign .ColRight h2 { clear:both; display:block; margin:15px 0 5px; padding:8px 5px; border-bottom:1px solid #CCC; }
#Campaign .ColRight ol { padding-left:20px; }
#Campaign .ColRight .Thumbnail { float:left; margin:10px 10px 0 0; }

/* Products List */
#Products td { padding:5px 10px; height:150px; vertical-align:top; }
#Products td.Middle { border-width:0 1px; border-style:solid; border-color:#ececec; }
#Products td .Thumbnail { float:left; margin:0 10px 12px 0; }
#Products td .BuildYourOwnKit { float:left; position:relative; margin:80px 0 0 -110px; width:99px; height:64px; background:url(../images/ico_buildyourownkit.png); }
#Products td .Details { float:left; width:140px; }
#Products td .Details h2 { font-size:15px; margin:0 0 5px; }
#Products td .Details p { margin:5px 0; }

/* Product Details */
#ProductDetails .Images { float:left; margin-right:20px; width:215px; }
#ProductDetails .Images #ProductImage { border:2px solid #cfcfcf; }
#ProductDetails .Images .Views { margin-top:20px; }
#ProductDetails .Images .Views .Thumbnail { float:left; margin:0 4px 4px 0;  }
#ProductDetails .Details { float:left; margin-bottom:20px; width:643px; }
#ProductDetails .Details h2 { margin-top:0; }
#ProductDetails .Details .Options { margin-top:15px; width:640px; }
#ProductDetails .Details .Options td { padding:5px; border-bottom:1px solid #e4e4e4; }
#ProductDetails .Details .Options td label { margin-right:5px; color:#000; font-weight:bold; }
#ProductDetails .Details .Options td select { width:190px; }
#ProductDetails .Details .Options td.Summary { padding:15px 0 20px; }
#ProductDetails .Details #QuantityContainer { float:left; padding:0 30px 0 350px; }
#ProductDetails .Details #QuantityContainer #Quantity { width:30px; text-align:center; }
#ProductDetails .Details .Currency { float:right; margin-right:10px; }
#ProductDetails .Details .Price { float:right; }
#ProductDetails .Details .FormButton { margin:10px 0 0 550px; }

/* News */
#News .Item { margin-bottom:15px; }
#News h2 { margin:4px 0; font-weight:normal; }
#News h2 a { text-decoration:underline; }
#News .MoreInfo { margin-top:8px; float:left; }
#News #Articles .Thumbnail { float:left; width:70px; height:70px; margin:0 10px 10px 0; }
#News #Article .Details { float:left; width:500px; }
#News #Article .Details h2 { font-size:18px; }
#Unsubscribe .Form label { width:80px; }
#Unsubscribe .Form .FormButton { margin:5px 0 0 86px; }

/* Competition */
#Competition .Thumbnail { float:left; margin:0 15px 15px 0; }
#Competition .Item { margin-bottom:12px; padding:10px 0; border-bottom:1px solid #CCC; }
#Competition h2 { margin:4px 0; font-weight:normal; }
#Competition h2 a { text-decoration:underline; }
#Competition .FormButton { margin-top:15px; }
#Competition #Helmet-Selector label { cursor:pointer; background-repeat:no-repeat; background-position:-10px -10px; border:2px solid #fff; width:120px; height:120px; float:left; margin-right:10px; position:relative; z-index:10; }
#Competition #Helmet-Selector label.selected { border:2px solid #BF0021; }
#Competition #Helmet-Selector label span { text-align:center; display:none; position:absolute; top:92px; right:10px; background:#000; color:#fff; text-transform:uppercase; font-size:9px; padding:4px; z-index:100; }
#Competition #Helmet-Selector label:hover span { display:block; }
#Competition #Helmet-Selector input { display:none; }


/* Team */
#Team h2 { margin-top:0; font-weight:normal; }
#Team .List .Thumbnail { float:left; margin:0 10px 20px 0; }
#Team .Details { float:left; width:450px; }

/* Links */
#Links .List ul { margin:0 padding-left:25px; }
#Links .List ul li { margin-bottom:3px; }
#Links .List ul li a { text-decoration:none; }
#Links .List ul li a:hover { text-decoration:underline; }

/* Sitemap */
#Sitemap ul { margin:0; padding-left:25px; }
#Sitemap ul li { margin-bottom:3px; }
#Sitemap ul li a { text-decoration:none; }
#Sitemap ul li a:hover { text-decoration:underline; }
#Sitemap ul ul { padding:5px 0 2px 15px; }

/* News Subscribe */
#NewsSubscribe .FormButton { margin:10px 0 0 107px; } 

/* Media Gallery */ 
#MediaGallery .Menu { position:relative; float:left; margin:-26px 0 10px 0; padding-left:105px; }
#MediaGallery .Menu ul { margin:0; padding:0; width:600px; list-style:none; }
#MediaGallery .Menu ul li { float:left; margin:0; padding:0; }
#MediaGallery h2 { clear:both; display:block; margin:15px 0 5px; padding:8px 5px; border-bottom:1px solid #CCC; }
#MediaGallery ol { padding-left:20px; }
#MediaGallery .Thumbnail { float:left; margin:10px 10px 0 0; }
#MediaGallery #Wallpapers .List select { margin:10px 0 0; width:150px; }

/* Online Help */
#OnlineHelp a { display:block; margin-bottom:5px; padding:8px 10px 12px 28px; width:auto; font-size:12px; text-decoration:none; }
#OnlineHelp .Link {  background:#f4f4f4 url(../images/buttons/btn_arrow_left.gif) no-repeat 8px 9px; }
#OnlineHelp .Selected { background:#f4f4f4 url(../images/buttons/btn_arrow_down.gif) no-repeat 8px 9px; }
#OnlineHelp .Item { display:block; width:auto; padding:5px 12px 12px; }
#OnlineHelp .Item h1 { margin-top:20px; font-size:13px; font-weight:bold; color:#000; }

/* My Account */
#MyAccount #LoginContainer { margin:0 auto; padding-top:30px; width:700px; height:220px; }
#MyAccount #LoginContainer h2 { margin:0; padding:5px; font-size:12px; background:#E1E1E1; }
#MyAccount #LoginContainer #Login, #MyAccount #LoginContainer #Signup { float:left; width:330px; height:190px; border:1px solid #d8d8d8;  }
#MyAccount #LoginContainer #Login .Content, #MyAccount #LoginContainer #Signup .Content { padding:15px 20px; }
#MyAccount #LoginContainer #Login .Form div { margin-bottom:5px; }
#MyAccount #LoginContainer #Login .Form div label { float:none; margin:10px 0 3px; text-align:left; }
#MyAccount #LoginContainer #Login .Form .Example, #MyAccount #LoginContainer #Login .Form .ForgotPassword { margin-left:5px; }
#MyAccount #LoginContainer #Login .Form .FormField { float:left; }
#MyAccount #LoginContainer #Login .Form .ForgotPassword { float:left; }
#MyAccount #LoginContainer #Login .Form .FormButton { margin-top:5px; }
#MyAccount #LoginContainer #Signup { margin-left:30px; }
#MyAccount #LoginContainer #Signup .Or { margin:0 10px; width:40px; font-weight:bold; font-size:12px; color:#000; }

/* Forgot Password */
#ForgotPassword .Form label { width:60px; }
#ForgotPassword .Form .FormButton { margin:5px 0 0 67px; }

/* Your Region */
#YourRegion .Form label { width:60px; }
#YourRegion .Form .FormButton { margin:5px 0 0 67px; }

/* Basket List */
.BasketList { margin-bottom:15px; }
.BasketList td { padding:10px; color:#1f2324; }
.BasketList td .Price { font-size:11px; }
.BasketList tr th { padding:6px 10px; font-weight:bold; font-size:10px; color:#979797; text-align:left; }
.BasketList tr.BasketItem td {  font-weight:bold; background:#efeff1; border-top:1px solid #d8d8d8; }
.BasketList tr.BasketItemOption td { border-top:1px solid #efeff1; }
.BasketList tr.Totals td { font-weight:bold; font-size:10px; color:#979797; border-top:1px solid #d8d8d8; }
.BasketList tr.Totals td .Price { font-size:11px; }
.BasketList tr.Totals td .Total { font-size:13px; color:#000; font-weight:bold; }
.BasketButtons { clear:both; float:right; width:300px; }

/* Basket Form */
.BasketForm { background:#FFF; }
.BasketForm .h2 { margin:0; padding:5px; height:15px; font-size:12px; background:#EBEBEB; }
.BasketForm .h3 { margin:0 0 5px 125px; font-size:11px; color:#404040; }
.BasketForm .Col { display:inline; float:left; margin:10px 0 10px 20px; width:300px; clear:none; }
.BasketForm .Data { float:left; margin:4px 0; display:block; color:#000; }
.BasketForm .Col label { margin:4px 5px 4px 0; width:120px; }
.BasketForm .FormButton { margin-left:145px; }

/* Pretty Search */
.SearchWrapper { display:block; height:20px; }
.SearchWrapper .PrettySearch { float:left; padding:3px 0 0 0; height:17px; background:url(../images/bg_prettysearch.png) repeat-x; border:0; opacity:1; }
.SearchWrapper .Blurred { color:#7E7E7E; }
.SearchWrapper .Left { float:left; width:20px; height:20px; background:url(../images/bg_prettysearch_left.png) left top no-repeat; }
.SearchWrapper .Right { float:left; width:10px; height:20px; background:url(../images/bg_prettysearch_right.png) right top no-repeat; }

/* Blog */
#Blog h1 { color:#769a05; font-weight:normal; font-size:24px; margin:0 0 5px; }
#Blog h1 a { text-decoration:none; }
#Blog h1 a:hover { text-decoration:underline; }
#Blog h2 { color:#000; font-weight:normal; font-size:12px; }
#Blog h3 { margin:5px 0 15px 0; padding:5px; color:#3f3f3f; font-weight:bold; font-size:12px; background:#eeedea; border-bottom:1px solid #d9d8d7; }
#Blog .ColLeft { float:left; margin-right:20px; width:665px; }
#Blog .ColRight { float:left; width:200px; }
#Blog #frmSearch { margin-bottom:15px; }
#Blog #frmSearch label,#Blog #frmSearch #Search  { display:none; }
#Blog #Calendar { margin-bottom:15px; width:100%; border-collapse:collapse; }
#Blog #Calendar th { padding:5px; color:#3f3f3f; font-weight:bold; font-size:12px; background:#eeedea; border-bottom:1px solid #d9d8d7; }
#Blog #Calendar th a { font-weight:normal; font-size:11px; }
#Blog #Calendar .DayOfWeek { padding:4px; width:15%; font-weight:bold; text-align:center; }
#Blog #Calendar .Day { padding:4px; background:#F7F7F7; text-align:center; border:2px solid #FFF; }
#Blog #Calendar .Current { background:#555759; color:#FFF; font-weight:bold; }
#Blog #Calendar .Active { background:#CC1621; font-weight:bold; }
#Blog #Calendar .Active a { color:#FFF; }
#Blog #CommentItem { margin:10px 0; padding:10px; display:block; border:1px solid #d9d8d7; }
#Blog #CommentItem .Comment { padding-bottom:10px; }

/* Suggested Form */
#SuggestedProducts { margin-top:20px; padding:15px; background:url(../images/bg_associatedproducts.jpg) repeat-x; min-height:170px; }
#SuggestedProducts div { float:left; margin:0 2px 4px 0; text-align:center; width:105px; height:135px; }

/* Steps */
#Body #Columns #SideMenu .Steps { margin-bottom:15px; width:132px; }
#Body #Columns #SideMenu .Steps ul { margin:0; padding:0; list-style:none; }
#Body #Columns #SideMenu .Steps ul li { margin:0; padding:0; }
#Body #Columns #SideMenu .Steps ul li span { display:block; padding:4px 2px 2px 23px; height:15px; color:#424444; text-decoration:none; background:url(../images/ico_step.gif) no-repeat 3px 3px; border-bottom:1px solid #E1E1E1; }
#Body #Columns #SideMenu .Steps ul li.Selected span { background:url(../images/ico_step_selected.gif) no-repeat 3px 3px; }
#Body #Columns #SideMenu .Steps ul li.Completed span { background:url(../images/ico_step_completed.gif) no-repeat 3px 3px; }

/* Processing */
#Processing { margin:150px auto 0; padding:20px; width:280px; height:60px; border:1px solid #CCC; background:#FFF; }
#Processing h2 { font-size:12px }

/* Alert */	
.Alert { margin-bottom:25px; padding:10px 20px 10px 50px; min-height:20px; border:1px solid #EADFBA; background:#FDF7E4 url(../images/ico_warning.gif) no-repeat 12px 12px; }
.Alert h4 { margin:3px 0 10px; color:#CA0000; font-size:14px; }
.Alert a { color:#CA0000; }
.Alert ul { margin:0 0 0 10px; padding:0; }
.Alert ul li { margin:0; padding:0 0 5px 0; }