/* Overall */
  body {color: #FFFFFF;text-align:center;}
  p, a, ul, li, h1, h2, h3, h4{text-align:left;}
  a       {color: #FFFFFF; text-decoration: none;}
  a:hover {text-decoration: underline;}
  h2, h3 {margin: 20px 5px 10px 5px;}
/* The top part */
  #top {width: 872px; margin: 0 auto;}
  /* Header Image Replacement */
    #header {float: left; margin: 0; overflow: hidden; text-indent: -1000px; white-space: pre;}
    #header {width: 346px; height: 102px; background: top center no-repeat url('../gfx/logo.png');}
  /* Navigation */
    #nav    {float: right; width: 160px;  list-style-type: none; background-color: #E6E8DB; padding: 0px 0 0 0; margin: 0 0 0 20px;}
    #nav ul {position:relative;}
    #nav li {margin: 0;}
    #nav a  {display: block; padding: 0 0 0 28px; background: url('../gfx/bullet.png') 10px 6px no-repeat; font-family: sans-serif; text-transform: uppercase; text-decoration: none; color: #2F3829;}
    #nav li.this a,
    #nav a:hover {background-color: #305474; color: #FFFFFF; background-image: url('../gfx/bullet_hover.png');}

/* Content sections */
  .section {background: url('../gfx/bgfade.png') top center repeat-y #2F3829; padding: 1px 0; margin: 0 0 1px 0;}
  .inner   {width: 850px; margin: 0 auto;}
  .bluff {width:300px;}
  /* Fluffy (fluffs out the page) */
    #fluffy           {background-color: #305474; height: 70px;}
    #fluffy h2        {float: left; text-transform: uppercase; font-weight: normal; font-size: 14px;}
    #fluffy h2 strong {display: block; font-weight: bold; font-size: 28px; line-height: 30px;}
    #fluffy #bigImage {position: absolute; top: 0; right: 50%; margin: -10px -227px 0 0;}
  /* Main Content */
    #main {background-color: #25455C;}
    #main #breadcrumbs {text-transform: uppercase; margin-top: 5px; margin-bottom: 20px;}

/* Navigation */
    #search    {position:absolute; right:-11px; top:53px; width: 160px; list-style-type: none; background-color: #E6E8DB; padding: 6px 0 6px 0; margin: 0 0 0 0;}
    #search li {margin: 0;}
    #search ul {list-style-type:none;margin:0;}
    #search a  {display: block; padding: 0 0 0 28px; background: url('../gfx/bullet.png') 10px 6px no-repeat; font-family: sans-serif; text-transform: uppercase; text-decoration: none; color: #2F3829;}
    #search li.this a,
    #search a:hover {background-color: #305474; color: #FFFFFF; background-image: url('../gfx/bullet_hover.png');}
    
    #search li.sub a  {display: block; padding: 0 0 0 28px; background: url('../gfx/bullet.png') 10px 6px no-repeat; font-family: sans-serif; font-size:90%; text-transform: uppercase; text-decoration: none; color: #2F3829;}
    #search li.sub a:hover {background-color: #305474; color: #FFFFFF; background-image: url('../gfx/bullet_hover.png');}


/* Product Layout */
	.all {overflow:auto; width:79%; margin-left:1%;clear:none;float:left;}
	.all h2 {margin: 0 0 0 0; padding-bottom:20px; border: solid;border-width: 0 0 1px 0; border-color: #ffffff;}
	.all h3 {margin: 20px 0 0 0;}
	#left {width:58%; float:left;}
	#left p{margin:10px 5px;}
	#right{width:39%; float:left;}
	#right h2 {margin: 0 0 0 0; border-width:0 0 0 0;}
	#right .price {border: solid 1px #305474; margin:20px 0 20px 0; padding: 10px 5px 10px 5px;width:80%;float:right; }
	
	/* images layout */
	#right .image {border: solid 1px #305474; margin:20px 0 20px 0; padding: 5px 5px 5px 5px;width:80%;float:right; }
	#right .main_image {margin: 0 0 10px 0; width:100%;}
	#right .left_thumb {margin: 0 0 10px 0;border: solid 1px #ffffff; float:left; width:30%; height:65px; }
	#right .mid_thumb {margin: 0 0 10px 0;border: solid 1px #ffffff; float:left; margin-left:3.5%; width:30%; height:65px;}
	#right .right_thumb {margin: 0 0 10px 0;border: solid 1px #ffffff; float:right; width:30%; height:65px;}
	
	
	/* makes h3 have an invisible text selection in mozilla and saf, ie has to live with coloured */
	h3.top::-moz-selection{background:transparent}
	h3.top::selection {background:transparent;}
	
	/* product preview layout */
	#related_top {cursor:pointer;float:left;width:100%; background-color:#305474;clear:both;margin:10px 0;}
	#related_top h3 {padding: 5px 5px 5px 5px; margin: 0 0 0 0; border-width:0 0 0 0;}
	#related_top h4 {padding: 5px 5px 5px 5px; margin: 0 0 0 0; border-width:0 0 0 0;font-style:italic;text-align:right; }
	#related_top .left {float:left;width:40%;text-align:left;}
	#related_top .right{float:right;width:40%;text-align:right;}
	.preview {margin: 10px 0 10px 2%; padding:0;float:left; width:95%; clear:both; border-bottom: solid 1px #ffffff;}
	.preview h4{text-align:left;}
	.preview .thumb {margin: 0 0 10px 0;border: solid 1px #ffffff; float:left; width:85px; height:85px; }
	.preview .name {margin: 10px 0 0 20px; border:0; float:left; width:50%;}
	.preview .price {margin: 20px 0 0 0; border:0; float:right; width:20%}
	
/* Comments Layout */
	#comment_top {cursor:pointer;float:left;width:100%; background-color:#305474;clear:both;margin-bottom:10px;}
	#comment_top h3 {padding: 5px 5px 5px 5px; margin: 0 0 0 0; border-width:0 0 0 0;}
	#comment_top h4 {padding: 5px 5px 5px 5px; margin: 0 0 0 0; border-width:0 0 0 0;font-style:italic;text-align:right; }
	#comment_top .left {float:left;width:40%;text-align:left;}
	#comment_top .right{float:right;width:40%;text-align:right;}
	.comment {margin: 10px 5% 0 5%; padding:5px 0 10px 0;float:left; width:90%; clear:both; border-bottom: solid 1px #ffffff;}
	
	.comment p{margin: 10px 20px 10px 20px;}
	.reply {margin: 0 5% 0 15%; padding:5px 0 10px 0;float:left; width:80%; clear:both; border-bottom: solid 1px #ffffff;}
	.reply p{margin: 10px 20px 10px 20px;}
	.admin {background-color:#305474;}
	
	
	.buttons a, .buttons button{float:right;margin:0 7px 0 40%; background-color:#E6E8DB; border:1px solid #dedede; border-top:1px solid #eee;
								border-left:1px solid #eee; font-family:"sans-serif";font-weight:bold; color:#2F3829; cursor:pointer;}
	.buttons button{width:auto;overflow:visible;padding:1px 10px 0px 7px; /* IE6 */}
	.buttons button[type]{padding:1px 10px 1px 7px; /* Firefox */} 
  	form#mainf {width:50%; margin:0 auto 0 auto; position:relative; text-align:left;}
  	form#mainf .comment{font-style:italic;}
  	form#mainf #text {margin-bottom:10px; border-top: solid 1px #2e2e2e; border-right: solid 1px #2e2e2e;}
	form#mainf #buttonHolder {float:left; margin:0 0 0 55%; padding:0;}
  	form#mainf #button{float:right; background-color:#E6E8DB; margin-right:10px; border:1px solid #dedede; border-top:1px solid #eee;
								border-left:1px solid #eee; font-family:Tahoma,Arial,sans-serif;font-weight:bold; color:#2F3829; cursor:pointer;clear:none;}
	form#mainf #button{width:auto;overflow:visible;padding:1px 10px 0px 7px; /* IE6 */}
	form#mainf #button[type]{float:right;padding:1px 10px 1px 7px; /* Firefox */}  

/* Footer */
  #footer    {text-align: center;}
  #footer *  {color: #25455C;}
  #footer ul, #footer li, #footer p{text-align:center;}
  #footer ul {list-style-type: none;}
  #footer li {display: inline; border-left: 1px solid #25455C; margin: 0; padding: 0 5px 0 10px;}
  #footer li.first {border-left: none;}
  #footer p  {font-size: 10px;}
  
  /* admin login */
  #login {position:absolute; left:0; top:0; height:60px;}
  #login_tab{float:left; width:30px; background-color:transparent; color:#2F3829; height:100%;}
  #login_full{float:left; width: 170px; height:100%; background-color:#305474; color: #FFFFFF; display:none;}
  form#loginf {width:50%; margin:0 0 0 3px; float:left;}
  form#loginf .label{font-style:italic;font-weight:bold;font-size:80%;line-height:90%;font-family:georgia,serif}
  form#loginf .text { border-top: solid 1px #2e2e2e; border-right: solid 1px #2e2e2e; font-size:90%;font-family:georgia,serif}
 
  form#loginf .button{position:relative; top:20px; left:111px; background-color:#E6E8DB; font-family:georgia,sans-serif; font-weight:bold; color:#2F3829; cursor:pointer;}
  form#loginf .button{width:auto;overflow:visible;padding:0; /* IE6 */}
  form#loginf .button[type]{padding:0; /* Firefox */} 
  form#loginf .adjust{left:117px; top:-30px;}
  
  
  
  /* google checkout */
  .override #googlecart-widget-head {background:#E6E8DB;}
  .override #googlecart-title {color:#2F3829;font-size:15px;}
  .override #googlecart-widget-body {background:#E6E8DB;}
  .googlecart-override #googlecart-widget, .googlecart-override
	#googlecart-widget-spacer {width:76.5%}