a, a:link
{
	color: black;
}
a:visited
{
	color: #666666;
}
a:hover, a:link:hover
{
	color: #993300;
}

img
{
	border: 0;
}


font
{
	color:black;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
}


#coverAll
{
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	background-color:Black;
	z-index:1000;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
	
}

#coverAllText
{
	z-index:1001;
	width:250px;
	height:250px;
	background-color:White;
	display:block;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-112px;
	margin-top:-112px;
	border:inset 2px darkred;
	padding:20px;
	
	
	
	text-align:center;
}



body
{
	
	color: black;
	text-align: center;
	
	background:white;
	

	
}





#wrapper
{
	width: 750px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	
	
	background: url(http://www.claytonsonline.co.uk/ekmps/shops/jtclaytonl/resources/image/rightcolumn.png) repeat-y -50px 0;

}


.boxes
{
	width: 1em;
}
.instructions
{
	padding: 1%;
}

.extraPadding
{
	padding:10px;
}


#utilities
{
	
	height:28px;
	line-height:28px;
}

#utilities form
{
	margin:0;
	padding:0;
	border:0;
}

#searchInput
{
	color:Black;
}

#search
{
	float:right;
	width:390px;
	text-align:right;
	color:black;
	
}




#links
{
    
   float:right;
   width:204px;
   text-align:center;
   height:28px;
   line-height:28px;
 
    
}




#links a
{
	text-decoration:none;
	font-size:93%;
}


#links a:hover
{
	text-decoration:underline;
}

#header
{
	clear:both;
	background-color:White;
	padding-bottom:5px;

}

#basket
{
	height:26px;
	margin:10px 0;
	text-align:center;
	font-size:108%;
	
	
	
}

#basket img
{
	vertical-align:middle;
	padding-right:10px;

}

#basket a
{
	color:#003975;
}

#basket a:hover
{
	color:#993300;
}


#headerLogoArea
{
	width: 245px;
	position: absolute;
	top: 20px;
	left: 12px;
	text-align: center;
}

#headerLogoArea div
{
	color: White;
	margin-top: 7px;
	font-size:123.1%;
	
}

#headerBackground
{
	width: 545px;
	height: 135px;
	float:left;
	display:block;
	

}

#headerForGender
{
	width: 204px;
	height: 135px;
	float:right;
	
	display:block;
	text-align:right;

	
}

#headerBackground, #headerForGender
{
	border:0;
	border-color:#4d4d4d;
	border-style:solid;

	border-top-width:1px;
	border-bottom-width:1px;
	
}


#headerForGender
{
	border-right-width:1px;
}

#headerImages
{

	height:135px;
}













#breadcrumbContainer, #footer
{
	background: #003975 url(http://www.claytonsonline.co.uk/ekmps/shops/jtclaytonl/resources/image/bevels.png) no-repeat top left;
	background-position: 0 -319px; 
	padding-left:5px;

	height:24px;
	line-height:24px;
	color: white;
}

#breadcrumbContainer, #footer
{
	
	
	height: 24px;
	clear: both;

}
#footer
{
	text-align: center;
	margin-top: 50px;
	position: relative;
}

#footer span
{
	padding:0 30px;
}


#breadcrumbContainer a:link, #breadcrumbContainer a:visited, #footer a:link, #footer a:visited
{
	color: white;
	text-decoration:none;
}

#breadcrumbContainer a:link:hover, #footer a:link:hover, #breadcrumbContainer a:visited:hover, #footer a:visited:hover
{
	color: white;
	text-decoration:underline;
}


#breadcrumb
{
	padding-left: 5px;
	display: inline;
}
#currentlocation
{
	display: inline;
}


#map
{
	text-align: center;
}


/*h3*/
h1, h2, h5, h4, .product p, h3
{
	border: 0;
	padding: 0;
	clear: none;
	margin: 0;
}

#rightcolumn h3.title, #leftcolumn h3.title
{

}

/*Special offers*/
#specialoffers
{
	text-align: right;
}

#specialoffers img
{
	margin: 5px;
}





/*#incatdesc{margin-bottom:20px; } */
.center
{
	text-align: center;
}
.padding
{
	padding: 5px;
}


/*Right Column lists*/
.listheader
{
	font-weight: bold;
	list-style: none;
	font-size: 123.1%/*2em;*/
}
li.listheader li
{
	font-weight: normal;
	list-style: circle;
	font-size: 93%; /*0.5em;*/
	margin-left: 20px;
}
.incatlist li ul li
{
	font-weight: normal;
}
ul.incatlist
{
	padding: 0;
	margin: 0;
}
ul.incatlist li
{
	margin-left: 15px;
}
.smaller
{
	font: 93%; /*1.6em;*/
}


#leftColumnContent p, #rightColumnContent p
{
	margin-top:5px;
	margin-bottom:10px;
	
}


.titleBox, .titleBoxTall
{
	color: White;
	font-weight: normal;
	font-size: 108%; /*14px;*/
	display:block;

	
}

.titleBoxTallTop, .titleBoxTallBottom, .titleBoxTallMiddle, .titleBox
{
	background: #003975 url(http://www.claytonsonline.co.uk/ekmps/shops/jtclaytonl/resources/image/bevels.png) no-repeat top left;
	margin: 0 -5px;
	padding:0 5px;
}



#leftColumnContent .titleBox
{
	line-height:24px;
	background-position: 0 -171px;
}




#leftColumnContent .titleBoxTallTop
{

	background-position: 0 -111px;
	height:5px;
	position:relative;
	z-index:5;

	
}

#leftColumnContent .titleBoxTallBottom
{
	
	background-position: 0 0;
	margin-top:-3px;
	height:10px;
	
	
}

#leftColumnContent .titleBoxTallMiddle
{	
	background: #003975 url(http://www.claytonsonline.co.uk/ekmps/shops/jtclaytonl/resources/image/bevel-left-tall-middle.png) repeat-y top left;

	
}








#rightColumnContent .titleBox
{

	line-height:24px;
	
	background-position: 0 -245px;
}





.whiteblue
{
	margin: 5px 0 0 0;
	padding: 5px;
}


/*BEGIN NAV*/



.nav
{
	z-index:100;
	position:relative;
	font-size:108%;
}

.nav a
{
	padding:5px;
	display:block;
	text-decoration:none;
	
}

.nav ul, .nav ul li, .nav ul li ul, .nav ul li ul li
{
	list-style:none;
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.nav ul li
{
	display:block;
	position:relative;
	text-transform:lowercase;
	
}


.nav ul li>a:link:first-letter, .nav ul li>a:visited:first-letter
{	
	display:block;
	text-transform:capitalize;
}






.nav>ul>li>a
{
	margin:0 -5px;
	padding-left:5px;
	width:100%;
}
.nav ul li ul
{
	display:none;
}



.nav ul li:hover ul
{
	display:block;
	width:300px;
	position:absolute;
	left:145px;
	top:-1px;
	background-color:#FFF0C7;

}



.nav ul li ul li
{
	float:left;
	width:150px;
	
}



.nav ul li:hover ul li:hover a:hover
{
	background-color:#993300;
	color:White;
}




.nav>ul>li:hover>a:link:hover, .nav>ul>li:hover>a:visited:hover
{
	background-color:#993300;

	color:White;
}


.nav>ul>li:hover>a:link, .nav>ul>li:hover>a:visited
{
	background-color:#871000;

	color:lightgray;
	
}






/*END NAV*/





#leftColumnContainer
{
	float: left;
	width: 150px;
	z-index: 100;

}

#leftColumnContent
{
	margin:0 5px;
}

#mainContentAndRightColumnContainers
{
	
	float: right;
	width: 600px;
	z-index:1;
	position:relative;
	background-color:White;
	

}

#fauxColumnHack
{
	position:relative;
	z-index:1;
	width:100%;
	min-height:620px;
	float:left;
	background: url(http://www.claytonsonline.co.uk/ekmps/shops/jtclaytonl/resources/image/rightcolumn.png) repeat-y 400px 0;
	
}




/*inside right column*/
#centerColumnContainer
{
	width: 400px;
	
	float: left;
	

	

}



/*inside right column*/
#rightColumnContainer
{

	float: right;

	width: 200px;

	

}

#rightColumnContent, #centerColumnContent 
{
	margin:0 5px;
}



/*this is one the category pages*/
.product
{
	
	margin: 10px 0;
	padding: 10px 5px;
	overflow: hidden;
	border-top:solid 1px #F5F5F5;
	border-bottom:solid 1px #F5F5F5;
}


.product img
{
	float:left;
	margin-right:10px;
	margin-bottom:50px;
}

#back a
{
	float: left;
	margin: 5px;
	clear: left;
}


/*
#footer {background-image: url(http://www.alexkey.co.uk/claytons/images/blue_corner.gif);background-position:left bottom;background-repeat:no-repeat;background-color: #2a5671;
	width: 100%;
	height: 27px;

	text-align: center;

    clear:both;
    margin-top: 20px;
    position: relative;


    }
*/


.mainPageFeature
{

	position:relative;
	margin-bottom:4px;

}

.mainPageFeature h2
{
	position:absolute;
	top:5px;
	text-align:right;
	
	width:100%;
	
	right:10px;
	font-size:246.2%;
	
	font-weight:normal;
	
	
}



.darkText, .mainPageFeature .darkText a
{
	color:#4f4c4c;
}

.mainPageFeature .darkText a
{
	text-decoration:none;
}


.mainPageFeature .darkText a:hover
{
	color:#4f4c4c;
	text-decoration:underline;
}



.mainPageFeature .lightText a
{
	text-decoration:none;
}

.lightText, .mainPageFeature .lightText a
{
	color:White;
}




.mainPageFeature .lightText a:hover
{
	color:White;
	text-decoration:underline;
}


#allSubcategories ul
{
	list-style:none;
	padding:0;
	margin:0;
}









.floatLeft
{
	float:left;
	width:50%;
	position:relative;
	
}

.floatRight
{
	float:right;
	width:50%;
	position:relative;
}

.highlightHeader
{
	color:#b71b27;
	font-weight:normal;
}

.frontNews p
{
	margin-top:0;
	color:#605d5d;
}

.frontNews h3
{
	font-size:138.5%;
	font-weight:normal;
}

.frontNews h3 a
{
	text-decoration:none;
	color:Black;
}

.frontNews h3 a:hover
{
	text-decoration:underline;
}

.frontNewsImage
{
	margin-bottom:4px;
}


#emailToAFriend
{
	margin:5px 0;
	padding:6px;
	height:30px;
	line-height:30px;

}

#emailToAFriend a
{
	text-decoration:none;
}

#emailToAFriend a:hover
{
	text-decoration:underline;
}



/*undo some of yui base as it messes with EKM's table based layout*/

table, td, td
{
	margin:0;
	border:0;
	padding:3px;
}


/*end undo some of yui base as it messes with EKM's table based layout*/



/*product page*/

#productImages img, #productExtraImages img
{
	border:solid 1px white;
	
	
}

#productImages img:hover, #productExtraImages img:hover
{
	border:solid 1px #003975;
	
	
}

#productImages
{
	margin: 10px 0;	
}

#productExtraImages
{
	margin: 0 5px;	
}


.hideInScreen
{
	display:none;
}


.basicForm ol
{
	padding:0;
	margin:0;
	border-width:0;
}


.basicForm ol li
{
	list-style:none;

}

.basicForm ol
{
	margin:10px 0;
}

.basicForm li
{
	margin-bottom:5px;
}


.basicForm legend
{
	display:block;
	width:385px;
}

.basicForm .radio label
{
	display:inline;
	font-weight:normal;
}

.basicForm label
{
	font-weight:bold;
	display:block;
	width:100%;
	

}

.basicForm fieldset fieldset legend
{
	font-weight:bold;
}


.basicForm label.hidden
{
	display:none;
}
label.error
{
	color:Red;
	font-weight:normal;
}

input.error, textarea.error
{
	border:dotted 1px red;
}


.basicForm input[type="text"], .basicForm textarea
{
	width:80%;
}


/*FAQ page*/

dt
{	
	margin-top:3px;
	margin-bottom:5px;
	cursor:pointer;
	text-decoration:underline;
}

.faq dd
{
	display:none;
}



/*END FAQ page*/