@charset "utf-8";

/* Layout
----------------------------------------------------------------------------------------------------*/
body { background: #fff; background-color:#fefbef; }
.column { background-color:#92C348; height:400px; float:left; margin-top:20px; }
.gutter { background-color:#BCDA86; height:400px; float:left; margin-top:20px; }
.gutter_outer { background-color:#56644A; height:400px; float:left; margin-top:20px; }

#logo_for_print {display:none;}

div { overflow:visible; }
.hidden { display:none; } 
input:focus{outline:2px #86c3ec dashed;}
a:focus{outline:2px #86c3ec dashed;}

#header {
	float:left;
	width:100%;
}

#content {
	width:100%;
	float:left;	
	margin-right:-100%;
	padding-top:190px;
	background:url(../_img/grey_back.gif) bottom left repeat-x;
}

#titles {
	background:url(../_img/stripe.gif) repeat;
	width:100%;
}

#maintitles {
	background:none;
	width:100%;
}

#logos {
	background:url(../_img/stripe_tight.gif) repeat; 
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}

#articles {
	padding-top:10px;
	padding-bottom:10px;
}

#footer {
	background-color:#1292cd;
	border-top:1px #1dadeb solid;
}

#footer p {
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.75em;
}

#nav_wrapper {
	width:100%;
	background-color:#1292cd;	
	border-top:1px #1dadeb solid;
}

/* Messages
----------------------------------------------------------------------------------------------------*/
ul.messages {
	background-color:#ffa200;
}

ul.messages li {
	padding:8px;
	border-top:1px solid #ffbb44;
	border-bottom:1px solid #cc8200;
}
.message_close { float:right; }

/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

#breadcrumbs {
	margin-top:10px;	
	padding-left:0;
	margin-left:15px;
}

#breadcrumbs p{
	font-size:90%;	
	font-weight:bold;
	color:#666;
	line-height:160%;
}

#breadcrumbs p a, #sitemap a{
	text-decoration:none;
	color:#444;
	padding:2px;
}

#breadcrumbs p a:hover, #sitemap a:hover{
	background:#999;
}

/* User Zone
----------------------------------------------------------------------------------------------------*/

#userzone {
	/*background:url(../_img/dither.gif) repeat;*/
	float:right;
	margin-top:20px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}

#userzone fieldset {
	margin:0 0 10px 0;
	border:0;
}

#userzone legend {
	margin:0 0 10px 0px;
	padding:0 5px 0 0px;
}

#userzone label {
	font-size:90%;
	line-height:2em;
	float:right;
	margin-bottom:5px;
	margin-right:5px;
}

#userzone .textfield {
	width:152px;
	margin-bottom:10px;
}

#userzone .button{
	float:right;
	margin-right:5px;
	margin-bottom:5px;
}

#userzone ul {
	list-style-type:circle;
	padding-left:20px;
}

#userzone ul li {
	padding-bottom:10px;
	padding-left:5px;
}

#userzone p {
	margin-bottom:10px;
	line-height:1.5em;
}

.username {
	color:#000;
	border-bottom:1px #000 dashed;
}

/* Search Box
----------------------------------------------------------------------------------------------------*/

#search {
	width:220px;
	margin-top:10px;
	font-size:90%;
	line-height:2em;
}

#search .textfield {
	width:152px;
}
#searchsubmit, #loginsubmit {
	position:relative;
	top:4px;
}

/* Images
----------------------------------------------------------------------------------------------------*/

.headerimage {
	margin-top:20px;
	margin-bottom:20px;
}

#logo {
	margin-top:25px; 
	margin-bottom:25px;
	padding-left:10px;
}

.articleimageright, #regions {
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}

.articleimageleft {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
	padding-right:15px;
}

#slideshow {
	height:290px;
}

.mainimage {
	margin-left:0px;
	margin-top:20px;
	position:absolute;
	display:none;
}

#slideshow .default {
	display:inline;
}

#mainpic {
	padding-top:20px;
}
.gallery_thumbnail {
	margin:0 0 18px 0;
	padding:0 0 0 0;
}
#gallery_images li {
	margin:0 20px 20px 0;
	padding:0 0 0 0;
	text-align:center;
	display: inline;
	list-style: none;
}

.gallery_selection {
	float: left;
}

.gallery_selection .gallery_thumbnail {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.other_galleries {
	clear:left;
}

.other_galleries li {
	clear:left;
}

.stockist_logo {
	float:left;
	padding:0 10px 10px 0;
}

/* Articles
----------------------------------------------------------------------------------------------------*/

#article, #gallery_images {
	padding-top:20px;
}

blockquote {
	font-size:115%;
	margin-left:20px;
	margin-top:10px;
	padding-left:40px;
	padding-top:15px;
	padding-bottom:15px;
	font-style:italic;
	background:url(../_img/quote.gif) top left no-repeat;
	line-height:150%;
}

blockquote .attribution {
	padding-left:60px;
	font-size:90%;
	font-style:normal;
}

/* Image Map
----------------------------------------------------------------------------------------------------*/

#regions {display:block; width:280px; height:345px; background:url(../_img/map.gif); position:relative; }
#regions a {color:#000; font-family:arial, sans-serif; font-size:0em; color:#999; text-decoration:none; }

