@charset "UTF-8";


/** Element Cross-Browser Reset **/

body {font:12px Verdana, Lucida, Arial, Helvetica, sans-serif;*font-size:small;*font:x-small; color: #333333; }


/** Styles **/

body { background: #ccd5fd; background-image: url('../images/gcl-gradient-bgd.jpg'); background-repeat: repeat-x; margin: 20px 0 20px 0;  }
.form label  { width: 150px; float: left; padding-top: 5px; padding-bottom: 5px;}
a { color: #002e65; text-decoration: none; }
a:hover { color: #37572d; text-decoration: underline; }
.center { text-align: center; }

.button {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	color: #00182b;
	background-color: #fed000;
	border: 2px solid #00182b;
}

.picborder {
	border: 1px solid #000;
	}
	
.sidebarfield {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00182b;
	background-color: #fff;
	border: 1px solid #00182b;
	height: 18px;
}
.sidebarbutton {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00182b;
	background-color: #fed000;
	border: 1px solid #00182b;
	height: 20px;
}

.bluerule { 
	height: 1px; 
	color: #002e65;
	}
	
.info {
	font-size: 10px;
	color: #999999;
}

.description {
	font-size: 11px;
	color: #333;
	background-color: #cce0c5;
	font-weight: bold;
}

.formfield {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002e65;
	padding: 1px 1px 1px 3px;	
	background-color: #cce0c5;
	border: 1px solid #99c38b;
}
.disabledfield {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	padding: 1px 1px 1px 3px;	
	background-color: #ccc;
	border: 1px solid #99c38b;
}

.cartfield {
	width: 80px;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002e65;
	padding: 3px;	
	background-color: #8ea2fb;
	border: 1px solid #8ea2fb;
	margin-top: 10px;
}

.orderformfield {
	width: 220px;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 3px;	
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 2px 0 4px 0;
}
.orderformfield2 {
	width: 150px;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 3px;	
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 2px 0 4px 0;
}
.orderformfield3 {
	width: 100px;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 3px;	
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 2px 0 4px 0;
}
.orderformfield4 {
	width: 50px;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 3px;	
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 2px 0 4px 0;
}
.Qty {
	width: 50px;
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	padding: 2px;	
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0;
}

.formbutton {
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #000000;
	padding: 1px 1px 1px 1px;
	background-color: #002e65;
	color: #ffffff;
	}
.orderformbutton {
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000000;
	padding: 1px 1px 1px 1px;
	background: #999;
	color: #000;
	}	

.indent20 {
	margin: 0 20px;
	padding: 0;
}

.maintitle { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
.subtitle { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
.headerbold { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }


/** Divs **/

#PageWrapper { width: 930px; margin:auto; border: 1px solid #000000; background: #cce0c5; padding: 20px; }
#Header { width: 930px; background: url(../images/gcl-logo.gif) no-repeat; height: 200px;}
#Strapline { width: 930px; background: #5a8d49 url(../images/gcl-strapline.gif) no-repeat; height: 50px;}

#DiaryWrapper { width: 730px; margin:auto; border: 1px solid #000000; background: #fff; padding: 20px; }
#DiaryHeader { width: 720px; background: #fff url(../images/gcl-logo-85.gif) no-repeat; height: 160px;}
#DiaryHeader h1 { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#DiaryHeader h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
#DiaryHeader h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#DiaryHeader div { overflow: auto; }

#QStarsWrapper { width: 730px; margin:auto; border: 1px solid #000000; background: #fff; padding: 20px; }
#QStarsHeader { width: 720px; background: #fff url(../images/qstars-logos.gif) no-repeat; height: 130px;}
#QStarsHeader h1 { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#QStarsHeader h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
#QStarsHeader h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#QStarsHeader div { overflow: auto; }

#MainWrapper { 
	background: #fff url(../images/gcl-shape-blue.gif) no-repeat 20px 500px; 
	width: 890px; 
	border-top: 
	3px solid #002e65; 
	padding: 20px; 
	overflow: auto; 
	clear: both;
	}
	



#SidebarWrapper { float: left; margin-right: 20px; }     
#SidebarWrapper div { margin-bottom: 20px; overflow: auto;  }
div#SidebarSearch div label { float: left; margin-bottom: 3px; }
div#SidebarSearch div input { float: left; }
div#SidebarSearch div input.SidebarSearchSubmit { float: right; }

#SidebarMenu { 
	width: 203px;
	}
#SidebarMenu ul { margin:0; padding:0; }
#SidebarMenu ul li { float: left; }
#SidebarMenu ul li a { display: block; width: 181px; padding: 7px 0 7px 22px; border-bottom: solid 1px #37572d; color: #ffffff; text-decoration: none; font-size: 12px; background: #5a8d49 url('../images/SidebarMenu-Arrow.gif') no-repeat 10px 10px; }
#SidebarMenu ul li a:hover { background-color: #99c38b; color: #002e65;  text-decoration: none; background-image: url('../images/SidebarMenu-ArrowHover.gif'); }
.SidebarItem, .SidebarAdvert { width: 203px; }
.SidebarItem { background: #fff0aa; }
.SidebarItem p { padding: 10px; }
.SidebarAdvert img { margin: 0px; text-align: center; }

#MembersMenu { 
	width: 203px;
	}
#MembersMenu ul { margin:0; padding:0; }
#MembersMenu ul li { float: left; }
#MembersMenu ul li a { display: block; width: 181px; padding: 7px 0 7px 22px; border-bottom: solid 1px #37572d; color: #ffffff; text-decoration: none; font-size: 12px; background: #002e65 url('../images/SidebarMenu-Arrow.gif') no-repeat 10px 10px; }
#MembersMenu ul li a:hover { background-color: #ccd5fd; color: #002e65;  text-decoration: none; background-image: url('../images/MembersMenu-ArrowHover.gif'); }

#OrdersMenu { 
	width: 203px;
	}
#OrdersMenu ul { margin:0; padding:0; }
#OrdersMenu ul li { float: left; }
#OrdersMenu ul li a { display: block; width: 181px; padding: 7px 0 7px 22px; border-bottom: solid 1px #000000; color: #000000; text-decoration: none; font-size: 12px; background: #8ea2fb url('../images/SidebarMenu-Arrow.gif') no-repeat 10px 10px; }
#OrdersMenu ul li a:hover { background-color: #ccd5fd; color: #002e65;  text-decoration: none; background-image: url('../images/MembersMenu-ArrowHover.gif'); }


#FormBox { 
	width: 180px;
	border: 1px solid #666;
	padding: 10px;
	}
#FormBox h1 {
	font-size: 12px;
	margin: 0;
	font-weight: bold;
	color: #002e65;
	}
#FormBox p {
	padding-bottom: 5px;
	}	

