@import "reset.css";
@import "shop.css";
@import "navigation.css";
@import "forms.css";


#wrapper {
	width:980px;
	padding:10px;
	margin: 0 auto;
	background:#fff;
	}
	
.content {
	margin:15px 0 0 0;
	width:100%;
}

p.content, h3.content {
	margin:0 0 15px 0;
	padding:0;
}

body {
	background:#fff url(../images/white-body.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	}
	
p {
	margin-bottom:10px;
	line-height:1.5em;

	}
	
h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size:1.9em;
	color:#06749d;
	font-weight:bold;
	margin-bottom:30px;
	margin-top:15px;
	line-height:.9em;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#06749d;
	margin-bottom:10px;
	margin-top:30px;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#f37404;
	margin-bottom:8px;
	}
	
	h3 a {text-decoration:none; }
	
a {
	color:#f37404;
	
}

a:hover {
	color:#f3a92e;
	text-decoration:underline;
}

hr{
color:#e3e3e3;
background-color:#e3e3e3;
height:1px;
border:0;
width:99%;
float:left;
padding:0;
margin:15px 0 25px 0;
}
/*-----------------------------------------------header----------------------------------------*/

.headerdiv {
	float:left;
	width:977px;
	height:180px;
	position:relative;
	}
	

/*-----------------------------------------------login----------------------------------------*/	
.leftarea #login, .leftarea #loggedin {
	margin-left:0px;
	margin-top:10px;
	padding:5px;
	background:#5bb2d7 url(../images/newsletter_top.gif) top left no-repeat;
	width:153px;
	}
	
.leftarea #login label { 
	font-weight:600;
	font-size:11px;
	padding-bottom:5px;
	color:#fff;
	}
	
.leftarea #login a, .leftarea #loggedin a {
	color:#fff;
	font-size:11px;
	margin-top:5px;
	line-height:12px;

	}
	
.leftarea #login a:hover, .leftarea #loggedin a:hover {
	color:#06749d;
	}
	
.leftarea ul.loggedin li {
	float:left;
	margin:5px 10px 0 0;
	}
	
.headerdiv #login, .headerdiv #loggedin {
	float:left;
	margin:60px 0 0 10px;
	width:386px;
	background:#fff;
	padding:10px;
}

.headerdiv #login a, .headerdiv #loggedin a {
	color:#000;
	font-size:10px;
	margin:0 0 0 80px;
}

.headerdiv #loggedin ul li a {
	margin:0;
}

.headerdiv #loggedin ul li {
	float:left;
	margin:8px 15px 0 0;
}

.headerdiv #loggedin span.name, .leftarea #loggedin span.name {
	font-weight:bold;
}


/*----------------------------------------------header basket------------------------------------*/	
.leftarea #basket {
	float:left;
	background:#fff;
	padding:7px 7px 0 7px;
	height:85px;
	width:150px;
	background-image:url(/assets/images/2010/basketbg.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.leftarea #basket li {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:30px 0 0 0;
	list-style:none;
	text-align:center;
	}
.leftarea .basket a.checkout {
	color:#fff;
	font-weight:bold;
	display:block;
	top:7px;
	right:12px;
	padding:0;
}


.leftarea .basket a {
	color:#fff;
	display:block;
	padding-left:1px;
	padding-top:12px;
	font-size:1.2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
}
.leftarea .basket a:hover{
text-decoration:underline;
}
.leftarea .basket a {
	text-decoration:none;
}

.leftarea .basket strong {
	margin:3px 10px 0 0;
}

.leftarea .basket span {
	display:block;
	width:196px;
	margin:3px 0 0 0;
}

/*----------------------------------------------footer-------------------------------------------*/	
	
#footer {
	background:#e2f1f8 !important;
	width:980px;
	margin-top:25px;
	font-size:11px;
	padding:0;
	overflow:hidden;
	}
	
#footer a {
	color:#3b778f;
	text-decoration:underline;
	}
	
