* {/*HACK TO MAKE ALL BROWSERS EQUAL WITH REGARDS TO PADDING/MARGIN SIZING*/
   padding:0;
   margin:0;
}

body {
	background-color: #ffffff;
	/* To centre the div, simply set its width and then 
	use margin auto on the right and left hand sides. 
	Unfortunately this doesn't work in IE. However luckily for 
	us, IE also misinterprets text-align: center.
	
	This gets IE up to scratch. However this is the step I 
	always forget. In Mozilla, if you reduce the size of 
	the browser window, half of your centred div hangs off 
	the left of the page. This is an odd one, but I've been reliably 
	informed that it's the correct behaviour. To prevent 
	this, just set a min-width on the body tag.
	
	Tip taken from http://www.andybudd.com/archives/2004/02/
	css_crib_sheet_3_centering_a_div/ (accessed 16-Aug-2007)
	*/
	min-width: 750px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

h1{
 font-family: Verdana,Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

p{
 font-family: Verdana,Arial,sans-serif;
 color: #334D55;
 margin: 0px;
 padding: 0px;
}

a{
 font-family: Verdana,Arial,sans-serif;
}

.error-text{
	font-family: Verdana,Arial,sans-serif;
	color:#ff0000;
}

#contentContainer{
	background-color: #ffffff;
	margin: auto;
	text-align: left;
	width: 740px;
	height:auto;

}

/*
In order for the outer block to provide full-height backgrounds for all three
columns, it needs to be as tall as the tallest of these three. Since our columns are
all floated, we use an empty <div> with class clear just before the closing tag of
outer to which we apply the CSS clear property:
*/
.clear {
	clear: both;
}
/*===============================================================
												header
================================================================*/
#headerContainer{
	width:740px;
	height: 189px;
	clear:both;
	margin-bottom: 20px;
}

#headerContainer .logo{
	float:left;
	width:auto;
	height: auto;
}


/*===============================================================
												footLinks
================================================================*/
/*=================================================================
														toolbar
===================================================================*/
#footLinks{
	margin-top:20px;
	margin-bottom:20px;
	padding: 4px 0px 4px 10px;
	border: 2px solid #01819E;
	color: #2685BD;
	background:url(../graphics/toolbarCool.jpg);
	background-repeat:repeat-x;
	clear:both;
}

#footLinks li {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}

#footLinks a {
	padding: 2px 6px 2px 4px;
	color:#000000;
	text-decoration:none;
}

#footLinks .active {
	color:#ffffff;
	background-color: #9D0A0E;
}

#footLinks a:hover{
	text-decoration: nome;
	background-color: #000000;
	color: #ffffff;
}

/*===============================================================
												footer
================================================================*/
#footer{
	width: 740px;
	height:70px;
	clear:both;
	margin-bottom:0px;
}

#footer #copyright{
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00849A;
	padding:25px;
}
#footer .vsign{
	float:left;
}

#footer #links{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:25px;
}



/*=================================================================
														ASccesibility controls
===================================================================*/
#accessibilityControls{
	float: right;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	#accessibilityControls .smallest{
		text-decoration: none;
	}
	#accessibilityControls .small{
		text-decoration: none;
	}
	#accessibilityControls .medium{
		text-decoration: none;
	}
	#accessibilityControls .large{
		text-decoration: none;
	}
	#accessibilityControls .larger{
		text-decoration: none;
	}
	
/*=================================================================
														toolbar
===================================================================*/
#globalNav{
	margin-top:10px;
	margin-bottom:10px;
	padding: 4px 0px 4px 10px;
	border: 2px solid #01819E;
	color: #00849A;
	background:url(../graphics/toolbarCool.jpg);
	background-repeat:repeat-x;
	clear:both;
}

#globalNav li {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}

#globalNav a {
	padding: 2px 6px 2px 4px;
	color:#000000;
	text-decoration:none;
}

#globalNav .active {
	color:#ffffff;
	background-color: #9D0A0E;
}

