body {
text-align: left;
background-color: #fff;
position:relative; 
}
 
#wrapper { 
width:100%; 
} 
  
* {
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size:19px; letter-spacing:0.8px;
}
 
 
 
#contentWrapper{ 
padding:125px 15px 10px 15px; 
z-index:1; 
}
.home #wrapper{ padding-top:30px}

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

.gallery #contentWrapper{ /* padding-top:80px;   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:100%;  
position:fixed;
top:30px;
left:0;
width:100%;  
height:80px;
border-bottom:1px solid #F6F2EF;  
}
 
#headerMask{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:#F6F2EF; 
opacity:1
}


#headerScreenTop{ height:30px; width:100%; position:fixed; left:0; top:0; z-index:2;background:#EDE8E5;}

#telephoneNumber{
text-align:right;
width:auto;
display:block;
float:right;
font-size:14.2px;
color: #0A190D;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-transform:none;
z-index: 0;
padding: 0 14px 0 24px;height:30px; line-height:30px; 
background-image:url(../images/tel.png?);
background-position:left 50%;
background-size: auto 12px;
background-repeat:no-repeat;
} 


#logo{  
z-index:10; display:block; position:absolute;
left:110px; top:22px; 
width:120px;   height:38px;
background-image: url(../images/logo.png?2025);
background-size: contain;
background-repeat: no-repeat;
background-position:  50% 50% 
}

@media only screen and (orientation:landscape)   {  
#logo{
}
}
 

#logo span{
display:none
} 



/* NEWS TICKER*/
#newsTicker {
height:0;
width:100%;	
border:0px solid #ff0000;
overflow:hidden;
position: absolute;
bottom:0px;
left:0px;
height:20px;
}
#newsTicker ul{
width:100%;	
height:20px; 
 }

#newsTicker  li, 
#top #newsTicker  li {
display:block; position:absolute; 
padding:  0px;
height:100%;
margin: 0px;
font-style: normal;    
  text-align:center; 
		width:100%; opacity:0;left:100%;
}
#top #newsTicker li.inView { left:0%;opacity:1 ; /*text-indent:0px;*/ transition: all 3000ms ease-in-out 0s;}

#top #newsTicker li  p, #top #newsTicker li  a{
display:block; font-size:0.75em;  letter-spacing:0.6px;
font-weight:bold; 
margin: 0; padding:0; text-align:inherit;
}
 
#top #newsTicker li  p { 
 color:#ff0000;
 }

#top #newsTicker li  a {  
 text-decoration: none;  color: #003366;
 }
#top #newsTicker *{ z-index:0}
/* NEWS FEED*/

#mobileTopSection{
position:absolute;
right:0;
top:0;
text-align:right;
width:100%;
line-height:80px;
height:80px;
z-index:1;
}
#mobileTopSection li {  
margin: 0 14px 0 0 ; 
display:inline-block;
text-decoration:none;
text-align:right; 
height:80px;
cursor: pointer;
overflow:hidden;
} 


#mobileMenuOpener{ float:left;} 


/* main nav opener bars fixed width as span widens l/s */
#mobileTopSection li#mobileMenuOpener{width:32px; margin-left:8px; position:relative}
#mobileMenuOpener em{ 
display:block;  
height:2px; 
border:2px solid;
border-color: #53A86A;
width:100%;
border-radius:0px;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
position:absolute;
left:0px;
}

#mobileMenuOpener em#bar1 { top:28px} 
#mobileMenuOpener em#bar2 {top:  38px}
#mobileMenuOpener em#bar3 { top:48px}

#mobileMenuOpener.menuOpen em#bar1 {  
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top:40px; 
left:0px; 
width:100%;
}
#mobileMenuOpener.menuOpen em#bar2{ opacity:0 ;}
#mobileMenuOpener.menuOpen em#bar3 {  
-webkit-transform:  rotate(-45deg); 
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top:40px;
left:0px;
width:100%;
}
/* eo nav opener */


