@charset "UTF-8";
/* CSS Document */
html {padding: 0px; margin: 0px;}
body { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 150%; padding: 0px; margin: 0px;}

a img {border:0;}

h1 {font-size: 24px; color:#333333; font-weight:normal; font-family:  Arial, Helvetica, sans-serif; padding-bottom:15px; background: url(images/line.png) bottom left no-repeat; }

h2, h3, h5 {
	color:#333333;
	font-weight:normal; 
	font-family:  Arial, Helvetica, sans-serif; 
	padding-top:6px;
}

p { font-size: 12px; line-height: 160%;}

img.space { padding-top: 40px;}

.price {font-weight: bold;}
.orange {font-weight: bold; color:#FF6600;}

#page {width: 900px; margin:auto; padding:0px;}
#header {height: 112px; background-color:#534A43; border-bottom: solid 2px #ecb713;}

#logo {float:left;}
#logoImage {padding: 10px 10px 0px 0px; float:right;}

#topMenu{clear:both;height:33px;}
#topMenu li a{background: url(images/tomMenu_line.png) bottom right no-repeat;color:#FFFFFF;font-size:13px;height: 25px;padding: 10px 15px 0px 15px;float: left;display: block;text-decoration: none;text-align: left;}
 
#search {float:right; width:180px !important; padding:5px 0px 0px 0px;}

#quicksearch {
	float:left;
	clear: none;
	background:url(images/searchInput.png) left center no-repeat;
	border:0px;
	font-size:10px;
	height: 18px;
	padding:  0px !important;
	width:  134px !important;
	margin:  0px !important;
	vertical-align:middle;
}



#topMenu ul, #footer ul, #leftContent ul, #shopAt ul{list-style: none;padding: 0;margin: 0;}

#footer ul {width: 420px; margin: auto;}

#shopAt ul {padding: 0px 0px 0px 15px;}

#topMenu li, #footer li, #leftContent li, {float: left;}

#content {clear:both;}


#leftContent li, #shopAt li {clear:both; float:left;}
#leftContent li a, #shopAt li a{color:#000000;clear:both;font-size:11px;padding: 0px 5px 0px 5px;float: left;display: block;text-decoration: none;text-align: left;font-weight:normal;}
#leftContent h1 {margin-right:10px;font-size: 14px; color:#333333; font-weight:normal; font-family:  Arial, Helvetica, sans-serif; padding-bottom:15px; background: url(images/line.png) bottom left no-repeat; }

#topMenu li a.active, #topMenu li a:hover{color:#000000;background-color:#ecb713;background-image:none;}

#flashMovie { text-align: center;background-color: #ffffff;}
#flashMovie p { color: #999;}

#productDetails {margin: 40px 0px 5px 18px; padding-bottom:40px; }
.productImage {float:right; position:relative;}
.productPrice {font-size: 36px; color:#333333; margin: 20px 0px 20px 0px; }
.productPriceNew {font-size: 24px; color:#333333; margin: 20px 0px 20px 0px; }
.detailsLink {position:absolute; right: 20px; bottom: 20px;}

#footer { clear:both; border-top: solid 1px #ecb713; text-align:center; padding-top:10px; margin:0px 0px 35px 0px;}
#footer li a, #footer li .a {color:#333333;font-size:10px;padding: 0px 5px 0px 5px;float: left;display: block;margin:0px;text-decoration: none;text-align: left;border-right: solid 1px #000000;font-weight:normal;}
#footer li a.last, #footer li .a.last {color:#333333;font-size:10px;padding: 0px 5px 0px 5px;float: left;display: block;margin:0px;text-decoration: none;text-align: left;border-right: solid 0px #000000;font-weight:normal;}

#leftContent {float:left; width:180px; min-height: 660px; padding: 10px 0px 20px 18px; background: url(images/mainContent_shadow.png)  right top no-repeat;}


#mainContent {float:left; width: 490px; padding: 10px 0px 20px 10px; }
#mainContent.full {float:left; width: 680px; padding-top: 10px !important;}
#mainContentfull {float:left; width: 680px; margin-left:10px;}
#mainContentfull h1 {margin-right:10px;font-size: 14px; color:#333333; font-weight:normal; font-family:  Arial, Helvetica, sans-serif; padding-bottom:15px; background: url(images/line.png) bottom left no-repeat; }
#mainContentfull h2 {margin-right:10px;font-size: 12px; color:#333333; font-weight:normal; font-family:  Arial, Helvetica, sans-serif; padding-bottom:5px; }

.productIntro {margin: 13px; position: relative; float:left; width: 200px; height:230px; background: url(images/productIntro.png) bottom center no-repeat;}


.productIntroInfo {padding: 0px 10px 5px 15px;  position:absolute; bottom: 0px; left: 0px; z-index:1;}

#rightContent {width: 200px; float:right;}

#customize, #shopAt {position: relative; padding-top: 5px; margin:15px 0px 15px 0px; float:right; width: 200px; height:200px; background: url(images/rightProducts.png) bottom center no-repeat;}
#customize img {float: left; padding:0px 10px 10px 10px;}
#customize a {text-decoration:none; color:#000033}

#shopAt { margin-top: 0px; min-height:210px; background: url(images/rightProducts2.png) no-repeat; }
#shopAt li a {padding: 0px; color:#000033;}
#shopAt img {position:absolute; bottom:-30px; left: 0px;}
.shopAt { padding-top:30px;}

.connectedproduct { padding: 0px; margin: 0px;}

#qsimgsubmit {
	float:left !important; clear: none !important; background-image: none; border:0px; width: 18px !important; height: 16px; vertical-align:middle margin: 0px !important; padding: 0px !important;
}

#back {
	display: block;
	float: left;
	width: 100%;
}
#back div {
	display: block;
	float: left;
	padding: 12px 0 6px 20px;
}
#back a {
	display: block;
	float: left;
	width: 58px;
	height:  18px; 
	background-image:  url(images/back.png);
	background-position:left top;
	background-repeat: no-repeat;
}
#back a span {
	display: none;
}


