/*Jersey Soap CSS - MultiLayer Design Ltd*/
body
{
	margin: 0;
	padding: 0;
	min-height: 100%;
	min-width: 785px;
	width: 100%;
	height: 100%;
	background: #69954c;
	font-family: Arial, verdana, "Trebuchet MS";
}


h1
{
    /*h1 tag unformatted as thers no ideal place for it atm*/
	font-size:1.0em;
	padding-top:10px;
	margin:0;
	font-weight: bold;
	color: #fff;
}

h1 a
{
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

h1 a:hover
{
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

h2
{
	font-size: 1.0em;
	padding-left: 10px;
	margin-top: 6px;
/*	color: #336699;*/
	color: #fff;
}

h2 a
{
	color: #fff;
	text-decoration: none;
}

h2 a:visited
{
	color: #fff;
	text-decoration: none;
}

h4
{
	font-size: 1.0em;
	padding: 0;
	margin-top: 5px;
	color: #336699;
}

h4 a
{
	color: #336699;
	text-decoration: none;
}

h4 a:hover
{
	color: #336699;
}

h4 a:visited
{
	color: #336699;
}

.contentbox_title h4 
{
	margin-top: 10px;
	color: White;
}

.contentbox_title a
{
	color: #fff!important;
}

h5
{
	font-size: 0.8em;
	padding: 0;
	color: #336699;
	line-height: 12px;
	margin-top: 0px;
}

p
{
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
}

.fontsize span
{
    font-size: 0.8em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
}
.standardtext
{
    font-size: 0.8em;
    line-height: 1.1em;
/*    margin: 0;
    padding: 0;
    padding-bottom: 1px;*/
}

li
{
    display: inline;    
    padding-right: 25px;
}

ol li
{
	display: block;
	padding-right: 0px;
}

a
{
    font-size: 0.8em;
    outline: none;
}

label 
{
    font-size: 0.8em;
}

.footerlinks
{
    font-size: 0.8em;
}

td
{
	font-size: 0.8em;
}

/*header area start */
#header
{
	width: 100%;
	height: 165px;
	margin: 0;
	padding: 0;
}
#topinnerheader
{
	width: 100%;
	height: 96px;
	margin: 0;
	padding: 0;
	/*background: #7187c8;  7187c8*/
	background: #3b56c1 url(../images/linebg_tiled_header.png) repeat;
}

#topinnerheadergradient
{
    height: 96px;
    width: 100%;
    background: url(../images/headergradient.png) repeat-x;
 
}
#bottominnerheader
{
	width: 100%;
	height: 64px;
	margin: 0;
	padding: 0;
	background: #659a41 url(../images/header_tabbar.png) repeat-x;
	z-index: 1;
}

#bottominnerheadertop
{
	height: 32px;
	width: 500px;
	margin-left: 10px;
	width: 100%;
}

#bottominnerheaderbottom
{
	height: 27px;
	margin-top: 5px;
	width: 100%;
}

#bottominnerheadershadow
{
    height: 5px;
    width: 100%;
    background: url(../images/footerbarshadow.png) repeat-x;   
}
#headerlinks
{
    color: #fff;
    font-weight: bold;
    text-align: right;
    margin-top: -90px;
    padding-right: 10px;
    
}
/*header_baskettotalbg_l.png*/
#welcome
{
    float: left;
    height: 32px;
    margin: 0px 0px 0px 10px;
    width: 480px;
    padding: 0;  
}

#search
{
    float: right;
    height: 32px;
    margin: 0;
    width: 280px;
    padding: 0;  
}

#search div
{
	float: left;
}

#search input
{
	margin-left: 10px;
}

#searchlabel
{
	float: left;
	padding-right: 4px;
	padding-top: 2px;
}

input
{
    padding-left: 3px;
    padding-right: 2px;
}

textarea
{
    padding-left: 3px;
    padding-right: 2px;
}

.clrwhite
{
    color: #fff;   
}
.clrblack
{
    color: #000;
}

/*header area end */

/*footer area start */
#footer
{
	width: 100%;
	height: 205px;
	margin: 0;
	padding: 0;
	
}
#topinnerfooter
{
	height: 24px;
	width: 100%;
	padding: 3px 10px 0 10px;
}
#middleinnerfooter
{
	height: 41px;
	width: 100%;
	/*background: #659a41;*/
	/*border: solid 1px #000;*/
	background: url(../images/footerbar.png) repeat-x;
	margin-top: -63px;
	padding-top: 20px;	
	
}
#middlefooterbar
{
    height: 61px;
	width: 100%;
    background: #659a41;
    padding: 0;
    margin-top: -1px;
    
}

#bottominnerfooter
{
	height: 122px;
	width: 100%;
	background: #bede8c url(../images/footerbarshadow.png) repeat-x;
	padding: 0;
	margin: 0;	
}

/*footer area end */

#middlewrap 
{
	padding: 0;
	margin: 0;	
	width: 980px; /* 100%*/
	height: 100%;	
	margin: 0 auto 0 auto;
}

#middlewrapgradient 
{
	width: 100%;
	height: 100%;	
}
#middle
{
	width: 95%;
	height: 100%;
	margin: 0 auto 0 auto;	
}
#content 
{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	
}
#contentright 
{
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 2px 0 0;
	border-left: solid 1px #6f6f6f; /*outerborder shadow*/
	border-right: solid 1px #6f6f6f; /*outerborder shadow*/
	
}
#contenttext
{
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;	
	text-align: left;	
	/*background:#bede8c;*/
	background: #bede8c url(../images/linebg_tiled.png) repeat;
	border: solid 1px #404040;	/*innerborder shadow*/	
}

#contentcontainer
{
/*	float: left;*/
	width: auto;
/*	margin-top: -650px;*/
	margin-left: 241px;
	height: 100%;
	min-height: 650px;
	margin-top: 20px;
}

/*product stuff start */
.productarea
{
	width: auto;
}

.textarea
{
	width: auto;
	margin-bottom: 10px;
}

.basketarea
{
	width: 100%;
}

.productsectioncatpagingbar
{
	width: 97%;
	height: 65px;
	margin: 1%;
	/*border: solid 1px #000;*/
	
}
.productbox
{
	float:left; /*dont worry, you can spit as many of these product boxes out without worrying :)*/
	width: 154px; /*finely tuned to 800*600 3 prodboxes across - dont mess*/
	margin: 1%;	
	height: 240px;		
	/*border: solid 1px #000;*/
	font-size: 0.95em;	
}
#products, .products
{
    /* tricky show max of 4 product boxes regardless of res size 
    3 in 800*600
    4 in 1024*768+
    do not mess with these sizes (yet)
    */
    /*
    min-width: 400px;    
    max-width: 800px;*/
    width: 690px;
    margin: 0 auto 0 1px; /*keep same left margin regardless of res*/
}

.catpagingbarcontentcontainer
{
    float: left;
    margin-top: 0;
    width: 100%;
}
.catpagingbarleft
{
    float: left;
    background: url(../images/catpagingbar_l.png) no-repeat;
    width: 10px;
    height: 63px;
    margin: 0;
    padding: 0;
    /*border: solid 1px red;*/
}

.catpagingbarmiddle
{
    float: left;
    background: url(../images/catpagingbar_m.png) repeat-x;
    width: 95%; /*magic width, dont mess otherwise right bar spills onto next line*/
    height: 63px;  
    margin: 0;
    /*border: solid 1px red;*/
}

.catpagingbarright
{
    float: left;
    background: url(../images/catpagingbar_r.png) no-repeat;
    width: 10px;
    height: 63px;
    margin: 0;
    padding: 0;
    /*border: solid 1px red;*/
}


/*product box start*/

.prodbox_tl
{
    float: left;
    background: url(../images/prodbox_tl.png) no-repeat;
    width: 12px;
    height: 10px;
}
.prodbox_t
{
    float: left;
    background: url(../images/prodbox_t.png) repeat-x;
    width: 130px;
    height: 10px;    
}
.prodbox_tr
{
    float: right;
    background: url(../images/prodbox_tr.png) no-repeat;
    width: 12px;
    height: 10px;
}
.prodbox_l
{
    float: left;
    background: url(../images/prodbox_l.png) repeat-y;
    width: 12px;
    height: 214px;
}
.prodbox_middle
{
    float: left;
    background: #fff;
    width: 130px;
    height: 214px;    
}
.prodbox_r
{
    float: right;
    background: url(../images/prodbox_r.png) repeat-y;
    width: 12px;
    height: 214px;
}
.prodbox_bl
{
    float: left;
    background: url(../images/prodbox_bl.png) no-repeat;
    width: 12px;
    height: 14px;
}

.prodbox_b
{
    float: left;
    background: url(../images/prodbox_b.png) repeat-x;
    width: 130px;
    height: 14px;
}
.prodbox_br
{
    float: right;
    background: url(../images/prodbox_br.png) no-repeat;
    width: 12px;
    height: 14px;
}

.prodbox_thumb
{
    float: left;
    width: 130px;
    height: 100px;
    cursor:pointer;
}

.thumbphoto
{
	width:130px;
	height:100px;
	/*border:1px solid #666;*/
	background:#fff url(../images/photos/thumbs/loading.gif) 50% 50% no-repeat;	
}
.productdetails
{
    float: left;   
    width: 120px;
    height: 75px;
    padding: 0; /*5px;*/
    padding-top: 5px;

/*    border: solid 1px red;*/
}

.productdetails h5
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 50px;
	max-height: 45px;
	max-width: 120px;
	overflow: hidden;
}

.productdetails h5 a
{
	font-size: 1.0em;
	padding: 0;
	color: #336699;
	line-height: 12px;
	margin-top: 0px;
}

.productdetails p
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 25px;
	text-align: right;
}

