body {
text-align: left;
position:relative;  
font-size: 16px;
z-index:1
}  


* {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size:16px;
}
 

#wrapper {
width:100%;
min-width:1024px; 
margin:0px auto;  
min-height:70%;
background-color:#fff; 
/*background-image:url(../images/contentWhiteBg.png);
background-repeat:repeat-y ;  
background-position:50% 0 ; */
}

	

/*outer */
#header{
z-index:5;
width:100%;
min-width:1000px;
background-color: #fff;
/*background-image:  linear-gradient(to bottom, #243063 , #243063);*/
}


/*top inner */ 
#top{ 
width:1000px;  
height: 130px;
position: relative;
z-index:10;
margin:0 auto;
z-index:5; 
}
 

/* for fixed JS header  */
#header.headerFixed{position:fixed; left:0; right:0; top:0px; border-bottom:2px solid #fff; z-index:10001 }
.headerFixed #top{ height:0px;} 
.headerFixed #top { display:none;} 
.headerFixed #navMain {} 
#header.headerFixed #logo{
display:none;
}



#logo{ 
position: absolute;
left: 300px;
width: 400px;
background-image: url(../images/logo.png);
height:50px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size:contain  ;
display:block;
top: 26px;
z-index: 2
}

#strapLine{
position: absolute;
font-size:0.7em;
color: #686868;
font-weight: 100;
text-align:left;
letter-spacing: 0;
word-spacing:0px;
text-transform: uppercase;
z-index: 5;
height:18px;
overflow:hidden;
left: 300px;
width: 400px;
top:90px;
text-align: center;
font-family:"Open Sans", Arial, Helvetica, sans-serif;
} 
		

#logo span{ display:none} 

#telephoneNumber{
position: absolute;
font-size:1em;
color: #999;
font-style: normal;
font-weight: 300;
width: 226px;
text-align: left;
letter-spacing: 0px;
text-transform:none;
z-index: 0;
padding: 0  0 0 0px;
height:22px;
line-height:22px; 
top: 90px; 
} 

#freeShipMsg{ position:absolute; bottom:12px; right:0px;  }
#freeShipMsg p{ font-size:0.8em; font-weight:bold;  color:#FF0000}

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

#newsTicker  li, 
#top #newsTicker  li {
display:block;
float:left;
padding:  0px;
width:1000px;
height:100%;
margin: 0px;
font-style: normal;
color:#ff0000; 
}
 
#top #newsTicker li  p, #top #newsTicker li  a{
display:block;
text-align:right;font-size:0.65em; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.6px;
font-weight:bold; 
margin: 0; padding:0;
}
 
#top #newsTicker li  p { 
 color:#ff0000;
 }

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

#contentWrapper{ padding: 0 0 40px 0; width:1000px; margin:0 auto; }
 

.contentLeft  {width:225px; float:left; }
.contentRight{width:755px; float:right; }
.contentFull {	background:#fff;	}



/*######## over ride for  content specific display uses wrapper to hide   ########### */ 
.home  #contactFormWrapper  ,
.news-item  #contactFormWrapper ,
.gallery  #contactFormWrapper ,
.gallery-image  #contactFormWrapper,
.products  #contactFormWrapper,
.product-details  #contactFormWrapper,
.categories  #contactFormWrapper,
.account-sign-in  #contactFormWrapper ,
.register  #contactFormWrapper { display:none} 
/*######## over ride for  content specific display  ########### */  
 



/* hidden anyway */ 
#mobileTopSection { display:none}
 






/* container when non mobile - hidden on screen and included in main nav under #subnavigation  */

#navTop{ position:absolute; right:0px; top:14px; width:auto; text-align:right; }
#navTop ul{ width:auto; text-align:right;  }
#navTop ul li{
display:block;
float:left;
margin:0;
padding:0px;
position:relative;
white-space:nowrap;
border-right: 1px solid; border-right-color: #ccc;
}
#navTop ul li a{
border:0;
margin:0;
background:none;
margin:0;
padding:0px 5px;
color: #333;
font-size:0.58em;
height:20px;
line-height:20px;
text-transform:uppercase;
display:block;
}

#navTop ul li a:hover{  text-decoration: underline} 

#navTop ul  li a.mainCategory { /* same plus span*/}

#navTop ul  li a.mainCategoryOpen {
background-color:#f1f1f1; color:#333333
}

