body {
text-align: left; 
position:relative;  
font-size: 16px;   
/*background-image:url(../images/mainBg.png);
background-repeat:repeat-x;
background-position:center top;*/
} 




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

	

/*outer */
#header{
width:100%;
min-width:1000px;
z-index:5;
background:#fff;
}

/* for fixed JS header  */
#header.headerFixed{position:fixed; left:0; right:0; top:0px; 
border-bottom:4px solid #fff;
}

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


#mobileSearchOpener{ display:none}

#searchWrap{   width: auto; text-align:right; width:1000px; margin:0 auto;   height:0px; position:relative }
#searchForm{ 
position: absolute; right:0px; 
top:25px; height:38px ;
 display:block;
 height:30px;
 text-align:right;
 width:212px;

}

#searchForm input[type=text]{
width:180px;
height:32px;
border:2px solid #ccc;
border-right:0px;
display: block;
float:left;
font-size:0.8em;
color:#333;
padding:0 30px 0 0px;
text-indent:10px;
margin:0;
border-radius: 2px 0px 0px 2px
} 

#searchForm input[type=submit]{
	display:block; float:left;
	background:none;
	border:none;
	width:32px;
	height:32px;
	background-color:#CCCCCC;
	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:12px;
	text-indent:-3000px;
	border:0px solid #ccc; 
 border-left:0px;  
  border-radius: 0  2px 2px 0;
}  
#searchForm input[type=submit]:hover{ background-color:#999}

 

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

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

#contactFormWrapper   { display:block} 


  
#mobileMenuOpener{ display:none}
#homeIconMobile{ display:none}
 


#logo{
text-align: left;
float: left;
position: absolute;
left: 0px;
width: 367px;
background-image: url(../images/logo_v-2.png);
height: 100px;
background-repeat: no-repeat;
background-position: left 50%;
display:block;
z-index: 2;
top:10px;
}

#strapLine{
/*position: absolute;
font-size:0.9em;
color: #003366;
font-style: normal;
font-weight: 200;
text-align:left;
letter-spacing: 0px;
word-spacing: 0px;
text-transform:none;
width: 500px;
overflow:hidden;
left: 0;
top: 74px;
z-index:2;
height: 30px;
z-index:1;*/
} 
		

#logo span{ display:none} 

#telephoneNumber{
position: absolute;
font-size:1.1em;
color: #666666;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
text-align:right;
letter-spacing: 0px;
word-spacing: 0px;
text-transform:none;
overflow:hidden;
right: 0px;
top: 78px;
z-index:2;
height: 30px;
line-height:30px;
z-index:1;
background-position: left 50%;
background-image: url(../images/nav/tel.png);
background-repeat: no-repeat;
padding-left:18px;
} 

#centreFinder{
position: absolute;
font-size:1.1em;
color: #6E7AC4;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
text-align:right;
letter-spacing: 0px;
word-spacing: 0px;
text-transform:none;
overflow:hidden;
right: 188px;
top: 78px;
z-index:2;
height: 30px;
line-height:30px;
z-index:1;
background-position: left 50%;
background-image: url(../images/nav/places.png);
background-repeat: no-repeat;
padding-left:22px;
} 
#centreFinder:hover{ text-decoration:underline}


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

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

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

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

#navTop ul  li a.mainCategoryOpen { background-color:#f4f4f4; color:#333;  border-radius:4px 4px 0 0; }

#navTop ul  li a.mainCategory span{
width:10px; 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{ 
-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:4px;
top:20px;
height:auto;
max-width:220px;
min-width:160px;
width:auto;
background-color:#f4f4f4;
border:0px solid;
border-color:#333;
border-top:0;
border-radius:0 4px 4px 4px;
padding:5px 10px  5px 10px;
z-index:1000; 
} 

#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:6px auto;z-index:1000; border:0; padding:2px 0;border-bottom:1px dashed #e5e5e5}
#navTop  ul li ul li a{
font-size:0.65em;
text-align:left;
display:block;
font-weight:normal;
border:0;
background-image:url(../images/nav/arrowRightGray.png);
background-repeat: no-repeat;
background-position:left 7px;
padding: 0px 14px;
color: #003366;
z-index:1000;
}
#navTop  ul li ul li a:hover{
background-image:url(../images/nav/arrowRightBlack.png);
text-decoration: underline
}

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

#navTop ul li:last-child  { border:0;  }
#navTop *{ font-family: Arial, Helvetica, sans-serif;z-index:1000}




/* top section social networking*/
#socialTop{
position:absolute;
right:225px;
top:26px;
width:auto;
text-align:right;
z-index:1
}
#socialTop li{ display:block; float:left; width:42px; height:30px; text-align:center; margin-left:5px; }