.makeroomforme
{
    margin-top: -15px;    
}

.makeroomformex
{
    margin-top: -5px;
}

/*prod button*/
.prodbuttoncontainer
{
    float: left;
    width: 130px;
    height: 30px;
    margin: 0;
    padding: 0;
}

.productbutton
{
	font: normal 0.9em Arial, verdana, "Trebuchet MS";
	margin: 0;
	padding: 0;
	cursor: pointer;	
}

.productbutton ul
{
	float: left;
	line-height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 130px;
	display: inline;
}

.productbutton li
{
	
	padding: 0;
}
.productbutton li a
{
    padding-left: 6px;
    margin-right: -6px;
}
.prod_leftbutton
{
	float: left;
	width: 41px;
	height: 28px;		
	background: url(../images/buttons/prodbutton_detail.png) no-repeat;	
}
.prod_rightbutton
{
	float: right;
	width: 89px;
	height: 28px;	
	background: url(../images/buttons/prodbutton_basket.png) no-repeat;
}

.prod_fullbutton
{
	float: left;
	width: 130px;
	height: 28px;	
	background: url(../images/buttons/prodbutton_full.png) no-repeat;
	color: #fff!important;
	text-align:center;
	padding-left:0;
	margin-right:0;
}

/*end of prod button */


/*product box end*/


/* product stuff end */




img
{
    border: none;
	outline: none;
}

.listblankbullet
{
    list-style-type: none;
}