#navTop ul  li a.mainCategory span{
width:12px;
height:6px;
display:inline-block;
margin-left:4px;
background-image:url(../images/nav/arrowDownGray.png);
background-repeat:no-repeat;
background-position:  50%;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
} 

#navTop ul li a.mainCategoryOpen span{
background-image:url(../images/nav/arrowDownGray.png);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(-180deg);
}


 /*subs */
#navTop  ul li  ul{
display:none;
position:absolute;
left:0px;
top:20px;
height:auto;
min-width:180px;
width:auto;
background-color:#f1f1f1;  
border-top:0;
border-radius:0 2px 2px 2px;
padding:  10px 4px ;
z-index:1001
} 

#navTop  ul.subRight { 
left:auto; right:4px; /*border-radius:4px 0 0 4px;*/
}


#navTop  ul li ul li { display:block; float:none; text-align:left; clear:both; margin:1px auto;z-index:1000; border:0; padding:2px 0; border-bottom:0px dotted #555}
#navTop  ul li ul li a{
font-size:0.7em;
text-align:left;
display:block;
font-weight:normal;
border:0; 
color: #333; 
z-index:1000; 
}
#navTop  ul li ul li a:hover{ text-decoration: underline;}

#navTop  ul li  ul.subRight li a{ text-align:right;padding-right: 10px; }

#navTop ul li:first-child  { border-left:0;  }
#navTop ul li:last-child  { border-right:0;  }
#navTop *{ }
 
#navTop ul li#cartOpener a  {
border-right:0px;
	background-image:url(../images/cart.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:24px; 
	}
	
/* top section social networking*/
#socialTop{ position:absolute; left:0px; top:55px; width:auto; text-align:right; z-index:1;height:30px; }
#socialTop li{ display:block; float:left;   text-align:center; margin-right:8px; }
#socialTop li:last-child{ margin-right:0}

#socialTop li a span {
display:block;
width:28px;
height:28px;
line-height:28px;
margin:0 auto;
background-position:50% 50%;
background-repeat:no-repeat;
background-color: #444;
background-size:14px;
border:0px solid #666;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius:  99px; 
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
}
#socialTop li a:hover span {background-size:20px; }


#socialTop li a strong {
display:none;
width:100%;
overflow:hidden;
font-size:0.7em; padding:4px 0 0 0;
font-weight:normal;
text-align:center;  
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
}
#socialTop li a:hover strong { display:none;color: #555;}
#socialTop li a span{ }


#breadcrumbMobile,   #homeIconMobile  { display:none}	

#breadcrumb{ 
display:block;  width:100%; overflow:hidden; background:#fff;  padding:15px 0 10px 0;margin:0px auto;
}	

#breadcrumb li , #breadcrumb li p , #breadcrumb li a , #breadcrumb li span   { font-size: 0.94em;   font-weight: normal ; display:block; float:left ; 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:#e1e1e1; padding:0 3px
}	
 
#breadcrumb li strong { font-weight: bold;} 




#navMain  li a,
#navMain ul ul a  {text-align: center;  font-family:  "Open Sans" ,Verdana, Arial, Helvetica, sans-serif  } 

#navMain {
z-index:500;
height:46px;
line-height:43px;
background-color: #000;
background-image:  linear-gradient(to bottom, #333 , #000);
z-index:2;
display:block;
margin:0px  auto; 
width:100%;
position: relative; /*border-top:1px solid #444;border-bottom:1px solid #444;*/
}

#navMain ul  {
padding:0; 
width:100%; 
margin: 0px  auto;
z-index:100;  	
height:44px; text-align:center;
} 
#navMain li { font-size:0px;display:inline-block;   position:relative; z-index:100;
} 



#navMain ul  li a  {
font-weight: normal;
text-align:center;
color: #fff;
letter-spacing: 0em; 
background-image:url(../images/nav/navBorderRight.png); background-position:right top; background-repeat:no-repeat;
text-transform: uppercase;
display:block;
padding: 0px 8px;  
text-decoration:none;
font-size:10.0px;
z-index:5;
-webkit-transition: background-color 200ms ease-in-out 0s;
-moz-transition: background-color 200ms ease-in-out 0s;
-o-transition: background-color 200ms ease-in-out 0s;
transition: background-color 200ms ease-in-out 0s;
}

