/* CSS Document */
body {
	background-image: url(/assets/images/bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	font: 100% sans-serif, Tahoma, Arial, Verdana, Helvetica;
	margin: 0;
	}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	}

p {
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	}

#outside { width: 100%;
	}

#outside_inner {
	background-image: url(/assets/images/white.jpg);
	background-position: center;
	background-repeat: repeat-y;
	float: center;
	margin-top: 20px;
	text-align: center;
	width: 100%;
	}

#wrapper {
	background: #fff;
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}

#mainnav {
	background: url(../images/nav/bg.gif);
	background-repeat: repeat-x;
	color: #FFC;
	font-size: 70%;
	height: 30px;
	margin-bottom: 10px;
	margin-top: 1px;
	width: 100%;
	}

	#mainnav li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		#mainnav li a {
			border-left: 1px solid #058bc2;
			border-right: 1px solid #003e73;
			color: #FFF;
			float: left;
			font-weight: 600;
			padding-bottom: 8px;
			padding-top: 7px;
			text-align: center;
			text-decoration: none;
			}
		
		#mainnav li a.one { 	width: 132px; padding-left: 4px;}

		#mainnav li a.two {		width: 156px;}
		
		#mainnav li a.three,
		#mainnav li a.five {	width: 125px;}

		#mainnav li a.four {	width: 140px;}

		#mainnav li a.six {		width: 106px;}

		#mainnav li a.seven {	width: 88px;}

		#mainnav li a.eight {	width: 96px;}
		
			#mainnav li a:hover {
				background: #058bc2;
				color: #FFF;
			}

#topnav {
	padding-bottom: 11px;
	padding-top: 5px;
	width: 100%;
	}

	#topnav .logo {
		float: left;
		margin-top: 9px;
		width: 150px;
		}

	#topnav .myaccount {
		float: right;
		margin-right: 20px;
		margin-top: 10px;
		text-align: left;
		width: 325px;
		}

	#topnav .basket {
		float: right;
		margin-top: 10px;
		text-align: left;
		width: 204px;
		}

		#topnav .basket .contents {
			background: #fff;
			border-bottom: 1px solid #cfcfcf;
			border-left: 1px solid #959595;
			border-right: 1px solid #cfcfcf;
			border-top: 1px solid #959595;
			color: #2e4b69;
			float: left;
			font-size: 75%;
			padding-left: 4px;
			width: 105px;
			}

	#topnav label {
		color: #026e9f;
		float: left;
		font-size: 90%;
		font-weight: 600;
		margin-right: 5px;
		margin-top: 2px;
		}

		#topnav label a {
			color: #026e9f;
			text-decoration: none;
			}

			#topnav label a:hover { color: #19a4de;}

	#topnav input {
		background: #fff;
		border-bottom: 1px solid #cfcfcf;
		border-left: 1px solid #959595;
		border-right: 1px solid #cfcfcf;
		border-top: 1px solid #959595;
		color: #2e4b69;
		font-size: 78%;
		padding-left: 4px;
		}

	#topnav .button {
		background-color: #fff;
		background-image: url(../images/button-image.gif);
		background-repeat: no-repeat;
		border: 0;
		cursor: pointer;
		height: 21px;
		margin-left: 2px;
		margin-top: -3px;
		padding-left: 0;
		width: 22px;
		}


*html #topnav .button {
	background-color: #fff;
	background-image: url(../images/button-image.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	height: 21px;
	margin-left: 2px;
	margin-top: -1px;
	padding-left: 0;
	padding-top: 4px;
	width: 22px;
	}

#topnav .group {
	float: right;
	margin-left: 14px;
	margin-top: 7px;
	width: 265px;
	}

#topnav .field {
	background: #737a4a;
	color: #e3eebe;
	float: right;
	font-size: 70%;
	margin-left: 5px;
	padding: 2px 1px 2px 3px;
	width: 100px;
	}

#toplinks {
	color: #046c98;
	float: right;
	font-size: 66%;
	padding: 10px 0 6px;
	text-align: right;
	width: 631px;
	}

	#toplinks ul {
		margin: 0;
		padding: 0;
		}

	#toplinks li a {
		color: #046c98;
		padding: 5px 4px 5px 5px;
		text-decoration: none;
		}

