body {
text-align: left;
background-color: #fff;
position:relative; 
}
 
#wrapper { 
width:100%; 
} 

/*over ride hover as stays on*/
  





/*  format  */

.pagetitles , a.pagetitles:link, a.pagetitles:visited  {
font-size: 1.6em;  
}
.subtitles , a.subtitles:link, a.subtitles:visited  {
font-size: 1.2em;
}
 

#contentWrapper{ /* header clear + */
padding:70px 10px 10px 10px ; 
z-index:1; 
}

.products #contentWrapper, .gallery #contentWrapper{ padding-top:120px; /* clear header and filter wrapper*/}

.contentLeft  {height:100%; width:100%;}
.contentRight{ width:100%;}
.contentFull {	width:100%;	}
.contentRight img, .contentRight  p img{ max-width:100%}
 
 	
 
#header{
	z-index:5;
	width:1000%;	background-image:  linear-gradient(to bottom, #f4f4f4, #e8e8e8);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
 border-bottom:2px solid #ccc}

#top{ 
display:block;
overflow:hidden; 
} 


#freeShipMsg,
#strapLine{
display:none    
} 

#logo{ 
display: block; margin:0 0 0 8px;
background-image: url(../images/logo.png?);
width:160px;  
height: 60px; background-size:130px;
background-repeat: no-repeat;
background-position:left 12px; 
}


@media only screen and (orientation:landscape)   {  
#logo{   background-size:140px; }
}

#logo span{ display:none}


#telephoneNumber{
display:none
} 
 
 

#breadcrumb{ 
display:block;  width:100%; overflow:hidden;  width:100%; padding:6px 0;margin:0px auto;  
}	


#breadcrumb li , #breadcrumb li p , #breadcrumb li a , #breadcrumb li span   { font-size: 1em;   font-weight: normal ; display: inline-block; white-space: nowrap;	 }

#breadcrumb li a {
color:#006699;
text-decoration:none
}	

#breadcrumb li a:hover{ text-decoration:underline}

#breadcrumb li p {
	color:#7F7F7F;
	font-style: normal;
	margin:0;
	padding:0
}
#breadcrumb li span {
color:#ccc; padding:0 2px
}	
 
#breadcrumb li strong { font-weight: bold;} 
	
#navTop{ display:none}


#mobileTopSection{ position:absolute; right:0; top:0; text-align:right; width:auto;	line-height:58px;	height:58px; }

#mobileTopSection li  {
	display:inline-block;
	text-decoration:none;
	text-align:left;
	background-image:url(../images/semiTransLineVert.png);
	background-position:left top;
	background-repeat:repeat-y;
	cursor: pointer; 
 width:auto;
 } 

#mobileTopSection li span {
background-position:50% 50% ;
background-repeat:no-repeat;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
display:block; float:right; width:55px; height:58px; display:block
}


#mobileMenuOpener span{	background-image:url(../images/icons/headerIconsMenu.png);  }
#mobileBasket span{ background-image:url(../images/icons/headerIconsCart.png); }
#mobileSearchOpener span{ background-image:url(../images/icons/search.png); }

#mobileMenuOpener strong , #mobileBasket strong , #mobileSearchOpener strong { display:none ;}

#mobileBasket em{ float:right} 

@media only screen and (orientation:portrait)   { }			

@media only screen and (orientation:landscape)   {  
#mobileTopSection li strong { 
display:block; float:left;
font-weight: bold;  
font-size:0.8em; line-height:58px;
color: #999999; 
letter-spacing:0px; 
font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;
display:inline-block;
padding: 0 0px 0 15px;  
 width: auto; text-align:left; text-shadow:1px 1px #fff  }
}

 
/*rotate on open */
#mobileMenuOpener span.menuOpen { 
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}	



#mainMenu  {
 height:calc(100% - 60px);
 overflow:auto;
 position: fixed;
 padding:10px 10px 100px 10px;
 border-left:10px solid #fff;
 border-top:10px solid #fff;
 border-bottom:10px solid #fff;
 background-color:#353E3B;
 top:60px;
 width: 280px;
 z-index:10;
 display: block;
 right:-2000px;
}