#navMain ul  li a.mainCategory span{
width:8px;
height:10px;
display:inline-block;
margin-left:0px;
background-image:url(../images/nav/arrowDown.png);
background-repeat:no-repeat;
background-position:  50%;
background-size:contain;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}

#navMain ul  li a.mainCategoryOpen span{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(-180deg);
}

#navMain ul  li:first-child a   { padding-left:20px; border-left:0px;}


#navMain  ul li:last-child  a {
background-image: none; border-right:0px;
}


/*#navMain ul li a:hover , */
#navMain ul li a.mainCategoryOpen,
#navMain ul li a.mainCategoryOpen:hover{
text-decoration: none;
background-color:#000;
border-left-color: transparent;
color:#fff; 
} 


#navMain ul li ul{ /*  all sub ul */
width:320px;
z-index:5;   
position:absolute; 
height: auto;
top:44px;
background-color:#000;
left:0px;
padding: 10px ;
display:none	}



/* default show subs */
#navMain ul li:hover ul,
#navMain ul a:hover ul{  } 	

#navMain ul  li .subCatRight{ 
right:0px; 
left:auto
}


#navMain ul li  ul li , 
#navMain ul li  ul li:hover   { display:block; clear:both; width:100%; z-index:3; margin:0  auto; 
background:none; background-image:url(../images/semiTransLine.png); 
background-repeat:repeat-x; background-position: left bottom }
#navMain ul li  ul li:last-child{ background-image:none} 


#navMain ul li  ul li a:link,
#navMain ul li  ul li a:active, 
#navMain ul li  ul li a:visited{
background:none;
text-align:left;
font-weight: normal;
display:block;
line-height: normal;
height:auto;
padding:10px 0px 10px 25px;
text-transform: none;
text-decoration:none;
border:0;
font-size:12px;  
margin:0px;
background-image:url(../images/nav/navPointer.png);
background-repeat:no-repeat;
background-position: 15px 15px;
transition: none;
}


#navMain ul li ul li a:hover {
color:#fff; 
text-decoration: underline; 
background-position: 15px -14px; 	
}

/* actual MAINS as its contained under one heading*/
#navMain ul li ul li a.mainAsSub, #navMain ul li ul li a.mainAsSub:hover{ padding-left:10px; background-image:none; font-weight:bold; color:#999999; text-decoration:none; font-size:1.0em;}

#navMain ul  li ul.rightSub{ 
right:0px; 
left:auto
}

#navMain ul li  ul.rightSub  li a{ 
text-align:right;
padding:10px 30px  10px 0px ;
background-position:  calc(100% - 15px) 15px;
}

#navMain ul li  ul.rightSub li a:hover{ background-position:  calc(100% - 15px) -14px; } 

 
#navMainViewFull{ display:none}
 
 
/* collapsible for side bar form on screen, no + sign padding to create inner illusion  */
#formOpener{ margin:0;height:40px; line-height:40px;}
#formOpener span{ background-image:none;  padding-top:6px;  }



.DDmenu{ display:inline-block;   text-align:left;  }

  

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

.DDmenu.rightOpening li ul { left:auto; right:0px;} 
 



.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.7em;} 
.buttons150{ width: 150px; font-size: 0.8em;} 
.buttons175{ width: 175px; font-size: 0.8em; } 
.buttons200{ width: 200px; font-size: 0.8em;  } 
.buttons250{ width: 250px; font-size: 0.8em;} 
.buttons300{ width: 300px; font-size: 0.8em;}
.buttons350{ width: 350px; font-size: 0.8em;}  
.buttonsFULL{ width: 100%; font-size: 0.8em;} 

 
	
	

/* side contact form   */ 
 #contactFormWrapper{ display:block; margin:0 auto;  }
 

#contactForm   { 
display:block;
border:1px solid #ccc; 
border-top:1px solid #fff;  

padding:10px  ;
 background:#f6f6f6;  
}  

#contactForm  p{
color:#545454;
display:block;
padding:6px 0 4px 0px;
margin:0;
font-weight:bold;
clear:both;

font-size: 0.75em;
}

#contactForm  br { clear:both; display:block}



#contactForm hr{ background-color:#f1f1f1}
/*eo form  stuff */

 

/* page styles*/ 
  
  
  
 
/* site css*/

#mobileSearchOpener{ display:none}

