/*
	Laurence Gillian sometimes know as Laurie or Utt made the following CSS.
	If you want to know more, drop me a line on lau@voodoodog.com :) love and peace, x
*/

/*-----------------------------------------------------
Core Elements
-------------------------------------------------------*/
	
/* [01] Yahoo CSS Reset 
   [http://developer.yahoo.com/yui/reset/#code]
-------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
	background: white url(../media/2269/site-background.png) top center repeat-x;
}
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;
}

p { margin: 1em 0; font-size: 13px; }
.cufon { color: #000000;}


.preview { height: 375px; }
.preview a { border: 0; text-decoration: none; }

/* [02] HTML / Body
-------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: verdana, arial, sans-serif;
	color: #999999;
	font-size: 100.01%;
	}


/* Containers
----------------------------------------------------------------------------------------------------*/

.container_8 {
	margin-left: auto;
	margin-right: auto;
	width: 932px;
	padding-left: 24px;
	padding-right: 4px;
	background: white url(../images/div-container.png) top left repeat-y;
}

#footer {
	background: transparent url(../images/div-footer.png) bottom left no-repeat;
	padding-top: 20px;
	height: 80px;
	margin-bottom: 2em;
}

#footer ul { 
	float: left; display: block;
	}

#footer ul li {
	float: left; display: block; padding-right: 1em; font-size: 11px; font-style: italic;
}	

/* Header
-----------------------------*/

h2.grid_8.header {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: 33px;
	height: 33px;
	width: 317px;
	background: transparent url(../images/class-header-h2.png) top left no-repeat;
	text-indent: -9999px;
}

h2.grid_8.header a { display: block; height: 33px; cursor: pointer;}

/* Header Navigation
-----------------------------*/

.navigation.top { height: 80px; background: white; }
.navigation.top ul { float: right; display: block; margin-top: 8px; margin-right: 14px; text-transform: lowercase; }
.navigation.top ul li { float: left; display: block; padding-left: 1em;}

.grid_left.navigation ul { font-size: 24px; font-style: italic; text-transform: lowercase;}
.grid_left.navigation ul li { padding-bottom: 2px;}

#footer a { color: #000000;}
.navigation a { color: #181818; text-decoration: none;}
.navigation a.active { border-bottom: 1px #a1a1a1 solid; padding-bottom: 3px;}
.grid_left a.active { color: #ff7088; border: 0; padding: 0;}

p.basketItems { float: right; display: block; margin-top: -4em; padding-right: 1em; }

/* Content
-----------------------------*/

h1 {
	font-size: 25px;
	color: #7385e3;
	min-height: 2.8em;
}

.price {font-size: 24px;}
.cartAdd {font-size: 16px;}
.colorway {font-size: 14px;}

.preview span.price { font-size: 11px; }
.preview span.title { font-size: 11px; }
.preview a { color: #666; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_left,
.grid_right,
.grid_2_expand,
.grid_2_contract,
.grid_2,
.grid_8 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 8px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

/* Grid >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .grid_left {
	width: 212px;
	margin-top: 30px;
}

.container_8 .grid_right {
	width: 700px;
}

.container_8 .grid_2 {
	width:222px;
	padding-right: 8px;
	margin-right: 9px;
}

.container_8 .grid_2_expand {
	width:396px;
	padding-right: 8px;
	margin-right: 8px;
}

.container_8 .grid_2_contract {
	width:288px;
	padding-right: 8px;
	margin-right: 10px;
}


.container_8 .grid_8 {
	width:922px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.doubleline {
	background: transparent url(../images/class-doubleline.png) top left repeat-x;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.grid_right h3 {
	height: 32px;
	font-size: 1.866em;
	padding-left: 5px;
	padding-bottom: 5px; 
	margin-bottom: 8px;
	background: transparent url(../images/color-greyLight.png) bottom left repeat-x;
	color: #7385e3;
	font-style: italic;
}


p.description { min-height: 5em; }
p.cartAdd { min-height: 3em; }
p.colourway { font-weight: 500; }
p.colourway a { color: #000; font-weight: 500; text-decoration: none; font-size: 13px; }
p.colourway a.active { text-decoration: underline; }

ul.colourway { 
	display: block;
	position: relative;
}

ul.colourway li { clear: both; line-height: 2em; height: 5em; }
ul.colourway img { float: left; display: block; margin-right: 1em;}
ul.colourway li a.active { border-bottom: dashed 2px #99a6ea; padding-bottom: 0.25em; }
ul.colourway li a { text-decoration: none; }

table.cart.summary { display: block; font-size: 0.86em; padding: 2em; }
table.cart.summary tr td { width: 20%; line-height: 2em; }

p.basketItems a { color: #000; text-decoration: none; }
p.basketItems a:visited { color: #000; }
p.total { padding-left: 2em; font-size: 1.4em; padding-left: 2em; padding-bottom: 2em; font-size: 0.9em; }
p.information { padding-left: 2em; }
form.paypal { padding-left: 1.5em; margin-bottom: 2em;  }

.cufon a { text-decoration: none; color: #1a2792; }
.cufon a:visited { color: #1a2792; }

.landing {margin-top: 2em; margin-bottom: 2em;}
.strike { color: red; text-decoration: line-through; }
em {font-style:italic;}

























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */