/* Copyright (c) Fluid Creativity, 2007 */
/* Stylesheet for Bohle */

/* General Styling */

* {
 	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
}

body * {
	text-align: left;
}

img {
	border: none;
}

p {
	color: #333333;
	font-size: 1em;
	line-height: 1.2em;
	margin: 1em 0;
}

a:link, a:visited {
	text-decoration: underline;
	color: #004B88;
}
a:hover, a:active {
	color: #004B88;
	text-decoration: none;
}

h1 {
	color: #B1B1B1;
	font-size: 1.8em;
	margin-bottom: 0.8em;
	font-weight: normal;
}

h2 {
	color: #B1B1B1;
	font-size: 1.5em;
	margin: 1em 0;
	font-weight: normal;
}

h3 {
	font-size: 1.2em;
	color: #B1B1B1;
	margin: 1em 0;
	font-weight: normal;
}

blockquote {
	color: #004b88;
	font-weight: bold;
	font-size: 1.2em;
	background: url(../images/openQuote.gif) top left no-repeat;
	width: 400px;
	margin: 2em 0;
}

blockquote strong {
	display: block;
}

blockquote span {
	background: url(../images/closeQuote.gif) bottom right no-repeat;
	display: block;
	padding: 10px 30px;
	text-align: right;
	font-size: 1.2em;
	font-weight: normal;
}

/* Inline Styles */

.clearer {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

p.highlight {
	font-weight: bold;
}

p.subtext {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0.5em 0;
}

p.indextext {
	font-size: 0.8em;
}

img.framedImage {
	border: 1px solid #cccccc;
	padding: 3px;
	float: right;
	margin: 0 0 0.5em 0.5em;
}

dl.contactDetails {
	width: 300px;
	float: left;
}

	dl.contactDetails dt {
		color: #00b9f2;
		text-transform: uppercase;
		font-size: 1.2em;
	}

	dl.contactDetails p, dl.contactDetails address {
		color: #004b88;
		font-style: normal;
		line-height: 1.5em;
		margin: 0.5em 0;
	}


div.contactDetails {
	background: url(../images/titleBack.gif) 0 50% repeat-x;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8em;
	clear: both;
}

	div.contactDetails ul {
		list-style: none;
		float: left;
		background: #ffffff;
		padding-right: 0.5em;
	}
	
		div.contactDetails .phone {
			color: #00b9f2;
			font-size: 1.7em;
		}
	
			div.contactDetails .phone span {
				color: #004b88;
			}
	
		div.contactDetails .email {
			float: left;
		}
	
		div.contactDetails .email, div.contactDetails .email a {
			color: #00b9f2;
	
		}
	
		div.contactDetails .calls {
			float: left;
			border-left: 1px solid #a3a3a3;
			color: #a3a3a3;
			margin-left: 1em;
			padding-left: 1em;
		}

table.hideTitle caption {
	font-size: 0;
	line-height: 0;
	height: 0;
}

h1.mainTitle {
	background: url(../images/titleBack.gif) 0 50% repeat-x;
}

	h1.mainTitle span {
		background: #ffffff;
		padding-right: 0.5em;
	}

div.aboutUs p {
	font-size: 0.8em;
}

div.infoPages p {
	font-size: 0.8em;
}

.homePageTitle {
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #00b9f2;
}

ul.itemList, ul.itemList ul {
	margin-left: 20px;
	list-style: none;
}

	ul.itemList li {
		margin: 0.2em 0;
		background: url(../images/listImage.gif) 0 5px no-repeat;
		padding-left: 12px;
	}

/* Page Layout Elements */

#accessNav {
	position: absolute;
	left: -1000px;
}

#topwrapper {
	background: url(../images/header_bg.gif) bottom left repeat-x;
}

#header {
	height: 151px;
	width: 915px;
	margin: 0 auto 1px auto;
	position: relative;
}

	#header .callus {
		float: left;
		margin-top: 46px;
	}
	
	#header .logo {
		float: right;
		margin: 34px 48px 0 0;
	}

#topNav {
	padding-left: 10px;
	width: 905px;
	list-style: none;
	float: left;
	display: inline;
	bottom: 7px;
	left: 0;
	position: absolute;
}

	#topNav li {
		margin-right: 25px;
		float: left;
	}
	
	#topNav a, #topNav a img {
		display: block;
	}

#wrapper {
	padding-bottom: 20px;
	margin: 0 auto;
	width: 915px;
	background: url(../images/main_bg.gif) repeat-y;
	clear: left;
}

#contentWrapper {
	float: left;
	width: 704px;
}

#sideBar {
	width: 194px;
	float: left;
	font-size: 1.1em;
}

	#sideBar p {
		color: #B3C9DC;
	}

	#sideBar .protx {
		padding-top: 10px;
		text-align: center;
	}