#footer a:hover {
	color:#ff7e00;
	}
#footer .footerlinks{
float:left;
margin:0;
padding:15px;
}
#footer .bookmark{
margin:0;
padding:7px 10px 4px 0;
float:right;
}
/*----------------------------------------------paging------------------------------------------*/

ul.paging {
	margin-right:11px;
	border-top:1px dashed #CDCDCD;
	width:790px;
	display:inline;
	}
	
ul.paging li {
	float:left;
	}
	
ul.paging li a {
	display:block;
	padding:5px 7px;
	color:#f68b0c;
	background:#e2e2e2;
	margin-left:1px;
	margin-top:10px;
	text-decoration:none;
	}
	
ul.paging li a:hover {
	background:#fff;
	}
	
ul.paging li a.active {
	color:#fff;
	background:#f68b0c;
	}
	

/*----------------------------------------------Large Slidehsow Banner------------------------------------------*/

#shopcontent .large_banner {
	width:738px;
	overflow:hidden;
	border:1px solid #888;
	height:190px;
	margin:0 0 15px 0;
}

.with_right_col .large_banner {
	width:538px !important;
	overflow:hidden !important;
	border:1px solid #888 !important;
	height:190px !important;
	margin:0 0 15px 0 !important;
}

/*----------------------------------------------Breadcrumb------------------------------------------*/


