@charset "UTF-8";
/* Andy Higgs Design. http://andyhiggs.co.uk - Copyright (c) WeCreate.org.uk 2008 - All Rights Reserved. */

html,body {
	padding:9px 0;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	background:#FFF url(../../images/vagrant/wallpaper.gif) repeat fixed;
}

a {color:#000;text-decoration:none;}
a:hover {text-decoration: underline;}
span.trailing-underscore:after {content: "_";}
.grade-1-text {color: #000;}
.grade-2-text {color: #333;}
.grade-3-text {color: #666;}
.grade-4-text {color: #999;}
.grade-5-text {color: #CCC;}


#world_clocks {
	overflow: hidden;
	zoom: 1;
	font-weight: bold;
	font-size: 0.8571em; /* 12px */
	line-height: 1.75em; /* 21px */
	margin-bottom: 1.75em;
	position: absolute;
	top: 0px;
	left: 32px;
	width: 200px;
}
#world_clocks  dt   {
	float: left;
	margin-right: 0.5em;
}
#world_clocks  dd   {
	margin-right: 1em;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	background:#FFF;
	padding-top: 32px;
	padding-bottom: 16px;
}
#content_wrapper {
	padding: 18px 32px 0;
	position: relative;
}
#branding {
	overflow: hidden;
	zoom: 1;
	text-align: right;
	text-transform: lowercase;
	font-size: 30px;
	position: absolute;
	right: 32px;
	top: 0px;
}
#branding .page-title {width:337px;}
#branding .page-title a {
	font-size: 80px;
	font-weight: bold;
	display: block;
	text-transform: none;
	letter-spacing: -5pt;
	height: 257px;
	text-align: right;
}

#branding span {
	font-weight: bold;
}
#vertical_strap {
	background: #000000 url(../../images/wecreate/we_are_the_new_you_vertical.png) no-repeat left top;
	height: 245px;
	width: 25px;
	position: absolute;
	top: 14px;
	left: -42px;
	font-size: 0.1px;
}
#navigation {
	overflow: hidden;
	zoom: 1;
	margin-top: 172px;
	padding-bottom: 18px;
}
#navigation li {
	float: left;
	width: 70px;
	display: block;
	text-transform: lowercase;
	text-align: center;
}
#navigation li a {
	color: #999;
	font-weight: bold;
	display: block;
	background: url(../../images/navigation_icons.png) no-repeat 0px 18px;
	padding-bottom: 64px;
}

#navigation li a:hover {
	color:#000;
}

#navigation li a#n_home {
	background-position: 0 18px;
}
#navigation li a#n_about {
	background-position: -70px 18px;
}
#navigation li a#n_campaign {
	background-position: -137px 18px;
}
#navigation li a#n_blog {
	background-position: -206px 18px;
}
#navigation li a#n_contact {
	background-position: -280px 18px;
}

#navigation li a#n_home:hover {
	background-position: 0 -63px;
}
#navigation li a#n_about:hover {
	background-position: -70px -63px;
}
#navigation li a#n_campaign:hover {
	background-position: -137px -63px;
}
#navigation li a#n_blog:hover {
	background-position: -206px -63px;
}
#navigation li a#n_contact:hover {
	background-position: -280px -63px;
}

ul.errors-display li, ul.notices-display li {list-style:square outside;margin-left:18px;}

ul.notices-display {
	margin:1em 0;
	padding:1em 18px;
	background:#080;
	color:#FFF;
}

ul.errors-display {
	margin:1em 0;
	padding:1em 18px;
	background:#C00;
	color:#FFF;
}

ul.errors-display li a, ul.notices-display li a {color:#FFF;text-decoration:underline;}


#pre_content_box {
	height: 200px;
	margin-top: 18px;
	margin-bottom: 32px;
	border: 1px solid #000;
}

#pre_content_box.text {
	padding:18px;
	text-transform: uppercase;
}
#post_content_box {
	margin-bottom: 16px;
	margin-top: -58px;
	position:relative;
	height:210px;
	background: url(../../images/vagrant/boxes_corner.png) no-repeat left top;
	z-index:1;
	position:relative;
}

#post_content_box p.supporters {
	position:absolute;
	right:0;
	top:4px;
	text-align:right;
	width:500px;
	padding-right:18px;
}