#searchWrap{ position:absolute;  top:55px; right:0px; width: auto; text-align:right; }
 

#searchForm {
 display:block;
 height:30px;
 text-align:right;
 position: relative;
 
}
#searchForm input[type=text]{
width:180px;
height:32px;
border:1px solid #555;
border-right:0;
display: block;
float:left;
font-size:0.7em;
color:#333;
padding:0 30px 0 8px;
margin:0;
border-radius: 4px 0px 0px 4px;
background-color:#fff;

} 

#searchForm input[type=submit]{
display:block;
float:left;
background:none;
width:32px;
height:32px;
background-color: #555;
color:#FFFFFF;
font-size:0.6em;
text-align:center;
cursor: pointer;
background-image: url(../images/icons/searchWhite.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size:10px;
text-indent:-3000px;
border:1px solid #555;
border-left:none;
border-radius: 0  4px 4px 0;
}  

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

#searchError{
	position:absolute;
	top:0px;
	right:0px;
	width:250px;
	background-color:#FFFFFF;
	text-align:left;
	font-size:0.8em;
	padding:4px;
	border:3px solid #ff0000;
	display:none; 
}



/* FILTERS */

#openerWrap{ display:none}
#filterWrapper *{font-family:Arial, Helvetica, sans-serif;}
#filterWrapper{
position:relative;
width:100%;
margin:0 0 20px 0;
padding:0;
border:1px solid #e1e1e1;
display:block;
padding: 0 10px 6px 10px;
display:none;
background-image: url(../images/semiOverlay.png);
background-repeat:repeat;
border-radius:2px;
}

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

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


/*not full fit so CLEAR ALL button allowed*/
#filterForm .filterContainer{
width:220px;
border: 1px solid #ccc;
margin:6px 4px 0 0px;
padding:4px;
display:inline-block;
height:auto;
clear:right;
float:left;
position:relative;
background:#fff;
}	
#filterForm {}
	
#filterForm li{
list-style:none;  
}

#filterForm .clearFilters {
	background:none;
	text-align:center;
	position:absolute;
	top:-2px;
	right:6px;
	width:10px; 
	cursor:pointer;
	font-weight: normal;
	color:#919191;
	cursor:pointer;
	font-size:1em;
	text-transform: lowercase;
	text-decoration:none;
	}
 
 #filterForm .clearFilters:hover{ color:#333333}


#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;
width:98%;
padding: 4px 16px 4px  5px;
cursor:pointer
}

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

#filterForm li label:hover  { background-color:#f1f1f1; text-decoration:underline}

#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) 6px;
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; 
} 

#filterOpener   {  
display:block; position:absolute; top:0; left:725px; 
width:auto;
display:block;
float:left;
text-decoration:none;
color:#006699;
font-weight:bold;
padding:0 14px;
border:1px solid;
border-color:#999;
margin:0;
border-radius:2px;
font-size:10px;
height:30px;
line-height:28px;
cursor:pointer;
text-transform:uppercase; font-family: Verdana, Arial, Helvetica, sans-serif
 }
	
	#filterOpener:hover{ background-color:#fff; color:#333333;border-color:#999}

.actionWrap{  z-index:100;position:absolute; top:0; right:0px; padding:0px  ;   text-align:right;border:0px solid #333; height:300px; width:80px; }  
.actionWrap   #doneBtn1 { display:none} 
.actionWrap p#hideFilters{ display:block; cursor:pointer;  padding:10px ; text-align:center; margin:0; float:right;}
.actionWrap p#hideFilters img{ height:14px;}
.actionWrap   p#resetBtn {
clear:both;
display:block; 
 font-weight:bold; padding:0px 0;  
	color: #006699;	 cursor:pointer; font-size:0.6em; text-align:right; 
text-decoration:underline; position:absolute; bottom:0px; right: 10px;
}

p#resetBtn.shown{ display:block;} 
p#resetBtn.hidden{ display:none;} 
	
#pricesSliderWrap,
#filterForm ul {   height:246px; overflow:hidden; overflow-y: auto;width:100%; margin-top:6px;  }
#filterForm .filterContainer li:last-child { padding: 0 0  10px 0;  }