#regions a.scotland {display:block; width:131px; height:0; padding-top:199px; overflow:hidden; position:absolute; left:96px; top:0px; }
#regions a.scotland:hover {background:transparent url(../_img/map_scotland.gif) no-repeat 0 0; overflow:hidden; }
#regions a.north {display:block; width:67px; height:0; padding-top:62px; overflow:hidden; position:absolute; left:131px; top:182px;}
#regions a.north:hover {background:transparent url(../_img/map_north.gif) no-repeat  0 0; overflow:hidden;}
#regions a.yorkshire {display:block; width:58px; height:0; padding-top:47px; overflow:hidden; position:absolute; left:189px; top:183px;}
#regions a.yorkshire:hover {background:transparent url(../_img/map_yorkshire.gif) no-repeat  0 0; overflow:hidden;}
#regions a.west {display:block; width:98px; height:0; padding-top:72px; overflow:hidden; position:absolute; left:113px; top:228px;}
#regions a.west:hover {background:transparent url(../_img/map_west.gif) no-repeat  0 0; overflow:hidden;}
#regions a.midlands {display:block; width:55px; height:0; padding-top:63px; overflow:hidden; position:absolute; left:194px; top:215px;}
#regions a.midlands:hover {background:transparent url(../_img/map_midlands.gif) no-repeat 0 0; overflow:hidden;}
#regions a.anglia {display:block; width:57px; height:0; padding-top:55px; overflow:hidden; position:absolute; left:223px; top:245px;}
#regions a.anglia:hover {background:transparent url(../_img/map_anglia.gif) no-repeat  0 0; overflow:hidden;}
#regions a.southeast {display:block; width:79px; height:0; padding-top:65px; overflow:hidden; position:absolute; left:191px; top:270px;}
#regions a.southeast:hover {background:transparent url(../_img/map_southeast.gif) no-repeat 0 0; overflow:hidden;}*
#regions a.southwest {display:block; width:108px; height:0; padding-top:73px; overflow:hidden; position:absolute; left:94px; top:272px;}
#regions a.southwest:hover {background:transparent url(../_img/map_southwest.gif) no-repeat 0 0; overflow:hidden;}
#regions a.nireland {display:block; width:61px; height:0; padding-top:51px; overflow:hidden; position:absolute; left:67px; top:142px;}
#regions a.nireland:hover {background:transparent url(../_img/map_nireland.gif) no-repeat 0 0; overflow:hidden;}
#regions a.ireland {display:block; width:112px; height:0; padding-top:133px; overflow:hidden; position:absolute; left:0px; top:137px;}
#regions a.ireland:hover {background:transparent url(../_img/map_ireland.gif) no-repeat 0 0; overflow:hidden;}

.regionvisible { 
	background-image: url(../_img/down_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 30% ;
	padding-left: 20px;
	padding-top: 5px;
}

/* Footer
----------------------------------------------------------------------------------------------------*/
#footerlinks a {
	text-decoration:none;
	color:#fff;
	padding:2px;
}

#footerlinks a:hover {
	background-color:#fff;
	color:#1292cd;
	
}

#mini_accreditations {
	position:relative;
	top:-10px;
}

#abacus {
	font-size:90%;
}

#abacus a {
	text-decoration:none;
	color:#fff;
}
#abacus a:hover {
	text-decoration:none;
	color:#fff;
	border-bottom:dashed 1px #fff;
}

/* Forms
----------------------------------------------------------------------------------------------------*/
form label { font-style:normal; width:170px; display:block; float:left; text-align:right; margin-right:10px; color:#000;}
form ul li label { display:inline; float:none; }
form ul {margin-bottom:10px; margin-left:180px; text-align:left;}
form ul li {padding-bottom:5px;}
form p {font-style:italic; color:#555;}
form .submit {margin-left:180px;}
form .errorlist {background-color:#FFA982; border:1px solid #ff1200; padding:4px 0 0 4px; display:block;}
#orderformwrapper .errorlist {background-color:#FFA982; border:1px solid #ff1200; padding:4px 4px 4px 4px; display:block; float:left; margin:20px 0 10px 20px}
#orderformwrapper table .errorlist {margin:10px 5px 0px 0px}

#marketingform table {width:100%; margin-bottom:15px;}
#marketingform table td {vertical-align:top; padding:5px;}
.marketing_tickbox {text-align:right;}
.marketing_thumb {text-align:center;}
.greyed {color:silver; background-color:silver;}
#marketing_address ul{clear:both;}
#marketing_address ul li{display:inline;margin-right:20px;}
#marketing_address {float:right;margin-bottom:15px;}
#marketing_address p{font-style:normal;color:#000;float:left; margin-right:30px; margin-left:20px;}
#marketing_submit {text-align:right; clear:both;}

/* Lists
----------------------------------------------------------------------------------------------------*/
#sitemap {list-style:disc;margin-left:15px;}
#sitemap li {padding:5px; font-weight:bold;}
#sitemap ul {list-style:circle;margin:10px 0 10px 15px;}
#sitemap ul li {font-weight:normal;}

.stockists ul, .techinfo ul {margin:0 0 15px 17px; clear:left;}
.stockists li, .techinfo li {margin:0 5px 15px 0;}

.doc {
	padding:0 0 0 40px;
	background-image: url(../_img/document.gif);
	background-repeat: no-repeat;
	background-position: 0 30% ;
	line-height: 125%;
}

.general_article ul {
	margin:5px 0 15px 60px;
}
.general_article li {
	padding:10px 0 10px 0px;
	margin:0 0 0 0;
	list-style-image: url(../_img/list_bullet.gif);	
}

#stock_search_results li {padding:10px;}
#stock_search_results .even { background-color:#cccccc;}

/* Links
----------------------------------------------------------------------------------------------------*/
.rss_link {clear:both; text-align:center;}
.rss_link a{text-decoration:none;}

#prev_page {float:left; margin-bottom:15px;}
#next_page {float:right; margin-bottom:15px;}