/* search account & cart icons inside span*/

#mobileTopSection li  a{ display:inline-block;  height:100%; width:100%;}
#mobileSearchOpener{
background-image: url(../images/nav/mobile/searchIcon.png);
background-size:contain ;
background-position:50% 50%;
position:relative;
width:16px;
} 
 

#mobileAccount {
background-image: url(../images/nav/mobile/accountIcon.png);
background-size: contain ;
background-position:50%  50%;
position:relative;
width:16px;
}

#mobileBasket {
background-image: url(../images/nav/mobile/cartIcon.png?);
background-size: contain ;
background-position:50%  50%;
position:relative; background-repeat:no-repeat;
width:22px;
}

/* icon labels & num in cart <strong> tag */  

@media only screen and (orientation:portrait)   {
#mobileTopSection li strong { display:none}
 }			

@media only screen and (orientation:landscape)   {  /* show labels */
#mobileTopSection li {   margin:0 25px 0 0; }
#mobileTopSection li strong { display:none}
}




/* top section social networking NOT USED */
@media only screen and (orientation:portrait)   {  	
#socialTop{ display:none}
}
@media only screen and (orientation:landscape)   {  	
#socialTop{
display:none;
/* display:block; position:absolute; right:160px; top:0; width:auto; text-align:right; height:80px; line-height:80px; z-index:100;  */}
}


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


#freeShipMsg,
#strapLine{
display:none    
} 


@media only screen and (orientation:landscape)   {  
#logo { width:150px; right:calc(50% - 75px); }
}

 

 
 
#breadcrumb{  display:block; width:100%; padding: 0; margin:0 auto 10px auto;     }	
#breadcrumb li , #breadcrumb li p , #breadcrumb li a , #breadcrumb li span   {   font-size: 0.9em;   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;} 
 



#navMain  *{  }

#navMain  {
height:100%; /*calc(100% - 80px);*/
overflow:auto;
position: fixed;
padding:20px 10px 100px 10px;
border-right:0px solid #fff;
border-top:1px solid #fff;
border-bottom:0px solid #fff;
background-color:#53A86A; 
top:0;/*80px*/
width: 280px;
z-index:10;
display: block;
right:-2000px;
}

#navMain.navMainOpen { 
left:0px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

#navMain.navMainClose { 
-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;
}

#navMain.navMainHide{left:-100%; }/* rapid closer for links - take off screen to max width*/

@media only screen and (orientation:portrait)   {  
#navMain { width: 320px;  left:-320px;}
.navMainClose { left:-320px;}
#navMain li a{  letter-spacing:-1px;  font-size:1.25em;} 
} 

@media only screen and (orientation:landscape)   {  
#navMain { width: 420px;  left:-420px;}
.navMainClose { left:-420px;}
#navMain li a{  letter-spacing:-1px;  font-size:1.4em;} 
} 
 


#navMain ul  {
padding:  0px  0px 0px  0px;   
margin:0 auto;

}  

#navMain li {
	display:block;
	clear:both;
	margin:5px  auto;
	padding:0;
	position:relative; 
 border-bottom:0px solid #e6e6e6
}



#navMain ul li a{
display:block;
text-decoration:none;
text-transform: capitalize;
letter-spacing:0px;
padding: 3px 6px 3px  20px;
color:#fff; text-shadow:none;
display:inline-block;
font-weight: normal;
background:none;
font-size:18px;
}
 
#navMain ul li ul li  { border:none}
#navMain ul li ul { margin:2px 0px 30px 20px; padding:0px 0 ; display:none }
 
#navMain ul li a.mainCategory{ position:relative; padding-left:20px; background:none; font-weight: normal }
#navMain ul li a.mainCategory span{
background:none;
background-image:url(../images/nav/mobile/mainCatClosedWhite.png);
background-repeat:no-repeat;
background-position:0 8px;
background-size:10px;
width:18px;
height: 100%;
position:absolute;
left:0px;
top:0px;
}