/* javascript menu */

/* IE <= 6 fix */
		ul.makeMenu li, ul.makeMenu li ul, ul.makeMenu li:hover ul { 
			behavior: url('http://soconnectedretail.co.uk/_incs/pseudofix.htc');
		}

		ul.makeMenu, ul.makeMenu ul {
			width: 130px;
			border: 1px solid #ffffff;
			background-color: #ffffff;
			padding-left: 0px;
			cursor: default;
			margin-left: 0px;
		}
		ul.makeMenu li {
			width: 130px;
			list-style-type: none;
			margin: 0px;
			color: #000000;
			position: relative;
			border: 0px solid #000000;
			background-color: #ffffff;
		}
		ul.makeMenu li ul {
			width: 140px;
			position: absolute;
			z-index: 100;
			display: none;
			top: 0px;
			left: 130px;
			margin: 0px;
			padding: 0px;
			border: 1px solid #ECB713;
		}
		ul.makeMenu li ul {
			margin: 0px;
			padding: 0px;
			width: 140px;
		}
		ul.makeMenu li ul li {
			margin: 0px;
			padding: 0px;
			width: 140px;
		}
		ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
			background-color: #ECB713;
			color: #000000;
		}
		ul.makeMenu ul.CSStoShow {
			display: block;
			background-color: #aa33cc;
		}
		ul.makeMenu li:hover ul {
			display: block !important;
		}
		ul.makeMenu li a {
			color: #000000;
			display: block;
			width: 130px;
			text-decoration: underline;
		}
		ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink {
			color: #000000;
		}
		ul.makeMenu li:hover a {
			color: #000000;
		}




		/* input field class */
		.font_input {
		 background-color:;
			border: 1px solid #bcbcbc;
			font-family: arial, verdana, sans-serif;
			font-size: 10pt;
			color: #5e5e5e;
		}


p a {
	color:#333333;
}
p a:hover {
	color:#333333;
	background-color:#ecb713;
}


.storeinfo {
	display: block;
	float:left;
	clear:both;
	padding-bottom: 12px;
}
.imgblock {
	display: block;
	float:right;
	clear:both;
	padding-left: 10px;
	padding-bottom: 30px;
}

.store_hours {
	
}
.store_hours td, .store_hours th {
	padding: 1px 12px 1px 0px;
}
.store_hours tr th {
	text-align: left !important;
}
.storeinfoblock {
	float: left;
	width: 180px;
	margin-right: 12px;
}
.storeinfomap {
	float: left;
	width: 264px;
	height: 170px;
	margin-right: 0px;
	border: 1px solid #333333;
}


.templatepage {
	margin-top: 8px;
	padding-left: 17px !important;
}
.templatepage h1 {
	font-size: 21px;
}



#shopByCat {
	background-image: url(/images/shopByCategory.png);
	background-repeat: no-repeat;
	background-position: -8px  11px;
	height:64px;
	width: 160px;
	float: left;
}
#shopByBrand {
	background-image: url(/images/shop_by_brand.png);
	background-repeat: no-repeat;
	background-position: -8px  11px;
	height:64px;
	width: 160px !important;
	float: left;
}
#leftContent {
	padding-left: 18px;
}
#catMenu_tbl, #brandMenu_tbl, #newsMenu_tbl {
	padding-left: 6px;
	float: left;
}
.column_left {
	
}
.makeMenu {
	
}
#leftContent img { 
	padding-bottom: 20px; 
	position:relative; 
	left: -8px;
}
#mainContent, #mainContent.full {
	padding-top: 20px !important;
}
#mainContent.templatepage {
	padding-top: 8px !important;
}







/* Newsletter signup */

#newslettersignup {
	width: 160px !important;
	float: left;
	clear: left;
	height:64px;
	background-image: url(/images/stayconnected.png);
	background-repeat: no-repeat;
	background-position: -8px 24px;
	text-align: left;
}
#newsMenu_tbl {
	float: left;
	clear: left;
}

#newsMenu_tbl p {
	text-align: left;
	font-size: 11px;
	width: 140px !important;
}
#newsMenu_tbl img {
	float: left;
	margin-left: 6px;
	
}




div.smaller p, div.smaller li {
	font-size: 11px !important
}