#globalNav a:hover{
	text-decoration: nome;
	background-color: #000000;
	color: #ffffff;
}

/*============================================================ 																			
											breadCrumb styles
==============================================================*/

#breadCrumb{
	padding: 2px 0px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} 

/*==========================================================
													Nav Bar  the lh vertical menu
============================================================*/
#navBar{
	float: left;
	width: 148px;
	background-color:#ffffff;
	color: #000066;
	margin-bottom:20px;
}

#navBar ul a:link, #navBar ul a:visited {display: block;}

#navBar ul{

	list-style: none; 
	margin: 0; 
	color: #092D4F;
	padding-left: 0px;
	margin-top:10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	

}

	/*==================== SubMenu =====================*/
	#navBar ul ul{
		list-style: none; 
		margin: 0; 
		color: #000000;
		padding-left: 15px;
		border-top: 1px solid #720000;
		border-bottom: 1px solid #720000;
		padding-top:0px;
		padding-bottom:5px;
	
	}
	#navBar ul ul li a{
		display:block;
		background-color:#D8CAFF;
		border-bottom: 1px solid #720000;
		text-decoration:none;
		padding: 2px;
		color: #000000;

	}

#navBar ul li a{
	display:block;
	border-bottom: 1px  dotted #092D4F;
	text-decoration:none;
	padding: 2px;
	color: #092D4F;

}

#navBar a:hover{
	background-color: #000000;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	color:#ffffff;

}

#navBar .navBar{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:0px;
	
}

#navBar form input{
	margin: 1px;
	width: 94%;
}

	#navBar form .searchButton{
		width: 94%;
		background-color: #2683BE;
		color: #000000;
		
	}

/*********** #navBar link styles ***********/



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #ffffff;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*==========================================================
													Content area
============================================================*/
#contentArea{
	width: 575px;
	float:right;
	background-color:#ffffff;
	color: #000066;
	padding:5px;
	
}
	
	#contentArea .verisign{
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}


	#contentArea .itemBox{
		width:100%;
		margin-bottom:10px;
		padding-bottom:10px;
		clear:both;
		border-bottom: 1px dotted #666666;
	}
	
	#contentArea .itemBox .productPic {
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
		margin-left: 4px;
	}
	#contentArea .itemBox p {
		margin-right: 20px;

	}
	
		/*****************quick links big********************/
	#contentArea .quicklinksbig {
		
	}
	#contentArea .quicklinksbigLeft {
		float: left;		
	}
	#contentArea .quicklinksbigRight {
		float: right;		
	}

	#contentArea .quicklinksbig .picture{
		float:left;
		
	}

	#contentArea .quicklinksbig  ul{
	
		list-style: none; 
		margin: 0; 
		color: #092D4F;
		padding-left: 0px;
		margin-top:10px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		
	}
	
	#contentArea .quicklinksbig  ul li a{
		display:block;
		border-bottom: 1px  dotted #092D4F;
		text-decoration:none;
		padding: 2px;
		color: #092D4F;
	
	}
	
	#contentArea .quicklinksbig  a:hover{
		background-color: #000000;
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
		color:#ffffff;
	
	}
	

	/* *****************Quick links  *****************************/*
	
	#contentArea .quickLinksL{
		float:left;
		width:265px;
		padding:10px;
		margin-bottom:1px;
		border: 0px solid #000099;
	}
	
	#contentArea .quickLinksL .productPic {
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
		margin-left: 4px;
		border-right: 2px solid #000066;
		border-bottom: 2px solid #000066;
	}
	#contentArea .quickLinksL p {
		margin-right: 20px;
	}

	
	
	