#mainContent {
	padding: 10px 10px 0 10px;
}
	
#footer {
	background: url(../images/footer_bg.gif) top left repeat-x;
	clear: both;
	padding-top: 20px;
	font-size: 0.8em;
	color: #004B88;
}

	#footer div.innerWrapper {
		width: 915px;
		margin: 0 auto;
		background: url(../images/small_logo.gif) 750px 0 no-repeat;
		height: 92px;
	}
	
	#footer ul {
		float: left;
		list-style: none;
		margin-right: 20px;
	}
	
	#footer address {
		float: left;
		font-style: normal;
		margin-right: 20px;
	}

.blockWrapper {
	background: url(../images/blockBack.gif) top left repeat-y;
	width: 650px;
	margin: 1em 0 1em 15px;
}

	.blockWrapper h1, .blockWrapper h2 {
		background: #ffffff url(../images/blockTop.gif) bottom left no-repeat;
		font-size: 1.8em;
		color: #004b88;
		margin: 0 0 0.5em 0;
	}
	
		.blockWrapper h1 span, .blockWrapper h2 span {
			background: #ffffff;
			padding: 0 5px;
			margin-left: 15px;
		}

	.blockWrapper .blockContent {
		background: url(../images/blockBottom.gif) bottom left no-repeat;
		padding: 0px 20px 20px 20px;
	}
	.blockWrapper input, .blockWrapper textarea {
		width: 340px;
	}
	.blockWrapper select {
		width: 346px;
	}
	.blockWrapper fieldset {
		margin-bottom: 0;
	}

.contentBox {
	background: #f5f5f5;
	font-size: 0.8em;
	margin: 1.5em 0;
	padding: 6px;
	overflow: hidden;
	clear: left;
	width: 672px;
}

	.contentBox img {
		float: left;
		border: 1px solid #acacae;
		margin-right: 0.5em;
	}
	
	.contentBox h2 {
		font-size: 1.3em;
		font-weight: bold;
		color: #00b9f2;
		margin-top: 0;
		float: left;
		width: 570px;
	}
	
	.contentBox p {
		margin: 0;
		float: left;
		width: 570px;
	}
	
	.contentBox a {
		font-weight: bold;
	}

/* Navigation */

#sideBar .navigation {
	background: #00b9f2 url(../images/nav_bg.gif) repeat-y;
	color: #FFFFFF;
	list-style: none;
	padding: 20px 20px 0 0;
	font-weight: bold;
}

	#sideBar .navigation ul {
		list-style: none;
		padding-bottom: 15px;
	}
	
	#sideBar .navigation li {
		text-align: right;
		margin-top: 10px;
	}
	
		#sideBar .navigation li.firstItem {
			margin-top: 0;
		}
		
	#sideBar .navigation ul li {
		font-size: 0.85em;
		margin: 0;
	}

	#sideBar .navigation span {
		cursor: pointer;
		font-size: 1.2em;
	}

	#sideBar .navigation .selected, #sideBar .navigation .active {
		color: #004b88;
	}
		
	#sideBar .navigation a {
		text-decoration: none;
		color: #c7eefa;
	}

	#sideBar .navigation li.selected a, #sideBar .navigation a:hover {
		color: #ffffff;
	}


/* Product Blocks */

ul.productList {
	list-style: none;
}

	ul.productList li {
		float: left;
		height: 225px;
		width: 220px;
		border: 1px solid #dddddd;
		float: left;
		margin-right: 6px;
		margin-bottom: 6px;
		position: relative;
		font-size: 0.8em;
	}
		
		ul.productList li h2 {
			background: #e3e3e3;
			color: #58595b;
			font-size: 1em;
			height: 24px;
			padding: 5px;
			margin: 0;
			position: absolute;
			bottom: 18px;
			left: 0;
			width: 210px;
		}
		
		ul.productList li p.price {
			background: #ebebeb;
			bottom: 0;
			display: block;
			height: 14px;
			left: 0;
			padding: 4px 25px 0 0;
			margin: 0;
			line-height: 1em;
			position: absolute;
			text-align: right;
			color: #004B88;
			width: 195px;
			text-transform: uppercase;
		}
		
		ul.productList li p.price strong {
			font-weight: normal;
		}
		
		ul.productList li p.price .special {
			font-weight: bold;
			color: #f00000;
		}
		
		ul.productList li a.viewInfo {
			position: absolute;
			display: block;
			right: 0;
			bottom: 0;
			width: 19px;
			height: 18px;
			text-indent: -10000px;
			background: url(../images/but_go.gif) top left no-repeat;
			outline: none;
		}

			ul.productList li a.viewInfo:hover {
				background: url(../images/but_go_over.gif) top left no-repeat;
			}