#sidenav {
	float: left;
	width: 175px;
	}

	#sidenav .title {
		background: #5bb2d7;
		color: #fff;
		float: left;
		font-size: 100%;
		font-weight: 600;
		margin-bottom: 0;
		margin-left: -2px;
		margin-top: 0;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-top: 6px;
		text-align: left;
		width: 152px;
		}

		#sidenav .title a {
			color: #fff;
			text-decoration: none;
		}

			#sidenav .title a:hover { color: #d8f2fa;}

		#sidenav .title .padtop { padding-top: 4px;}

*html #sidenav .title { width: 153px;}

#sidenav label {
	color: #959370;
	float: left;
	font-size: 70%;
	font-weight: 600;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-top: 3px;
	}

#sidenav .leftfeature input {
	background: #e8e7da;
	border: 1px solid #e8e7da;
	color: #6d6754;
	float: left;
	font-size: 70%;
	margin-left: 0;
	text-indent: 4px;
	}

#sidenav .leftfeature .button {
	background: #bbb393;
	border: 1px solid #bbb393;
	color: #e3eebe;
	float: left;
	font-size: 75%;
	font-weight: 700;
	margin-left: 5px;
	padding-left: 0;
	text-indent: 0;
	width: 24px;
	}

#sidelinks {
	background-image: url(/assets/images/nav/nav-bg.gif);
	background-repeat: repeat-y;
	color: #054e6d;
	float: left;
	font-size: 70%;
	margin-left: -4px;
	padding-left: 7px;
	text-align: left;
	text-indent: 0;
	width: 162px;
	}

	#sidelinks ul {
		margin-bottom: 5px;
		margin-left: -2px;
		margin-top: 4px;
		padding: 0;
		width: 161px;
		}

	#sidelinks li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 161px;
		}

.bot {
	float: left;
	height: 18px;
	margin-left: -7px;
	margin-top: 0;
	padding: 0;
	}

*html .bot {
	float: left;
	height: 18px;
	margin-left: -3px;
	margin-top: 0;
	padding: 0;
	}

.top {
	background: #fff;
	float: left;
	height: 7px;
	margin-bottom: 0;
	margin-left: -3px;
	margin-top: 0;
	padding: 0;
	width: 167px;
	}

*html .top {
	background: #fff;
	float: left;
	height: 10px;
	margin-bottom: 0;
	margin-left: -2px;
	margin-top: 0;
	padding: 0;
	width: 167px;
	}

#sidelinks li a {
	color: #054e6d;
	display: block;
	padding: 3px 0;
	text-decoration: none;
	text-indent: 10px;
	}

	#sidelinks li a:hover {
		background: #ceeff0;
		color: #054e6d;
		}

#homeflash {
	float: right;
	width: 610px;
	}

#sidenav_white {
	float: left;
	width: 150px;
	}

#content {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
	width: 610px;
	}

	#content p {
		color: #526066;
		font-size: 75%;
		margin-bottom: 15px;
		margin-top: 0;
		}

		#content p a {
			color: #0877a6;
			font-weight: 500;
			text-decoration: underline;
			}

	#content .seo a { text-decoration: none;}

	#content p ul {
		color: #526066;
		font-size: 100%;
		padding: 0;
		}

	#content ul {
		color: #526066;
		font-size: 75%;
		margin: 0 0 0 15px;
		padding: 0;
		}

		#content ul a {
			color: #526066;
			font-size: 100%;
			text-decoration: none;
			}

	#content ol {
		color: #706f60;
		font-size: 75%;
		margin-top: 0;
		}

	#content .error { color: red;}

.leftfeature .favourites ul {
	margin: 0;
	padding: 0;
	text-align: left;
	}

.leftfeature .favourites li {
	display: list;
	font-size: 70%;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	}

	.leftfeature .favourites li a {
		color: #7d9c3c;
		display: block;
		line-height: 16px;
		margin: 0;
		padding: 0;
		text-align: left;
		text-decoration: none;
		width: 100%;
		}

		.leftfeature .favourites li a:hover {
			background: #c2dc6b;
			color: #fff;
			width: 100%;
		}

#home_banner1 {
	background: #4ac4d1;
	float: left;
	margin-right: 14px;
	width: 194px;
	}

#home_banner2 {
	background: #b4c448;
	float: left;
	margin-right: 14px;
	width: 194px;
	}

#home_banner3 {
	background: #ea9230;
	float: left;
	width: 194px;
	}