/*******************quick links right *************************/

	#contentArea .quickLinksR{
		float:right;
		width:265px;
		padding:10px;
		margin-bottom:1px;
		border: 0px solid #000099;
	}
	
	#contentArea .quickLinksR .productPic {
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
		margin-left: 4px;
		border-right: 2px solid #000066;
		border-bottom: 2px solid #000066;
	}
	#contentArea .quickLinksR p {
		margin-right: 20px;
	}
	
	/* **************** Content menu ***************************/
	
	.itemNav{
		padding: 0px;
		margin-top:10px;
		width:100%;
		/*border-bottom: 2px solid #ffffff;*/
		color: #cccccc;
		clear:both;
	}
	
	.itemNav li {
		background:url(../images/bulletp1.gif) no-repeat left  center ;
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		display: inline;
	}
	
	.itemNav a {
		margin-top:10px;
		padding-top: 6px;
		padding-bottom:6px;
		padding-right:6px;
		padding-left: 22px; /*allow for the bullet*/
		color:#000000;
		text-decoration:none;
		text-align:left;
	}
	
	.itemNav .active {
		color:#000000;
		background-color: #ffffff;
	}
	
	.itemNav a:hover{
		background:url(../images/bulletp2.gif) no-repeat left center;
		text-decoration: nome;
		background-color: #000000;
		color: #ffffff;
	}
	

/*==========================================================
														image grid (Image list)
============================================================*/

#imageList {
	list-style-type: none;

}
#imageList li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
}
#imageList img {
	display: block;
	border: 0px solid #333300;
}

/*==============================================================
													Warning
===============================================================*/
#warning{
	border: 2px solid #ff0000;
	margin-left:10%;
	margin-right:10%;
	padding:10px;
	color:#000000;

}

/*==============================================================
													Announcement
===============================================================*/
#announcement{
	border: 2px solid #000077;
	margin-left:10%;
	margin-right:10%;
	padding:10px;
	color:#000000;

}

.button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#00FFFF;
	padding:2px;

}

textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2em;
}

#contactTable{
	max-width:300px;
}

.error{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
}

.required{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;

}

.combo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*==========================================================
													Quick links ul topleft
============================================================*/
.quickLinksULTopLeft{
	background-color: #ffffff;
	color: #ffffff;
	margin-left:110px;
	border-left: 30px solid #C6B1FF;

}

.quickLinksULTopLeft ul a:link, #quickLinksULTopLeft ul a:visited {display: block;}

.quickLinksULTopLeft ul{
	list-style: none; 
	color: #ffffff;
	margin-top:0px;
	border-top: 1px solid #720000;
	border-bottom: 1px solid #720000;
}