a:link
{
	color: #fff;
	text-decoration: none;
}
a:visited
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	color: #bede8c; /*99CCFF*/
	text-decoration: underline;
}
a:active 
{
	color: #fff;
	text-decoration: none;
}

.ProductSearchContainer
{
	height: 24px;
}

.ProductSearchButton
{
	height: 22px;
}

.outlineme
{
    border: solid 1px #6f6f6f;
    outline: #c9cac9 solid 1px;
}

.outlineme input
{
	height: 18px;
}

#footerpagelinks
{
    /*float: left;*/
    height: 28px;
    width: 780px;
    padding-top: 3px;
    margin: 0 auto 0 auto; /*dont mess with this, centre alignment of links section*/
    /*border: solid 1px red;*/
}



.bullet
{
    background: url(../images/icons/bullet.png) no-repeat;
    width: 16px;
    height: 16px;    
}
.bullettick
{
    background: url(../images/icons/bullettick.png) no-repeat;
    width: 19px;
    height: 24px;
    padding-top: 3px; 
    padding-bottom: 6px;
}
.centreme1
{
    margin-top: 3px;
    margin-left: 8%;
    margin-right: 8%;
    padding-left: 30px;
}

.almostzeroheight
{
    height: 12px;
    line-height: 1.4em;
}


#address
{
    float: left;
    margin-top: 4px;
    padding: 10px 0px 0px 10px;
}

#address p
{
	margin-bottom: 5px;
}

.footerlinks
{
    float: right;    
    margin: 0 10px 0 0;
    height: 45px;
    width: 70%;
    padding-top: 15px;    
    
}
.footerlinks ul
{
    display: inline;
    height: 32px;
    margin: 0;
    padding: 0;
    /*border: solid 1px red;*/
}
.floatmeright
{
    float: right;   
}
.floatmeleft
{
    float: left;   
}
.clearthisboth
{
    clear: both;   
}
.clearthisleft
{
    clear: left;
}

.footerlinks ul li
{
    font-size: 0.8em;
    color: #000;
    line-height: 1.4em;
}
.footerlinks ul li a
{
    font-size: 1.0em; /*overrides*/
    color: #000;
    line-height: 1.4em;
}

#sitelinks ul
{
    display: inline;
    /*border: solid 1px red;*/
}
#sitelinks ul li a
{
    color: #000;    
}

#cardpaymentinfo
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    background: url(../images/cardpaymentsaccepted.jpg) no-repeat;
    width: 279px;
    height: 31px;
    padding: 0;    
}

#pma
{
    float: right;
    margin-top: 10px;
    width: 250px;
    height: 30px;
    padding: 5px;
    text-align: right;
    /*border: solid 1px red;*/
}

#ssllogoarea
{
    float: left;
    width: 200px;
    height: 100px;
    padding-top: 10px;
    /*border: solid 1px red;*/
}

#ssllogo
{
    width: 200px;
    height: 51px;
	margin-bottom:10px;
	padding-left:15px;
}

.sslshop
{
    width: 160px;
    height: 24px;
    background: url(../images/icons/padlock.png) 10px no-repeat;
    padding: 5px 0 0 34px;
}
/* menu start */

.menu
{
	float: left;
	width: 240px;
	/*	height: 650px; fits in menu, comodo link */
	
	margin-top: 10px;
	clear:left;
}

#menuheader_l
{
    float: left;
    width: 12px;
    height: 34px;
    background: url(../images/menuheader_l.png) no-repeat;
}
#menuheader_m
{
    float: left;
    width: 200px;
    height: 34px;
    background: url(../images/menuheader_m.png) repeat-x;
}
#menuheader_m strong
{
	display:block;
	width: 100%;
	height: 100%;
	
	/*padding-left: 10px;*/
	margin-top: 6px;
	color: #789564;
	text-align: center;
}

 #menuheader_m strong a, #menuheader_m strong a:hover
 {
	color: #789564;
	text-decoration: none;
	font-size: 1.0em;	
 }

#menuheader_r
{
    float: left;
    width: 25px;
    height: 34px;
    background: url(../images/menuheader_r.png) no-repeat;
}

#menubody
{
    float: left;
    width: 239px;
/*    height: 440px;*/
	height: auto;
    background: url(../images/menubody.png) repeat-y;
    margin-left: -2px;
	/*
    background-image: url(../images/menubody.png);  
    background-repeat: repeat-y;
    background-position: right;
    padding-right: 1px;   
    background-color: #f0f1d2; 
*/
}

/* dont mess with me im here for a reason, bit pants way to sort the spacing out but */
#menubody_r
{
    float: left;
    width: 5px;
    height: 440px;
/*    background: url(../images/menubody_r.png) repeat-y;*/  
    margin-left: 239px;
    margin-top: 0;
}

#menufooter_l
{
    float: left;
    width: 12px;
    height: 76px;
    background: url(../images/menufooter_l.png) no-repeat;
}
#menufooter_m
{
    float: left;
    width: 200px;
    height: 76px;
    background: url(../images/menufooter_m.png) repeat-x;
}
#menufooter_r
{
    float: left;
    width: 25px;
    height: 76px;
    background: url(../images/menufooter_r.png) no-repeat;
}


.menucontent
{
    float: left;
    width: 220px;
    margin-left: 0;
    margin-top: -430px;
}

.menucontent div h3
{
	margin-bottom: 0px;
	margin-top: 0px;
	
	font-size: 1.3em;
	background: #789564;
	color: #fff;
	
	display: block;
	width: 217px;
	height: 28px;
	padding-left: 15px;
	margin-left: 2px;
	padding-top: 3px;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;


}

.menucontent div h3 a:hover, #menucontent div h3 a:visited
{
	color: #fff;
	text-decoration: none;
}