.breadcrumb { float:left; color:#6e6865; font-size:100%; border-bottom: 1px dashed #CDCDCD; width:100%;  padding-bottom:10px; margin-bottom:10px; }
.breadcrumb a {color:#6e6865; text-decoration:none; }
.breadcrumb a:hover {color:#35abdd; text-decoration:underline; }
.breadcrumb .on { color:06749d; }


.basketnav {
	float:left; 
	width:100%;
	margin-bottom:10px;
}



.basketnav {
	float:left; 
	width:100%;
	margin-bottom:10px;
}


.basketnav a:hover{
	background:url(../images/2010/breadcrumb2.png) no-repeat top right;
	color:#5bb2d7;
}

/*.basketnav a:first-child { 
	border-left:1px solid #276986;
}*/

.basketnav a {
	padding:0 70px;
	background:url(../images/2010/breadcrumb.png) no-repeat top right;
	height:31px;
	line-height:31px;
	margin:0px -15px 5px 0;
	text-decoration:none;
	color:#cef0ff;
	font-weight:bold;
	display:block;
	float:left;
}

.basketnav a:hover, .basketnav a.active {
	background:url(../images/2010/breadcrumb2.png) no-repeat top right;
	color:#5bb2d7;
}

/*.basketnav a:first-child { 
	border-left:1px solid #4586a2;
}
*/	



/*-----------------------------------------------review-------------------------------------------*/

/* no images to edit, just change ".stars .color" background color to change star colour*/
.stars {
	height:17px;
	width:100px;
	position:relative;
}

.stars img {
	position:absolute;
	z-index:2;
}

.stars .color {
	background:#f3a92e;
	position:absolute;
	z-index:1;
	height:17px;
}

.rating {
	margin:0 4px 0 0;
	font-weight:bold;
}

.review {
	padding:10px;
	border-bottom:1px solid #d2d1d1;
}

.leftarea {
	width:190px;
}

/*----------------------------------------------right hand column------------------------------------------*/

.content .right_col {
	margin:0 2px 0 15px;
	width:186px;
	display:block;
	float:right;
	text-align:center;
}

.content .right_col .feature {
	width:166px;
	background-color:#f0f9ff; 
	margin:0 0 5px 0;
	padding:10px;
}

.content .right_col .feature h3 { 
	color:#0d81b3; 
	margin-top:0; 
	margin-bottom:5px; 
	padding-left:0px;
	font-size:100%;
	}
	
.content .right_col .feature a { 
	color:#0d81b3; 
	line-height:17px; 
	margin-bottom:4px; 
	}
	
.content .right_col .feature a:hover { 
	color:#1ba2d4;  
	}


/*----------------------------------------------styles in templates------------------------------------------*/

.deliverytop { 
	background:#bbe0f4; 
	padding:2px; 
	color: #526066; 
	}
	
.deliverymiddle { 
	background:#e1eef4; 
	padding:2px; 
	color: #526066; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff;
	}
	
.deliverytable { 
	border-right: 1px solid #e1eef4;
	border-bottom: 1px solid #fff;
	}

.newsthumb {
	float:right;
	padding:5px;
	border:#e1e1e1 1px solid;
	margin:0 0 15px 15px;
	}
	
.small { 
	float:left; 
	font-size:90%; 
	color:#98918d;
	margin-bottom:8px;
	}
	
.small1 { 
	float:left; 
	font-size:90%; 
	color:#98918d;
	}
	
.buttonwrap {
	float:right; 
	   
	color:#507990; 
	}

a.button { 
	float:right; 
	background:#57adce; 
	margin-top:0px; 
	color:#fff; 
	padding:3px; 
	text-align:center; 
	text-decoration:none; 
	margin-left:3px; 
	}

a.button:hover { 
	background:#97cee6; 
	}

.rightcontent { 
	float:right;  
	background-color:#f0f9ff; 
	text-align:left; 
	width:136px; 
	padding:12px; 
	}
	
.rightcontent h3, .rightcontentlinks h3 { 
	color:#0d81b3; 
	margin-top:0; 
	margin-bottom:5px; 
	padding-left:0px;
	font-size:100%;
	}
	
.rightcontentlinks h3 {
	padding:10px !important;
	margin:0;
}

.rightcontent ul.downloads { 
	color:#0d81b3; 
	font-size:90%; 
	margin:0 0 20px 0px; 
	padding:0; 
	list-style:none;
	}
	
.rightcontent .downloads a { 
	color:#0d81b3; 
	line-height:17px;
	margin-bottom:4px; 
	text-decoration:none; 
	background-image: url(/images/pdf.gif); 
	padding-bottom:4px; background-repeat:no-repeat; 
	padding-left:20px;
	}
	
.rightcontent .downloads a:hover { 
	color:#1ba2d4;  
	}

.rightcontent ul.links { 
	color:#0d81b3; 
	font-size:90%; 
	margin:0 0 20px 0px; 
	padding:0; 
	list-style:none;
	}
	
.rightcontent .links a { 
	color:#0d81b3; 
	line-height:17px; 
	margin-bottom:4px; 
	
	/*background-image: url(/images/arrow-left.gif); 
	background-repeat:no-repeat; 
	padding-left:20px;*/
	}
	
.rightcontent .links a:hover { 
	color:#1ba2d4;  
	}
	
	
	.rightcontent ol .links { 
	color:#0d81b3; 
	font-size:90%; 
	margin:0 0 20px 0px; 

	list-style: inherit;
	}
	
.rightcontent ol .links a { 
	color:#0d81b3; 
	line-height:17px; 
	margin-bottom:4px; 
	
	/*background-image: url(/images/arrow-left.gif); 
	background-repeat:no-repeat; 
	padding-left:20px;*/
	}
	
.rightcontent ol .links a:hover { 
	color:#1ba2d4;  
	}

.newsdiv {
	float:left;
	width:580px;
}
.newsdiv .article{
width:580px;
float:left;
border-top:#cdcdcd 1px dashed;
padding:20px 0 10px 0;
margin:0;
}
.newsdiv .article h3{
margin:0 0 3px 0;
padding:0;
}
.newsdiv .article .date{
font-size:1.1em;
font-weight:lighter;
color:#6e6e6e;
margin:0;
padding:0;
}
.newsdiv .article p a{
background:url(/assets/images/2010/readmorebtn.jpg) top left no-repeat;
width:117px;
padding:4px 0 6px 0;
margin:10px 0 0 0;
text-align:center;
float:left;
text-decoration:none;
color:#fff;
font-size:1.1em;
font-weight:bold;
}
.pages {
	float:left; 
	width:100px; 
	padding-top:5px;  
	color:#666; 
	}

.cpages-img {
	margin-bottom:10px;
	}
	
.linkstop { 
	background:#bbe0f4; 
	padding:5px; 
	color: #526066; 
	}
	
.linksmiddle { 
	background:#f5f5f5; 
	padding:5px; 
	color: #526066; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff;
	}
	
.linksmiddle a { 
	color:#005174;
	}
	
.linksmiddle a:hover { 
	color:#5bb2d7;
	}
	
.linkstable { 
	border-right: 1px solid #e1eef4;
	border-bottom: 1px solid #fff;
	}
	
.btn1 {
	width:80px;
	background-color:#dfdfdf;
	color:#666666;
}

.sortby {
	float:left;
	width:100%;
	margin-top:5px;
	margin-bottom:10px;
	}
	
.sortby select { font-size:75%; color:#333333; }
.sortby label { font-size:75%; color:#333333; }
.sortby .button {
font-size:75%;
width:40px;
cursor:pointer;
border:none !important;
color:#fff;
padding:10px 0 10px 0;
background:url(/assets/images/2010/go-button.jpg) top left no-repeat;
}

.linkswrap { float:left;  width:99%; margin-bottom:5px; padding:5px 0 5px 0; clear:both; border-bottom:#cdcdcd 1px dashed;}
.linkswrap h2{
margin:0 0 6px 0;
padding:0;
}


.comments { background: #fef2dd; padding:10px; }
.comments a { float:left;  color:#fa6400; }
.comments a:hover {  color:#fb6602; }
.comments .commentbutton { background: #fb8a02; width:100px;  float:right; padding-top:2px; padding-bottom:2px; font-size:100%; border: 1px solid #fb8a02; color:#fff; }

.comments .commentbutton a:hover {background:#fb6602; }

.comments .line { border-bottom: 1px dotted #f42b6e; width:100%; height:1px; }
.comments label { float:left; width:100px; }
.comments input {float:left; width:230px; color: #666666; margin-bottom:2px; font-size:100%;}
.comments textarea { color: #666666; font-family: arial; font-size:100%; width:230px;}

.errortop { width:292px; color:#FF0000; margin-top:0; float:right; font-size:100%;text-align:left;  margin-bottom:3px; }

.vat {float:left; padding:15px; margin-bottom:10px; width:698px; background:#fef2dd; }
.date {font-size:90%; font-weight:bold; }

/*------------------------sitemap---------------------*/

ul.sitemap a {
	text-decoration:none;
}

ul.sitemap li ul li {
	padding:0 0 0 20px;
}

ul.sitemap li {
	padding:2px;
	font-weight:bold;
	background:#e2f1f8;
	text-indent:3px;
}

ul.sitemap li ul {
	margin:10px 0 0 0;
}

ul.sitemap li ul li {
	padding:5px 5px 5px 20px;
	font-weight:normal;
	background:#edf7fb;
}

.home-gfeatures { float:left; width:180px; }

.cardsdiv { float:left; margin-left:5px; }



#wrapper #headerdiv{
margin:0 0 8px 0;
width:980px;
height:138px;
position:relative;
}

#wrapper #headerdiv #headerdiv2 .rosette{
width:102px;
height:150px;
background:url(/assets/images/2010/rosette.png) top right no-repeat;
_background:url(/assets/images/2010/rosette.gif) top right no-repeat;
position:absolute;
right:-12px;
top:-2px;
_right:-2px;
_top:2px;
margin:0;
padding:0;
}
#wrapper #headerdiv .rosette{
width:102px;
height:150px;
background:url(/assets/images/2010/rosette.png) top right no-repeat;
_background:url(/assets/images/2010/rosette.gif) top right no-repeat;
position:absolute;
right:-12px;
top:-2px;
_right:-2px;
_top:2px;
margin:0;
padding:0;
}

#wrapper .homerightcol{
width:160px;
float:right;
margin:0;
padding:0 3px 0 0;
}
#wrapper .homerightcol .banner{
margin:0 0 7px 0;
float:left;
padding:0;
}
#wrapper .homerightcol .meettheteambanner{
margin:0 0 7px 0;
float:left;
padding:113px 0 0 10px;
width:150px;
height:50px;
background:url(/assets/images/2010/meet-the-team-banner.jpg) top left no-repeat;
}

#wrapper .homerightcol .blogs{
padding:0;
width:160px;
float:left;
margin:0 0 7px 0;
}
#wrapper .homerightcol .blogs .top{
width:160px;
height:12px;
margin:0;
padding:0;
float:left;
background:url(/assets/images/2010/bloghome-topcurve.jpg) top left no-repeat;
}
#wrapper .homerightcol .blogs .bottom{
width:160px;
height:12px;
margin:0;
padding:0;
float:left;
background:url(/assets/images/2010/bloghome-btmcurve.jpg) bottom left no-repeat;
}
#wrapper .homerightcol .blogs .content{
width:138px;
float:left;
border-left:#60b8eb 1px solid;
border-right:#60b8eb 1px solid;
margin:0;
padding:0 10px;
}
#wrapper .homerightcol .blogs .content h3{
color:#5bb2d7;
font-size:1.9em;
margin:0 0 8px 0;
padding:0;
font-weight:normal;
}
#wrapper .homerightcol .blogs .content p.date{
width:138px;
float:left;
margin:0 0 6px 0;
padding:0;
}
#wrapper .homerightcol .blogs .content p.date .day{
display:block;
float:left;
background:url(/assets/images/2010/daybg.jpg) top left no-repeat;
text-align:left;
padding:0 5px 0 8px;
color:#fff;
font-weight:bold;
}
#wrapper .homerightcol .blogs .content p.date .month{
display:block;
float:left;
background:url(/assets/images/2010/monthbg.jpg) top right no-repeat;
text-align:left;
padding:0 8px 0 5px;
color:#fff;
font-weight:bold;
}
#wrapper .homerightcol .blogs .content p.title{
color:#06749d;
font-size:1.2em;
line-height:1.1em;
margin:0 0 3px 0;
padding:0;
}
#wrapper .homerightcol .blogs .content p.text{
color:#06749d;
font-size:.95em;
line-height:1.1em;
margin:0 0 15px 0;
padding:0;
}
#wrapper .homerightcol .blogs .content p.readmore{
color:#06749d;
font-size:.95em;
line-height:1.1em;
margin:0;
padding:5px 0 0 0;
border-top:#5bb2d7 1px solid;
width:136px;
text-align:center;
background:url(/assets/images/2010/orange-arrow.jpg) 11px 7px no-repeat;
}
#wrapper .homerightcol .blogs .content p.readmore a, #wrapper .homerightcol .blogs .content p.readmore a:visited{
color:#5bb2d7;
text-decoration:none;
font-weight:bold;
}
#wrapper .homerightcol .blogs .content p.readmore a:hover{
color:#F37404;
text-decoration:underline;
}

