/*---------------------------------------------------------------------------------

CREATOR DETAILS

Author: 
Company: Attitude Design Ltd
Web Address: www.attitudedesign.co.uk
Date:

---------------------------------------------------------------------------------*/

/* Fixes issue with new padding settings */
#admin-toolbar * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
ul.contextual-links { width:auto !important; }
/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }


/* apply a natural box layout model to all elements */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* border-box doesn't work too well with images so this reverts these and also gives a class to use if content-box is needed */
img, .content-box {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

a,input.form-submit,.ease {
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

body {font:13px/1.22 arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:99%;}
html, body {    
   height: 100%; /* Helps for Sticky Footers */
}

/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
	margin: 0 0 0 20px;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	
	
}
ul dl {
	margin: 0 0 0 20px;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
	line-height: 1.3em;
	color: inherit;
	-webkit-font-smoothing:antialiased;
}

li {
	color: inherit;	
}
strong, b {
	color: inherit;
}

.pagecontent pre {
	padding:10px 2%;
	width:98%;
	background:#E6E6E6;
	border:#333;
	display:block;
	overflow:auto;
	line-height:1.3em;
}

#attitudecontrolbox pre { margin-bottom:10px; }

a:link		{ color: #851C0E; text-decoration: none;}
a:visited	{ color: #851C0E; text-decoration: none;}
a:hover		{ color: #000000; text-decoration: none;}
a:active	{ color: #851C0E; text-decoration: none;}
h1 { font-size: 2em;}
h1.sitename {font-size:2.2em;font-weight:bold;}
/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

* {font-family: inherit;}

body {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-top: 0;
	padding: 0;
	font-family: Helvetica, Arial,  sans-serif;
    background:#FFF;
    color: #333;
	display:block;
	font-size:1.2em;
}

/* Default styling to match normal header settings (bold etc) */
.h1 , .h2, .h3, .h4, .h5 {
	font-weight:bold;
}

/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
} 

.tright {text-align:right;}
.fright {float:right;}
.tleft {text-align:left;}
.fleft {float:left;}
.tcenter {text-align:center;}
.showmob {display: none;}

/*---------------------------------------------------------------------------------
Layout Styles
---------------------------------------------------------------------------------*/

/*--General Settings--*/

/*Header style tags for use on paragraphs etc so that Search engine bots do not mis-read our code */

h1, .h1 { font-size:2.6em; }
h2, .h2 { font-size:2.4em; }
h3, .h3 { font-size:2.2em; }
h4, .h4 { font-size:2.0em; }
h5, .h5 { font-size:1.8em; }

.contextual-links-region { float:left; width:100%; }
html.js body input.form-autocomplete:focus { background-position: 100% 5px; }

/*--Messages--*/

div.message-container {
	position: absolute;
	left: 50%;
	margin: 15px auto 0 -300px;
	padding: 10px 0;
	width: 600px;
}
div.messages {
	position: relative;
	float: left;
	width: 100%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	z-index: 500;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 1.1em;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	color: #5C5756;
}
div.messages a {color: #5C5756; font-weight: 600;}
div.messages a:hover {color: #000; font-weight: 600;}
div.messages:hover {opacity: 0.8;}
div.messages li {list-style: none; font-size: inherit; background: none;}
div.messages ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.messages.status {background: #DDECDA; border: 1px #1B8C44 solid;}
.messages.error {background: #F8C7CA; border: 1px #EF8286 solid;}


/*--Header--*/

.searchblock { float:left; width:100%; margin:80px 0 0 0; }
.searchblock input.form-text { float:left; width:70%; font-size: 1em; border:1px solid #E3E3E3; background:#FFF; padding:0 2px; }
.searchblock input.form-submit { float:left; width:30%; font-size: 0.8em; border:1px solid #9E9E9C; background:#9E9E9C; padding:2px 5px; text-align: center; }
.searchblock input.form-submit:hover { color:#FFF; background:#39382E; }

/*--Main Navigation--*/

#nav { width:100%; border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; float:left; margin:0; padding:0; }
#nav h2 { display:none; }
#nav .content ul { width:100%; float:left; margin:0; padding:0; }
#nav .content ul li { margin:0; padding:0; list-style:none; float:left; }
#nav .content ul li a { padding:4px 10px; margin:0; float:left; border-right:1px solid #E3E3E3; }
#nav .content ul li a:hover { background: #FBFBFB; }
#nav .content ul li a.active,
#nav .content ul li a.menuparent,
#nav .content ul li.active-trail a.active { color:#3699E6; }

	/*--For Sub Nav if applicable--*/
#nav ul li ul { display:none; top:100%; width:200px; position: absolute; z-index: 999;}
#nav ul li ul li { width:100%; }
#nav ul li ul li a { width:100%; }

#nav .content .sf-menu li:hover > ul, #nav .content .sf-menu li.sfHover > ul { padding:10px 10px; top: 1.35em; background:#DEDEDE; font-size:0.8em; }
#nav .content .sf-menu li.sfHover > ul li { padding:5px 0; border-bottom:1px solid #7B7877; }
#nav .content .sf-menu li.sfHover > ul li.last { border-bottom:none; }
#nav .content .sf-menu li.sfHover > ul li a { padding:0; }
#nav .content .sf-menu li.sfHover > ul li a:hover { background:transparent; color:#3699E6; }

/*--Sub Navigation--*/

.sidebar .block {margin-bottom:20px;}
.sidebar .block h2 {margin:0 0 10px 0;}
.sidebar .block .view-content ul {margin:0; padding:0; float:left;}
.sidebar .block .view-content ul li { margin:0; padding:0 0 5px 0; width:100%; float:left; list-style:none;}
.sidebar .block .view-content ul li ul {margin:0 0 0 5px;}

/*--Home Page Specific--*/


/*--Inner Page Specific--*/


/*-- Blog Story Specific--*/

ul.links.inline {margin:0; padding:0;}
ul.links.inline li {margin:0; padding:0 5px 0 0;}
.terms.terms-inline {display:none; /*We don't usually show the terms it's in, as they're on the sidebar */}

/*--Blog index specific--*/

.bloglistarea ul {margin:20px 0 0 0; float:left; padding:0; width:100%;}
.bloglistarea ul li {list-style:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dashed #CCC; float:left; width:100%;}
.bloglistarea ul li .views-field-created {font-style:italic; margin-bottom:10px;}
.bloglistarea ul li .views-field-title {font-size:1.1em; font-weight:bold;}

/*--Blog Comments --*/

.comment {border:1px solid #434A4A; background:#353C3C; padding:15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; margin:10px 0 20px 0; display:block;}
.comment ul.links li {padding:0; display:block; margin:0 10px 0 0;}
#comment-form { width:80%; }
#comments input.form-text { width:95%; }
#comments textarea.form-textarea {width:100%; height:100px;}

/*--Contact Page Specific--*/

.contactformpage .webform-component {width:45%; margin:0 5% 0 0; float:left;}
.contactformpage .webform-component-textarea { width:93.5%; margin-right:6.5%;}
.contactformpage .webform-component-textarea .grippie { display:none; }
.contactformpage .webform-component .form-item { margin:0 0 1em 0; }
.contactformpage .webform-component textarea.form-textarea { height:120px; }
.contactformpage #edit-actions { width:100%; float:left; margin:0 0 2em 0; }
.contactformpage .form-item label { font-weight:normal; margin:0 0 5px 0; }
.contactformpage .form-checkboxes { margin:0; }

/*--Cart Page Specific--*/

#cart-pane th, #cart-pane td,
#cart-form-products th, #cart-form-products td {
	border:none;
	border-bottom:1px solid #CCC;
}

#cart-pane .tableHeader-processed th,
#cart-form-products .tableHeader-processed th {
	border:none;
	border-bottom:3px solid #CCC;
}

#cart-pane legend, 
#cart-form-products legend { display:none; }

#delivery-pane, #billing-pane {
	float:left;
	width:350px;
}

#delivery-pane input.form-text , #billing-pane input.form-text {
	width:90%;
	border:1px solid #CCC;
	background:#FFF;
}

#delivery-pane select, #billing-pane select {
	width:90%;
	background:#FFF;
}

.address-pane-table table td {
	padding-top:5px;
}

#delivery-pane .description {
	margin-bottom:3em;
}

/*--Footer--*/

.footer { background:#CDCDCD; float:left; width:100%; margin-top:50px; padding:30px 0 100px 0; font-size:0.9em; }