.menucontent ul
{
    width: 200px; 
    padding-left: 10px;
    margin-left: 0px;
    list-style-type: none;
    list-style-position: inside;
    line-height: 22px;
    margin-top: 5px;
    padding-top: 0px;
    /*border: solid 1px red;*/
}

.blogmenu ul li h4 a { line-height:20px; }

.menucontent ul li
{
	display: block;
    margin: 0;
    width: 195px;
    height: 22px;
    border-bottom-style: groove;
    border-bottom-width: thin;
    border-bottom-color: #789564;
    padding: 0;    
    padding-bottom: 3px;
    padding-left: 5px;
}

.blogmenu ul li { height:40px; }

.menucontent ul li a
{
	display: block;
    color: #6d6e32;
    list-style-type: none;
    font-weight: bold;
    padding-left:15px;
    height: 22px;
    width: 200px;
    /*border: solid 1px red;*/
}

.blogmenu ul li a { height:40px; }

.menucontent ul li h4 a
{
	margin: 0;
	padding: 0;
	
	display: block;
	padding-left: 15px;
	margin-left: -10px;
	background: url(../images/icons/limarker.png) no-repeat;	
	background-position: left center;
    width: 200px;
    overflow: hidden;
    height: 22px;
    color: #6d6e32;
}

.blogmenu ul li h4 a { height:40px; }

.menucontent ul li a span 
{
	display: block;
	color: #6d6e32;
	padding-left: 15px;
	margin-left: -10px;
	background: url(../images/icons/limarker.png) no-repeat;	
	background-position: left center;
    width: 200px;
    overflow: hidden;
    height: 22px;
}

.blogmenu ul li a span 
{
	font-style:italic;
	font-size: 0.9em;
	background:none;
	padding:0;
	margin:0;
	height:auto;
	overflow:visible;
}

.menucontent ul li a:link
{
	color: #6d6e32;
	text-decoration: none;
	
}
.menucontent ul li a:visited
{
	color: #6d6e32;
	text-decoration: none;
}

.menucontent ul li h4 a:hover
{
	display:block;
	color: #6d6e32;
	text-decoration: none; /*think thers enuff going on with the menu animation, leave with none for the now*/
	padding-left: 20px;
	background: url(../images/icons/animatedlimarker.gif) no-repeat;
	background-position: left center;
	overflow: hidden;
	width: 190px;
	cursor: pointer;
}

.menucontent ul li a:active 
{
	color: #6d6e32;
	text-decoration: none;
	padding-left: 25px;
	background: url(../images/icons/limarkerfull.png) no-repeat;
}

.menucategorybar
{
    width: 201px;
    height: 3px;
    margin-left: -30px;
    background: url(../images/menucatbar.png) no-repeat;
}

.menusectionbar
{
    width: 185px;
    margin-left: 15px;
    height: 3px;
    background: url(../images/menusectionbar.png) no-repeat;
}


/*basket summary section */

#basketsummary
{
    width: 200px;
    margin-left: -5px;    
    /*border: solid 1px red;*/
}

#basketsummary ul
{
    width: 200px;    
    padding-left: 18px;
    margin-left: 0;
    list-style-type: none;
    list-style-position: inside;
    line-height: 22px;
    margin: 5px 0 0 0; 
}

#basketsummary ul li
{
	display:block;
}

#basketsummary ul li a
{
    color: #fff;
    list-style-type: none;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 3px;      
    height: 18px;
    font-size: 0.90em;    
}

/* menu end */

/*paging*/
.showproductcount
{
    margin-top: 5px;
    height: 20px;
}
.twentysix
{
    height: 26px;    
}
.dropmedownarow
{
    padding-top: 4px;
    margin-top: 30px;
}

/*tabs*/
/*
#tabs
{
	position: static;
	top: 75px;
	margin-left: 420px;
	width: 560px;
	height: 37px;
	z-index: 2;
}


.tabbutton
{
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	margin-top: 2px;
}

.tabbutton ul
{
	height: 37px;
	line-height: 37px;
	list-style: none;
	margin: 0;
	width: 560px; 
	display: inline;
	padding: 0;
}

.tabbutton li
{
	float: left;
	background: #659a41;
	width: 72px;
	height: 34px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: -4px;
	padding-right: 15px;
}
*/
#tabs
{
clear: both;
position: relative;
float: right;
width: 500px;
height: 37px;
margin: 2px 0 0 420px;
padding: 0;
z-index: 1000;
}
.tabbutton a, .tabbutton a span { cursor:pointer;}

.tabbutton
{
float: left;
margin: 2px 0 0 0;
padding: 0;
cursor: pointer;
}

.tabbutton ul
{
position: relative;
float: left;
height: 35px;
line-height: 37px;
list-style: none;
margin: 0;
padding: 0;
display: inline;
}


.tabbutton li
{
float: left;
background: #659a41;
width: 72px;
height: 34px;
margin-left: 3px;
margin-right: 3px;
margin-top: -4px;
padding-right: 15px;
}

.tabbutton a
{
	color: #333;
	float: left;
	padding: 0 3px 0 0; /* left 3 px because of left image */ 
	text-decoration: none;
	width: 93px;	/*add width for fixed width button*/
	/*offset for the css bg colour*/
	margin-left: -3px;
	margin-top: -5px; /* -10px */

	font-size: 1.1em;
	text-shadow: 0 0 2px #fff;
}

.tabbutton a .underlinetextenglish
{
	text-decoration: underline;
}

.tabbutton a span
{
	display: block;
	float: none;
/*	padding: 10px 5px 5px 13px;*/
	margin: 0;
}