#post_content_box p.down-but-not-out {
	font: 60px "Impact", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: right;
	height: 210px;
	position:absolute;
	right:0;
	top:70px;
	width: 518px;
}


#bottom_logo {
	position:absolute;
	left:0;
	top:125px;
	width:300px;
	height:85px;
}
#bottom_logo a {
	display:block;
	text-indent:-9999px;
	width:300px;
	height:85px;
	overflow:hidden;
}

#content_wrapper .col-3-1 {width:247px;margin-right:18px;margin-bottom:18px;float:left;}
#content_wrapper .col-3-2 {width:530px;margin-right:18px;margin-bottom:18px;float:left;}

#content {
	border: 1px solid #000;
	padding: 18px 18px 58px;
	overflow:hidden;
	zoom:1;
	position: relative;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family: "Impact", Helvetica, Arial, sans-serif;text-transform:uppercase;}

#content h1 { font-size: 3.2857em; /* 46px */ line-height: 1.3696em; /* 63px */ margin-bottom: 0.4565em;  }

#content h2 { font-size: 2.8571em; /* 40px */ line-height: 1.05em; /* 42px */ margin-bottom: 0.525em;  }

#content h3 { font-size: 2.5714em; /* 36px */ line-height: 1.1667em; /* 42px */ margin-bottom: 0.5833em;  }

#content p, #content li { font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin-bottom: 1.5em; }

#content ul li {
	padding-left: 27px;
	background: url(../../images/bullet.png) no-repeat 0px 2px;
}
#content ol li {
	list-style: decimal outside;
	margin-left: 27px;
}
#content blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	border-left: 5px solid #000;
	padding-left: 32px;
	padding-right: 32px;
	margin-left: 18px;
}

#content form {
	background: #CCC;
	border: 1px solid #999;
	padding: 18px 18px 0;
	margin-bottom: 18px;
}
#content form legend {
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	padding-bottom: 1em;
	display: block;
}

#content form div.field, #content form div.buttons {clear:both;margin-bottom:1em;}
#content form div.field label {float:left;width:120px;text-transform:uppercase;color:#333;font-size: 0.8571em; /* 12px */ line-height: 1.75em; /* 21px */}
#content form .indented {margin-left:120px;}

#content form div.checkbox {margin-left:120px;overflow:hidden;zoom:1;position:relative;}
#content form div.checkbox input {position:absolute;left:0;top:2px;}
#content form div.checkbox label {margin-left:22px;}

#content form div.field input[type='text'], #content form div.field textarea {padding:3px;border:1px solid #999;}

#content .rss-icon a {
	float:right;
	background: url(/images/vagrant/rss-icon.png) no-repeat 0 0;
	width:32px;
	height:32px;
	display:block;
	text-indent:-9999px;
	margin-top:-6.2em;
	overflow:hidden;
}

#content .rss-icon a:hover {
	background-position: 0 -32px;
}

#footer {
	padding: 18px 36px 0;
	font-size: 0.8571em; /* 12px */ line-height: 1.75em; /* 21px */
	text-align:right;
	margin-top:-70px;
	position:relative;
	z-index:2;
	float:right;
}

#footer .licence {padding-right:74px;}
#footer .tm {display:block;clear:both;}
#footer .attribute {float:right;margin-top:-44px;}
#footer .attribute a {background: url(/images/ah-logo-on-white.png) no-repeat 0 0; width:60px;height:41px;display:block;overflow:hidden;text-indent:-9999px;text-align:left;overflow:hidden;}


/* SHOP */

.force-new-line {display:block;}

#content ol.shop-products {
	overflow:hidden;
	zoom:1;
	margin-left:-16px;
	clear:both;
}
#content ol.shop-products li {
	float:left;
	list-style:none;
	margin-left:18px;
	padding:10px;
	background:#DDD;
	width:180px;
	height:286px;
	overflow:hidden;
}
#content ol.shop-products li:hover {
	background:#CCC;
}
#content ol.shop-products li h3 {
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
}

#content ol.shop-products li p {
	margin-bottom:0;
}

