/*

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: 12px;
  line-height: 21px;
}

h1, h2, h3, h3, h4, h5, h6, h7 {
	font-family: "Goudy Bookletter 1911",serif;
}


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


h1 {
  font-size: 2.5em;
  line-height: 1.2;
  margin-bottom: 0.2em; }


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 */







#flash_notice {
	border: 1px solid green;
	background:lightgreen;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}

#flash_error {
	border: 1px solid red;
	background:pink;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}



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: #555; }
  
  body .container { }
    
    body .container #header {
      height: 50px;
      margin: 1px 0px 3px 0px; }
      
body .container #header a.logo {
	background-image:url(/images/logo-text.png);
	width:221px;height:50px;
	float:left;}

      body .container #header #header_right {
        float: right;
        text-align: right;
        margin: 4px 0px 0px 0px;
        padding: 0px;
				width:370px;}
				
				body .container #header #header_right .secured_badge {
					width:113px;height:45px;
					background-image:url(/images/secured-by-thawte.jpg);
				}
				
				body .container #header #header_right .free_delivery_van {
					width:200px;height:45px;
					background-image:url(/images/free-delivery-small.gif);
				}
				
				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: 3px 10px 0px 0px;
			text-align:center;}

	  body .container #header_links a {padding:0px 2px;}

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; }

	#footer .facebook_page_box {
	  float:left;margin-left:30px;}


#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;*/
	color:#000;
  font-weight: bold; }

span.total_price {
  font-size: 1em;
	color:#000;
  font-weight: bold; }

span.strike_price {
  font-size: 0.9em;
	color:#d00c00;
  font-weight: bold;
	text-decoration:line-through;
	margin-right:3px;}

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


/*Perm Nav*/

#perm_nav {margin:0px 0px 5px 0px;}

#menu_container {background:#2c3cb2 url('/images/page-top.gif') top no-repeat;width:100%;}
#menu{float:left;font-size:12px;height:30px;left:0;list-style:none;margin:0 0 0px 0;padding:0;position:relative;text-align:center;z-index:14;}
#menu .one:hover,.two:hover,.three:hover,.four:hover,.five:hover,.end:hover{position:relative;}
#menu a {background:url('/images/layout/tab-border-strip.gif') no-repeat right top;}
#menu :hover>a.norm{} /*when you're hovering over the sub-nav*/
#menu :hover>a.end{} /*when you're hovering over the sub-nav*/
#menu :hover div{background:#FDFDFD;border:1px solid #666;border-top:none;display:block;padding-bottom:.7em;position:absolute;top:30px;}
#menu div dd{display:block;margin:0 0 0 10px;padding:0;text-align:left;width:11em;}
#menu div dd a{color:#000;font-size:12px;font-weight:normal;height:auto;line-height:normal;margin:0;padding:5px 0;text-decoration:none;background-image:none;}
#menu div dd a:hover{text-decoration:underline;}
#menu div dl{display:inline;float:left;margin:0;padding:0;}
#menu div dt{background:#E2E9E7;color:#47494A;cursor:default;display:block;font-weight:bold;margin:0;padding:8px 0 8px 0;text-align:left;text-decoration:none;text-indent:10px;width:12em;}
* html #menu div dt{width:144px;}
#menu a.norm:hover{}
#menu a.end:hover{}
#menu div{display:none;}
#menu li{display:inline;float:left;height:30px;text-align:center;}
#menu li a{color:#fff;display:block;font-size:1em;font-weight:normal;height:25px;line-height:18px;padding-top:5px;text-decoration:none;width:100%;}
#menu li a.end{white-space:nowrap;background-image:none;}
#menu li a.norm{white-space:nowrap;}
#menu li a.select{white-space:nowrap;}
#menu li a:hover,#menu li:hover>a{text-decoration:underline;}
#menu li a:focus,#menu li a:active{outline:medium none!important;}
html>body #menu :hover div{top:30px;}

/* Mini Basket */

#basket_text .mini_basket_promo {color:darkred;font-weight:bold;}
#basket_text a {font-weight:bold;}

/*div#mini_basket{
	float:right;
	font-size:1.1em;
	color:orange;
	padding:5px 10px 0px 0px;
	width:290px;
}
	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;
	}

	.mini_basket_logo {
		float:left;
		margin:0px 2px 0px 0px;
		width:20px;height:20px;
		background-image:url(/images/basket.gif);
		}
*/
/* 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;*/
	color:#000;
 }

#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: 260px;
    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: 10px 0px 0px 0px; }
  
	#basket div.bottom_basket {text-align:right;}
	
	p.stock_check_notice {color:#888;}
	#basket p.stock_check_notice {margin:5px 0px;}
	
  #basket input.update_basket_button {
    float: right;
    font-size: 0.9em;
    padding: 2px 2px 2px 2px;
    margin: 0px 7px 0px 0px;
    border: 1px solid #888;
    background: #eee; }
  
  #basket input.stock_check_button {
    float: right;
    font-size: 0.9em;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 10px 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;
		font-weight:bold;
    border: 1px solid #888; }

  #basket a.continue_shopping_button {
    color: #888;
    text-decoration: none;
    float: right;
    font-size: 0.9em;
		padding:0px;
    margin: 20px 0px 0px 0px; }
  
	#basket #cart_help {
		float:left;
	}

	#basket #cart_comment, #basket #discount_code {
		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;padding:2px;}
		
	#basket #discount_code {color:#aaa;}
	#basket #discount_code input {border:1px solid #aaa;padding:2px;width:100px;color:#000;text-align:left;}
  
#checkout {
  padding: 10px 0px 0px 0px; }
  
  #checkout .checkout_price {
    font-size: 2em;
    color: #007700; }

  #checkout .delivery_price {
    font-size: 1.5em;
    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 input#order_card_verification {width:60px;}

  #checkout .indent {
    margin-left: 125px; }
  
  #checkout .greyed {
    background: #eee;
    color: #555; }
  
  #checkout .complete_button {
    float: right;
    font-size: 1em;
    padding: 5px;
    margin: 20px 0px 0px 0px;
    background: orange;
		font-weight:bold;
    border: 1px solid #888; }
  
  #checkout p.checkout_thwate_seal {
    text-align: right; }
    
    #checkout p.checkout_thwate_seal img {
      margin-top: 20px; }

	#checkout a.copy_from_billing_address {
		margin:0px 0px 10px 125px;cursor:pointer;
		float:left;
		font-size:0.9em;
		padding:0px 2px;
		background:#eee;
		border:1px solid #aaa;
	}

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; }