#tabssection ul li a span
{
	/*
	display: block;
	
	width: 75px;
	padding-bottom:8px;
*/
	height: 36px;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 2px;
}


.tabbutton a
{
	background: url(../images/buttons/tab_normal_l.png) no-repeat left center;
	z-index: 999;
}

.tabbutton a span
{
	background: url(../images/buttons/tab_normal_r.png) no-repeat right center;
	z-index: 999;
}

.tabbutton a span img
{
	padding-top: 4px;
	
}

.tabbutton a:hover
{
	background: url(../images/buttons/tab_hover_l.png) no-repeat left center;
	z-index: 1000;
	color: #fff;
}

.tabbutton a:hover span
{
	background: url(../images/buttons/tab_hover_r.png) no-repeat right center;
}

.tabbutton a:active
{
	background: url(../images/buttons/tab_down_l.png) no-repeat left center;
	color: #fff;
}

.tabbutton a:active span
{
	background: url(../images/buttons/tab_down_r.png) no-repeat right center;
}

.tabbutton a.right
{
	float: right; /* for right align - just add class="right" i.e.  <a class="right"... */
}

/*
.tabHelp
{
	cursor: help;
}*/

.UpdateProgress
{
	position: fixed;
	top: 100px;
	left: 30px;
	float: left;
	color: Red;
	font-size: 14px;
	width: auto;
	height: auto;
	padding: 5px 5px 5px 5px;
	background-color: White;
	margin: 2px 0px 0px 2px;
}

a.PageNumberLabel
{
	display: block;
	float: left;
	color: Black;
}

span.PageNumberLabelCurrent
{
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: underline;
}

.contentbox
{
	margin: 1%;	
	margin-top: 2px;
	width: 97%;	
	height: auto;
}

.contentbox_title
{
	padding-left: 10px;
	color: #fff;
}

.contentbox_tl
{
    float: left;
    background: url(../images/tb_tl.png) no-repeat;
    width: 10px;
    height: 32px;
}
.contentbox_t
{
    float: left;
    background: url(../images/tb_tm.png) repeat-x;
    height: 32px;
    width: 94%;
}
.contentbox_tr
{
    float: left;
    background: url(../images/tb_tr.png) no-repeat;
    width: 10px;
    height: 32px;
}
.contentbox_l
{
    float: left;
    background: url(../images/tb_l.png) repeat-y left;
	height: auto;
	width: 100%;
/*    clear: left;*/
    padding-left: 10px;
}
.contentbox_middle
{
/*    float: left;*/
	height: auto;
	width: 94%;
	padding-right: 20px;
}
.contentbox_text
{
	padding: 20px 20px 20px 20px;
	background-color: #fff;
	margin-left: -10px;
	margin-right: 10px;
/*	margin-bottom: -10px;*/
	height: auto;
}
.contentbox_r
{
    float: right;
    background: url(../images/tb_r.png) repeat-y right;
	height: auto;
	width: 100%;
	margin-right: -10px;
}

.contentbox_footer
{
	width: 100%;
	float: left;
}

.contentbox_bl
{
    float: left;
    background: url(../images/tb_bl.png) no-repeat;
    width: 10px;
    height: 12px;
}

.contentbox_b
{
    float: left;
    background: url(../images/tb_bm.png) repeat-x;
    width: 94%;
    height: 12px;
}
.contentbox_br
{
    float: left;
    background: url(../images/tb_br.png) no-repeat;
    width: 10px;
    height: 12px;
}

.ContentPhotoRight
{
	float: right; 
	margin: 5px 5px 5px 5px;
}

.FullWidth
{
	width: 100%;
}

.basketarea a
{
	font-size: 1.0em;
	color: Green;
}

.textarea a
{
	font-size: 1.0em;
	color: Green;
	margin-bottom: 10px;
}

.LoginStatus span
{
	display: block;
	float: left;
	font-size: 0.8em;
}

.LoginStatus a
{
	display: block;
	float: left;
}

.Login a
{
	margin-right: 30px;
}

.UserIdentification a
{
	margin-right: 30px;
}

.UserIdentification p a
{
	background-image: url(../images/buttons/basketbuttons.png);
	display:block;
	width: 130px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	color: #fff;
	float: left;
}

.ShoppingBasket_Headers
{
	text-decoration: none;
	font-weight: bold;
}

.ShoppingBasket_Headers .ShoppingBasket_RowTotal
{
	text-decoration: none;
}

ul.ShoppingBasket_ButtonList
{
	height: 30px;
	display:inline;
	width: 100%;
}

ul.ShoppingBasket_ButtonList li
{
	display: inline;
	width: 130px;
	float: right;
}

ul.ShoppingBasket_ButtonList li a
{
	margin-left: 30px;
	background-image: url(../images/buttons/basketbuttons.png);
	display:block;
	width: 130px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	color: #fff;
/*	float: right;*/

	font-size: 0.8em;
}

.ShoppingBasket_SubTotalHeader
{
	text-align: right;
	padding-right: 20px;
}

.ShoppingBasket_ProductCode
{
	height: 60px;
}

td.ShoppingBasket_Quantity
{
	width: 263px;
	margin-left: 3px;
}

.ShoppingBasket_QuantityControl
{
	float: left;
	margin-top: 15px;
	margin-right: 3px;

	width: 25px;
}

.ShoppingBasket_RowTotal
{
	margin-left: 10px;
	font-style: italic;
}

.ShoppingBasket_SubTotalValue
{
	margin-left: 10px;
	font-weight: bold;
}