#navMain ul li a.mainCategoryOpen span {
background-image:url(../images/nav/mobile/mainCatOpenWhite.png);
}	

#navMain ul li ul li a {
margin: 0px 5px 0px 0px;
padding: 2px 10px 2px   0px; 
font-size:18px; font-weight:normal
} 

/* actual MAINS as its contained under one heading*/
#navMain ul li ul li a.mainAsSub, #navMain ul li ul li a.mainAsSub:hover{   background-image:none; font-weight:bold; color:#888; font-size:1.1em; text-decoration:none;  width:100%; padding:6px 0 0 0; }
 


/* mainNavSub is topNav container when mobile - shown on screen under #topNav  */
/* topNav coded into main nav for mobile */
li#cartOpener { display: none}  
 
.ajxBasket  h1,  #itemAdded h1 , #basketContents h1  , .ajxBasketHeader {background-size:18px; background-position:0% 35%;}


 

#mobileNavCloser{ position:absolute; top:30px; right:20px; width:34px; height:34px; background-image:url(../images/icons/closerWhite.png); background-position:50% 50%; cursor:pointer; text-indent: -2200px}

#mobileSignIn{
width:100%;
background-position:left 50%;
background-size:20px auto;
background-image: url(../images/nav/accountWhite.png);
margin:10px 0 40px 10px; font-size:14px; font-weight:600
}
#mobileSignIn a{height:30px; line-height:30px; color:#333; font-size:18px; font-weight:bold; padding-left:35px;}
 

#shopOurProductNavMain{ display:block;color:#333; padding:0 0 10px 20px ;width:94%;  border-bottom:1px solid ; border-color:#DBEEDE; margin:40px  10px 25px 0px; font-size:14px; font-weight:600}

/*top as     main */
#navMain #navTopMobile{ padding-top:15px;}  
#navMain #navTopMobile li a, #navTopMobile li a  { color:#333; padding-top:2px; padding-bottom:2px; margin:0; font-size:14px;} 
  
 
 


.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%  }

 
#catBanners { width:100%; text-indent:-2000px; overflow:hidden; margin:0 auto; position:relative; background-color:#fff; border-radius:2px; height:150px; background-position:50% 50%; background-size:cover }

#categoryDescription{width:100%;margin:6px auto; padding:4px; }
#categoryDescription h6{ display:block; font-size:15.5px; font-weight:bold;text-align:left; } 
#categoryDescription p{ display:block; font-size:14.0px; margin:0; padding:0;text-align:left; } 
	
/*######## 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;
padding:15px  ;
 background:#e8e8e8;  
} 

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

#contactFormWrapper h3{ 
margin-top:10px;
height:48px;
line-height:48px;
background-position:97%  50%; height:100%;   display:block; cursor:pointer;
background-repeat:no-repeat;
background-image:url(../images/icons/plusWhite.png);}

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

#contactFormWrapper #contactForm { 
display:none;
}

#contactFormWrapper.contactFormOpen #contactForm {
}


 

 
#contactForm hr{ background-color:#f1f1f1}

 /*eo form  stuff */
 
 

/* form over rides from global*/

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

/*#loginContainer label, #registerStartWrap label { display:none}*/
 #loginContainer label, #registerStartWrap label#tradeRequestLabel{ /*display:none;*/ padding-top:4px;}  

 
 

#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 #closer{
position:absolute; right:10px; top:10px;
}
 



/*site css*/



#searchWrap{ /*match listing options color/border*/
display:none ; 
height:76px; width:100%;   margin:0px auto 0 auto; z-index:10;
background-color:#fff; 
 border-top:0px solid #555; 
position:fixed; top:80px; left:0px;
padding:15px 15px 0 15px;
}

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

 
#searchForm input[type=text]{
margin:0px;
padding: 0px;
float:left;
text-indent:12px;
width:100%;
max-width:500px;
height:45px;
line-height:45px;
border:2px solid #999;
border-radius:0px;
display:block;
font-size:1em;
color:#333;
background-image: url(../images/nav/mobile/searchIcon.png);
background-repeat: no-repeat;
background-size:14px auto;
background-position: 96%  50%;
} 

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

