/*

dark blue: 0b145a

blue: 2c3cb2


*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }


*:focus {
  outline: 0; }


body {
  color: black;}


ol, ul {
  list-style: none; }



table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }


caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }


q, blockquote {
  quotes: "" ""; }
  
  q:before, q:after, blockquote:before, blockquote:after {
    content: ""; }


img a {
  border: none; }


.container {
  margin-left: auto;
  margin-right: auto;
  width: 960px; }


.grid_1, .grid_2, .grid_3,
.grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9,
.grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px; }


.alpha {
  margin-left: 0; }


.omega {
  margin-right: 0; }



.grid_1 {
  width: 60px; }


.prefix_1 {
  padding-left: 80px; }


.suffix_1 {
  padding-right: 80px; }


.push_1 {
  left: 80px; }


.pull_1 {
  left: -80px; }


.grid_2 {
  width: 140px; }


.prefix_2 {
  padding-left: 160px; }


.suffix_2 {
  padding-right: 160px; }


.push_2 {
  left: 160px; }


.pull_2 {
  left: -160px; }


.grid_3 {
  width: 220px; }


.prefix_3 {
  padding-left: 240px; }


.suffix_3 {
  padding-right: 240px; }


.push_3 {
  left: 240px; }


.pull_3 {
  left: -240px; }


.grid_4 {
  width: 300px; }


.prefix_4 {
  padding-left: 320px; }


.suffix_4 {
  padding-right: 320px; }


.push_4 {
  left: 320px; }


.pull_4 {
  left: -320px; }


.grid_5 {
  width: 380px; }


.prefix_5 {
  padding-left: 400px; }


.suffix_5 {
  padding-right: 400px; }


.push_5 {
  left: 400px; }


.pull_5 {
  left: -400px; }


.grid_6 {
  width: 460px; }


.prefix_6 {
  padding-left: 480px; }


.suffix_6 {
  padding-right: 480px; }


.push_6 {
  left: 480px; }


.pull_6 {
  left: -480px; }


.grid_7 {
  width: 540px; }


.prefix_7 {
  padding-left: 560px; }


.suffix_7 {
  padding-right: 560px; }


.push_7 {
  left: 560px; }


.pull_7 {
  left: -560px; }


.grid_8 {
  width: 620px; }


.prefix_8 {
  padding-left: 640px; }


.suffix_8 {
  padding-right: 640px; }


.push_8 {
  left: 640px; }


.pull_8 {
  left: -640px; }


.grid_9 {
  width: 700px; }


.prefix_9 {
  padding-left: 720px; }


.suffix_9 {
  padding-right: 720px; }


.push_9 {
  left: 720px; }


.pull_9 {
  left: -720px; }


.grid_10 {
  width: 780px; }


.prefix_10 {
  padding-left: 800px; }


.suffix_10 {
  padding-right: 800px; }


.push_10 {
  left: 800px; }


.pull_10 {
  left: -800px; }


.grid_11 {
  width: 860px; }


.prefix_11 {
  padding-left: 880px; }


.suffix_11 {
  padding-right: 880px; }


.push_11 {
  left: 880px; }


.pull_11 {
  left: -880px; }


.grid_12 {
  width: 940px; }


.prefix_12 {
  padding-left: 960px; }


.suffix_12 {
  padding-right: 960px; }


.push_12 {
  left: 960px; }


.pull_12 {
  left: -960px; }


html body * span.clear, html body * div.clear,
html body * li.clear, html body * dd.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }


.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0; }


.clearfix {
  display: inline-block; }


* html .clearfix {
  height: 1%; }


.clearfix {
  display: block; }





/*


Restart




*/





html {
  font-family: 'Lucida Grande',sans-serif;
	font-size: 0.75em;
  line-height: 1.6em;
}

h1, h2, h3, h3, h4, h5, h6, h7 {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #111; }


h1 {
  font-size: 2em;
  line-height: 1;
  margin-bottom: 1em; }


h2 {
  font-size: 1.9em;
  margin-bottom: 1em; }


h3 {
  font-size: 1.8em;
  line-height: 1;
  margin-bottom: 1em; }


h4 {
  font-size: 1.7em;
  line-height: 0.8;
  margin-bottom: 1em; }


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }


p {
  margin: 0em 0em 1.2em 0em; }
  
  p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
  
  p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em; }


a {
  color: #009;
  text-decoration: underline; }
  
  a:focus, a:hover {
    color: #000; }


blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }


strong {
  font-weight: bold; }


em {
  font-style: italic; }


dfn {
  font-style: italic;
  font-weight: bold; }


sup, sub {
  line-height: 0; }


abbr, acronym {
  border-bottom: 1px dotted #666; }


address {
  margin: 0 0 1.5em;
  font-style: italic; }


del {
  color: #666; }


pre {
  margin: 1.5em 0;
  white-space: pre;
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }


code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }


li ul, li ol {
  margin: 0 1.5em; }


ul, ol {
  margin: 0 1.5em 1.5em 1.5em; }


ul {
  list-style-type: disc; }


ol {
  list-style-type: decimal; }


dl {
  margin: 0 0 1.5em 0; }
  
  dl dt {
    font-weight: bold; }


dd {
  margin-left: 1.5em; }


table {
  margin-bottom: 1.4em;
  width: 100%; }


th {
  font-weight: bold; }


thead th {
  background: #c3d9ff; }


th, td, caption {
  padding: 4px 10px 4px 5px; }


tr.even td {
  background: #e5ecf9; }


tfoot {
  font-style: italic; }


caption {
  background: #eee; }


.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }


.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }


.hide {
  display: none; }


.quiet {
  color: #666; }

.required {color:red;font-weight:bold;}

.loud {
  color: #000; }


.highlight {
  background: #ff0; }


.added {
  background: #060;
  color: #fff; }


.removed {
  background: #900;
  color: #fff; }


.first {
  margin-left: 0;
  padding-left: 0; }


.last {
  margin-right: 0;
  padding-right: 0; }


.top {
  margin-top: 0;
  padding-top: 0; }


.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }


/* The *:focus rule is reset and suppresses link outlining.
 * You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g.
 * *:focus
 *   outline: #ccc dotted medium */











a {
  text-decoration: none; }
a:hover {color:#EE9731;}

.hint {
  color: #888; }

.green {
	color:green;
}

.grey {
  color: #999; }


.inherited {
  color: #e45;
  font-style: italic; }


textarea.grey {color:#555;}

body {
  margin: 0px;
  padding: 0px;
  background:#c0d15e;
 	background-image:url(/images/rolling-hills.png);
	background-repeat:no-repeat;
  color: #111; }
  
  body .container { }
    
    body .container #header {
      height: 50px;
      margin: 1px 0px 3px 0px; }
      
body .container #header a.logo {float:left;}

      body .container #header #header_right {
        float: right;
        text-align: right;
        margin: 4px 0px 0px 0px;
        padding: 0px; }

				body .container #header #header_right img {
	        float: right; }
        
        body .container #header #header_right a {
          color: #0b145a;
					float:right;}
      
      body .container #header .telephone {
        color: red;
        font-size: 1.2em;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: right; }
      
      body .container #header #left_nav {
        background: red; }
    
    body .container #header_links {
			float:right;
      margin: 2px 0px 0px 0px;
 			padding: 0px 50px 0px 0px;}

div#page {
	background-color:#fff;
	padding:0px 0px 0px 0px;
}


.form_indent {
  margin-left: 128px; }

ul.tabs {
  float: left;
  margin: 0px 0px 0px 200px;
  padding: 20px 0px 0px 0px;
  list-style: none; }
  
  ul.tabs li {
    float: left;
    margin-right: 5px; }
    
    ul.tabs li a {
      border: 1px solid #000;
      border-bottom: 1px solid #888;
      display: block;
      background: #eee;
      padding: 6px;
      color: #222; }


#footer {
  margin-top: 50px;
  padding: 20px 0px 100px 0px;
  text-align: center;
  border-top: 1px solid #888; }

#badges {	text-align:center; }
	#badges a, #badges span {	margin:0px 10px; }

.bing {
  background: red; }


#breadcrumb {
  padding: 2px 0px 2px 0px;
  font-size: 90%; }
  
  #breadcrumb a {
    color: #888888; }
  
  #breadcrumb span {
    color: #333333; }


span.price {
  color: #d00c00;
  font-weight: bold; }


span.big_price {
  font-size: 1em;
  color: #d00c00;
  font-weight: bold; }




/* Perm Nav */

#perm_nav {
	background: #2c3cb2 url(/images/page-top.gif) no-repeat 0 0;
	border-bottom:solid 1px #0b145a;
	margin:0px 0px 10px 0px;
}
	
	#perm_nav a {
		color:#fff;
	}
	#perm_nav a:hover {
		color:#EE9731;
	}
	
	#perm_nav ul {
		margin:0px;
		padding:5px 0px 5px 0px;
		list-style:none;
	}
		
		#perm_nav ul li.head {
			float:left;
			padding-bottom:5px;
		}
		
		#perm_nav ul li a {
			padding:0px 25px 0px 10px;
			cursor:pointer;
			/*background-image:url('/images/perm-nav-down-arrow.gif');
			background-position:right;
			background-repeat:no-repeat;*/
		}
		
		#perm_nav ul li a {
			font-size:1.3em;
		}
		
	
	#perm_nav ul li ul {
		margin:0px 0px 0px 0px;
		width:230px;
		padding:10px 0px 10px 0px;
		position:absolute;
		background:#2c3cb2;
		border-bottom:1px solid #0b145a;
		display:none;
		}
		
		#perm_nav ul li ul li {
			padding:0px 25px 0px 10px;
			}
		
		#perm_nav ul li ul li a {
			padding:0px 0px 0px 0px;
			background-image:none;
			font-size:1em;
		}