#home_banner1 h2,
#home_banner2 h2,
#home_banner3 h2 {
	color: #FFF;
	font-size: 80%;
	margin: 0;
	padding-left: 17px;
	padding-right: 5px;
	}

#home_banner1 h2 a,
#home_banner2 h2 a,
#home_banner3 h2 a {
	color: #fff;
	text-decoration: none;
	}

#home_banner1 p a,
#home_banner2 p a,
#home_banner3 p a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	}

#home_banner1 p a:hover { color: #ccf6fb;
	}

#home_banner2 p a:hover { color: #e9fd85;
	}

#home_banner3 p a:hover { color: #fbedc8;
	}

#home_banner1 p,
#home_banner2 p,
#home_banner3 p {
	color: #FFF;
	font-size: 75%;
	margin: 0;
	padding: 4px 10px 10px 17px;
	}

/*.productdiv {
float:left;
width: 194px;
text-align:center;

	}



.productdiv p{margin:0; padding:0px;
	}*/
.sidetitle {
	color: #054e6d;
	font-size: 80%;
	font-weight: 700;
	margin: 0;
	padding-left: 0;
	text-decoration: none;
	text-indent: 0;
	}

h2 {
	color: #054e6d;
	font-size: 100%;
	font-weight: 700;
	margin: 0 10px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: 0;
	}

h1 {
	color: #118cc0;
	font-size: 100%;
	font-weight: 700;
	margin: 0 0 15px;
	padding: 0;
	text-decoration: none;
	}

h3 {
	color: #787763;
	font-size: 70%;
	font-weight: 700;
	margin: 0 20px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: 0;
	}

h4 {
	color: #118cc0;
	font-size: 80%;
	font-weight: 700;
	margin: 0;
	padding: 0 0 10px;
	text-decoration: none;
	}

	h4 a { color: #729602;}

		h4 a:hover { color: #93b91e;}

.prod_div {
	display: inline;
	float: left;
	font-size: 75%;
	height: 200px;
	margin: 0 0 20px;
	position: relative;
	text-align: center;
	width: 189px;
	}

	.prod_div .titles {
		color: #054e6d;
		font-weight: 700;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}

a.prod_titles {
	color: #054e6d;
	cursor: pointer;
	font-size: 100%;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	}

.prod_div .imagestyle {
	float: left;
	height: 113px;
	margin-bottom: 4px;
	text-align: center;
	width: 194px;
	}

.text1 {
	color: #526066;
	margin: 0;
	position: relative;
	text-align: center;
	}

.prod_div span.prices {
	bottom: 0;
	left: 8px;
	margin: 0;
	padding: 0;
	position: absolute;
	}

/* FOOTER STYLES */
.flags {
	float: left;
	margin-top: 2px;
	text-align: left;
	}

	.flags h1 {
		color: #9e9476;
		float: left;
		font-weight: 600;
		margin-top: 2px;
		width: 70px;
		}

	.flags .label {
		color: #6d6754;
		float: left;
		margin-bottom: 25px;
		margin-left: 15px;
		padding: 0;
		width: 70px;
		}

#footer {
	background: #d8edf4;
	color: #046c98;
	font-size: 70%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px 12px 5px;
	text-align: right;
	width: 774px;
	}

	#footer ul { margin:4px 0 0 0;float:left;}

	#footer li a {
		color: #046c98;
		padding-left: 8px;
		padding-right: 5px;
		text-decoration: none;
		}

.inner_banner {
	float: right;
	margin-bottom: 10px;
	text-align: right;
	width: 610px;
	}

.leftfeature {
	float: left;
	margin-left: 4px;
	margin-top: 0;
	text-align: left;
	width: 140px;
	}

	.leftfeature p {
		color: #595959;
		font-size: 70%;
		margin: 0;
		padding: 0;
		}

	.leftfeature a {
		color: #595959;
		font-weight: 600;
		}

		.leftfeature a:hover {
			color: #7fa705;
			font-weight: 600;
			}

#bigimage {
	float: right;
	margin-top: 9px;
	width: 329px;
	}

.thumb {
	border: 1px solid #c9c7a6;
	float: left;
	margin-right: 7px;
	width: 100px;
	}

#bigimage p {
	color: #526066;
	font-size: 70%;
	font-weight: 700;
	}

