@charset "UTF-8";
/* CSS Document */

body {
	background-color:white;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	
	margin: 0;
    padding: 0;
	color:#555;
	
}
img {border: none;}
a:link { color: #0C5D97; text-decoration: none; }
a:active { color: #0C5D97; text-decoration: none; }
a:visited { color: #0C5D97; text-decoration: none; }
a:hover { color: #008000; text-decoration: none; }

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 55px;
	color: #fff;
	line-height: 1.1em;
	
	margin:0px 0px 5px 0px;
}

h2{
	font-weight:bold;
	font-size: 18px;
	color: #333;
	line-height:0.5em;
	margin: 10px 0px 5px 0px;
}
h3{
	font-weight:normal;
	font-size: 14px;
	color: #008000;
	margin:0;
	padding:0;
}
h4{
	font-weight:normal;
	font-size: 15px;
	color: #009966;
	line-height:1.15em;
}
h5{
	font-weight:bold;
	font-size: 18px;
	color: white;
	line-height:0.5em;
	margin: 15px 0px 15px 0px;
}

.container {
	max-width: 960px;
	margin: 0 auto;
	
	
	padding:40px 10px 0px 10px;
	
	position:relative;
}

.menu {position:absolute;right:10px;top:60px;}
.strapline{position:absolute;left:280px; top:60px;color:#BBB;
}

.menu ul {padding:0;margin:0;}
.menu ul li{
display: inline;
padding-left:8px;
color:#BBB;
}
.menu ul li a{
text-decoration: none;
color:black;
 /*bottom border is 3px*/
}
.menu ul li a:hover, ._menu ul li a.selected{
	
	color:#008000;
	/*border-bottom: 1px solid;
	border-bottom-color: white;*/
}

.footer{
	width:100%; 
	background-color:#376092; 
	position:relative;
	padding: 15px 0;
	text-align:center;
	color:white;
}
.left-border{
	position:fixed;
	background:#EEE; 
	width:3000px;
	height:100%; 
	margin-left:-3500px; 
	left:50%;
}
.right-border{
	position:fixed;
	background:#EEE; 
	width:3000px;
	height:100%; 
	margin-right:-3500px; 
	right:50%;
}
.button a{background:#008000; padding:10px; color:white; border-bottom:4px solid #960; width:118px; margin:20px 0 0 0; text-align:center;}
.button {background:#008000; padding:10px; color:white; border-bottom:4px solid #006600; width:118px; margin:20px 0 0 0;text-align:center;}
.button:hover{background:#008000; padding:10px; color:white; border-bottom:0px; width:118px; margin:24px 0 0 0;text-align:center;}

.buttongrey a{background:#BBB; padding:10px 0; color:white; border-bottom:4px solid #999; width:100%; margin:20px 0 0 -10px;position:absolute; bottom:0px; }
.buttongrey {background:#BBB; padding:10px 0; color:white; border-bottom:4px solid #999; width:100%; margin:20px 0 0 -10px;position:absolute; bottom:0px;}
.buttongrey:hover{background:#BBB; padding:10px 0; color:white; border-bottom:0px; width:100%; margin:24px 0 0 -10px; position:absolute; bottom:0px;}

.buttonadd a{background:#BBB; padding:10px 0; color:white; border-bottom:4px solid #999; width:100%; margin:10px 0 0 0;}
.buttonadd {background:#BBB; padding:10px 0; color:white; border-bottom:4px solid #999; width:100%; margin:10px 0 0 0;}
.buttonadd:hover{background:#BBB; padding:10px 0; color:white; border-bottom:0px; width:100%; margin:14px 0 0 0; }
.buttonaddo a{background:#008000; padding:10px 0; color:white; border-bottom:4px solid #006600; width:100%; margin:10px 0 0 0;}
.buttonaddo {background:#008000; padding:10px 0; color:white; border-bottom:4px solid #006600; width:100%; margin:10px 0 0 0;}
.buttonaddo:hover{background:#008000; padding:10px 0; color:white; border-bottom:0px; width:100%; margin:14px 0 0 0; }
.value{padding:10px; border:1px solid #960; width:0px;position:absolute; margin-left:50px;}

.singlepx{width:100%; background:#BBB; height:1px; margin:8px 0}

.quarter{
	width:220px; 
	padding:10px;
	position:relative;
	float:left; 
	color:#AAA;}
	.quarter-center{
	width:220px; 
	padding:10px;
	position:relative;
	float:left; 
	border:1px solid #999;
	margin:0 10px;
	text-align:center;}
.quartertwo{
	width:190px; position:relative; float:right;}
.basket{
	width:220px; 
	height:278px;
	padding:10px;
	position:relative;
	float:left; 
	border:1px solid #999;
	margin:0 0 0 28px;
	text-align:center;}	
	
	
.half {width:470px; height:275px;background:#DDD; position:relative; float:left;margin:0 20px 20px 0;}
.halftwo{width:470px; padding-bottom:20px;min-width:400px; position:relative;float:left;}

.px-line{height:1px; width:100%; background:#DDD;position:relative;}
.line-text{margin:-10px auto 0 auto; background:white; min-width:120px; max-width:300px;display:block;text-align:center;position:relative; font-weight:bold; font-size:18px;}

.sales{
	background: #376092; border: 10px white solid; color:white; width:190px; padding:15px;margin:-50px 0 0 70%; position:absolute;text-align:center; line-height:1.3em;font-size:1.6em;}

.banner { position: relative; overflow:auto; }
    .banner li { list-style: none;
	width:960px;height:400px; }
        .banner ul li { float: left; }
		.banner ul{margin:0;
    padding:0; width:960px; height:400px; overflow:hidden; }
	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
.calright {
	width:200px; postion:relative; float:right;
}