#wrapper .leftarea .news{
padding:0;
width:160px;
float:left;
margin:10px 0 7px 0;
}
#wrapper .leftarea .news .top{
width:160px;
height:12px;
margin:0;
padding:0;
float:left;
background:url(/assets/images/2010/newshome-topcurve.jpg) top left no-repeat;
}
#wrapper .leftarea .news .bottom{
width:160px;
height:12px;
margin:0;
padding:0;
float:left;
background:url(/assets/images/2010/newshome-btmcurve.jpg) bottom left no-repeat;
}
#wrapper .leftarea .news .content{
width:138px;
float:left;
border-left:#b2daf3 1px solid;
border-right:#b2daf3 1px solid;
margin:0;
padding:0 10px;
}
#wrapper .leftarea .news .content h3{
color:#5bb2d7;
font-size:1.5em;
margin:0 0 8px 0;
padding:0;
font-weight:normal;
}
#wrapper .leftarea .news .content p.date{
width:138px;
float:left;
margin:0 0 6px 0;
padding:0;
}
#wrapper .leftarea .news .content p.date .day{
display:block;
float:left;
background:url(/assets/images/2010/daybg.jpg) top left no-repeat;
text-align:left;
padding:0 5px 0 8px;
color:#fff;
font-weight:bold;
}
#wrapper .leftarea .news .content p.date .month{
display:block;
float:left;
background:url(/assets/images/2010/monthbg.jpg) top right no-repeat;
text-align:left;
padding:0 8px 0 5px;
color:#fff;
font-weight:bold;
}
#wrapper .leftarea .news .content p.title{
color:#06749d;
font-size:1.2em;
line-height:1.1em;
margin:0 0 3px 0;
padding:0;
}
#wrapper .leftarea .news .content p.text{
color:#06749d;
font-size:.95em;
line-height:1.1em;
margin:0 0 15px 0;
padding:0;
}
#wrapper .leftarea .news .content p.readmore{
color:#06749d;
font-size:.95em;
line-height:1.1em;
margin:0;
padding:5px 0 0 0;
border-top:#5bb2d7 1px solid;
width:136px;
text-align:center;
background:url(/assets/images/2010/orange-arrow.jpg) 11px 7px no-repeat;
}
#wrapper .leftarea .news .content p.readmore a, #wrapper .leftarea .news .content p.readmore a:visited{
color:#5bb2d7;
text-decoration:none;
font-weight:bold;
}
#wrapper .leftarea .news .content p.readmore a:hover{
color:#F37404;
text-decoration:underline;
}