#bigdetail {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	width: 270px;
	}

	#bigdetail h1 {
		color: #108dc3;
		font-size: 80%;
		}

.small_left {
	color: #526066;
	float: left;
	font-size: 70%;
	font-weight: 700;
	margin-bottom: 2px;
	padding: 0;
	width: 70px;
	}

.small_left_alt {
	color: #526066;
	float: left;
	font-size: 70%;
	font-weight: 700;
	margin-bottom: 2px;
	padding: 0;
	width: 35px;
	}

.small_right {
	color: #526066;
	float: left;
	font-size: 70%;
	margin-bottom: 2px;
	width: 200px;
	}

#bigdetail input {
	background: #fff;
	border: 1px solid #959595;
	color: #6d6754;
	float: left;
	font-size: 100%;
	margin-left: 0;
	text-indent: 4px;
	}

#bigdetail select {
	background: #fff;
	border: 1px solid #959595;
	color: #6d6754;
	font-size: 100%;
	margin-left: 0;
	text-indent: 0;
	}

#bigdetail .button {
	background: #5bb2d7;
	border: 1px solid #5bb2d7;
	color: #fff;
	float: left;
	font-size: 75%;
	margin-left: 0;
	padding-bottom: 2px;
	padding-top: 2px;
	text-indent: 0;
	}

.price {
	color: #108dc3;
	float: left;
	font-size: 75%;
	font-weight: 600;
	margin-bottom: 7px;
	margin-top: 5px;
	}

.breadcrumb {
	clear: both;
	color: #666;
	float: left;
	font-size: 70%;
	margin-bottom: 10px;
	margin-top: 13px;
	width: 495px;
	}

	.breadcrumb a {
		color: #898486;
		text-decoration: none;
		}

		.breadcrumb a:hover {
			color: #635e60;
			text-decoration: none;
			}

.alsowrap {
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
	width: 100%;
	}

.txtlink {
	color: #959370;
	float: left;
	font-size: 70%;
	margin-top: 4px;
	}

	.txtlink a {
		color: #959370;
		text-decoration: underline;
		}

.emailfriend {
	float: left;
	font-size: 70%;
	margin-top: 4px;
	}

	.emailfriend a {
		background-image: url(/assets/images/email.gif);
		background-position: left;
		background-repeat: no-repeat;
		color: #526066;
		padding-left: 35px;
		padding-top: 5px;
		text-decoration: none;
		}

.sizeguide {
	float: left;
	font-size: 70%;
	margin-bottom: 5px;
	margin-top: 4px;
	}

	.sizeguide a {
		background-image: url(/assets/images/size.gif);
		background-position: left;
		background-repeat: no-repeat;
		color: #78a902;
		padding-left: 35px;
		padding-top: 0;
		text-decoration: none;
		}

.moreimg {
	color: #959370;
	float: left;
	font-size: 70%;
	font-weight: 700;
	margin-top: 10px;
	width: 100px;
	}

.zoombutton {
	float: right;
	margin-right: 7px;
	width: 74px;
	}

.button_over {
	float: right;
	font-size: 75%;
	margin-top: 10px;
	}

	.button_over a {
		background: #5bb2d7;
		color: #fff;
		display: block;
		padding: 4px 10px 5px;
		text-align: center;
		text-decoration: none;
		}

		.button_over a:hover {
			background: #269acb;
			color: #fff;
			}

.steps {
	clear: both;
	float: left;
	}

.stocktxt {
	color: #9b917f;
	padding-top: 4px;
	}

.complete {
	float: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 300px;
	}

#big_wrapper {
	padding-top: 100px;
	text-align: center;
	width: 100%;
	}

.insidestrip {
	background: #4f5729;
	float: center;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 100%;
	}

.holderwrap {
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	}

.holding_inner {
	background: #4f5729;
	float: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	padding-top: 25px;
	width: 500px;
	}

.logoimage {
	float: left;
	margin-top: 70px;
	text-align: left;
	width: 228px;
	}

.holderwrap .content h1 {
	color: #108dc3;
	font-size: 80%;
	margin-bottom: 5px;
	text-align: left;
	}

.holderwrap .content p {
	color: #eaead9;
	font-size: 70%;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 10px;
	margin-top: 0;
	text-align: left;
	width: 330px;
	}

.rightbox {
	background: #bbe0f4;
	display: inline;
	float: left;

	margin-left: 10px;
	padding: 10px;
	width: 278px;
	}