#socialTop li a strong {
display:none;
width:100%;
overflow:hidden;
font-size:0.6em;
padding-top:2px;
font-weight:normal;
text-align:center;
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;
font-family: Arial, Helvetica, sans-serif;
}
#socialTop li a:hover strong { display:block;color: #999;}



#socialTop #twitterTop span{ background-image:url(../images/social/twitter.png)   }
#socialTop #facebookTop span {	background-image:url(../images/social/facebook.png)}
#socialTop #googlePlusTop span{	background-image:url(../images/social/googleplus.png)}
#socialTop #linkedInTop span{ background-image:url(../images/social/linkedin.png) }
#socialTop #rssTop span{ background-image:url(../images/social/rss.png)  }
#socialTop #pinterestTop span{ background-image:url(../images/social/pinterest.png) }
#socialTop #tumblrTop span{ background-image:url(../images/social/tumblr.png) }
#socialTop #soundcloudTop span{ background-image:url(../images/social/soundCloud.png) }
#socialTop #instagramTop span{background-image:url(../images/social/instagram.png) ;}
#socialTop #youTubeTop span{background-image:url(../images/social/youtube.png)  }


#socialTop li a span {
display:block;
width:30px;
height:30px;
line-height:30px;
margin:0 auto;
background-position:50% 50%;
background-repeat:no-repeat;
border-radius:0px; 
-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;
border:0px solid;
border-color: #999;
background-size:24px;
border-radius:2px;
}


#socialTop li a span { background-color:#006699;  }
#socialTop li a:hover span { background-color:#777; }




#navMain {
z-index:5;
height:46px;
line-height:46px;
z-index:5;
display:block;
margin:0px  auto;
width:100%;
background-color:#003366;
background-image: linear-gradient(to bottom, #003366, #002245);
}

#navMain ul  {
padding:0; 
width:1000px; 
margin: 0px  auto;
z-index:100;  	
height:46px;  

} 
#navMain li { float:left; display:inline-block;   position:relative; z-index:100; } 


#navMain  li a,
#navMain ul ul a  {text-align:left; } 

#navMain ul  li a  {
font-weight:300; 
text-align:center;
letter-spacing: 0px;  
background-image:url(../images/nav/navBorderRight.png);
background-position:right 50%;
background-repeat:no-repeat;
color:#fff; 
text-transform: uppercase;
display:block;
padding: 0px 28px;
text-decoration:none;
font-size:0.68em;
}


#navMain ul  li a.mainCategory{ margin-left:-1px;}/* hide border on previous 	*/
#navMain ul  li a.mainCategory span{
width:10px;
height:10px;
display:inline-block;
margin-left:6px;
background-image:url(../images/nav/arrowDownWhite.png);
background-repeat:no-repeat;
background-position:  50%;
-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 a#basket { padding-left:35px; background-image:url(../images/cart.png); background-position:12px 50%; background-repeat:no-repeat;}
#navMain ul li a#basket span{ font-size:0.9em; font-family:Arial, Helvetica, sans-serif; padding-left:6px;}

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


#navMain  ul li:last-child  a {
 background-image:none 
}


#navMain ul li a:hover , 
#navMain ul li a.mainCategoryOpen,
#navMain ul li a.mainCategoryOpen:hover{
text-decoration: none;  
} 

#navMain ul li a.mainCategory:hover,
#navMain ul li a.mainCategoryOpen,
#navMain ul li a.mainCategoryOpen:hover{
background-color:#000;background-image:none;
} /* only with subs	*/


#navMain ul li ul{ /*  all sub ul */
width:320px;
z-index:5;   
position:absolute; 
height: auto;
top:45px;
background-color:#000;
left:-1px;
padding: 10px 10px 10px 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:visited  {
background:none;
text-align:left;
font-weight: normal;
display:block;
line-height: normal;
height:auto;
padding:6px 0px 6px 22px;
text-transform: none;
text-decoration:none;
border:0;
font-size:0.9em; 
color: #fff;
margin:4px auto;
background-image:url(http://www.kennedyscott.co.uk/images/nav/navPointer.png);
background-repeat:no-repeat;
background-position: 10px 11px;  
-webkit-transition: none;
-moz-transition:none;
-o-transition: none  ;
transition:   none;
} 

#navMain ul li  ul li:last-child a { border-bottom:0}


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

/* main menu view full link for mobile*/
#navMainViewFull, p#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;  }

 


.buttons25{ 	width:25px; 	font-size:0.8em;  } 
.buttons50{ 	width:50px; 	font-size:0.8em;  } 
.buttons75{ 	width: 75px; font-size:0.8em; } 
.buttons100{ 	width: 100px;  font-size: 0.8em;} 
.buttons125{ width: 125px; font-size: 0.8em;} 
.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;} 
.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;  
font-family:Arial, Helvetica, sans-serif;
padding:15px  ;
 background:#f1f1f1;  
}  

#contactForm  p{
color:#545454;
display:block;
padding:6px 0 4px 0px;
margin:0;
font-weight:bold;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

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



