﻿
*
{
	margin: 0pt;
	padding: 0pt;
}
html {overflow-y: scroll;}

html
{
	background: #FFFFFF none repeat scroll 0%;
	overflow-y: scroll;
}

body
{
	color: #000000;
	font-family: "trebuchet ms" ,Arial, "Times New Roman" ,Times,sans-serif;
	font-size: 100.01%;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.55;
	text-transform: lowercase;
}
body
{
	float: left; /*otherwise background in styleUpdate.css wont show in FF*/
	display:inline; 
	overflow:hidden;
	min-width: 950px;
	width:100%/*otherwise background in styleUpdate.css wont show in IE*/
}




p{color:#808080}

ul li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	color:#808080;
	font-size:0.8em;
    line-height:1.6em;
}
img
{
	border: 0pt none;
	margin: 0;
	padding: 0;
}

/*colours used forr headlines, backgrounds etc*/

.pink{color:#eda393;}
.green{color:#9ED324;}
.blue{color:#459FD5;}

.greenText
{
color:#7AC141;

}

.greenH1
{
font-size:1.2em;
font-weight:bold;
margin-bottom:0.5em;
color:#7AC141;

}

/*strike through for price /sale price*/
.strikeThrough{text-decoration: line-through;}

/*static pages headline, checkout headline styles*/
 h1 
{
color:#808080;
font-size:1.2em;
font-weight:bold;
margin-bottom:0.5em;
}

 h2 
{
color:#7AC141;
font-size:1.1em;
font-weight:bold;
margin-bottom:0.5em;
}

 h3 
{
color:#7AC141;
font-size:1.0em;
font-weight:bold;
margin-bottom:0.5em;
}

.staticPages
{
    min-height:495px;    
}

.staticPages a
{
	color: #7AC141;
}
div.nav
{
    font-size:0.8em;
    color: #c3c3c3;
    float:right;
    display:inline; 
	overflow:hidden;    
}

.staticPages p 
{
font-size:0.8em;
line-height:1.6em;
}
/*wrapper flash, img, cont*/
#Container
{
	min-width: 950px;
	display: inline-block;
	width: 100%;
}
/*header contains menu and logo button*/
#Header
{
	background: #ccc url(../Images/navBg.gif) repeat-x;
	float: left;
	display:inline; 
	overflow:hidden;
	width: 100%; 
	min-width:960px;/*prevents navigation from dropping*/
	display: inline-block;
}
#Header a.logo
{
	padding: 0;
	margin: 0;
	text-decoration: none;
	height: 56px;
	width: 135px;
	width: 267px;
	float: left;
	background: #ccc url(../Images/logo.gif) no-repeat;
}
/*main container for menu items*/
.menu
{
	float: right;
	display:inline; 
	overflow:hidden;
}

.RadMenu_Default .rmRootGroup
{
	float: right;
	margin: 0;
	padding: 0;
}

.RadMenu_Default .rmRootGroup .rmText
{
	visibility: hidden;
    line-height:1em;
    font-size:0.95em
}

.RadMenu_Default .rmGroup .rmText
{
	visibility: visible;
}

.RadMenu_Default .rmItem .rmLink
{
	cursor: pointer;
}

/*buttons*/
.RadMenu_Default .rmItem .explorethecollection
{
	width: 143px;
	height: 56px;
	background: url(../Images/btExplore.gif) no-repeat;
}
.RadMenu_Default .rmItem .getthedirt
{
	background: url(../Images/btDirt.gif) no-repeat;
	width: 91px;
	height: 56px;
}
.RadMenu_Default .rmItem .wheretobuy
{
	background: url(../Images/btWhere.gif) no-repeat;
	width: 103px;
	height: 56px;
}
.RadMenu_Default .rmItem .whatwerefor
{
	background: url(../Images/btWhat.gif) no-repeat;
	width: 103px;
	height: 56px;
}
.RadMenu_Default .rmItem .peopleagainstdirty
{
	background: url(../Images/btPeople.gif) no-repeat;
	width: 141px;
	height: 56px;
}
.RadMenu_Default .rmItem .shoppingtote
{
	background: url(../Images/btTote.gif) no-repeat;
	width: 139px;
	height: 56px;
}
.RadMenu_Default .rmItem .explorethecollection:hover, .RadMenu_Default .rmItem .getthedirt:hover, .RadMenu_Default .rmItem .wheretobuy:hover, .RadMenu_Default .rmItem .whatwerefor:hover, .RadMenu_Default .rmItem .peopleagainstdirty:hover, .RadMenu_Default .rmItem .shoppingtote:hover
{
	background-position: 0 -56px;
}
/*slide, submenu*/
.RadMenu .rmSlide
{
	background: url(../Images/subNavBg.gif) repeat-x;
	height: 83px !important;
	padding: .8em 0 0 0;
	margin-top: -.1em;
}

/*set the submenu items vertical */
.RadMenu_Default .rmGroup .rmItem
{
	margin: 0px;
	padding: 0 0 0 2.8em !important;
	width: 100px !important;
}
/*submneu textlink*/
.RadMenu_Default .rmGroup .rmItem .rmLink
{
	float: left;
	width: 100%;
	font-size: .8em;
	text-decoration: none;
	color: #ccc;
	white-space: normal;
}
/*move down text*/
.RadMenu_Default .rmGroup .rmItem .rmLink span
{
	margin-top: 1em;
}
.RadMenu_Default .rmGroup .rmItem .rmLink:hover
{
	color: #7ac141;
}
.RadMenu_Default .rmExpanded
{
	position: relative;
	z-index: 10000;
}
/*submenuimage*/
.RadMenu_Default .rmGroup .rmItem img
{
	float: left;

}

/*START Page*/
/*Falsh Region on start page*/
#FlashRegion
{
	float: left;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	background: #fff;
	border-style: none;
}
/*Container Img & text*/
#FooterContentRegion
{
	float: left;
	display:inline; 
	overflow:hidden;
	width: 100%;
	background: url(../Images/footerContentBg.gif) repeat-x;
	min-height: 120px;
}

#FooterSpacer
{
	float: left;
	display:inline; 
	overflow:hidden;
	width: 20px;
}
#IMGRegion
{
	float: left;
	display:inline; 
	overflow:hidden;
	width: 201px;
	height: 123px;
	background: url(../Images/imgHome.jpg) no-repeat;

}
#ContentRegion
{
	color: #808080;
	font-size: .7em;
	float: left;
	display: inline-block;
	overflow: hidden;
	padding-left: 2em;
	width: 75%;
}

#ContentRegion h1
{
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: .5em;
}
#ContentRegion p
{
	line-height: 1.7em;
}
/*#content div {
margin:10px;
}
.bold {
background:#FFFFFF none repeat scroll 0%;
border:1px dotted #666666;
padding:10px;
}
.highlight {
background-color:#FFFFCC;
}

body {background:#9cf url(img/background_6.gif) repeat-y 80% 0}


#content {background:#9cf}*/



/*******************************************************************/

/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */



#Content
{
	display: inline;
	float: left;
	overflow:hidden;
	width: 100%;
	min-width:960px;
}


/*footer */
#Footer
{
	
	display: inline-block;
	clear: left;
	font-family: Arial;
	font-size: 0.7em;
	padding: .5em;
	background: #333;
	bottom: 0;
	left:0;
	text-align: center;
	position: fixed;
	white-space: nowrap;
	width: 100%;
}
.footer_left
{
	padding: 0 0 0 .1em;
	margin: 0;
	float: left;
	display:inline; 
	overflow:hidden;
	width: 400px;
}

#Footer ul li
{
	float: left;
	border-right: 1px solid #515151;
	padding: 0;
	margin: 0;
}
#Footer a
{
	text-decoration: none;
	color: #999;
	padding: .5em;
}
#Footer a:hover
{
	color: #fff;
}
#NewsletterSubscribe
{
	float: left;
	display:inline; 
	overflow:hidden;
}
#NewsletterSubscribe
{
	color: #FFFFFF;
	float: left;
	font-size: 0.9em;
	margin: 0pt auto;
	padding: 0;
	height: 10px;
	white-space: nowrap;
	width: 40%;
}
#NewsletterSubscribe label
{
	color: #fff;
	float: left;
	margin-top: 0.2em;
	padding-right: 0.5em;
}
input.btn_getEmails
{
	float: left;
	height: 21px;
	margin-top: -4px;
	width: 23px;
}
#NewsletterSubscribe input.getEmails
{
	border: 1px solid #CCCCCC;
	color: Black;
	font-family: Arial;
	font-size: 10px;
	height: 13px;
	padding: 0pt 0pt 0pt 3px;
	float: left;
	width: 150px;
}
#Copyright
{
	float: right;
	display:inline; 
	overflow:hidden;
	font-size: 91%;
	color: #999;
	text-transform: lowercase;
	padding-right: 15px;
	white-space: nowrap;
	width: 205px;
}
/*container banner, flash , IMAGE NAVIGATION etc*/
.LeftColumn
{
	float: left; /*margin necessary so that background of image aligns with background of body (set in stylesupdate.css), ideally images/flash should be transparent (shop system saves images as jpgs unfortunately)*/
	margin-top: 2.95em; /*width: 338px;*/
	width: 340px;
	height: 555px;
	padding-right:1em;
	display:inline; 
	overflow:hidden;
}
/*container productlist, productdetail, subcategorylist etc*/
.MiddleColumn
{
	margin-top: 2.8em;/*  	width: 613px;*/
	width: 60%;
	min-width: 600px;
	min-height: 510px;
	float: left;
	padding-bottom:3em;
	display:inline; 
	overflow:hidden;

}

/*container productlist, productdetail, subcategorylist etc*/
.LeftOnlyColumn
{
	margin-top: 2.8em; /* 	width: 613px;*/
	width: 960px;
	min-height: 600px;
	float: left;
	padding-bottom:1%;
	margin-left: 2%;
	margin-right: 2%;
	display:inline; 
	overflow:hidden;
	background-image: url("../images/methodbg.png"); 
	background-repeat: no-repeat;

}

.LeftOnlyColumn .text
{
    font-size: 1.1em;
}

.offline
{
	margin-left: 10%;
	margin-top: 100px;
}
/*#####################################################*/
/*main Image left handside*/
.mainProductImg
{
    padding-left:1em;
    width:340px; 
    height:510px; 
    background:url(../Images/productPlaceholder.gif) no-repeat;

    }
    
.mainProductFlash
{
    
    width:340px; 
    height:510px; 
    background:url(../Images/productPlaceholder.gif) no-repeat;

    }
    /*add some padding to image so its more centered & aligend with image navigation*/
 .mainProductImg img
{   
    padding-top: 3em;
    padding-left: 2em; 
}

 .mainProductFlash
{   
    padding-top: 4.2em;
    padding-left: 0em; 
}
    
  /*page HEadline below main product Image*/

  .LeftColumn h2
{
    color:#79c141; 
    font-size:2em;
    font-weight:bold;

    width:auto;

    padding:1.5em 1em 0pt 2em
 }
 
 
/*Specials navigation*/
.specialsNav 
{
    height:auto;
  
    overflow:hidden;

padding:0 1em;
/*width:73%;margin:0 auto;*/
width:230px;

text-align:center;
}
.specialsNav img
{
padding:0;
}
.specialsNav ul
{               
 

text-align:center;
width:100%;
background:#fff;

overflow:hidden;
}

.specialsNav ul li
{

float:left;
padding:0 .2em;
padding-left:.5em
}
.specialsNav span
{
line-height:1.3em

}
.specialsNav span.ProductTitle2
{
    color:#999;
display:block;
font-size:1em;
text-align:left;
width:150px;/*this might need adjustment depending on product title*/
text-align:center;

}
.specialsNav span.ProductCategory3
{

    color:#999;
display:block;
font-size:.9em;
font-weight:bold;


}
.specialsNav a.NextLink,.mainProductImg a.PreviousLink
{
width:22px;
height:22px;
}

/**************************************************/
/* CATEGORY DETAIL                                 
/**************************************************/
.CategoryDetail
{
	float: left;
	margin-bottom: 20px;
	width: 100%;
	display:inline; 
	overflow:hidden;
}
/*Introtext*/
.CategoryHeader
{
	height: 160px;
	color: #808080;
	padding: 0;
	margin-top:1em;
}
.CategoryDetail .Title
{
	font-weight: bold;
	font-size: 2.2em;
	margin-bottom: .5em;
}

.CategoryDetail .Description
{
	font-size: 0.8em;
	line-height: 1.6em;
}


.CategoryDetail .SubCategoryList
{
	height: auto;
	overflow: hidden;
	text-align: left;
	padding-top: 3em;
}

.CategoryDetail .ProductList
{
	height: auto;
	overflow: hidden;
	text-align: left;
	padding-top: 4em;
}

.CategoryDetail .CategoryListItem
{
	width: 300px;
	height: 200px;
	float: left;
	display:inline; 
	overflow:hidden;
	/*background: url(../Images/prodbg.gif) left center no-repeat;*/
	padding: 0em 0em 0em 0em;

}

.CategoryDetail .SubCategoryListItem
{
	width: 300px;
	float: left;
	display:inline; 
	overflow:hidden;
	/*background: url(../Images/prodbg.gif) left center no-repeat;*/
	padding: 0em 0em 1em 0em;

}

.CategoryDetail .ProductListItem
{
	width: 325px;
	height: 160px;
	float: left;
	display:inline; 
	overflow:hidden;
	/*background: url(../Images/prodbg.gif) left center no-repeat;*/
	padding: 2em 0em 1em 0em;
}


.CategoryDetail .ProductListItem .CallForPrice
{
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #9ED324;
}
.CategoryDetail .ProductListItem .Price, .CategoryDetail .SubCategoryListItem .Price, .CategoryHeader .CategoryListItem .Price
{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	float: left;
	display:inline; 
	overflow:hidden;
	padding-left: 0em;
	padding-top:1em;
}
.CategoryDetail .ProductListItem .RegularPrice
{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	text-decoration: line-through;
}
.CategoryDetail .ProductListItem .SalePrice
{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
	padding-top: 5px;
}
.CategoryDetail .ProductListItem .Image, .CategoryDetail .SubCategoryListItem .Image, .CategoryDetail .CategoryListItem .Image
{

	float: left;
	display:inline; 
	overflow:hidden;
    padding: 0em 0.5em 0 1em;

}

/*Subcategory description, ProductList description*/
.CategoryDetail .ProductListItem .ShortDescription, .CategoryDetail .SubCategoryListItem .ShortDescription, .CategoryHeader .CategoryListItem .ShortDescription
{
	color: #999999;
	float: left;
	display:inline; 
	overflow:hidden;
	font-size: 13px;
	padding-left: 0em;
	line-height:1.2em;

}

.CategoryDetail .ProductListItem .BuyButton, .CategoryDetail .SubCategoryListItem .BuyButton, .CategoryHeader .CategoryListItem .BuyButton
{
    padding-top:1.5em;
	float: left;
	display:inline; 
	overflow:hidden;
}
.CategoryDetail .ProductListItem .DetailLink, .CategoryDetail .SubCategoryListItem .CategoryLink, .CategoryHeader .CategoryListItem .CategoryLink
{
	padding-left:0em;
}

.CategoryDetail .ProductListItem .DetailLink A:link, .CategoryDetail .SubCategoryListItem .CategoryLink A:link, .CategoryHeader .CategoryListItem A:link
{
	color: #999;
	text-decoration: none;
	font-weight: bold;
	padding: 0em;
}

.CategoryDetail .ProductListItem .DetailLink A:Visited, .CategoryDetail .SubCategoryListItem .CategoryLink A:Visited, .CategoryHeader .CategoryListItem .CategoryLink A:Visited
{
	color: #999999;
	font-weight: bold;
	padding: 0em;
	text-decoration: none;
}
.CategoryDetail .ProductListItem .DetailLink A:Hover, .CategoryDetail .SubCategoryListItem .CategoryLink A:Hover, .CategoryHeader .CategoryListItem .CategoryLink A:Hover
{
	color: #7ac141;
}

.CategoryDetail .Paging
{
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #444444;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-color: #d3d3d3;
	border-right-width: 1px;
	border-right-color: #d3d3d3;
	border-left-width: 1px;
	border-left-color: #d3d3d3;
	border-bottom-width: 1px;
	border-bottom-color: #8e9fba;
}
.CategoryDetail .Sorting .Label
{
	font-weight: bold;
	margin-right: 5px;
}
.CategoryDetail .Sorting select
{
	font-size: 8pt;
	font-family: verdana;
}


/**************************************************/
/* PRODUCT DETAIL                                 
/**************************************************/
#ProductHolder
{
	width: 650px;

	float: left;
	display:inline; 
	overflow:hidden;
	color: #808080;
}
/* Product detail page*/
#BuyNowRegion
{	

	/*width: 611px;*/
    width:700px;
	color: #808080;
	padding:1em 0 2em 0;
	display:inline-block;
	     float:left;

}
/*
div#BuyNowRegion {

min-height:160px;
height:expression(this.scrollHeight > 160 ? "auto":"160px"); 
}
*/

#BuyNowRegion .Title
{
	color: #808080;
    font-size:1.1em;
	margin: 0;
	padding:0 0 0 0;
	background: none;	
    float:left;
	
}
#BuyNowRegion .Price
{
    text-align: left;
    font-size:1.1em;
	color: #808080;
	padding-top: 1em;

}

.RegularPrice
{

	font-weight: normal;
text-decoration:line-through;
	
}
.SalePrice
{

color:Orange
	
}

#BuyNowRegion .Link 
{
    font-size:0.9em;
    text-align:right;
    color: #808080;
}

#BuyNowRegion .Link a
{
    text-decoration: none;
}

#BuyNowRegion .Link a:visited
{
    
}

#BuyNowRegion .Link a:hover
{
}

#BuyNowRegion .Description
{
    float:left;
	font-size: 0.7em;
	line-height: 1.6em;
	width:100%;
	overflow:hidden;
	padding-top: 1em;
}
#BuyNowRegion .Description a
{
color:#79C141;
font-size:1.2em;
font-weight:bold;
text-decoration:none;

}
#BuyNowRegion .Description a:hover
{

color:#999

}
#BuyNowRegion .AddToCartButton
{float:left;
 padding-top:.7em


}

#FlashRegion
{
	float: left;
	border: 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#IngDescCont{padding-top:2em;}
#IngredientsRegion
{

float:left;
width: 244px;
height: auto;
overflow: hidden;
color: #808080;
width:30%
}
#IngredientsRegion h1
{
	font-size: 1em;
}
#IngredientsRegion span
{
	font-size: .6em;
}
#DescriptionRegion
{
    float:left;
    display:inline;
	width:367px;
	height: auto;
	overflow: hidden;
	
}

/*tab menu*/
#Tab{width:100%;font-size:.9em;color:#808080;}
/*
 .ajax__tab_inner,.ajax__tab_outer,.ajax__tab_active,.ajax__tab_tab{background:none!important}

.ajax__tab_active{color:#9ed324}*/



/********************/
/*AJAX Tab 
/*******************/
#Tab .CustomTabStyle .ajax__tab_body
{
	


	background-color: #ffffff;
	padding-top: 5px;
	padding-right: 13px;
}
/*styles for features, additionalInformation, specification*/
#Tab table{font-size:.7em;padding:.5em}
/*lsit styles*/
#Tab table ul{}
#Tab table ul li{padding:0 0 1em 1.3em;background:url(../Images/listImg.gif) 0 .3em no-repeat}
#Tab table p{padding-bottom:1em}

#Tab .CustomTabStyle .ajax__tab_outer
{
	padding-right: 4px;

	background-position: top right;
}
#Tab .CustomTabStyle .ajax__tab_inner
{
	padding-left: 4px;

}
#Tab .CustomTabStyle .ajax__tab_tab
{
	height: auto;
	margin: 0;
padding:0.3em 0.5em;
}
#Tab .CustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
	padding-right: 4px;

	background-position: top right;
}
#Tab .CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
background:#f3fae4;
	font-weight: bold;
	color:#9ed324;

}
#Tab .CustomTabStyle .ajax__tab_hover .ajax__tab_tab
{

	height:auto;
padding:0.3em 0.5em;

}
#Tab .CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
	
	color: White;
	background-position: top right;
}
#Tab .CustomTabStyle .ajax__tab_active .ajax__tab_inner
{

	color: White;
}
#Tab .CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
	height: 19px;

background:#f3fae4;
	font-weight: bold;
	color:#9ed324;
	height:auto;
padding:0.3em 0.5em;
}