#FormBox .qfield {
	font-size: 11px;
	width: 160px;
	color: #002e65;
	padding: 1px 1px 1px 3px;	
	background-color: #cce0c5;
	border: 1px solid #99c38b;
}

#FormBox .qbutton {
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #000000;
	padding: 1px 1px 1px 1px;
	background-color: #002e65;
	color: #ffffff;
	}	
	


#Terms { font-size: 10px; }
#Footer {  font-size: 11px; width: 890px; background-color: #99c38b; padding: 20px; text-align: center; color: #002e65; border-top: solid 3px #002e65; }
#Footer ul { margin:0; padding:0; text-align: center; }
#Footer ul li { display: inline; padding: 0 5px;}
#Footer a { color: #333; }
#Footer a:hover { color: #666; text-decoration: underline; }

#textlinks {  margin: auto; font-size: 10px; width: 890px; padding: 20px; text-align: center; color: #333;  }
#textlinks ul { margin:0; padding:0; text-align: center; }
#textlinks ul li { display: inline; padding: 0 5px;}
#textlinks a { color: #333; }
#textlinks a:hover { color: #666; text-decoration: underline; }

#Content { width: 660px; float: right; margin-bottom: 10px; }
#Content h1 { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#Content h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
#Content h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#Content div { overflow: auto; }
#Content ul {
	margin: 5px 10px 5px 35px;
	padding: 0;
	list-style: disc;
	color: #002e65;	
	}
	
