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

Site:              CharlesFish.co.uk
Version:           1.0 - 10/06/08
Copyright:         ©2008 Charles Fish
Site design:       Jason Rainbird Studio www.jasonrainbird.com

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


/* ------------LAYOUT PROPERTIES------------ */

* { padding:0; margin:0; }
html, body { word-wrap:break-word; margin: 0px; padding:0px; font: normal 14px/22px Georgia, Constantia, "Times New Roman", Times, serif; color: #fff; text-align:center; background: #000 url("images/cf_grad.jpg") repeat-x top left; height: 100%;}
#wrapHome {  margin: 0 auto; width: 800px; text-align: left;  background: transparent url("images/home_bg.jpg") no-repeat top left; position: relative; min-height: 100%;  }
#wrapStores {  margin: 0 auto; width: 800px; text-align: left;  background: transparent url("images/stores_bg.jpg") no-repeat top left; position: relative; min-height: 100%; }
#wrapBrands {  margin: 0 auto; width: 800px; text-align: left;  background: transparent url("images/brands_bg.jpg") no-repeat top left;  position: relative; min-height: 100%; }
#wrapContact {  margin: 0 auto; width: 800px; text-align: left;  background: transparent url("images/contact_bg.jpg") no-repeat top left; position: relative; min-height: 100%; }
* html #wrapHome, * html #wrapStores, * html #wrapBrands, * html #wrapContact { height: 100%; }
#logo { width:100%; height:175px; text-align:center;}
#rightCol {  overflow:hidden; float: right;  display:inline;  position: relative;  width:400px; padding: 0px 0px 60px 20px;  margin: 0px; }
#footer {  height:28px; clear:both;  padding: 0px 0px 0px 0px; position: relative; margin-top: -28px; }
.clear { clear: both; }


/* ------------TYPOGRAPHY------------ */

h1 { font-size: 20px; line-height: 26px; font-weight:normal; padding: 0px 0px 24px 0px; margin: 0px; color:#fff; }
h1 strong { font-weight:normal; color:#009bc8; }
h2 { font-size: 13px; line-height: 20px; font-weight:bold; letter-spacing:.1em; padding: 0px 0px 7px 0px; margin: 0px; color:#fff; }

a:link { color:#fff; font-weight: normal; text-decoration:none; }
a:visited { color:#fff; font-weight: normal; text-decoration:none; }
a:hover { color:#fff; font-weight: normal; text-decoration:underline; }

.home, a.home, a:hover.home  { color:#df88ca;}
.stores, a.stores, a:hover.stores { color:#8fbfef;}
.brands, a.brands, a:hover.brands { color:#60d4cc;}
.contact, a.contact, a:hover.contact { color:#c18fec;}

p { font-size: 14px; line-height: 24px; font-weight:normal; padding: 0px 0px 24px 0px; margin: 0px; color:#fff; }
p strong { font-weight:bold; color:#fff; }
br { padding: 0px 0px 0px 0px; margin:0px;  }


#footer p { font-size: 9px;  color:#444; line-height: 14px; padding: 0px 0px 0px 0px; font-family:Verdana, Helvetica, Arial, sans-serif; text-align:center; }
#footer a { font-size: 9px;  color:#555; font-family:Verdana, Helvetica, Arial, sans-serif; }
#footer a:link { color:#555; font-weight: normal; text-decoration:none; }
#footer a:visited { color:#555; font-weight: normal; text-decoration:none; }
#footer a:hover { color:#fff; font-weight: normal; text-decoration:underline; }

.bulletList ul { padding: 0px 0px 12px 0px; margin: 0px; list-style-type: none; }
.bulletList li { padding: 0px 0px 6px 20px; margin: 0px;   background: transparent url("../images/icon_bullet.gif") no-repeat 0px top; position: relative}


/* ------------MENU------------ */

#mainMenu ul { margin: 0 auto;padding: 0px; list-style-type: none;text-align:center; position: relative; height:90px;  }
#mainMenuList li {  margin: 0; padding: 0; width: auto;  display: inline;  }
#mainMenuList li a, #mainMenuList li a:link { color: #bdbdbd; text-decoration: none; padding: 0px 10px 0px 10px;  font-size:20px;}
#mainMenuList li a#homeActive, #mainMenuList li a#homeActive:link { color: #df88ca; cursor: default; }
#mainMenuList li a#storesActive, #mainMenuList li a#storesActive:link { color: #8fbfef; cursor: default; }
#mainMenuList li a#brandsActive, #mainMenuList li a#brandsActive:link { color: #60d4cc; cursor: default; }
#mainMenuList li a#contactActive, #mainMenuList li a#contactActive:link { color: #c18fec; cursor: default; }
#mainMenuList li a:hover { cursor: pointer; color:#fff; }


/* ------------FORMS------------ */

form { padding:0px; margin: 0px 0px 0px 0px; }
label { padding:0px; margin: 0px 0px 0px 0px; color:#fff; font-size: 12px; display: block; }
input.cfInput { border: 1px solid #484848; padding:2px; margin: 0px 0px 10px 0px; background:#262626; width: 200px; color: #888; font-size: 12px; display: block; line-height:12px; }
.cfInput:focus {  border: 1px solid #df88ca;  background:#fff; color:#880e6a;   }
input.cfButton { padding: 12px 0px 24px 0px;} 
#error { font-size:14px; color:#df88ca;}


/* ------------CONSOLE------------ */

#rightCol2 {  overflow:hidden; float: left;  display:inline;  position: relative;  width:500px; padding: 0px 0px 60px 295px;  margin: 0px; }
input.cfInput2 { border: 1px solid #484848; padding:2px; margin: 0px 0px 10px 0px; background:#262626; width: 200px; color: #888; font-size: 12px; display: block; line-height:12px; }

/* ------------PRINTER STYLES------------ */
 @media print{ 
#logo, #footer, #mainMenu {display:none;} 
#rightCol {width:100%; float:none; padding-left:0px; padding-right:0px; color:#000;}
input.cfInput { background:#fff; color: #000; }
}