/* Product Details */

#categoryDescription {
	margin: 1em 0;
	line-height: 1.2em;
}

#categoryDescription p {
	margin-top: 0;
}

#productImages {
	float: left;
	margin-right: 2em;
}

	#productImages .mainImage {
		display: block;
		padding: 3px;
		border: 1px solid #cccccc;	
	}

	#productImages img {
		display: block;
	}

	#productImages ul {
		list-style: none;
	}
	
	#productImages li {
		float: left;
		margin: 3px 3px 0 0; 
	}

#productDetails {
	float: left;
}

	#productDetails p.price {
		font-size: 1.4em;
		font-weight: bold;
		color: #006099;
		margin: 0;
	}
	
		#productDetails p.price .special {
			color: #f00000;
		}
		
		#productDetails p.price span {
			display: block;
			float: none;
			margin: 0;
			font-size: 0.7em;
		}
	
	#productDetails p.footnote {
		font-size: 0.9em;
		color: #006099;
	}
	
	#productDetails label {
		padding: 0;
		float: left;
		width: 130px;
		color: #878787;
		font-weight: bold;
	}
	#productDetails span {
		float: left;
		clear: left;
		margin-top: 0.2em;
	}
	
	#productDetails select {
		width: 70px;
		float: left;
		margin-top: 4px;
	}
	#productDetails input.submit {
		float: left;
		margin-left: 3px;
	}

/* Top Basket */	

#basket {
	color: #FFFFFF;
	height: 31px;
	background: #004B88 url(../images/basket.gif) top left no-repeat;
	margin-bottom: 1px;
}

	#basket ul {
		float: right;
		list-style: none;
		margin: 6px 25px 0 0;
		display: inline;
	}
	
		#basket ul li {
			float: left;
			margin: 0 0 0 6px;
		}
		
		#basket .items, #basket .total {
			margin: 2px 10px 0 0;
		}

		#basket .items span {
			font-weight: bold;
		}
		
		#basket .total {
			color: #00b9f2;
		}

/* Checkout */

table.basket {
	width: 100%;
}

	table.basket img {
		vertical-align: middle;	
	}

	table.basket input {
		width: 50px;
		text-align: center;
		border: 1px solid #000000;
		padding: 1px;
	}

	table.basket td.deleteButton {
		text-align: right;
	}

		table.basket td.deleteButton input {
			width: auto;
			border: none;
		}

	.delivery {
		float: left;
	}

		.delivery select {
			width: auto;
		}

dl.basketSummary {
	width: 250px;
	float: right;
	margin-bottom: 1em;
}

	dl.basketSummary dt {
		float: left;
		width: 150px;
		margin-bottom: 0.2em;
		font-weight: bold;
		text-align: right;
	}

	dl.basketSummary dd {
		margin-left: 150px;
		margin-bottom: 0.2em;
		text-align: right;
	}
	
	dl.basketSummary .total {
		font-size: 1.2em;
		color: #004B88;
		padding-top: 1em;
		font-weight: bold;
	}

ul.basketActions {
	list-style: none;
	text-align: right;
}

	ul.basketActions li {
		display: inline;
	}

a.checkout {
	clear: right;
	float: right;
}

/* Checkout */

dl.orderDetails {
	float: left;
	width: 300px;
}

	dl.orderDetails dt {
		margin-bottom: 1em;
		font-weight: bold;
	}
	
p.changeLink {
	padding-top: 0;
	clear: left;
}

#steps {
	float: right;
	margin-right: 15px;
}

	#steps dt {
		position: absolute;
		left: -10000px;
	}
	
	#steps dd {
		float: left;
		width: 32px;
		height: 33px;
		text-indent: -10000px;
		margin-right: 10px;
	}

	#steps .step1 { background: url(../images/step1.gif) 0 0 no-repeat; }
	#steps .step1_over { background: url(../images/step1_over.gif) 0 0 no-repeat; }
	#steps .step2 { background: url(../images/step2.gif) 0 0 no-repeat; }
	#steps .step2_over { background: url(../images/step2_over.gif) 0 0 no-repeat; }
	#steps .step3 { background: url(../images/step3.gif) 0 0 no-repeat; }
	#steps .step3_over { background: url(../images/step3_over.gif) 0 0 no-repeat; }

.deliveryCharges {
	list-style: none;
	margin-left: 34px;
}
	.deliveryCharges li {
		float: left;
		height: 169px;
		text-indent: -10000px;
	}
	
	.deliveryCharges .standard { width: 181px; height:181px; background: url(../images/delivery_standard.gif) 0 0 no-repeat; }
	.deliveryCharges .nextday { width: 181px; height:181px; background: url(../images/delivery_nextday.gif) 0 0 no-repeat; }
	.deliveryCharges .beforenoon { width: 180px; height:181px; background: url(../images/delivery_nextdaynoon.gif) 0 0 no-repeat; }