#content p.product-see-all {float:left;width:180px;text-transform:uppercase;font-weight:bold;}
#content ul.product-gender-selection {float:left;margin-left:140px;text-transform:uppercase;font-weight:bold;}
#content ul.product-gender-selection li {float:left;background:none;padding-left:0;text-align:center;width:100px;border:1px solid #CCC;margin:0 4px;}
#content ul.product-gender-selection li a {display:block;}
#content ul.product-gender-selection li a.selected {background:#EEE;}
#content p.product-pagination {float:right;width:240px;text-align:right;text-transform:uppercase;font-weight:bold;}
#content #product_info_wrapper {width:532px;float:left;}

table#stock_list {border-collapse:collapse;text-transform:uppercase;font-weight:bold;float:left;margin-bottom:1em;width:532px;}
table#stock_list th, table#stock_list td {padding:9px 32px 9px 0;}

table#stock_list td.stock-0 {background: url(/images/vagrant/stock-0.png) no-repeat 0% 45%;padding-left:55px;}
table#stock_list td.stock-1 {background: url(/images/vagrant/stock-1.png) no-repeat 0% 45%;padding-left:55px;}
table#stock_list td.stock-2 {background: url(/images/vagrant/stock-2.png) no-repeat 0% 45%;padding-left:55px;}
table#stock_list td.stock-3 {background: url(/images/vagrant/stock-3.png) no-repeat 0% 45%;padding-left:55px;}
table#stock_list td.stock-4 {background: url(/images/vagrant/stock-4.png) no-repeat 0% 45%;padding-left:55px;}
table#stock_list td.stock-5 {background: url(/images/vagrant/stock-5.png) no-repeat 0% 45%;padding-left:55px;}

table#stock_list form {background:none;border:none;padding:0;margin:0;}
table#stock_list form select {margin-right:18px;}

table#checkout {border-collapse:collapse;width:100%;text-transform:uppercase;margin-bottom:1em;}
table#checkout th, table#checkout td {padding:9px;}
table#checkout th {font-weight:bold;}
table#checkout thead {border-bottom:1px solid #000;}
table#checkout tfoot {border-bottom:1px solid #000;border-top:1px solid #000;}

#checkout_form .buttons {text-align:right;}

/* Contact Form */

#contact_details p.adr {
	margin-top:30px;
	padding-top:70px;
	background: url(/images/wecreate/envelope.png) no-repeat top left;
	margin-left:40px;
}

#contact_details ul.telephones {
	padding-left:160px;
	background: url(/images/wecreate/phone.png) no-repeat top left;
	height:120px;
}

#contact_details ul.internet {
	padding-left:160px;
	padding-top:40px;
	background: url(/images/wecreate/pc.png) no-repeat top left;
	height:74px;
}

#contact_details li.tel, #contact_details ul.internet li {
	background: none;
	padding-left:0;
}

#contact_details .label {
	float:left;
	width:100px;
	font-weight: bold;
}

/* Product View Images */

#content #shop_product {clear:both;padding-bottom:20px;overflow:hidden;zoom:1;}

#content #shop_product_slides_wrapper {width:180px;padding:10px;background:#CCC;float:right;}
#content #shop_product_slides {width:180px;padding:0;}
#content #shop_product_slides li {list-style:none;margin:0;}
#content #shop_product_slides img {float:left;}
#content #shop_product_slides_wrapper #slide_navigation li {background: none;margin:0;padding:0;float:left;width:50%;}
#content #shop_product_slides_wrapper #previous_slide {background: url(/images/left-arrow.png) no-repeat 90% 50%;padding-right:1.5em;display:block;}
#content #shop_product_slides_wrapper #next_slide {background: url(/images/right-arrow.png) no-repeat 10% 50%;padding-left:1.5em;display:block;text-align:right;}

/* Basket */

#basket {text-align:right;position:absolute;top:28px;right:18px;}
#basket h3 {font-size:1.2em;margin-bottom:5px;}
#basket p a {font-weight:bold;text-transform:uppercase;}

/* Newsletter Subscription */
#newsletter_signup {float:right;}
#newsletter_signup div.field{float:left;padding-right:4px;padding-top:16px;}
#newsletter_signup div.field label {padding-right:4px;text-transform:uppercase;}
#newsletter_signup div.buttons {float:left;padding-right:16px;padding-top:16px;}