#searchForm span#clearSearch{ 
display:none
 }

#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}
 
	
	
	 
/* FILTERS */

#filterOpener ,  
p#filterOpener{
display:block;float:left;;height:15px;line-height:15px;
width:auto; font-size:13.6px;
color:#53A86A;  
cursor:pointer; 
}	 

#filterOpener  span{ display:block; width:12.8px; height:15px; float:right; margin-left:6px;
background-image:url(../images/icons/arrowDgreen.png);
background-position:right 50%; background-repeat:no-repeat;background-size:contain; 
 } 
/* opener */

#filterWrapper *{font-family:Arial, Helvetica, sans-serif;}

#filterForm{ padding:5px 10px}

#filterForm  .ulDisplaySetter{ position:absolute; left:-30000px; top:0;}

#filterWrapper{
width:100% ;height:100%;
position:fixed;
top:0px; right:0px;
	z-index:5; 
	background-color:#fff;	overflow:auto;	
	padding: 80px 0px;
	display:none; z-index:1000;
	}
	
	
#filterWrapper #filterCloser,
p#filterCloser {
	margin:0px ;
	padding:16px ;
	text-align:right;
	display: block; cursor:pointer  
}
  

#filterForm ul{ margin:10px auto;}

#filterForm li{
list-style:none;  
}

#filterForm .clearFilters {
	background:none;
	text-align:center;
	position:absolute;
	top:0px;
	right:0px;
	height:25px;
	line-height:25px;
	width:30px; 
	cursor:pointer;
	font-weight: normal;
	color:#f1f1f1;
	cursor:pointer;
	font-size:1em;
	text-transform: lowercase;
	text-decoration:none;
	}
 
 #filterForm .clearFilters:hover{ text-decoration:underline}


#filterForm .filterContainer {
	border: 1px solid;
	border-bottom-width:2px;
	margin: 0 0px 10px 0px;
	border-color: #A2A2A2;
	padding: 0px;position:relative; /* for offset radios & checkboxes */  
}

/*openers and label/checkbox combo for show hide ul's*/
#filterForm   .ulDisplaySetterLabel  {
padding:0px 0 0px 28px;
height:38px;
line-height:38px;
background-color:#A2A2A2;
display:block;
font-weight:bold;
font-size:0.85em;
text-transform: uppercase;
color:#fff;
background-position: 8px   50%;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/icons/plusWhite.png);
position: relative;
cursor:pointer
}
#filterForm    input.ulDisplaySetter[type="checkbox"]:checked + label { background-image:url(../images/icons/minusWhite.png); }


#filterForm li label  { /* links to checkboxes fonts in screen/ mobile setttings */
text-align:left;
border-bottom:1px solid #e8e8e8;
display:block;
letter-spacing:0px;
margin:0 auto;
color: #006699;
display:	block;
cursor:pointer;
color:#333333;
	width:100%; 
	padding: 8px 40px 8px 10px;   	
}

#filterForm li label  span{   display:block; width:calc(100% - 30px) }

#filterForm li label:hover  { background-color:#f1f1f1 }

#filterForm li:last-child label{ border-bottom:0px; }

#filterForm li  input[type="checkbox"]:checked + label ,
#filterForm li  input[type="radio"]:checked + label {
font-weight: normal;
background-image:url(../images/tick.png);
background-position:calc(100% - 10px) 10px;
color:#000000
} 
 

#filterForm li  input[type="checkbox"]:disabled + label {
	font-weight: normal;
	background-image: none;
	color:#ccc; cursor:default
} 


#filterForm li input  {  
position:absolute; right:10000px; 
}


#filterBtnWrapper{ height:1px;}
#filterWrapper hr{ border:none; background:none; height:0px ; clear:both}

 
#filterForm .actionWrap {
	clear:both;
	background-color:#fff;
	width:100%; 
	height:64px ;
	position:fixed; top:0px; left:0px;
	padding: 15px 10px; z-index:1000;
	border-bottom:2px solid #999
}  

.actionWrap p#hideFilters{ display:none}
.actionWrap   p#resetBtn, 
.actionWrap   p#doneBtn1  {
	font-weight: bold;
	margin:0px; 
	display:block;
	text-decoration:none;
	cursor:pointer; 
}
.actionWrap   p#resetBtn {
	float:left;
	text-align:left; 	font-size:0.8em;
	color: #006699;	padding:0px 0 0 0px;  
 height:36px; line-height:36px;
}
p#resetBtn.shown{ display:block;} 
p#resetBtn.hidden{ display:none;} 

.actionWrap   #doneBtn1   {
display:block;
font-size:0.72em;
font-weight:bold;
text-align:center;
background-color: #53A86A;
border: 0px solid #888;
color:#fff;
float:right;
border-radius:2px;
height:36px;
line-height:36px;
width:100px;
}
/* doneBtn2 is hidden now */


 


/* FILTERS */




#productsPage{ /* for ID css only  */ }

#productsTopSection{ height:42px; border-bottom:4px solid #e1e1e1; margin:15px auto  } /* wrapper for h1, refine and listing options   */

#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}

 

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

#productDetailsRight{ width:100%; 	float: none; clear:both; margin:0; padding:0px; background:#fff;   margin-top:10px;  } 	
#productDetailsRight  * {  }
#productDetailsRight #fullInfo *{ font-size:16px;}
#productDetailsRight #fullInfo p{ margin:6px auto 10px auto}

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

/*   RELATED  */
#relatedProducts *{ font-family:Arial, Helvetica, sans-serif}
#relatedProducts{ display:block; clear:both; margin:10px auto; width:100%; padding: 0 0px; background-color:#fff;  }
#relatedProducts ul{   height: auto; width:100%; padding-bottom:10px; text-align:center }
#relatedProducts ul li { height:auto; width:100%; max-width:280px; margin: 10px ; padding:10px;} 
#relatedProducts ul li a span{ /* thumbs wrap */
	height:140px;
	width:140px;
	display:block;
	position:relative;
	margin: 10px  auto 0 auto ; text-align:center; 
}
/* EO RELATED  */


#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:0px solid #e8e8e8; padding:10px 0; background-color:#FFFFFF; 	width:100%;	float:none;}

#productDetailsRight #buyButton{ width:160px; text-align:center; float: left; margin-left:15px;}
@media only screen and (orientation:portrait)   {  	
#buyButton{  }

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

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



#basket  li .thumbs{ width:90px; height:90px;line-height:86px; margin:0 10px 0 0; padding:0;  }
#basket  li a div.textWrap {   max-width:calc(110% - 100px) ;width:calc(100% - 110px) ;  margin:0; padding:0;  }
#basket li .basketFormWrap{
	width:100%;
	clear:both;
	padding:8px 10px 8px 10px;
/*	background-color:#f5f5f5; border:1px solid #cacaca;border-radius:4px;*/
background:#f4f4f4;
	margin:18px auto 5px auto; 
}

#basket li  .qtySelect {	width:60px; font-size:14px }/*text box*/

#basket li  select.qtySelector {	width:80px; font-size:14px }

#basket .deleteItem{
}


#basket .deleteItem:hover{
}
 
#basket .confirmDelete{
position:absolute;
left:7px;
top:8px;
width:139px;
} 

#basket li  p.subTotal  { 
	margin: 5px 0 0 0;
font-size:18px;
font-weight:normal;
}
 

#SELvoucher{ 
 width:240px;
}

#shippingForm li label{ padding-top:2px;  }  
#shippingForm li label strong{ color:#99CC00;   padding-left:5px; padding-right:5px;  text-align:right} /* price*/ 

@media only screen and (max-width:400px)  and (orientation:portrait) {
#shippingForm li label strong{ display:block; }
}