.quickLinksULTopLeft ul li a{
	display:block;
	background-color: #ffffff;
	border-bottom: 1px solid #720000;
	text-decoration:none;
	padding: 2px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.quickLinksULTopLeft a:hover{
	background-color: #720000;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #000000;
	color:#ffffff;

}

/*==========================================================
													Quick links ul rop right
============================================================*/
.quickLinksULTopRight{
	background-color: #ffffff;
	color: #ffffff;
	margin-left:110px;
	border-left: 30px solid #EA569A;

}

.quickLinksULTopRight ul a:link, #quickLinksULTopRight ul a:visited {display: block;}

.quickLinksULTopRight ul{
	list-style: none; 
	color: #ffffff;
	margin-top:0px;	
	border-top: 1px solid #720000;
	border-bottom: 1px solid #720000;
}

.quickLinksULTopRight ul li a{
	display:block;
	background-color: #ffffff;
	border-bottom: 1px solid #720000;
	text-decoration:none;
	padding: 2px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.quickLinksULTopRight a:hover{	background-color: #720000;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #000000;
	color:#ffffff;

}

/*==========================================================
													Quick links ul bottom  right
============================================================*/
.quickLinksULBottomRight{
	background-color: #ffffff;
	color: #ffffff;
	margin-left:110px;
	border-left: 30px solid #A3DA5C;

}

.quickLinksULBottomRight ul a:link, #quickLinksULBottomRight ul a:visited {display: block;}

.quickLinksULBottomRight ul{
	list-style: none; 
	color: #ffffff;
	margin-top:0px;	
	border-top: 1px solid #720000;
	border-bottom: 1px solid #720000;
}

.quickLinksULBottomRight ul li a{
	display:block;
	background-color: #ffffff;
	border-bottom: 1px solid #720000;
	text-decoration:none;
	padding: 2px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.quickLinksULBottomRight a:hover{	background-color: #720000;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #000000;
	color:#ffffff;
}

/*==========================================================
													Quick links ul bottom  left
============================================================*/
.quickLinksULBottomLeft{
	background-color: #ffffff;
	color: #ffffff;
	margin-left:110px;
	border-left: 30px solid #FFE500;

}

.quickLinksULBottomLeft ul a:link, #quickLinksULBottomLeft ul a:visited {display: block;}

.quickLinksULBottomLeft ul{
	list-style: none; 
	color: #ffffff;
	margin-top:0px;	
	border-top: 1px solid #720000;
	border-bottom: 1px solid #720000;
}

.quickLinksULBottomLeft ul li a{
	display:block;
	background-color: #ffffff;
	border-bottom: 1px solid #720000;
	text-decoration:none;
	padding: 2px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.quickLinksULBottomLeft a:hover{	background-color: #720000;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #000000;
	color:#ffffff;
}

/*==========================================================
													Quick links ul
============================================================*/
.quickLinksULNomargin{
	background-color: #ffffff;
	color: #ffffff;
	margin-left:10px;
	border-left: 30px solid #FFE500 ;

}

.quickLinksULNomargin ul a:link, #quickLinksUL ul a:visited {display: block;}

.quickLinksULNomargin ul{
	list-style: none; 
	color: #ffffff;
	margin-top:10px;	
	border-top: 1px solid #720000;
	border-bottom: 1px solid #720000;
}

.quickLinksULNomargin ul li a{
	display:block;
	background-color: #ffffff;
	border-bottom: 1px solid #720000;
	text-decoration:none;
	padding: 2px;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.quickLinksULNomargin a:hover{	background-color: #720000;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #000000;
	color:#ffffff;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.quickLinksUL li {
	border-bottom: 1px solid #ffffff;
}

/* Cart Styling ------------------------------------------------------------- */

.jssCartDiv {
	text-align: center;
}

.jssCartTable {
	padding: 0px;
	border: 0px;
}

.jssPCentered {
	text-align: center;
}

.jssCartTable caption {
}

.jssCartTable th {
	font-weight: bold;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

.jssCartTable th.right {
	font-weight: bold;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

.jssCartTable td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

.jssCartTable td.right {
	font-weight: normal;
	padding: 2px;
	padding-left:10px;
	text-align: right;
	vertical-align: top;
}

.jssCartTable th.total {
	font-weight: bold;
	padding: 2px;
	padding-left:10px;
	text-align: right;
	vertical-align: top;
}

.headingTop{
	background-image:url(http://able2wear.co.uk/graphics/bg_newsitem1_top.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:0px;
	width:590px;
	height:5px;
	margin-left:auto;
	margin-right:auto;
}
.headingBottom{
	background-image:url(http://able2wear.co.uk/graphics/bg_newsitem1_bottom.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:20px;
	width:590px;
	height:5px;
	margin-left:auto;
	margin-right:auto;
}
.contentItemTop{
	background-image:url(http://able2wear.co.uk/graphics/bg_newsitem_top.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:0px;
	width:590px;
	height:9px;
	margin-left:auto;
	margin-right:auto;
}
.contentItemBottom{
	background-image:url(http://able2wear.co.uk/graphics/bg_newsitem_bottom.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:20px;
	width:590px;
	height:9px;
	margin-left:auto;
	margin-right:auto;
}
.contentHeading{
	width:590px;
	height:auto;
	background-color: #151515;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
}
.contentItem{
	width:590px;
	height:auto;
	background-color: #E7E7E7;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
}

.contentHeading .contentTitle{
	color:#FA7400;
	text-align:left;
	padding-left: 4px;
}
.contentHeading p{
	color:#FFFFFF;
	text-align:left;
	padding-left: 4px;
}



/* fix for browsers that don't need the hack */
html>body .quickLinksUL li {border-bottom: none;}