/* START shopping basket controls */
a.ShoppingBasket_Ctl_Inc
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_inc.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Inc:hover
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_inc_hover.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Inc:active
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_inc_down.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Dec
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_dec.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Dec:hover
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_dec_hover.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Dec:active
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_dec_down.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Upd
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_upd.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Upd:hover
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_upd_hover.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Upd:active
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_upd_down.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Del
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_del.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Del:hover
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_del_hover.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.ShoppingBasket_Ctl_Del:active
{
	display: block;
	width: 56px;
	height: 56px;
	background-image: url(../images/basket_del_down.jpg);
	background-repeat: no-repeat;
	float: left;
}

#faq h4
{
	color: #648bb1;
}

#faq ul
{
	margin-top: 10px;
}

#faq li
{
	display: block;
	list-style-type: none;
	padding-top: 5px;
}

#faq li div
{
	padding-top: 5px;
}

/* END shopping basket controls */

/* START User Identification controls */
.IdentificationSelection
{
	width: 450px;
	height: 110px;
	margin: 20px auto 20px auto;
}

.IdentificationSelection div div
{
	width: 140px;
	height: 56px;
	float: left;
	margin-top: 5px;
}

.IdentificationSelection div span
{
	width: 140px;
	height: auto;
	display: block;
	float: left;
	text-align: center;
	padding-bottom: 5px;
}

