/* general css rules */
html, body{
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: Black;
}
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

ul,ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

img{
	border: none;
}
a, a:visited{
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

a.golden{ color:#666; }
a.golden:hover{ color:#DFC13D; }

td{
	text-align: left;
	vertical-align: top;
}

ul,ol {
	list-style: none;
}

dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0px;
	padding: 0px;
}

a img,:link img,:visited img,abbr,fieldset {
	border: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}
label{
	cursor: pointer;
}
/********************************************************/
.debug{
	border: 1px dashed #FF0099;
	background: #FFB7E2;
}
.disabled{
	color: Silver;
}
/* Error Messages */
div.error, #main div.error {
	border-top: 1px solid #E0B2B2;
	border-left: 1px solid #E0B2B2;
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	background-color: #FFF0F0;
	padding: 5px 5px 5px 43px;
	margin: 10px;
	background: #FFF0F0 url(../images/icons/error.png) no-repeat 5px 5px;
	color: #990000;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
div.error h3, #main div.error h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}
div.error hr, #main div.error hr { border-bottom: 1px solid #E0B2B2; border-top: none; border-left: none; border-right: none; height: 1px; }
div.error p, #main div.error p { margin: 0px; padding: 0px; }
div.error a, #main div.error a { font-weight: bold; }
div.error ul, #main div.error ul {
	list-style-type: circle;
	margin-left: 20px;
}

/* Alert Messages */
div.warn {
	border-top: 1px solid #FFDC93;
	border-left: 1px solid #FFDC93;
	border-bottom: 1px solid #F0A300;
	border-right: 1px solid #F0A300;
	background-color: #333333;
	padding: 5px 5px 5px 43px;
	margin: 10px;
	background: #FFF0F0 url(../images/icons/warning.png) no-repeat 5px 5px;
}
div.warn{
	color: #333333;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
div.warn h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}
div.warn hr { border-bottom: 1px solid #F0A300; border-top: none; border-left: none; border-right: none; height: 1px; }
div.warn p { margin: 0px; padding: 0px; }
div.warn a { font-weight: bold; }
div.warn ul {
	list-style-type: circle;
	margin-left: 20px;
}
ul.creepyhalf{ margin:0; padding:0; overflow:auto; clear:both; }
ul.creepyhalf.biggertopmargin{ margin-top:66px; }
ul.creepyhalf li{ margin:0; padding:0; list-style:none; width:460px; float:left; }



form.stockist{ background-color:#fff; padding:10px; margin-bottom:10px; overflow:auto; }
form.stockist.matchimage{ height:216px; }
form.stockist fieldset{ margin:0; padding:0; border:none; }
form.stockist label{ display:block; font-weight:normal; font-size:14px;color:#666666; }
form.stockist label.moveAllDown{ margin-bottom:6px; }
form.stockist input.text{ width:263px; padding:2px 4px; margin:4px 0 14px 0; border:1px solid #ccc; float:left; font-size:11px; color:#666; }
form.stockist input#postcode{ width:116px; margin-right:20px; }
form.stockist select#country, form.stockist select#area, form.stockist select#country_postcode{ width:125px; margin-right:20px;  font-size:11px; color:#666; }
.ie7 form.stockist input.text{ margin:2px 0 12px 0; }
form.stockist h3{ font-weight:normal;font-size:123.1%; color:#603117; margin:0 0 10px 0; }
form.stockist em.tobepaid{ font-size:22px;font-style:normal;font-weight:bold;text-align:right;color:#000; }
form.stockist div.button-wrapper{ margin-left:12px; }
form.stockist br{ clear:both; }
form.stockist p.postcode{ font-size:24px; margin:0; }
form.stockist p.again{ margin-top:24px; font-size:13px; }

div#stockistResults{}
div#stockistResults h3{ color:#603117; margin:0 0 7px 0; font-size:116%; font-weight:bold; }
div#stockistResults table{ margin:0; width:900px; }
div#stockistResults table tr{}
div#stockistResults table tr td{ padding:16px 0; background-color:#fff; font-size:12px; border-bottom:10px solid #F4F3F1; vertical-align:top; }
div#stockistResults table tr td.cardinal{ color:#603117; width:30px; text-align:center; padding:18px 0; font-weight:bold; vertical-align:top; }
div#stockistResults table tr td.stockistName{ color:#603117; }
div#stockistResults li.pager{ text-align:center; width:900px; }
div#stockistResults li.pager a{ display:-moz-inline-block; display:inline-block; line-height:10px; color:#686044; text-decoration:none; padding: 0 5px; border-right: 1px solid #686044; }
div#stockistResults li.pager a.next{ float:right; background:url("../images/arrows/nav-next.gif") no-repeat right center; padding:0; padding-right:18px; border:none; }
div#stockistResults li.pager a.prev{ float:left; background:url("../images/arrows/nav-previous.gif") no-repeat; padding:0; padding-left:18px; border:none; }
div#stockistResults li.pager a.current{ font-weight:bold; text-decoration:underline; }
div#stockistResults li.pager a.last{ border-right:none; }{  }
div#stockistResults table tr td a.stockistLink{ color:#603117; text-decoration:none; }
div#stockistResults table tr td a.more{ margin-right:14px; font-weight:bold; font-size:12px;background:transparent url(../images/buttons/light-small-right-arrow.gif) no-repeat scroll right top;
color:#666666;
display:inline-block;
padding-right:20px;
text-decoration:none; }
div#stockistResults table tfoot td{ background-color:#F4F3F1; padding-right:16px; font-style:normal; }

a.more em{
    background:transparent url(../images/buttons/light-small-left-arrow.gif) no-repeat scroll 0 0;
    display:block;
    font-size:100%;
    font-style:normal;
    line-height:20px;
    padding-left:12px;
    white-space:nowrap;
    }
    
.button-wrapper{ display:inline; background:url("../images/buttons/big-dark-right-arrow.gif") no-repeat top right; padding-right:22px; text-decoration:none; color:#fff; }
.button-wrapper input{ line-height:25px; font-style:normal; background:url("../images/buttons/big-dark-left-arrow.gif") no-repeat; display:block; padding-left:14px; font-size:116%; font-weight:bold; white-space:nowrap; border:0;height:25px;margin:0; padding:0 0 3px 14px;color:#FFF;}

.floatRight{float:right !important;}
.floatLeft{float:left !important;}