#bigdetail .leftbox {
	background: #eff8bd;
	float: left;
	margin-top: 15px;
	padding: 10px;
	width: 220px;
	}

	#bigdetail .leftbox input {
		background-color: #fff;
		float: left;
		font-size: 75%;
		width: 160px;
		}

	#bigdetail .leftbox label {
		color: #7fa705;
		float: left;
		font-size: 75%;
		width: 50px;
		}

	#bigdetail .leftbox .button {
		background: #78a902;
		border: 1px solid #e8e7da;
		color: #fff;
		float: right;
		font-size: 75%;
		margin-left: 0;
		margin-right: 9px;
		margin-top: 5px;
		padding-bottom: 2px;
		padding-top: 2px;
		text-align: center;
		text-indent: 0;
		}

.deliverytop {
	background: #bbe0f4;
	color: #526066;
	font-size: 80%;
	padding: 2px;
	}

.deliverymiddle {
	background: #e1eef4;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #526066;
	font-size: 80%;
	padding: 2px;
	}

.deliverytable {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #e1eef4;
	}

.MagicZoomPup {
	background: #e8e7da;
	border: 1px solid #7fb34d;
	}

#caption0 {
	color: #4a4846;
	font-size: 75%;
	}

span.buynow {
	background: url(../images/buynowbg2.gif) top left no-repeat;
	color: #fff;
	display: block;
	height: 19px;
	line-height: 19px;
	width: 169px;
	}

	span.buynow a { color: #fff;
	}

#content label {
	color: #5bb2d7;
	font: 75% sans-serif, Tahoma, Arial, Verdana, Helvetica,;
	font-weight: 600;
	margin-right: 2px;
	padding-bottom: 10px;
	padding-left: 5px;
	}

#content .frm1 {
	background: #5bb2d7;
	color: #FFF;
	float: right;

	margin-top: -37px;
	padding: 2px;
	}
	
	
#content .frm1 label {
	color:#fff;
	font-size:12px;
}

#mainnav ul,
#content.rightbox h1 {
	margin: 0;
	padding: 0;
	}

#toplinks li,
#footer li {
	display: inline;
	margin: 0;
	}

#toplinks li a:hover,
#footer li a:hover { color: #2093c4;}

#sidenav .leftfeature img,
#sidenav img {
	float: left;
	margin: 0;
	padding: 0;
	}

#reglog,
.steps img { float: left;}

#content p a:hover,
.text1 a:hover { color: #45b4d8;}

#content ul a:hover,
.breadcrumb .selected { color: #108cc0;}

#content ul li ul li,
#content ul li ul li a { font-size: 100%;}

a.prod_titles:hover,
.text1 a {
	color: #118cc0;
	text-decoration: none;
	}

.footright,
.holderwrap .content { float: right;}

.txtlink a:hover,
.emailfriend a:hover,
.sizeguide a:hover { color: #b3b18f;}

div.blog div {
	clear:both;
	margin:15px 0 0;
	padding:0 0 15px;
	line-height:18px;
}

div.blog div.post {
	border-bottom:1px dotted #5BB2D7;
}

div.blog div.comments {
	border-top:1px dotted #5BB2D7;
}

div.blog div.commentSingle {
	border-bottom:1px dotted #5BB2D7;
	padding:0;
	margin:10px 0;
}

div.blog div a img,
div.blog div img.newsthumb {
	float:left;
	margin:0 10px 10px 0;
	border:2px solid #5BB2D7;
	padding:2px;
}

div.blog div h1 a, div.blog div h2 a {
	color:#5BB2D7;
	text-decoration:none;
}

div.blog div.post h1 a:hover {
	text-decoration:underline;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



.catDes {
	background:#edf9fd;
	padding:2px;
	border:1px solid #d2ebf3;
	margin:0 0 10px 0;
}

.catDes .pic {
	background:url(../images/pic.jpg) top left no-repeat;
	border:1px solid #d2ebf3;
}

.catDes p {
	float:left;
	padding:8px;
	width:410px;
	border-right:1px solid #d2ebf3;
	margin:0 !important;
}

#content .catDes ul {
	float:left;
	list-style:none;
	padding:10px;
	margin:0;
	width:149px;
}

#content .catDes ul li {
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #5BB2D7;
	width:100%;
}