/*
  Laurence Gillian sometimes know as Laurie or uniquelau 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;}

/** Shopping Cart Styles **/

.simpleCart_items {font-size: 0.85em; margin-top: 25px; margin-left: 4px; width: 700px;}
.cartHeaders {font-weight: 900; height: 25px; }
.itemContainer {float: left; position: relative; clear: both; line-height: 2em;}
.itemName, .itemSize, .itemPrice, .itemQuantity, .itemTotal, .itemRemove {float: left; position: relative; width: 100px;}
.itemName {width: 300px;}
.finalTotal { 
border-top:1px solid #F7F7F7;
clear:both;
float:left;
font-size:0.85em;
font-style:italic;
margin-left:4px;
margin-top:13px;
position:relative;
width:692px;}

.item_size {margin-left: 5px; margin-right: 5px;}
.item_add.current {border-bottom:2px dashed #99A6EA;padding-bottom:0.24em;}




































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