#mainMenu.mainMenuOpen { 
right:0px;
-webkit-transition:all 0.8s ease-in-out;
-moz-transition:all 0.8s ease-in-out;
-o-transition:all 0.8s ease-in-out;
transition:all 0.8s ease-in-out;
}

#mainMenu.mainMenuClose { 
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

#mainMenu.mainMenuHide{right:-480px;}/* rapid closer for links - take off screen to max width*/


@media only screen and (orientation:portrait)   {  
#mainMenu { width: 280px;  }
.mainMenuClose { right:-280px;}
#mainMenu li a{  letter-spacing:-1px;  font-size:1.4em;} 
} 

@media only screen and (orientation:landscape)   {  
#mainMenu { width: 380px; 	 }
.mainMenuClose { right:-380px;}
#mainMenu li a{ font-size:1.5em; } 
} 
 



#mainMenu ul  {
padding: 10px  0px 0px  0px;   
margin:0 auto;
}  

#mainMenu li {
	display:block;
	clear:both;
	margin:4px  0;
	padding:0;
	position:relative; 
}
#mainMenu ul li a{
display:block; 
text-decoration:none;
text-transform: capitalize;
letter-spacing:0px; 
padding: 8px 20px 8px  20px;/*   non mains*/
color:#fff;
display:block; 
font-weight: 100;  
font-family: Raleway,Arial, Helvetica, sans-serif;
}



#mainMenu ul li ul { margin:10px 0px 20px 0px; padding:0px 0 ; display:none; border:1px solid #fff}

/* sub openers*/
#mainMenu ul li a.mainCategory{ position:relative; padding-right : 30px; }
#mainMenu ul li a.mainCategory span{ 
background-image:url(../images/icons/plusWhite.png);
background-repeat:no-repeat;
background-position: 50% 14px;
width:15px; height: 100%;   
position:absolute; 
right:10px; top:0px 	;
}

#mainMenu ul li ul li a {
	margin: 0px 22px 0px 22px;
	padding: 4px 0 4px  20px;
	background-image:url(../images/icons/arrowRwhiteThin.png);
	background-repeat:no-repeat;
	background-position: 0px 8px;
	font-size: 1.2em; /* % of above */
} 


#mainMenu ul li a.mainCategoryOpen span { background-image:url(../images/icons/minusWhite.png); color:#fff}	


#mainMenu #subNavigation{ margin-top:6px; padding-top:4px display:block; background-image:url(../images/semiTransLine.png); background-position:top left; background-repeat: repeat-x;}
#mainMenu #subNavigation li { margin:0; padding:0;}
#mainMenu #subNavigation li a {
	font-size:1em;
	margin:0;
	padding: 6px 16px 6px  34px;
	background-image:url(../images/icons/arrowRwhiteThin.png);
	background-repeat:no-repeat;
	background-position: 18px 50%   ;
	text-transform:none; color:#FFFFFF
} 

#mainMenu ul#navAccount  { margin:0; padding:0;   }
#mainMenu ul#navAccount li a{ margin-top:0; } /* mobile only */

.standardNav{   
margin:10px 0px 50px 0px; 
background:#fff;	border:1px solid #e1e1e1;border-bottom:0px; 
}

.standardNav li { display:block; clear:both;  margin:0; padding:0;

}
.standardNav li h3{
display:block; 
height:44px;
line-height:44px;
text-decoration:none;
color:#000;
font-size:1.1em;
font-weight:bold;
padding: 0 0 0 10px;
margin:0px auto 0 auto;
border-top:0px solid #fff;
cursor:pointer;
position:relative;
background-image: linear-gradient(to bottom, #f1f1f1 , #e3e3e3);
font-size:1.4em;
font-weight: normal; 
letter-spacing:0px;
border-bottom:0px solid #e1e1e1; 
display:block; 
font-weight: normal;
text-shadow:1px 1px #fff;	 
}



.standardNav li a{
display:block;
text-decoration:none;

font-size:1.em;

background-color:#FFFFFF;
padding: 12px 25px 12px 10px;
margin:0px auto;
background-image:url(../images/icons/arrowRgrayThin.png);
background-repeat:no-repeat;
background-position: calc(100% - 9px)  16px;
border-bottom:1px solid #e1e1e1;
color:#000; 
display:block; 
font-weight: normal
}

.standardNav li a:hover{ background-color:#f1f1f1}

.standardNav li ul li { background:none; border:none}



.standardNav li ul{ padding:0 0 0px 0} 

.standardNav li a.PDFlink{ padding-left:35px; background-image:url(../images/pdf.gif); background-repeat:no-repeat;
background-position: 10px 12px; color:#006699;	font-size:14px; font-weight:bold; }



/* BANNERS */
#bannerWrap{
padding: 0px 0 0px 0 ;   margin: 0px auto 15px auto; width:100%; overflow:hidden  ; position:relative; z-index:1  
}

/*  headline*/
#banners li p  { font-size:2em; }

#bannerBase{ height:0px;  position:relative  }	

#bannerControls{   text-align:center;  
height:20px; line-height:20px;  margin:0  0 0px 0 ; position:absolute; bottom: 18px; width:100%;}	

 
#bannerControls li a{
height:10px; width:10px; 
 
}
 






  
  