#wrapper .homerightcol .meettheteambanner .title{
color:#1e8ccf;
display:block;
font-size:1.4em;
font-weight:lighter;
}
#wrapper .homerightcol .meettheteambanner .phoneno{
color:#1e8ccf;
font-weight:bold;
font-size:2em;
letter-spacing:-1px;
}
#wrapper .homerightcol #newsletter, .blogrightcol #newsletter{
background:url(/assets/images/2010/newsletter-bg.jpg) top left no-repeat;
height:186px;
margin:0 0 7px 0;
float:left;
padding:11px;
}
.blogrightcol #newsletter{
margin:10px 0 10px 0;
}
#wrapper .homerightcol #newsletter h3, .blogrightcol #newsletter h3{
color:#28708d;
font-size:2.2em;
margin:0;
padding:0;
line-height:.95em;
font-weight:normal;
}
#wrapper .homerightcol #newsletter form label, .blogrightcol #newsletter form label{
color:#fff;
font-weight:bold;
width:90px;
margin:5px 0 5px 0;
line-height:1.1em;
}

.blogrightcol{
width:160px;
margin:0;
padding:0;
float:right;
}
.blogarchivelisting{
width:160px;
margin:0;
padding:0;
float:right;
}
.blogarchivelisting .title{
color:#fff;
background:#5bb2d7;
width:145px;
padding:5px 5px 5px 10px;
font-size:1em;
margin:0 0 2px 0;
display:block;
float:left;
}
.blogarchivelisting ul{
margin:0 0 5px 0;
display:block;
float:left;
}
.blogarchivelisting ul li a{
width:145px;
padding:5px 5px 5px 10px;
color:#464646;
border-bottom:#cdcdcd 1px dashed;
font-size:.9em;
list-style:none;
display:block;
float:left;
background:none;
text-decoration:none;
}
.blogarchivelisting ul li a:hover{
background:#97cee6;
color:#fff;
}
.buttonwrapper{
width:600px;
float:left;
position:relative;
margin:10px 0 0 0;
padding:10px 0 0 0;
border-top:#cdcdcd 1px dashed;
}