/* Mini Basket */

div#mini_basket{
	float:right;
	font-size:1.1em;
	color:orange;
	padding:5px 10px 0px 0px;
}
	div#mini_basket a {
		color:orange;
	}
	div#mini_basket a:hover {
		text-decoration:underline;
	}
	div#mini_basket img {
		float:left;
		margin:0px 5px 0px 0px;
	}


/* Category */

.lhs {
	width: 210px;
	margin: 0px 10px 0px 0px;
	float:left;
}

.rhs {
	width: 720px;
	margin: 0px 0px 0px 0px;
	float:left;
}

.left_nav { border-top: 0px solid #888;}

.left_nav  ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style:none; }

	.left_nav  a { 
		display:block;
		padding: 4px 2px;
		border-bottom: 1px solid #888;}
	
	.left_nav  ul a { margin: 0px 0px 0px 0px; padding-left: 17px; }
	
/* Product */

#product #product_left {
  width: 300px;
  float: left; }

#product #product_right {
  margin: 0px 0px 0px 310px; }

	#product h1.product_fullname {margin-bottom:4px;}

#product #product_below {
  margin: 10px 0px 0px 0px; }
	
	#product #product_below table {
		border: 1px solid #ccc;
	}
		
	#product #product_below table th {
		padding:2px;
	  text-align:right;
	 	font-weight:bold;
		background:#eee;}
	
	#product #product_below table td {
		padding:2px;
	  text-align:right;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;	}

#product span.subtitle {
  color: #888; }

#product #thumbnails ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }
  
  #product #thumbnails ul li {
    padding: 0px;
    margin: 0px;
    height: 40px;
    width: 40px;
    float: left;
    border: 1px solid #fff;
    background: yellow; }
  
  #product #thumbnails ul li.hovered {
    border: 1px solid red; }

#product span.price_in_range {
  font-weight: bold;
  color: #d00c00; }

#product .option_title {
  font-size: 1em;
  margin: 10px 0px 2px 0px; }

#product .config_margin {
  width: 150px;
  float: left; }

#product .configs legend {
  border: 1px solid #ddd;
  border-bottom: 0px;
  background: #eee;
  padding: 0px 5px 0px 5px;
  font-size: 85%; }

#product .popular_configs {
  background: #eee;
  border: 1px solid #ddd;
  margin: 10px 0px 5px 0px;
  padding: 0px 5px 0px 5px; }

#product .popular_config {
  margin: 5px 0px 5px 0px; }
  
  #product .popular_config .name {
    float: left;
    margin: 0px 0px 0px 0px;
    line-height: 1.3em; }
  
  #product .add_to_basket {
		margin:0px;
		width: 95px;}
		
  #product .popular_config .add_to_basket {
    color: black;}

#product #configs {
  background: #eee;
  border: 1px solid #ddd;
  margin: 10px 0px 0px 0px;
  padding: 3px 5px 5px 5px; }

#product div.product_config {
  padding: 2px 0px 0px 0px; }
  
  #product div.product_config label {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 150px; }
  
  #product div.product_config span.price_range {
    margin: 2px 0px 0px 10px; }
  
  #product div.product_config input, #product div.product_config select {
    margin: 0px;
    padding: 0px; }

#product div.comment_row {
  margin: 10px 0px 0px 0px; }

#product div.saleable_product {
  margin: 10px 0px 0px 0px; }