/* ////////////////////// */
.DDmenu{ display:block; text-align:left; margin:0px auto; width:100% }
 

/* top level  */
.DDmenu li h3  { 
font-size:1.2em;	 
height:46px; 	line-height:46px;	 
width:100%
}
/* sub */
.DDmenu li ul {
top:46px;width:100%
}
.DDmenu.rightOpening li ul {  } 




.buttons25{ 	width:25px; 	font-size:0.7em;  } 
.buttons50{ 	width:50px; 	font-size:0.7em;  } 
.buttons75{ 	width: 75px; font-size:0.7em; } 
.buttons100{ 	width: 100px;  font-size: 0.7em;} 
.buttons125{ width: 125px; font-size: 0.9em;} 
.buttons150{ width: 150px; font-size: 0.9em;} 
.buttons175{ width: 175px; font-size: 0.9em; } 
.buttons200{ width: 200px; font-size: 0.9em;  } 
.buttons250{ width: 250px; font-size: 0.9em;} 
.buttonsFULL{ width: 100%; font-size: 0.9em;} 


 
.Left_Aligned{ float:none; clear:both; margin:5px auto; padding:5px; padding-bottom:10px; max-width:100%}
.Right_Aligned{ float:none; clear:both;  padding:5px; margin:5px auto; max-width:100%}
.Left_Aligned_Border{ border:0px solid #e1e1e1; padding:5px; margin:5px auto ; float:none; clear:both;  max-width:100% ; border-radius:10px}
.Right_Aligned_Border{border:0px solid #e1e1e1; padding:5px; margin:5px auto ; float:none; clear:both;max-width:100%  }


 
/*######## contact form opener in main nav like collapsible but own css & fn    ########### */ 
#contactFormWrapper{ display: none} 

#contactForm   { 
display:block;
border:1px solid #ccc; 
border-top:none;  
font-family:Arial, Helvetica, sans-serif;
padding:15px  ;
 background:#e8e8e8;  
} 

/*######## over ride for ONLY contact us  display  ########### */ 
.contact-us  #contactFormWrapper, 
.your-enquiry  #contactFormWrapper  { display:block;}  

#contactFormWrapper h3{ margin-top:10px; }

#contactFormWrapper  h3 span{	
background-position:right  50%; height:100%;   display:block; cursor:pointer;
background-repeat:no-repeat;
background-image:url(../images/icons/plusWhite.png);}

#contactFormWrapper.contactFormOpen h3 span {
background-image:url(../images/icons/minusWhite.png);
} 

#contactFormWrapper #contactForm { 
display:none;
}

#contactFormWrapper.contactFormOpen #contactForm {
}


 

 
#contactForm hr{ background-color:#f1f1f1}

 /*eo form  stuff */
#categoriesPage li{ margin: 8px;}
#categoriesPage li a{ 
height:130px; width:120px; 
}

#categoriesPage li a span { height: 100px; width:100%;}



#listingOptions {
height:50px;  
padding: 10px 10px 0  0;  
position:fixed;
top:60px;  
left:0;
background-color:#f4f4f4; 
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
z-index:4; width:100%; float:none
}  
 