#Content ol {
	margin: 5px 10px 5px 35px;
	padding: 0;
	}	

#Content li {
	padding: 0px 0 5px 0;
	}

#Content2 { 
	width: 600px;
	float: left;
	overflow: none;
	margin: 0 20px 10px 0;
	}
#Content2 h1 { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#Content2 h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
#Content2 h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#Content2 ul {
	margin: 5px 10px 5px 35px;
	padding: 0;
	list-style: disc;
	color: #002e65;	
	}
	
#Content2 ol {
	margin: 5px 10px 5px 35px;
	padding: 0;
	}	

#Content2 li {
	padding: 0px 0 5px 0;
	}
	
#rhs {
	float: left;
	width: 270px;
	margin-bottom: 10px;
	}
#cart {
	float: right;
	width: 180px;
	padding: 7px;
	border: solid 1px #37572d;
	color: #000;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	background: #8ea2fb url('../images/cart.png') no-repeat 150px 5px;
	}
#orderform {
	float: left;
	width: 254px;
	background: #eaeaea;
	font-size: 11px;
	line-height: 13px;	
	border: 1px solid #ccc;
	margin: 10px 0 10px 0;
	padding: 7px;
	}
#orderform h2 {
	font-size: 15px;
	line-height: 15px;
	background: #ccc;
	border-bottom: 1px solid #000;
	margin: 0 0 5px 0;
	padding: 7px;
	}
#orderform p {
	margin: 0 0 0 10px;
	}		
	
#WideContent { width: 890px; float: left; margin-bottom: 10px; }
#WideContent h1 { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#WideContent h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
#WideContent h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#WideContent div { overflow: auto; }
#WideContent ul {
	margin: 5px 10px 5px 35px;
	padding: 0;
	list-style: disc;
	color: #002e65;	
	}
	
#WideContent ol {
	margin: 5px 10px 5px 35px;
	padding: 0;
	}	

#WideContent li {
	padding: 0px 0 5px 0;
	}	

#NewsBox { width: 600px; float: left; padding: 15px; border: 1px solid #000000; background: #ccd5fd; }
#NewsBox h1 { font-size: 18px; margin-top: 0px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#NewsBox h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 0px; color: #37572d; }
#NewsBox h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#NewsBox div { overflow: auto; }


#DiaryContent { 
	background: #fff; 
	width: 700px; 
	padding: 20px; 
	overflow: auto; 
	clear: both;
	}	
#DiaryContent h1 { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#DiaryContent h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
#DiaryContent h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#DiaryContent div { overflow: auto; }
#DiaryContent ul {
	margin: 5px 10px 5px 35px;
	padding: 0;
	list-style: disc;
	}
#DiaryContent li {
	padding: 0px 0 5px 0;
	color: #002e65;
	}	
	
#QStarsContent { 
	background: #fff; 
	width: 700px; 
	padding: 20px; 
	overflow: auto; 
	clear: both;
	}	
#QStarsContent h1 { font-size: 18px; margin-top: 5px; margin-bottom: 10px; font-weight: bold; color: #002e65; }
#QStarsContent h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #37572d; }
#QStarsContent h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#QStarsContent div { overflow: auto; }
#QStarsContent ul {
	margin: 5px 10px 5px 35px;
	padding: 0;
	list-style: disc;
	}
#QStarsContent li {
	padding: 0px 0 5px 0;
	color: #002e65;
	}		

#Info { padding: 0px; }
#Info strong { font-weight: bold; }

#EmailPageWrapper { width: 600px; margin: auto; }
#EmailHeader { width: 600px; background-image: url('../images/email/quickieprint-email-header.gif'); background-position: center top; height: 105px; border-left: solid 1px #00182b;}
#EmailWrapper { background: #fff; width: 560px; padding: 20px; overflow: auto; clear: both; }
#EmailFooter { width: 560px; background-color: #003359; padding: 20px; text-align: center; color: #fff; border-top: solid 2px #00182b; }
#EmailFooter ul { margin:0; padding:0; text-align: center; }
#EmailFooter ul li { display: inline; padding: 0 15px;}
#EmailFooter a { color: #fff0aa; }
#EmailFooter a:hover { color: #fed000; text-decoration: underline; }
#EmailContent { width: 550px; float: left; }
#EmailContent h1 { font-size: 120%; margin-top: 10px;; margin-bottom: 10px; font-weight: bold; color: #003359; }
#EmailContent h2 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; border-bottom: 1px solid #00182b; }
#EmailContent div { overflow: auto; }