.IdentificationSelection div a
{
	display: block;
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

.UserIdentification a.standardlink
{
	display: inline;
	width: auto;
	margin-left: 0px;
}

span.UserId_OrderNoLogon
{
	margin-right: 10px;
}

span.UserId_OrderWithLogon
{
	margin-right: 10px;
}

div.UserId_OrderNoLogon
{
	margin-right: 10px;
}

div.UserId_OrderWithLogon
{
	margin-right: 10px;
}

a.UserId_OrderNoLogon
{
	background-image: url(../images/order_express.jpg);
}

a.UserId_OrderNoLogon:hover
{
	background-image: url(../images/order_express_hover.jpg);
}

a.UserId_OrderNoLogon:active
{
	background-image: url(../images/order_express_down.jpg);
}

a.UserId_OrderWithLogon
{
	background-image: url(../images/order_login.jpg);
}

a.UserId_OrderWithLogon:hover
{
	background-image: url(../images/order_login_hover.jpg);
}

a.UserId_OrderWithLogon:active
{
	background-image: url(../images/order_login_down.jpg);
}

a.UserId_OrderAndRegister
{
	background-image: url(../images/order_register.jpg);
}
    
a.UserId_OrderAndRegister:hover
{
	background-image: url(../images/order_register_hover.jpg);
}

a.UserId_OrderAndRegister:active
{
	background-image: url(../images/order_register_down.jpg);
}

.Listable ul
{
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

.Listable li
{
	display: block;
	padding-top: 3px;
	width: 100%;
	clear: left;
}

.Listable li label
{
	display: block;
	width: 140px;
	overflow: hidden;
	float: left;
	clear: left;
}

.Listable li div
{
	display: block;
	width: 150px;
	overflow: hidden;
	float: left;
}

.Listable li input
{
	margin-left: 10px;
	float: left;	
}

.Listable li textarea
{
	margin-left: 10px;
	float:left;
}

.Listable li select
{
	margin-left: 10px;
	float: left;	
}

.Listable li span
{
	margin-left: 10px;
	float: left;	
    font-size: 0.8em;
}

.Listable p
{
	clear: left;
	margin-top: 0px;
	padding-top: 10px;
}

.Listable li p
{
	clear: none;
	float: left;
}

/* END User Identification controls */

/* BEGIN contact us styling */
.ContactUs p
{
	margin-left: 150px;
}

.ContactUs p a
{
	background-image: url(../images/buttons/basketbuttons.png);
	display:block;
	width: 130px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	color: #fff;
	float: left;
	margin-right: 30px;
}

.ContactUs input
{
	width: 250px;
}

.ContactUs textarea
{
	width: 300px;
	height: 200px;
}
.ContactUsValidation
{
	float: left;
	margin-top: 10px;
}

/* END contact us styling */

.PaymentDataEntry p a
{
	background-image: url(../images/buttons/basketbuttons.png);
	display:block;
	width: 130px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	color: #fff;
	float: left;
	margin-right: 30px;
}

/* BEGIN Order Viewer styling */

table.OrderContainer
{
	width: 100%;
	border: solid 1px #ccc;
}

table.OrderContainer td
{
	border: solid 1px #eee;
	padding: 3px;
}


table.OrderContainer td input, table.OrderContainer td a
{
	margin-left: 20px;
}

td.Order_ProductCode
{
	width: 15%;
}

td.Order_Title
{
	width: 40%;
}

td.Order_Price
{
	width: 15%;
	text-align:right;
}

td.Order_Quantity
{
	width: 10%;
	text-align:right;
}

td.Order_RowTotal
{
	width: 20%;
	text-align:right;
}

td.Order_SubTotalHeader
{
	text-align: right;
	padding-right: 20px;
}

td.Order_SubTotalValue
{
	font-style: italic;
	text-align:right;
}

td.Order_PostageTotalHeader
{
	text-align: right;
	padding-right: 20px;
}

td.Order_TotalHeader
{
	text-align: right;
	padding-right: 20px;
}

td.Order_TotalValue
{
	font-weight: bold;
	text-align:right;
}

/* END Order Viewer styling */

.AddressSelection label
{
	margin-right: 10px;
	float: left;
}

.AddressSelection div
{
	margin-top: 10px;
	clear: left;
}

.AddressSelection p
{
	margin-top: 0px;
	padding-top: 0px;
	clear: left;
}

.AddressSelection p a
{
	margin-right: 30px;
}

.AddressSelection div p
{
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	clear: none;
}

.RecoverPassword p
{
	clear: left;
	margin-top: 0px;
	padding-top: 10px;
}

.RecoverPassword a
{
	margin-right: 30px;
}

.Profile a
{
	margin-right: 30px;
	margin-top: 20px;
	float: left;
	clear:left;
}

.Profile div
{
	padding-top: 10px;
}

.Profile div label
{
	width: 140px;
	display: block;
	float: left;
}

.Profile div input
{
	float: left;
	margin-left: 10px;
}

.Listable div input
{
	margin-left: 10px;
	float: left;	
}

.PadLinks a
{
	margin-right: 30px;
}

.LoginFailure
{
	margin-top: 10px;
	color: Red;	
	padding-bottom: 1px;
}

.UploadSessionManager
{
}

.UploadSessionManager p a
{
	margin-right: 30px;
}

.UploadSessionDetail p a
{
	margin-right: 30px;
}

.UploadSessionManager span
{
	font-size: 0.8em;
}

.UploadSessionHeaderCell
{
	background-color: #bede8c;
	border-right: solid 1px #fff;
}

.UploadDetailsHeaderCell
{
	background-color: #bede8c;
	border-bottom: solid 1px #fff;
}

.UploadSessionDetail ol li
{
	font-size: 0.8em;
}

.PaymentProgress
{
	font-size: 0.8em;
	font-weight: bold;
	color: Green;
	padding-left: 10px;
}

#baskettotal
{
    position: relative;
/*    top: 26px;
    right: 50px;*/
    width: 300px;
    float:right;
    margin-top: -10px;
    margin-right: 10px;
}

#baskettotal_l
{
    float: left;
    background: url(../images/header_baskettotalbg_l.png) no-repeat left;
    width: 10px;
    height: 32px;    
}

#baskettotal_m
{
    float: left;
    background: url(../images/header_baskettotalbg_m.png) repeat-x;
    width: 280px;
    height: 32px;
    padding-top: 8px;
}

#baskettotal_r
{
    float: right;
    background: url(../images/header_baskettotalbg_r.png) no-repeat right;
    width: 10px;
    height: 32px;    
}

#baskettotal a
{
	display:block;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
}

#orderListContainer
{
	overflow: auto; 
	width: 100%; 
	height: 400px;
}

.OrderListViewer
{
    margin-top: 10px;
    width: 100%;
}

.OrderListViewer div p span
{
    margin-right: 15px;
}

.OrderListViewer div p a
{
    margin-right: 15px;
}

.OrderListViewer th
{
    background-color: #bede8c;
    border-bottom: solid 1px #fff;
}

.OrderListViewer td a
{
    display: block;
    width: 100%;
    clear: left;
}

.ModalPopupBackground
{
    background: url(../Images/opaqueblackpixel.png) repeat;
}

.ModalPopup
{
    width: 60%;
    margin-left: auto;
    margin-right:auto;
    padding: 10px 10px 10px 10px;
    height: 50%;
    overflow: auto;
    background-color: #fff;
    border: solid 1px black;
}

.ShoppingBasket ul
{
	display: block;
	width: 100%;
	list-style-type: none;
	margin-left: 10px;
	padding-left: 0px;
}

.ShoppingBasket li
{
	width: 100%;
	display: block;
	margin-top: 5px;
}

.MenuBasketSummary
{
	width: 100%;
}

.ProductViewerNoDataLabel
{
	margin: 1% 1% 1% 1%;
	width: 97%;
	float: left;
	font-weight:bold;
}

ul.ContentList
{
/*	list-style-position: outside;*/
	font-size: 0.8em;
/*	line-height: 1.5em;*/
	padding-left: 30px;
}

ul.ContentList li
{
	display: block;
/*	list-style-type:none;*/
	background-image: url(../images/icons/bullet.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	padding-left:20px;
	padding-top:5px;
}

.StockEntry
{
	font-size: 0.8em;
}

.StockEntry ul
{
    list-style-type: none;
    border-bottom: solid 1px black;
}

.StockEntry ul li
{
    display: block;
    float: none;
    border-top: solid 1px black;
    border-right: solid 1px black;
    height: auto;
    height: 40px;
}

.StockEntry ul li.Header
{
    font-weight: bold;
    background-color: #ccff99;
}

.StockEntry ul li div
{
    border-left: solid 1px black;
    width: 19%;
    float: left;
    padding-left: 4px;
    height: 40px;
}

.StockEntryViewer
{
}

.StockEntryViewer p a
{
    margin-right: 10px;
}

.StockEntryViewer ul
{
    list-style-type: none;
}

.StockEntryViewer ul li
{
    width: 100%;
}

.StockEntryViewer ul li span
{
    display: block;
    width: 250px;
    float: left;
}

.StockEntryViewer ul li label
{
    display: block;
    width: 250px;
    float: left;
}

.StockEntryViewer ul li input
{
    float: left;
}

.StockEntryViewer ul li div
{
    float: left;
}

.StockEntryViewer ul li div p a
{
    margin-left: 10px;
}

.StockEntryViewer ul li div ul li a
{
	font-size: 0.8em;
}

.AddressSelection div div div ul li
{
    padding-right: 0px;
}
	
.AddressSelection div div div ul li span
{
	font-size: 0.8em;
	text-decoration: none;
}

.AddressSelection div div span
{
	font-size: 0.8em;
	text-decoration: underline;
}


.inverse a:link
{
	color: black;
}

.inverse a:hover
{
	color: black;
}

.inverse a:visited
{
	color: black;
}

a.inverse:link
{
	color: black;
}

a.inverse:hover
{
	color: black;
}

a.inverse:visited
{
	color: black;
}

.UID
{
	font-size: 0.8em;
	margin-top: 20px;
}

.linkbutton, .Login p a, .RecoverPassword p a
{
	background-image: url(../images/buttons/basketbuttons.png);
	display:block;
	width: 130px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	color: #fff!important;
	float: left;
	margin-right: 30px;
}

.Login p
{
	height: 20px;
}

a.promoimage img
{
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 0;
	float:left;
}

.Promotions ul
{
	list-style-type: none;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

.recentupdates
{
    background-color: #e8fac3;
	border: solid 1px #fff;
	outline: solid 1px #ccc;
	margin-left: 220px;
	margin-bottom: 10px;
	margin-top:10px;
	padding: 10px;
}

.recentupdates strong
{
	font-size: 0.8em;
	padding-left: 10px;
}

ul.newslist
{
	list-style-position: outside;
	font-size: 0.8em;
	line-height: 1.5em;
}

ul.newslist li
{
	display: block;
	border-top: dotted 1px black;
	padding-bottom: 2px;
	margin-right: 10px;
}

.recentupdates p
{
	padding: 5px;
}

ul.dictionary
{
	list-style-position: outside;
	font-size: 0.8em;
	line-height: 1.5em;
}

ul.dictionary li
{
	display: block;
	border-bottom: dotted 1px 	#336699;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}

h5.dictionary
{
	margin-top: 20px;
	margin-bottom: -10px;
}

.contentbox_text h4
{
	color: #336699;
}

.italic
{
	font-style: italic;
}

.ValidationSummary
{
	clear:left;
	color:Red;
	font-size:0.8em;
}

.ValidationSummary li
{
	clear:left;
	float:left;
}

.ContactUsValidation
{
	clear:left;
	color:Red;
	font-size:0.8em;
	margin-bottom: 10px;
}


.CheckBoxArea
{
	padding-top: 10px;
}


.CheckBoxArea p a
{
	background-image: none;
	display: inline;
	width: auto;
	height: auto;
	padding-top: 0px;
	text-align: left;
	float: none;
	color: Green;
	margin-left: 0px;
	margin-right: 0px;
}


.CheckBoxArea input
{
	clear: left;
	float: left;
	margin-left: 0px!important;
}

.CheckBoxArea label
{
	float: left;
}

.CheckBoxArea label a
{
	margin-right: 0px;
}

.workshopbox
{
	border: dashed 1px #789564;
	background-color:#ddffcc;
	padding: 10px;
	margin-bottom: 10px;
}

.workshopbox span
{
	float:right;
	text-decoration:underline;
}

.blogimage
{
	padding: 2px;
	border: solid 1px #69954c;
}

.ThankyouOutcomeLabel
{
	clear:left;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 1.2em;
}

.ConfirmEmailOutcomeLabel
{
	clear:left;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 0.8em;
}

.ResultSuccess
{
	color:Black;
}

.ResultFailure
{
	color:Red;
}

.Register
{
	margin-top: 20px;
	font-size: 0.8em;
}

.Register div span
{
	display: block;
	padding-bottom: 10px;
}

/* design your own */
.dyopreview
{
	width:100%;	
	margin-top: 10px;
}

.dyostep4list
{
	clear: left;
	height: 30px;
	margin-top: 10px;
	width:100%;
}

.dyostep4list label
{
	font-weight: bold;
	display:block;
	width: 120px;
	margin-right: 10px;
	float:left;
}

.dyostep4list input
{
	float:left;
	width: 250px;
}

.dyostep4list select
{
	float:left;
	width: 255px;
}

.dyostep4list span
{
	padding-left: 20px;
}

.dyovalidationsummary
{
	font-size: 0.8em;
}

.dyovalidationsummary ul
{
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 0;
}

.dyovalidationsummary ul li
{
	clear: left;
	display:block;
}

.newstitledate
{
	float:right;
	font-style:italic;
	font-size: 0.8em;
}

.blogtitle
{
	float:left;
	width:75%;
	margin:0;
}


div.CommentForm ul
{
	width: 580px;
	margin-left: 0;
	padding: 0;
	
	font-size: 0.8em;
	list-style-type: none;
    line-height: 1.2em;

    height: 300px;
    
/*    border: solid 1px black;*/
}

div.CommentForm ul li
{
	display:block;
	min-height: 30px;
	clear: both;
}

div.CommentForm ul li label
{
	width: 200px;
	display: block;
	float: left;
	clear: left;
	font-size: 0.9em;
	font-weight: bold;
}

div.CommentForm ul li input[type=text], div.CommentForm ul li textarea
{
	width: 320px;
	display: block;
	float: left;
	text-align: left;
	border: solid 1px #69954c;
}

div.CommentForm ul li textarea
{
	margin-bottom: 5px;
}

div.CommentForm ul li input[type=checkbox]
{
	text-align:left;
	width: 18px;
	margin-left: 0px;
}

div.CommentForm ul li input[type=submit]
{
	width: 100px;
	text-align: center;
	margin-top: 10px;
	float: left;
}

div.CommentForm ul li textarea
{
	height: 120px;
}

div.CommentForm ul li a
{
	display: block;
	float: left;
}

div.CommentForm ul li span
{
	float: right;
}

div.comment
{
	padding: 10px; /*3px;*/
	margin: 0;
	margin-left: 40px;
	margin-top: 10px;

	width: 500px;
	min-height: 64px;
	height: auto;
	
	border: dashed 1px gray;
	border: solid 1px #69954c;
	outline: #ccc solid 1px;
}

div.comment img
{
	float: left;
	border: solid 1px #ccc;
	padding: 2px;
}

div.comment p
{
	padding: 0;
	margin: 0;

	width: 415px;
	margin-left: 80px;
}