/* icons inward for mobile*/
#imageWrap  #navLeft{left:0px; top:40%;	 }
#imageWrap  #navRight{right:0px;top:40%; }



/* form over rides from global*/

@media only screen  
and (orientation : portrait) {
#loginContainer, #registerStartWrap{ width:100%; }
#loginContainer{ float: none}
#registerStartWrap{ float: none; margin-top:15px;}
}
@media only screen  
and (orientation : landscape) {
#loginContainer, #registerStartWrap{ max-width:450px; }
}

#loginContainer label, #registerStartWrap label { display:none}


#registerForm input[type=text] , 
#registerForm input[type=email] ,
#registerForm input[type=password] ,
#registerForm input[type=telephone]  { width:100%;}
#registerForm .inputsDD{  width:100%;}

#registerForm input[type=text]#verificationCodeR { 
clear:both; margin:5px 0; width:100%; float:none; height:36px;
}

#countyNotListed{ display:block; clear:both}


/* cookie alert over ride*/

#cookieAlertWrap{ 
padding:12px 8px;  
}

#cookieAlertWrap p{ 
font-size:0.8em; 
color:#e1e1e1;  
display:block; line-height:normal
}

#cookieAlertWrap p strong{ 
display:block;  
} 

#cookieAlertWrap #pageLink{ display:block; margin:0; padding:5px 0 0 0}

#cookieAlertWrap #pageLink:hover{ color:#99CC00}

#cookieAlertWrap #closer{
position:absolute; right:10px; top:10px;
}
 







#footerWrap {
margin: 0px 0 0 0;
padding:0px 0 100px 0;
z-index:2; 
} 


#footer {
padding: 0px 15px ;
margin: 0  ;
min-height:300px;	position: relative;
} 

#footer hr{ margin:10px auto}


/* nb in reverse order for float right on screen css*/
#navSub1, #navSub2 {
display:block; 
width:100%; clear:both;
margin:5px 0  0 0 ;
padding-top:5px; 
}

#navSub1{ 

}

#navSub1 li a , #navSub2 li  a{ 
 font-weight:  normal;
font-size: 1em;
text-transform: capitalize;
padding: 6px 24px;
display: block; 
text-align:left;
background-image:url(../images/icons/arrowRwhiteThin.png);
background-repeat:no-repeat;
background-position:5px 50%;
}
 
#socialWrap {
text-align: center;
padding:20px 0 10px   0px;
display:block; 
clear:both; 
}

#socialWrap li a {
display:block; 
text-align:center; 
} 

/*icon*/
#socialWrap li a span {
 	margin:0 auto;
	 }
 


@media only screen and (orientation:portrait)   {  
#socialWrap li{ display:inline-block;   margin: 0 6px; }
#socialWrap li a strong{ display:none}
}

@media only screen and (orientation:landscape)   {  
#socialWrap li{ display:inline-block;   margin: 0 15px; }
/*text*/
#socialWrap li a strong{
font-family:Arial, Helvetica, sans-serif;
display:block;
width: auto; 
height:20px;
white-space:nowrap; 
overflow:hidden;
clear:both; 
margin:10px auto 0 auto;  
text-transform:capitalize;
 
font-size: 12px; text-align:center;
font-weight: normal;text-shadow:1px 1px 0px  #333;	
}
}


#footer #cardPayments li img{ display:inline-block; margin: 5px 2px 0 0 ; height:24px;}



#footer #companyInfo{ 
width:100%;
list-style:none;
display:block; clear:both; padding: 0px 0}

#footer #companyInfo li{
margin: 5px 0 ;
padding: 0px 16px 0 0;	 
font-size: 12px; 
text-align:left; display: block; 
}

#companyInfo li strong{ font-size: 1.4em; font-weight:bold ;  }
#companyInfo li span{ display:block; clear:both; margin:4px 0}
#companyInfo li#copyright{
font-size:0.8em;
margin-top:10px
}


#footer #siteInfo  {
margin:10px auto;
padding:10px 0;
height:50px;  
text-align:right;
display:block; clear:both; font-weight:normal;
list-style:none; font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}


#footer  #siteInfo li#viewFull{ display:block; clear:both} 

#footer #siteInfo li#viewMobile{ display:none} 
#footer #siteInfo li#viewFull a{   font-size:0.9em;	font-family:Arial, Helvetica, sans-serif;}