.deliveryNotice {
	clear: both;
	padding-top: 1em;
	font-size: 0.9em;
	text-align: center;
	margin: 0 20px;
}

/* Forms */

fieldset {
	margin: 1em 0;
	border: none;
}

	fieldset legend {
		font-weight: bold;
		display: block;
		margin-bottom: 1em;
		color: #000000;
	}

	fieldset label {
		display: block;
		padding: 5px;
		margin: 0.2em 0;
	}

	fieldset label span {
		width: 250px;	
		float: left;
		position: relative;
		padding-top: 0.2em;
	}
	
		fieldset label span em {
			position: absolute;
			right: 10px;
			color: #00b9f2;
		}
	
	fieldset input, fieldset textarea {
		width: 300px;
		padding: 2px;
	}

	fieldset select {
		width: 306px;
	}
	
	fieldset textarea {
		height: 150px;
	}
	
	fieldset label.option {
		width: auto;
	}
		fieldset label.option input {
			width: auto;
		}

div.submit {
	margin: 1em 0;
	text-align: right;
}

	div.submit a {
		float: left;
	}
	
	div.submit input, input.submit {
		width: auto;
		padding: 0;
	}
	
	.blockWrapper div.submit {
		margin-bottom: 0;
	}

label.error {
	background: #FFE6E6;
	border: 1px solid #FF8282;
}
#errors {
	margin: 1em 0 1em 20px;
	color: #ff0000;
}

label input, label textarea, label select {
	border: 1px solid #000000;
	padding: 2px;
}

	label input:focus, label textarea:focus, label select:focus {
		border: 1px solid #00b9f2;
		background: #DDFFFF;
	}

label select {
	padding: 1px
}

	label select option {
		padding-right: 5px;
	}

/* Recommend A Friend */	

#recommend {
	background: #004b88 url(../images/nav_bottom.gif) bottom left no-repeat;
	padding-bottom: 32px;
	font-size: 0.9em;
}

	#recommend h2 {
		text-indent: -10000px;
		width: 194px;
		height: 82px;
		margin: 0;
		background: url(../images/header_recommendafriend.gif) top left no-repeat;
	}
	
	#recommend p {
		margin: 1em 10px;
		font-size: 0.9em;
		line-height: 1.5em;
	}
	
	#recommend form {
		padding: 0 10px;
	}
	
	#recommend fieldset {
		border: none;
	}
	
	#recommend legend {
		font-size: 0;
		line-height: 0;
	}
	
	#recommend label {
		color: #FFFFFF;		
		margin-bottom: 0.5em;
		font-size: 0.9em;
		padding: 0;
	}
	
	#recommend label span {
		padding-bottom: 0.2em;
		width: auto;
	}
	
	#recommend input {
		width: 168px;
		border: 1px solid #004B88;
		color: #666666;
	}
	
	#recommend label.error {
		background: none;
		border: none;
	}
	
		#recommend label.error input {
			background: #FFE6E6;
			border: 1px solid #FF8282;
		}
	
	#recommend .errors {
		color: #FFFFFF;
		list-style: none;
		margin: 1em;
		font-weight: bold;
		font-size: 0.8em;
	}
	
	#recommend div.submit {
		text-align: right;
		margin: 0.5em 0;
	}
	
		#recommend div.submit input {
			width: auto;
		}

/* Lightbox */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background: #fff;
	cursor: pointer;
}

#lbCenter, #lbBottom, #lbThumbList {
	overflow: hidden;
	background: #fff;
}

#lbContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
}

.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 44px;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 5px;
}

#lbPrevLink:hover {
	background: url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 5px;
}

#lbNextLink:hover {
	background: url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
}

#lbThumbList {
	width: auto;
}

#lbThumbList li {
	list-style: none;
	display: inline;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(../images/slimbox/closelabel.gif) no-repeat center;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#lbHead {
	width: 668px;
	height: 6px;
	font-size: 1px;
	line-height: 1px;
	background: url(../images/slimbox/headbg.gif) no-repeat center;
}

#lbBody {
	padding: 14px 14px 0;
	width: 640px;
	background: url(../images/slimbox/bodybg.gif) repeat-y center;
}

#lbFoot {
	width: 668px;
	height: 35px;
	background: url(../images/slimbox/footbg.gif) no-repeat 0 100%;
}

#lbContainer a:focus {
	outline: none;
}

#lbContainer h2 {
	margin-top: 0;
	padding-top: 0;
	margin-right: 0;
}

#lbCloseLink {
	margin-top: -5px;
}

img.centered {
margin:0 auto;
display:block;
}