/*openers and label/checkbox combo for show hide ul's*/
#filterForm   .ulDisplaySetterLabel  {
	padding: 4px 0 4px 5px;
	margin:0 auto;
	display:block;
	border-bottom:3px solid #e1e1e1;
	font-weight:bold;
	font-size:0.8em;
	text-transform: uppercase;
	color:#333; 
	position: relative;
	cursor:pointer; width:100%; 
}

   
#filterForm li label  { /* links to checkboxes*/
	font-size:12px;
	} 
	
#filterBtnWrapper{ height:0px; clear:both; width:100%;}
	 	
/*FILTERS  */
					
					
/* offset up for H1s against listing options MATCH CONTENT RIGHT interferes with grids if same class  */
#productsPage {   width:100%; float:none;}





/* category banners with or without text */ 
#catBanners *, #categoryDescription *{font-family:	"Open Sans" , Arial, sans-serif;}
#catBanners { width:100%; overflow:hidden; margin:0 auto; position:relative; background-color:#fff; border-radius:3px; max-height:300px; border:1px solid #999 }
  

 
#catBanners img{ width:100%; display:block; margin:0; padding:0 }
#catBanners div{
margin:0;
padding:30px;/* for fallback */
position:absolute;
right:0px;
top:0;
width:auto;
border-left:0px solid #000;
height:100%;
width:380px;
background-image:url(../images/catBannerBg.png);
background-repeat: repeat;
overflow:hidden; }

#catBanners p{
width:90%;
position: relative;
top: 50%;
left:5%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);	
color:#fff;  
margin:0;
padding:0px 0px;
} 
#catBanners p strong{ font-size:26px; display:block; padding:0 0 8px 0;  font-weight:500; text-shadow:1px 0px #000} 
#catBanners p span{display:block;font-size:14px;	}
#catBanners   br{ margin:4px 0; display: block; clear:both}

#categoryDescription{
width:100%;
margin:0 auto;
font-size:0.8em;
padding:2px 0 10px 0px; border-bottom:2px solid #e1e1e1;
}
#categoryDescription p{ display:block; font-size:15px; }
#categoryDescription br{ margin:2px 0; display: block; clear:both}


#productsTopSection{   height:40px; position:relative;  }

/* details styles  at global */

 

/* for LH side menu in prods page above filters MATCH NAV OR FILTER HEADER COLOURS*/
#productsMenuLeft{ margin:0 0 15px 0; }
#productsMenuLeft li a {  }
#productsMenuLeft li { display:block; margin:0 auto 6px auto; }
#productsMenuLeft li a.mainCategorySide {
font-size:0.8em;
display:block;
font-weight:bold;
padding:0  25px 0 10px; 
border:1px solid;
border-color:#999;
background-color:#e9e9e9;
color:#4D4D4D;
text-shadow:1px 1px #fff;
height:34px;
position:relative;
}
/*text */
#productsMenuLeft li a.mainCategorySide strong{ 
overflow:hidden;
white-space:nowrap;height:32px;line-height:32px;
text-overflow:ellipsis;display:block; 
max-width:190px;}
/*icon */
#productsMenuLeft  li a.mainCategorySide span{
width:10px;
height:34px; 
position:absolute; right:10px; top:0;
margin-right: 0px;
background-image:url(../images/icons/plus.png);
background-position:50% 50%;
background-repeat:no-repeat;
background-size:10px; 

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;

-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-o-transition: all  300ms ease-in-out 0s;
transition:  all 300ms ease-in-out 0s;
}

#productsMenuLeft  li a.mainCategorySide:hover span{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#productsMenuLeft  li a.mainCategorySideOpen span{
background-image:url(../images/icons/minus.png);
 }

#productsMenuLeft  li a.mainCategorySideOpen {/*border-bottom-width:0px;*/}

/*subs*/
#productsMenuLeft li  ul {border:1px solid #999; margin-bottom:15px; padding:8px 0; border-bottom-width:2px; border-top-width:0px;width:100%; background-color:#fff}
#productsMenuLeft li  ul li a{
font-weight:normal;
background:none;
color:#5F5F5F;
padding:4px 8px 4px 14px;
margin:0  0  0 10px;
font-size:0.8em;
height:auto;
background-image:url(../images/icons/arrowRGray.png);
background-position:left 6px;
background-repeat:no-repeat;
display:block
}
#productsMenuLeft li  ul li a:hover{   color:#333333 } 

#productsMenuLeft li  ul li a.selectedSubSide{ color:#000000; background-image:url(../images/icons/arrowR.png)}