#footer #siteInfo #siteBy a{
	font-size: 0.8em;
	}

#footer #siteInfo #usefulLinks{  text-align:right}
#footer #siteInfo #usefulLinks, #footer #siteInfo #usefulLinks span{ position:absolute; left:-2000px;}

#contentWrapper , #footerWrap{  opacity:0}

/*site css*/



#searchWrap{ /*match listing options color/border*/
display:none; 
height:60px; width:100%;   margin:0px auto 0 auto; z-index:10;
background-color:#f4f4f4; 
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
position:fixed; top:60px; left:0px;
}

#searchForm { display:block; width:auto;text-align:right; position:relative ;   }

 
#searchForm input[type=text]{
margin: 10px; padding:  0 40px 0 30px 	; float:right;
 min-width:300px; height:40px; border:2px solid #ccc; display:block;  font-size:1em; color:#333;
	background-image: url(../images/icons/search.png);
	background-repeat: no-repeat;
	background-size:12px auto;
	background-position: 8px  50%;
} 

#searchForm input[type=submit]{
	display:none
}  

#searchForm span#clearSearch{ 
	position:absolute;
	right:10px;
	top: 10px;
	width:30px;
	height:40px;
	cursor:pointer;
	background-image:url(../images/icons/deleteGray.png);
	background-position:50% 50%;
	background-size:12px; 
	background-repeat: no-repeat;
 }

#searchError{
position:absolute; left:50%; right:auto; top:0; margin-left:-140px;
 	width:280px;
	background-color:#FFFFFF;
	text-align: center;
	font-size:0.9em;
height:40px; line-height:36px;
	border:3px solid #ff0000;
	display:none; 
}

#cartWrap{ display:none}
#currencyWrap{ display:none}
 
	 
/*action buttons, reset/done*/
 
#filterForm .actionWrap {
	clear:both;
	background-color:#e1e1e1;
	width:100%; 
	height:60px ;
	position:fixed; top:0px; left:0px;
	padding: 15px 10px; z-index:1000
}  
.actionWrap   p#resetBtn, 
.actionWrap   p#doneBtn1  {
font-family:Arial, Helvetica, sans-serif;
 	font-size:0.8em;
	font-weight: normal;
	margin:0px; 
	display:block;
	text-decoration:none;
	cursor:pointer;  
}
.actionWrap   p#resetBtn {
	float:left;
	text-align:left;
	color:#333333;	padding:10px 4px; 
}

.actionWrap   #doneBtn1   {
display:inline-block;
	float:right; 
}
/* doneBtn2 is hidden now */


/*mobile only nav opener */ 
#filterOpener ,  
p#filterOpener{
	margin: 0;
	padding:0;
	position:absolute;
	left:10px;
	top:10px;
	display:block;
	text-decoration:none;
	text-align:left;
	line-height:32px;
	height:32px;
	border:1px solid #999; 
	cursor:pointer;
	color:#333;
	font-size:0.76em;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	text-transform: uppercase;
}	 

#filterOpener span.filterOpen { 
}   
/* opener */


/* filter wrap */
#filterWrapper {
width:100% ;height:100%;
position:fixed;
top:0px; right:0px;
	z-index:5; 
	background-color:#fff;	overflow:auto;	
	padding: 60px 0px;
	display:none; z-index:1000;
}

#filterWrapper #filterCloser,
p#filterCloser {
	margin:0px ;
	padding:16px ;
	text-align:right;
	display: block; cursor:pointer  
}

 
 
#filterForm{ padding:8px}

#filterForm li label  { /* links to checkboxes*/
	font-size: 1em;
	} 
  

/*  filters */
	#filterForm  {
display:block;
width:100%; 
min-height:200px;
height:100%; 
background-color:#fff;
padding:  0px; 
}
 

#filterForm .filterContainer {
border:0px
}

/*openers and label/checkbox combo for show hide ul's*/
#filterForm   .ulDisplaySetterLabel  {
	font-size:0.8em;}





#productsPage{ /* for ID css only  */ }
#productsPage h1, #productsPage h2 { font-size:0.8em; font-weight:bold; color: #333; padding:0 2px 0 0;}
#productsPage h1 span , #productsPage h2 span { display:none  }