#ImageMenuRegion
{
	float: left;
	width: 100%;
	display:inline-block;
	overflow: auto


}
#ImageMenuRegion h5{  color:#808080;padding:1em 0;padding-left:1em}
 
#ImageMenuRegion ul {


width:100%;

overflow:hidden;
}



#ImageMenuRegion ul li
{
    width:90px;
    height:auto;
    float:left}

/*circle hover button*/
#ImageMenuRegion ul li a
{
float:left;
width:70px;
height:120px;
  text-align:center;
  }
  
#ImageMenuRegion li a:hover
{

background-position: 0 -78px;
  }
 /*actual product image*/ 
#ImageMenuRegion  li img
{
    text-align:center;
    margin-top:0em;
    margin-left:-0.1em

  }

  /*find out more bt*/
 #FindOut
 {

width:100%;

     
     }
#FindOut a
 {
background:url(../Images/findOutBt.gif) no-repeat;
color:#808080;
font-weight:bold;
padding:0pt 0pt 0pt 1.5em;
text-decoration:none;
     
     }
  
 #FindOut a:hover
 {

color:#7AC141;

     
     } 
     
     /*Related Products*/
     
 .CrossSell{ padding-top:1em;float:left;}
  .CrossSell ul{ width:100%;overflow:hidden;float:left}
  .CrossSell h5{ color:#808080;display:block;width:100%;font-weight:bold;text-decoration:none;}
  .CrossSell .CrossSellItem{  float:left;padding:0 1em 0 1em;}
 
 
 
  /*categories listed up again at the bottom*/
.catMenu
{
float:left;
height:100px;
padding:0em 1em;
width:960px
         
         }
.catMenu .Title{color:#808080;display:block;font-weight:bold;font-size:1em;padding-left:.3em}
.catMenu .SubMenu{font-size:.8em;float:left}
.catMenu .SubMenu .sbLink{color:#79c141;text-decoration:none;padding:0 .3em}
.catMenu .SubMenu span{color:#79c141}
.catMenu .SubMenu .sbLink:hover{color:#d5e500;}
      
  
                            
/*
.ProductDetail
{
	border: 1px solid red;
	margin-bottom: 20px;
}
.ProductDetail .Title
{
	color: #EDFFFF;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	background-color: #6074A6;
	font-family: Arial;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}*/
.ProductDetail .Image
{
	margin-bottom: 10px;
	text-align: center;
	border-right: #eff3f6 8px solid;
	padding-right: 10px;
	border-top: #eff3f6 8px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: #eff3f6 8px solid;
	padding-top: 10px;
	border-bottom: #eff3f6 8px solid;
}
.ProductDetail .Label
{
	font-weight: bold;
	color: #cb5d2a;
	margin-right: 5px;
}
.ProductDetail .Zoom
{
	margin-bottom: 20px;
	text-align: center;
}
.ProductDetail .Description
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 8pt;
}
.ProductDetail .PriceBox
{
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
}
.ProductDetail .Price
{
	font-size: 14px;
	font-weight: bold;
	color: #cb5d2a;
	font-family: arial;
}
.ProductDetail .RegularPrice
{
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration: line-through;
	margin-right: 5px;
	font-family: arial;
}
.ProductDetail .SalePrice
{
	font-size: 14px;
	font-weight: bold;
	color: #cb5d2a;
	font-family: arial;
}
.ProductDetail .StockMsg
{
	color: #6074A6;
	font-family: arial;
	margin-bottom: 10px;
	font-weight: bold;
}
.ProductDetail .CallForPriceMsg
{
	font-size: 14px;
	font-weight: bold;
	color: #9ED324;
}
.ProductDetail .ProductNumber
{
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
	color: #6b7aa2;
}
.ProductDetail .DetailButton
{
	margin-bottom: 10px;
}
.ProductDetail .Options
{
	padding-right: 0px;
	border-top: #cccccc 1px solid;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-right-width: 1px;
	border-right-color: #cccccc;
}
.ProductDetail .OptionsTitle
{
	background-color: #6b7aa2;
	color: white;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.ProductDetail .OptionsLabel
{
	color: #6074A6;
	font-family: arial;
	margin-bottom: 5px;
	font-weight: bold;
	margin-right: 5px;
}
.ProductDetail .Attribute
{
	padding-right: 10px;
	margin-right: 10px;
}
.ProductDetail .Related
{
	margin-top: 20px;
}
.ProductDetail .Manufacturer
{
	font-size: 11px;
	font-weight: bold;
	color: #cb5d2a;
}
.ProductDetail .AddToCartButton
{
	margin-left: 10px;
}
.ProductDetail .StatusMsg
{
	font-size: 11px;
	font-weight: bold;
	color: #9ED324;
}
.ProductDetail .Tabs
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 8pt;
}
.ProductDetail .Features
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 8pt;
}
.ProductDetail .Specifications
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 8pt;
}
.ProductDetail .AdditionalInformation
{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 8pt;
}

/**************************************************/
/* Product Dynamic Attributes/AddOns Style
/**************************************************/
#Attributes .FieldStyle
{
	width: 100px;
}
#Attributes .ValueStyle
{
	padding-bottom: 5px;
	padding-left: 5px;
}

#Add-Ons .FieldStyle
{
	width: 100px;
}
#Add-Ons .ValueStyle
{
	padding-bottom: 5px;
	padding-left: 5px;
}


/**************************************************/
/* Product Alternate Images                                
/**************************************************/
.ProductAdditionalImages
{
	margin-top: 40px;
}
.ProductAdditionalImages .Image
{
	border: 0px;
	margin: 0px;
	padding: 4px 5px 4px 5px;
	text-align: center;
	cursor: pointer;
}
.ProductAdditionalImages .Name
{
	text-align: center;
	padding-bottom: 8px;
}
.ProductAdditionalImages .ItemStyle
{
	vertical-align: bottom;
}



/**************************************************/
/* POPUP WINDOW                                 
/**************************************************/
.PopupBody
{
	text-align: center;
	margin-top: 0px;
	font-family: verdana,helvetica,sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #ffffff;
}
.Popup
{
	background-color: #ffffff;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Popup .Header
{
	background-color: #dcdcdc;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	font-family: Verdana;
}
.Popup .Body
{
	background-color: #ffffff;
	margin-bottom: 20px;
	min-height: 350px;
}
.Popup .Footer
{
	background-color: #ffffff;
	background-color: #dcdcdc;
	padding-top: 5px;
	padding-bottom: 10px;
}

/*Outermost DIV for thumbnail viewer*/
#thumbBox
{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

/*Footer DIV of thumbbox that contains "close" link */
#thumbBox .footerbar
{
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}

/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage
{
	background-color: white;
}

/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading
{
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}

/**************************************************/
/* SHOPPING CART                                 
/**************************************************/
.ShoppingCart
{
	margin: 44px 0 10px 0;
	background:#fff
	
}
/*remove margin of .shoppingCart for 2ndsecure checkout*/
.noMargin{margin:0;}



.ShoppingCart .numbers
{
font-size:1.1em;
}
.ShoppingCart .CheckoutBox
{
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: right;
}
.ShoppingCart .CustomerService
{
font-size:.8em;
font-weight:bold;
	color:#7ac141
}
.ShoppingCart .Grid
{
    background:url(../Images/checkoutHeader.gif) top repeat-x;
 
    color:#808080;
    width:100%;
  
}
/*all input fields*/
.ShoppingCart input
{
border: 1px solid #ccc; 
background:#fff;
padding:.2em;
font-size:.9em;
font-family:arial,tahoma,sans-serif;
}
/*radnumeric text boxes*/

.ShoppingCart input.Quantity
{
padding:0;
margin:0;
text-align:center;

padding:.5em 0 .5em 0;

}
/*remove item button*/
.ShoppingCart .Grid a.removeBt,.ShoppingCart .Grid a.productName
{
color:#7AC141;
text-decoration:underline;


}
/*image and description*/
.ShoppingCart .Grid .Description
{
float:left;
padding:1em 0 0 1em;
color:#808080;
}

.productName
{
color:#7AC141;
font-weight:bold;

}



.ShoppingCart .Grid a.productName
{
    text-decoration:none;
    font-weight:bold;

    }
.ShoppingCart .Grid img
{
float:left;


    }
    .ShoppingCart .Grid .Description span
{
    text-align:left;
display:block;

    }
/*main header shopping cart*/
.ShoppingCart .Grid .Header
{

	color: white;
font-size:.8em;
font-weight:normal;

height:25px;
text-align:center;
text-indent:0.5em;
}

.HLeft
{
background:url(../Images/checkoutHeaderLeft.gif) top left no-repeat;
/*width:16px;*/
height:25px;
padding:0 0 0 1em;
text-indent:0;
}
.HRight
{
background:url(../Images/checkoutHeaderRight.gif) top right no-repeat;
/*width:16px;*/
height:25px;
text-align:left !important;
padding:0 2em 0 0;

float:right;

}
.ShoppingCart .Grid .Row,.ShoppingCart .Grid .AlternatingRow
{

	font-weight: normal;
	font-size: .7em;
color:#808080;
padding:1em 0;


}

.ShoppingCart .Grid .Row td, .ShoppingCart .Grid .AlternatingRow td
{
text-align:center;
padding:.5em 0;
border-bottom:1px solid #999
}


.ShoppingCart .Update
{
	font-weight: normal;
    width:13px;
    height:14px;
    padding:0;
    margin:0;
}
/*
.ShoppingCart .Quantity
{
	width: 20px;
	height: 15px;
}*/
.ShoppingCart .CartTotals
{
	margin-bottom: 10px;
	text-align: right;
}
.ShoppingCart .Apply
{
	color: #7AC141;
	text-align:center;
}
.ShoppingCart .gobutton
{
	vertical-align: middle;
	padding-bottom: 6px;
}
.ShoppingCart .TotalBox td
{
	padding-left: 0px;
	text-align: right;
}
.ShoppingCart .bold
{
	font-weight: bold;
}
/*total box bottom of page*/
.ShoppingCart .TotalBox
{
color:#808080;
padding:0 0em;

}
/**************************************************/
/* CHECKOUT                                 
/**************************************************/
.Checkout
{
	/*padding-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	margin-top: 0px;*/
	width:100%;
	
}
.Checkout .HRight
{
float:none!important;
}
.Checkout .Overview
{
	font-size: .7em;
	color: #808080;
	padding:1em 0;
	height:50px; /*this sets the alignment of green headline to body background image*/
}
.Checkout .Or
{
	font-weight: bold;
	font-size: 16px;
	color: #0099cc;
	font-family: arial;
	padding-right: 10px;
	padding-left: 10px;
}
.Checkout .Steps
{
	text-align: left;
	height: 25px;
}
.Checkout .Steps .Passive
{
	font-weight: bold;
	font-size: 11px;
	color: silver;
	margin-right: 10px;
}
.Checkout .Steps .Active
{
	font-weight: bold;
	font-size: 11px;
	color: #7AC141;
	margin-right: 10px;
}
.Checkout .nextStepBt
{
    padding-top:1em;
background:url(../Images/nextStepBt.gif) no-repeat;
text-align:left;
width:83px;
height:32px
}

.Checkout .sameAsBilling
{
text-align:left;
width:100%;
margin-bottom:-1em;/*remove paddign from .form*/
margin-top:2em;
border-bottom:1px solid #808080;
height:50px;


}
.Checkout .sameAsBilling .checkLabel
{
color:#7AC141;
font-size:.7em;







}
.Checkout .check input
{

float:left;

width:30px;
border:none;
padding-top:.5em;


}
.Checkout .FormTitle
{
	font-weight: bold;
	font-size: .7em;
	color: #fff;

	padding:.3em .2em .2em .2em;
}
/*Top Ten List next to shopping cart/ checkout*/

.TopProducts
{
 
    height:auto;
    overflow:hidden;
    width:80%;

padding:16em 2em 0 2em ;
font-size:.7em
    }

.TopProducts ul
{
 
    float:left;
    width:100%;
}
.TopProducts ul li
{

    float:left;
    width:100%;
    padding:1em 0;
    border-bottom:1px solid #efefef
}
.TopProducts .Image
{
    float:left;
    background:url(../Images/productItemBg.jpg) no-repeat;
height:80px;
padding:0.9em 1em 0 2.6em;
width:80px;
    }
    .TopProducts .DetailLink
{
padding-top:1.5em;


}
.TopProducts .DetailLink a
{
color:#7AC141;

text-decoration:none;

}
.TopProducts .DetailLink a:hover
{
color:#808080;


}
.TopProducts span.Price
{
float:left;
padding:0;


}
.TopProducts .BuyButton
{
    float:right;

margin-top:-1em;
}
/**************************************************/
/* Container SECTIONS
/**************************************************/
#Container .TableContainer
{
	width: 100%;
}
#Container .TableContainer .ClearImageLeft
{
	width: 150px;
	height: 1px;
}
#Container .TableContainer .ClearImageRight
{
	width: 600px;
	height: 1px;
	text-align: left;
}

/**************************************************/
/* FORMS      Login, Register...                                   
/**************************************************/

.SignInSignUp
{
    
       background:url(../Images/checkoutHeader.gif) top repeat-x;
     
    }
    .login h1{padding-bottom:100px;}
.Form
{
	margin-bottom: 10px;
padding-top:2em;
padding-right:.5em;
}
/*remove Paddign for 2nd secure checkout page*/
.noPadding{padding:0;}
/*add padding to register form as login and register form are setup differently*/
.spacing
{

padding-top:2.2em;

}

.FormTitle
{
	font-weight: bold;
	font-size: .8em;
	color: #fff;

	padding:.2em;
}

.green
{
 background:url(../Images/checkoutHeader.gif) top repeat-x;
}
.Form .Search
{
	background-color: #f1f1f1;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	border-right: #b5b4b5 1px solid;
	border-top: #b5b4b5 1px solid;
	border-left: #b5b4b5 1px solid;
	border-bottom: #b5b4b5 1px solid;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Form .Asterix
{
	color: red;
}
.Form .HeaderStyle
{
	font-weight: bold;
	font-size: 11px;
	background-color: #e6e6e6;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
.Form .Row
{
	padding-bottom: 10px;
}
.Form .Row td
{
	padding-bottom:.3em;
}
/*
.Form .FieldStyle
{
	display: block;
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
	color: #4b4b4b;
	text-align: right;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 6px;
}*/
.Form .ValueStyle
{
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-bottom: 2px;
	padding-top: 2px;
}
.Form .ValueField
{
	padding-bottom: 8px;
	padding-top: 5px;
}
.Form .SuccessMsg
{
	color: Green;
	font-size: 13px;
}
.Form .BackLink
{
	color: Blue;
	font-size: 11px;
	text-decoration: underline;
}



/*buttons*/
a.forgotPW
{
    font-size:.7em;
    display:block;

color:#7AC141;
text-decoration:underline;
}
a.forgotPW:hover
{

color:#808080;

}
.Form .loginBt
{
background:url(../Images/loginBt.gif) no-repeat;
float:left;
padding-top:1em;
}
.Form .registerBt
{
    padding-top:1em;
background:url(../Images/registerBt.gif) no-repeat;
float:right;
}
/*label and input*/
.Form .LabelTxt, .Form label, .Checkout .LabelTxt,.Checkout label
{
display:block;
color:#808080;
font-size:.7em;

}
.Form .TextField, .Form input, .Checkout .TextField,.Checkout input, .Form select
{
    border: 1px solid #ccc; 
    background:#fff;
    padding:.3em;
    font-size:.7em;
    font-family:arial,tahoma,sans-serif;
/*    display:block;
    margin-bottom:.5em;*/ /*disables dropdown*/
    width:285px;
}


.Form .HintStyle
{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	border-right: #3399cc 1px solid;
	padding-right: 10px;
	border-top: #3399cc 1px solid;
	padding-bottom: 5px;
	border-left: #3399cc 1px solid;
	padding-top: 5px;
	border-bottom: #3399cc 1px solid;
	background-color: #ffffcc;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Form .Button
{
}
.Form .Rightalign
{
	padding-left: 7px;
}
.Or
{
	font-weight: bold;
	font-size: 1em;
	color: #808080;
	font-family: arial;
padding:.1em 1em 1em 0;
float:left;
	text-transform: uppercase;
}

/*Payment form*/
.Payment
{
padding-top:1em


    }
    
.Payment h1
{
   font-size:.7em;
   color:#fff;
padding-top:.3em
    }
    
    .Payment h3
{
   font-size:.7em;
   color:#808080;
    }

    .Header{background: url(../Images/checkoutHeader.gif) repeat-x;}
.Payment .HRight{float:right!important;  
                 background: url(../Images/checkoutHeaderRight.gif) right center no-repeat
                 }

.PaymentType{float:left;width:100%}
.CreditCard{float:left; padding:.5em; width:45%;padding-bottom:2em;padding-top:1em;}
.BillingTitle{float:left; padding:.2em; width:16.5%;padding-top:1em;}
.BillingTitle h1{color:#808080}
.BillingAddress{float:left; padding:.5em; width:31.5%;font-size:.7em;color:#808080;padding-top:1.6em;}
.BillingAddress a.forgotPW{font-size:.9em;}
.SpecialComments
{
float:left; 
width:100%;

padding-bottom:1em;

}

 .SpecialComments textarea
{
font-family:arial,verdana,sans-serif;
font-size:.8em;
padding:.3em;
margin-left:.5em;
margin-top:.5em;


}


.CreditCard ul{float:left}
.CreditCard ul li{float:left;padding-bottom:.3em}

.CardImgs{display:block;padding-bottom:.5em;overflow:hidden;}

.CardImgs img{float:right;}
.ExpiryDrop{float:right; width:135px;}
.ExpiryDrop .drop{float:right;display:inline;}
.Payment label{float:left;color:#7AC141;font-size:.7em;font-weight:bold;width:110px;}
.Payment input{float:right;width:50%}
 .Payment a.forgotPW{float:left;}
 

.SubmitOrder{float:left;}

.SubmitOrder input.submitOrderBt{background:url(../Images/submitOrderBt.gif) no-repeat;width:98px;height:32px;}


/*order area on payment form*/
.Order .ShoppingCart .Grid .Header {text-align:left;font-size:.7em}

/*total box*/
.FinalPrice{font-size:.8em}
.ShippingOption{padding-left:1em}
.ShippingOption .headline{color:#7AC141;font-size:.9em;font-weight:bold;padding:0 1em 0 0 }
.ShipDrop .RadComboBox{width:120px!important;}

/*.Order .ShoppingCart .Grid .Row td, .ShoppingCart .Grid .AlternatingRow td {text-align:left;}*/

span.clearer
{
	clear: both;
}
.noBorder
{
	border: 0 !important;
	background: none !important;
}
td .TextAlignLeft
{

text-align:left!important;
}
.TextAlignCenter
{

text-align:center !important;
}
td .TextAlignRight
{

text-align:right;
}
img.floatLeft { 
    float: left; 
    margin: 0px; 
    padding-right: 20px;
    padding-bottom:20px;
    padding-top:5px;
}
img.floatRight { 
    float: right; 
    margin: 0px; 
    padding-right: 10px;
    padding-top:20px;
}
div.leftCol { float:left; width:226px; height:400px; padding:0 0px 0 0;}
div.rightCol { display:inline; overflow:hidden;}
div.leftCol li { text-align:left;}
div.leftCol h3 { text-align:left;}
.contentblock {border-bottom:1px solid #808080; padding-bottom:18px; padding-top:34px; }
.grid2colc .column.first {width:21%;}
.grid2colc .column.last {width:75%;}