div.Info img { float: left; margin: 0 15px 15px 0; }
div.Product { width: 135px; padding: 5px; height: 190px; margin: 0px 15px 15px 0px; text-align: center; float: left; border: 1px solid #99ADC2; background: #edf0f3; }
div.Product img { border: 1px solid #00182b; }
div.ProductLast { width: 135px; padding: 5px; height: 180px; margin: 0px 0px 0px 0px; text-align: center; float: left; border: 1px solid #99ADC2; background: #edf0f3; }
div.ProductLast img { border: 1px solid #99ADC2; }
div.Clear { clear: both; width: 645px;}

#pages { 
	float: left;
	width: 400px;
	height: 20px;
	color: #666;
	font-size: 10px;
	line-height: 10px;
	}

#PagesMenu { 
	float: right;
	font-size: 10px;
	line-height: 10px;
	}
#PagesMenu ul { 
	margin:0; 
	padding:0;
	list-style: none;
	}
#PagesMenu ul li { 
	float: left;
	text-align: center;
	width: 15px;
	margin: 0 0 0 5px;
	font-weight: bold;
	color: #333;
	}
#PagesMenu ul li a { 
	display:block;
	color: #999;
	font-weight: normal;	
	text-decoration: none;
	background: #dadada;
	border:solid 1px #ccc;		
	}
#PagesMenu ul li a:hover {
	background: #99c38b;
	color: #000;
	border:solid 1px #666;	
	}
	
#county { 
	clear: both;
	float: left;
	width: 640px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #fff;	
	}
#county h2 { 
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;	
	color: #37572d;
	border-bottom: 1px solid #37572d;
	}
#county .member { 
	float: left;
	width: 280px;
	margin: 0;
	}
#county .qstars { 
	float: left;
	width: 220px;
	margin: 0;
	text-align: center;
	}
#county .town { 
	float: right;
	text-align: right;
	margin: 0;
	width: 140px;
	}
#county .town a { 
	font-size: 10px;
	}
#county .break { 
	clear: both;
	float: left;
	width: 640px;
	border-top: 1px solid #ccc;
	margin: 10px 0 10px 0;
	}

#qstar-member { 
	clear: both;
	float: left;
	width: 640px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #fff;	
	}
#qstar-member .name { 
	float: left;
	width: 300px;
	font-size: 15px;
	font-weight: bold;
	margin: 0 ;
	padding: 0;	
	color: #37572d;
	}
#qstar-member .number { 
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	margin: 0 ;
	padding: 0;	
	color: #333;
	}		
#qstar-member .icons { 
	float: right;
	width: 220px;
	margin: 0;
	text-align: right;
	}
#qstar-member .break { 
	clear: both;
	float: left;
	width: 640px;
	border-top: 1px solid #ccc;
	margin: 10px 0 10px 0;
	}	
#qstar-member .details { 
	clear: both;
	float: left;
	width: 260px;	
	font-size: 13px;
	line-height: 15px;
	margin: 0 ;
	padding: 0;	
	color: #333;
	}
#qstar-member .map { 
	float: right;
	width: 330px;
	height: 272px;	
	border: 1px solid #ccc;
	}	
	
.td1 {
	background: #eaeaea;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	}
.td1a {
	background: none;
	font-size: 10px; 
	padding: 3px;
	}	
.td2 {
	background: #dadada;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	}
.td3a {
	background: #eaeaea;
	padding: 3px;
	}
.td3 {
	background: #eaeaea;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	}
.td4a {
	background: #dadada;
	padding: 3px;
	}
.td4 {
	background: #dadada;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	}	
#errors {
	color: #FF0000;
}
.error {
	color: #FF0000;
}
.errorfield {
	border: 1px solid #ff0000 ! important;
	background-color: #ffdfdf ! important;
	}