@media only screen and (orientation:portrait)   {  
#productsPage h1, #productsPage h2 { display:block; clear:both;}
}

@media only screen and (orientation:landscape)   {  
#productsPage h1, #productsPage h2 { display:inline-block; clear:both;}
}

#productsPage h1, #productsPage h2 { display:none}

#productsList.grid3 li span.text { display:none}

.product-details #contentWrapper { background-color:#fff} 

#productDetailsLeft{ width:100%; 	float: none; clear:both; margin:0 0 0px 0; padding:10px; background-color:#FFFFFF} 

@media only screen and (orientation:portrait)   {  	
#productDetailsImgsWrap{   border:0;width:100%; height:300px;}
#productDetailsImgs{ width:100%; height:300px;}
#productDetailsImgs li{width:100%;height:300px;}
#productDetailsImgs li a	 {width:100%;height:300px; line-height:300px;    }
} 

@media only screen and (orientation:landscape)   {  	
#productDetailsImgsWrap{   border:0;width:100%; height:300px;}
#productDetailsImgs{ width:100%; height:300px;}
#productDetailsImgs li{width:100%;height:300px;}
#productDetailsImgs li a	 {width:100%;height:300px; line-height:300px;    }
} 
	
#productExtraImgs{
	display:block;
	margin:15px auto 0 auto;
	text-align:center;
	width: 100%; height:50px; 
}

#productExtraImgs li { height:44px; width:44px;  margin:  0 2px; overflow:hidden; }
 


#productDetailsLeft , #productDetailsRight { border:1px solid #e1e1e1 }
#productDetailsRight{ width:100%; 	float: none; clear:both; margin:0; padding:15px; background:#fff;   margin-top:10px;  } 	

#infoArea, #pricingArea{ margin:0px auto 0 auto; padding:0;background-color:#FFFFFF}
 
#pricingArea{ }/*  border-top:10px solid #e8e8e8; effect to match background */
 

/* linked Products product detalils page  */
#relatedProducts{ display:block; clear:both; margin:10px auto; width:100%; padding: 0 10px; background-color:#fff; overflow:hidden }
#relatedProducts ul{overflow: hidden;    height: auto; width:100%; padding-bottom:10px; }
#relatedProducts ul li { height:160px; width:130px; margin:5px; padding:0;} 

#optExtraViewer{
	width:94%;  height:94%; overflow:auto; z-index:10001;
	margin:0 auto;
	position:absolute;
	left:3%;
	top:3%; 
	padding-top:60px;
	} 

#extraInfo{ margin:10px auto; border:2px solid #e8e8e8; padding:10px; background-color:#FFFFFF; 	width:100%;	float:none;}


@media only screen and (orientation:portrait)   {  	
#buyButton{ width:100%;}

#itemAddedDisplay{ 
	left: calc(50% - 140px)  ;
	top:10%; 
	width:280px;
	}
}			

@media only screen and (orientation:landscape)   {  	
 
#itemAddedDisplay{ 
	left: calc(50% - 250px)  ;
	top:10%; 
	width:500px;
	}
}


 
#basket  li span.thumbs{ width:90px; height:90px;line-height:86px; margin:0 10px 0 0; padding:0;  }
#basket  li a span.textWrap {   width:calc(100% - 100px) ; margin:0; padding:0}
#basket li .basketFormWrap{
	width:100%;
	clear:both;
	margin:0;
	padding:8px;
	background-color:#e8e8e8; border:1px solid#cacaca;
	margin:5px auto 0 auto
}

#basket li  .qtySelect {
	width:110px; 
}

#basket .deleteItem{
	margin:10px 0 0 25px;
	 font-size:1em}

#basket .deleteItem:hover{
color:#006699
	}

#basket li  p.subTotal  { 
	margin: 10px 0 0 0;
font-size:1.2em;
font-weight:normal;
}

/* vat elements on function*/
#basket li  p.subTotal span.vat { display:none; }



#SELvoucher{ 
 width:240px;
}

#checkout { width:100%; max-width:700px;  float:none}

#checkout form{
border:0px;
padding:20px;
border-radius:4px
}