#products ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px; }
  
  #products ul li {
    width: 210px;
    height: 250px;
    float: left;
    margin: 0px 17px 15px 0px;
    padding: 5px;
    background: #eee;
    border: 1px solid #888;
    text-align: center; }

  #products ul li.last {
    margin: 0px 0px 15px 0px; }
    
    #products ul li a {
      font-size: 1.2em;
      font-size: 1em;
      text-decoration: none; }

#products .product_tile p { margin:0px; padding:0px; line-height:16px;}

span.out_of_stock_button {float:left;color:red;margin:0px 20px 0px 0px;line-height:1.3em;}

table.specifications {
  margin: 0px 0px 0px 10px;
  float: right;
  width: 50%;
  border: 1px solid #888; }


table.specifications th {
  background: #eeebody;
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

#basket_table {margin:0px;}

#basket_table tr.total_row td {
  border-top: 1px solid #ddd; }

#basket_table a {
  text-decoration: none; }


#basket {
  padding: 0px 0px 0px 0px; }
  
  #basket input.update_basket_button {
    float: right;
    font-size: 1em;
    padding: 5px 5px 6px 5px;
    margin: 0px 10px 0px 0px;
    border: 1px solid #888;
    background: #eee; }
  
  #basket input.proceed_to_checkout_button {
    float: right;
    font-size: 1em;
    text-decoration: none;
    padding: 5px 5px 6px 5px;
    margin: 0px 0px 0px 0px;
    background: orange;
    color: #000;
    border: 1px solid #888; }

  #basket a.continue_shopping_button {
    color: red;
    text-decoration: none;
    float: right;
    font-size: 1em;
    padding: 5px;
    margin: 0px 10px 0px 0px; }
  
	#basket #cart_comment {
		margin: 0px 0px 0px 0px;
		float:right;
		text-align:right;
	}
		#basket #cart_comment span {}
		#basket #cart_comment textarea {width: 300px; height:50px;text-align:left;}
  
#checkout {
  padding: 0px 0px 0px 0px; }
  
  #checkout .checkout_price {
    font-size: 2em;
    color: #007700; }
  
  #checkout div.field { clear:left; margin:0px 0px 10px 0px;}
	#checkout div.fieldWithErrors {clear:right;}
	#checkout div.fieldWithErrors input { border:1px solid red;}
  
  #checkout #billing {
    float: left; }
  
  #checkout #delivery {
    float: left;
    margin: 0px 0px 0px 50px; }
  
  #checkout label {
    display: block;
    width: 120px;
    float: left;
    margin-right: 4px;
    text-align: right;
    color: #666666; }
  
  #checkout input {
    border: 1px solid #ddd; }
    
    #checkout input.properties {
      width: 400px; }
  
  #checkout .indent {
    margin-left: 128px; }
  
  #checkout .greyed {
    background: #eee;
    color: #555; }
  
  #checkout .complete_button {
    float: right;
    font-size: 1.5em;
    padding: 5px;
    margin: 20px 0px 0px 0px;
    background: orange;
    border: 1px solid #888; }
  
  #checkout p.checkout_thwate_seal {
    text-align: right; }
    
    #checkout p.checkout_thwate_seal img {
      margin-top: 20px; }


div.interface {
  padding: 10px; }
  
  div.interface div.section {
    margin-top: 8px;
    width: 100%; }

div.main {
  padding: 10px; }
  
  div.main label {
    font-size: 12px;
    font-weight: normal; }

div.interface div.left {
  float: left;
  width: 50%; }

div.interface div.right {
  float: none;
  margin-left: 50%;
  margin-left: expression('auto'); }

div.interface div.left, div.interface div.right {
  padding: 4px; }

div.interface div.left_80 {
  float: left;
  width: 80%; }

div.interface div.right_20 {
  float: none;
  margin-left: 80%;
  margin-left: expression('auto'); }


.interface label {
  display: block;
  width: 120px;
  float: left;
  margin-right: 4px;
  text-align: right;
  color: #666666; }
  
  .interface label.right {
    display: inline;
    width: auto;
    float: none;
    text-align: left;
    margin-right: 0px;
    color: #666666; }

.interface input {
  border: 1px solid #ddd; }
  
  .interface input.properties {
    width: 400px; }

.interface .indent {
  margin-left: 128px; }


#magic_table_options {
  border: 1px solid #888;
  padding: 5px;
  background: #eee; }
  
  #magic_table_options p {
    float: left;
    margin-right: 5px; }


#contact_form textarea.message {
  width: 50%;
  height: 200px; }