#contactForm input, 
#contactForm textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius: 0;

}

#contactForm .inputs{
width:100%;
border:3px solid transparent;
height:30px;
color:#333333;
padding:0px 0px 0px 4px;
font-family: Arial, Helvetica, sans-serif;
outline:none;
display: block;
clear: both;

margin: 2px 0 0 0;

}
#contactForm .inputsDD{ width:208px; padding:3px 3px; border:2px solid #e1e1e1;  font-family: Arial, Helvetica, sans-serif;	font-size:11px;
color:#333333; }

#contactForm .inputsDD option{ padding:1px 5px 1px 3px} 

#contactForm .inputBox{
height:60px;
padding:4px;
width:100%; 
border:2px solid #e1e1e1;
color:#333333;
padding:1px 0px 1px 3px;
font-family: Arial, Helvetica, sans-serif;

}

#contactForm #additionalInfo  p{
color: #FF6600
}

#contactForm .inputsErr{ border-color:#ff0000}
#contactForm  .inputsOver { border-color:#999; background:#fff} 

#contactForm  .inputsDDErr  {
border: 2px solid #ff0000;
background-color: #FF0000;
color: #F0F0F0;
} 
#contactForm .inputsDDOver {
border: 2px solid #e3e3e3; 
background-color: #fff;
color: #333;
} 


#contactForm .verificationCode{  
width:20px; background-image:url(../images/verificationCode.png); display:block; float:left; height:24px;margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif}
#contactForm .inputsVerify {
width: 90px; 
float:right;
background:#fff; 
background-color: #FFFFFF;
color:#000;
font-size:1.2em; 
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
text-align:center;
border:1px solid #999;
height:24px; font-family:Arial, Helvetica, sans-serif
}

#contactForm .inputsVerifyErr { border-color:red}


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


 






/* page styles*/ 
  
 
#listingOptions{
padding-top:5px;
background-color:#fff;  
}

#listingOptions #listingTitle,
#listingOptions li#listingTitle {  } 
#listingOptions #listingTitle h3 { font-size:0.8em; padding:0px 5px 0 0; }
 




#footerWrap {
min-width:1040px;
} 


#footer {
padding: 30px 0 0px 0;
width:1000px;
margin: 0 auto;
position: relative; 
} 


#navSub1, #navSub2 {
list-style-type: none;
margin: 3px   0px  10px 0px;
padding: 0px 0px 30px 20px;
display:block;
width:240px;
float:right;
top:  0px; 
min-height:260px;
}

#navSub1 {
margin-left:60px;	

}

#navSub2{
}



#navSub1 li , #navSub2 li  {
display: block; text-align:right
}
#navSub1 li a , #navSub2 li  a{
font-weight:  normal;
font-size: 0.86em;
text-transform:none;
padding: 10px  0px;
display: block;
background-image: url(../images/semiTransLine.png);
background-position:left bottom;
background-repeat:repeat-x;
text-align:right;
}
#navSub1 li a:hover , #navSub2 li  a:hover{
text-decoration: underline
}

#navSub1 li  a strong,
#navSub2 li  a strong{ font-size:14px}
#navSub1 li:first-child a	, #navSub2 li:first-child   a{ border-top:0px;}
#navSub1 li:last-child a	, #navSub2 li:last-child   a{ border-bottom:0px; background-image:none}




#socialWrap {
margin: 0px;
text-align: left;
padding:  0px 0px 20px 0px;
float: left;
width:300px;  
}
#socialWrap li{ display:block; clear:both;width:100%;  }
#socialWrap li#ESF{ margin-top:12px;   }
#socialWrap li#ESF img{ height:110px;}
#socialWrap li a {
display:inline-block; clear:both;    
height:44px; line-height:44px;margin:6px 0;
} 

/* extra for which icon */
#socialWrap li#accredIcon a{  width:100%;  margin:5px 0 70px 0; padding:0 ;border:0px solid #fff; }
#socialWrap li#accredIcon a span {height:76px; line-height:76px;  background-color: transparent; border:none; border-radius:0px;background-size: auto; width:110px; background-position:left 50%;}
#socialWrap li#accredIcon a strong { font-size:1.2em; line-height:76px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;text-shadow:1px 1px #000}
#socialWrap li#accredIcon a:hover strong { color:#fff; }

/*icon*/
#socialWrap li a span {
float:left;
}



/*text*/
#socialWrap li a strong{ 
display:inline-block; 
margin-left:12px;
text-transform:capitalize;
font-size: 0.86em;
font-weight: normal;
text-shadow:1px 1px 0px  #333;	
}	

  

#footer li#viewFull{ display:none} 
#footer li#viewMobile{   display:block; text-align:left ;font-size: 1em} 
#footer li#viewMobile a{  	font-size: 1em  ;}