/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	color: #444;
	line-height: 1.5;
	font-family: "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-attachment: fixed;
	background-color: #FFF;
	background-image: url(i/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}

/* Layout */
#container {
	background-image: url(i/bg_paper.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#page {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#pageTop {
	background-image: url(i/bg_paper_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
}
#pageEnd {
	background-image: url(i/bg_paper_end.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 80px;
}

/* Headings */

#header{
	display: block;
	margin-bottom: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
}
#header #phone{
	display: block;
	font-size: 2em;
	font-weight: normal;
	text-align: right;
	width: 400px;
	height: 80px;
	line-height: 80px;
	color: #FFF;
	float: right;
	padding-right: 22px;
}
#search-box {
	display: block;
	margin: 0px;
	padding: 0px;
}
#search-box form {
	margin: 0px;
	padding: 0px;
}
#address {
	display: block;
	float: right;
	margin-right: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDD;
	padding-left: 12px;
}

/* Logo */
#logo {
	margin-right: 10px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	margin-left: 10px;
}
#logo img {}
#logo .center {
	width: 310px;
	display: block;
	text-align: center;
}
.section-content a.total {
	font-size: 2em;
}
.section-content .account {
	font-size: 1em;
	text-align: right;
	display: block;
	color: #A51717;
}
.section-content .flags {
	text-align: right;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-top: 2px;
	padding-top: 4px;
}

/* 
   Forms 
------------------------------------------------------------------- */

label {
	cursor: pointer;
	font-weight: bold;
}
label.checkbox, label.radio {font-weight: normal;}

/* Labels */
.label {
	border-left-style: solid;
	border-left-width: 4px;
	margin-bottom: 0.2em;
	padding-left: 10px;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}

.label-blue {
	border-left-color: #5C88AF;
}
.label-green {
	border-left-color: #447398;
}
.label-orange {
	border-left-color: #A81E1F;
}
.label-grey {border-left-color: #DDD;}
.label-black {border-left-color: #000;}

/* 
   Typography 
------------------------------------------------------------------- */

#breadcrumbs {
	padding-top: 0px;
	padding-bottom: 10px;
	color: #192121;
	display: block;
	height: 22px;
	padding-right: 0px;
	padding-left: 0px;
}
#breadcrumbs ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#breadcrumbs ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	background-image: none;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.5em 0;
	padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button {
	border: 1px outset #AAA;
	padding: 4px 5px;
	background-color: #4D799D;
	color: #FFF;
}
input.button:active {border-style: inset;}

/* Columns */
.col_mid {
	width: 450px;
	padding-left: 5px;
	margin-right: 5px;
}
.col_thin {
	width: 250px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E4E4;
	padding-left: 5px;
	margin-right: 5px;
}

.col2, .col2_1, .col2_2 {
	width: 350px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E4E4;
	padding-left: 5px;
	margin-right: 5px;
}
.col2_1 {
	border-left-style: none;
}
.col3, .col3_1, .col3_2, .col3_3  {
	width: 300px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E4E4;
	padding-left: 5px;
	margin-right: 5px;
}

.col3_1 {
	border-left-style: none;
}

/* Sidebar */
#sidebar {
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
	padding-right: 5px;
	margin-right: 5px;
}

/* Sections */
.section {margin-bottom: 24px;}
.section-title {
	background-color: #F9F9F9;
	color: #7A7A7A;
	font: bold 1.2em sans-serif;
	margin-bottom: 16px;
	padding: 7px 10px 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
#sidebar .section-title {
	margin-bottom: 8px;
}

/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

/* Splash */
#splash {
	float: right;
	width: 725px;
}

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

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


/* Links */

a:focus,a:hover {color: #039;}
a {
	color: #456;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

a.feed {
	background: url('i/icon-feed.gif') no-repeat left center;
	padding-left: 18px;
}
a.more {
	color: #579;
	font-weight: bold;
}
a.more:hover {color: #234;}


/* Text elements */

p {margin-bottom: 1em;}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}

/* Navigation */
.navigation a {
	color: #888;
	text-decoration: none;
}
.navigation a:hover {color: #002;}
.navigation li.current-tab a {color: #222;}

#shipping-nav {margin-left: 0;}
#main-nav li:first-child, #sub-nav li:first-child {margin-left: 0;}

/* Main navigation */
#main-nav {
	padding-top: 22px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	padding-bottom: 12px;
	padding-left: 12px;
}
#main-nav li {margin: 0 1.5em;}
#main-nav a {
	font-size: 1.6em;
	line-height: 2em;
	padding-bottom: 2px;
}
#main-nav li.current-tab a {color: #333;}
#main-nav a:hover {color: #002;}
#main-nav a:hover {
	color: #002;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #B7D897;
}
#main-nav li.current-tab a, #page_1 #main-nav li.p1 a, #page_2 #main-nav li.p2 a, #page_3 #main-nav li.p3 a, #page_4 #main-nav li.p4 a, #page_5 #main-nav li.p5 a, #page_6 #main-nav li.p6 a {
	color: #002;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #2C32CC;
}


/* Subnav */
#sub-nav {
	border-bottom: 1px solid #DDD;
	padding: 12px 0;
}
#sub-nav a {
	font-size: 1.2em;
	text-decoration: none;
}
#sub-nav li {margin: 0 1em;}
#sub-nav li.current-tab a {font-weight: bold;}

/* Main */
.main {
	margin-top: 24px;
	margin-right: 0;
	margin-bottom: 24px;
	margin-left: 0;
	width: 500px;
	display: block;
	float: right;
}

.main#main-two-columns {
	background-image: url(i/vertical_line.gif);
	background-repeat: repeat-y;
	background-position: 210px top;
}
.main#main-two-columns-left {background: url('i/main-two-columns-left.gif') repeat-y left top;}
.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {
	width: 700px;
}

/* Special lists */

ul.plain-list li, ul.nice-list li, ul.tabbed li {
	list-style: none;
	margin-top: 0;
}

ul.tabbed {
	display: inline;
	margin: 0;
}
ul.tabbed li {float: left;}

ul.plain-list {margin: 0;}

ul.nice-list {margin-left: 0;}
ul.nice-list li {
	border-top: 1px solid #EEE;
	list-style: none;
	display: block;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
.nice-list li p {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 70%;
	float: left;
}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}
.nice-list li.drawer_hidden {
	display: none;
}
.nice-list li.drawer-handle a {
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	font-size: larger;
	background-image: url(i/bg_paper_end.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFF;
}
.nice-list li.drawer-handle a:hover  {
	font-weight: bold;
	background-color: #FFF;
	display: block;
	text-decoration: none;
	padding-left: 4px;
}
.nice-list li span {
	text-align: right;
}
.nice-list ul .drawer {
	background-image: url(i/bg_paper_top.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFF;
}
.nice-list ul .drawer a {
	color: #FFF;
}
.nice-list .drawer-handle ul .drawer {
	background-image: none;
}
.nice-list .drawer-handle ul .drawer a {
	background-image: url(i/bg_paper_top.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.nice-list .drawer-handle .open {
	text-indent: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	font-style: italic;
}
.nice-list .drawer-handle ul li.drawer a{
	height: 18px;
	line-height: 18px;
}
.open {
	font-weight: bold;
	background-color: #FFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #2E41D3;
}
.drawer {
	margin-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDD;
	text-indent: 4px;
}
div.slist div {
	display: block;
	float: left;
	clear: left;
}
div.slist span{
	display: block;
	text-align: right;
	float: right;
}

/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clearr { clear: right; }
.clear,.clearer {clear: both;}
.clearer, .clearr {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}
.cat_link {
	display: block;
	background-image: url(i/categories.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 1.5em;
	text-align: center;
	color: #FFF;
	float: left;
}
.cat_link a {
}
a.cat_link:hover {
	color: #333;
	text-decoration: none;
}
.sub_link {
	display: block;
	background-image: url(i/subcategories.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 1.5em;
	text-align: center;
	color: #FFF;
	float: left;
}
.sub_link a {
}
a.sub_link:hover {
	color: #333;
	text-decoration: none;
}
.photo_box {
	float: right;
}
.photo_box_topLeft {
	background-image: url(i/card2_t.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	margin-right: 17px;
}
.photo_box_topRight {
	background-image: url(i/card2_tr.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 17px;
	float: right;
	height: 17px;
}
.photo_box_bottomLeft {
	background-image: url(i/card2_b.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 17px;
	margin-right: 17px;
}
.photo_box_bottomRight {
	background-image: url(i/card2_r.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 17px;
	float: right;
	height: 17px;
}
.thumb_image, .mainphoto_image {
	background-image: url(i/card2_l.png);
	background-repeat: repeat-y;
	background-position: left center;
	padding-left: 17px;
	width: 100%;
	margin-right: 17px;
}
.photo_box_Right {
	background-image: url(i/card2_r.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 17px;
}
.thumb_image img {
	height: auto;
	width: 150px;
	overflow: hidden;
	display: block;
}

/* Product 
------------------------------------------------------------------- */

#main .product {
	margin-bottom: 20px;
}
#main .product-body .prodImage {
	border-left-color: #A61B1A;
	background-color: #FFF;
	margin: 0px;
	padding: 8px;
	border-left-style: solid;
	border-left-width: 4px;
	overflow: hidden;
}

#main .product img.left, .product img.right {margin-bottom: 0;}

#main .product-date {
	color: #777;
	margin: 2px 0 10px;
}
#main .product-date a {color: #444;}

#main .product-meta a {color: #345; }
#main .product-meta a:hover {color: #001;}

#main .product-body {font-size: 1.1em;}
#main .product-body a {color: #039;}
#main .product-body a:hover {color: #039;}

#main .product-body img.left, .product-body img.right {margin-bottom: 1em;}
#main .product span {
	font-size: 2em;
	display: block;
	text-align: right;
}
#main .product .price {
	text-align: left;
	line-height: 48px;
}


/* Footer */

#footer {
	border-top: 1px solid #DDD;
	color: #777;
	padding-top: 16px;
	padding-bottom: 4px;
	margin: 10px;
}
#footer-left {width: 459px;}
#footer-right {
	width: 459px;
	text-align: right;
}
#footer p {margin-bottom: 0.4em;}
#footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#footer a:hover {color: #000;}
#copyright {
	text-align: right;
	color: #FFF;
	padding-top: 40px;
	padding-right: 22px;
}
#copyright a {
	color: #FC0;
}
#copyright a:hover {
	color: #EDEDED;
	text-decoration: underline;
}
/* Form Details */
.fields  fieldset {
	padding-left: 12px;
	display: block;
	margin: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 310px;
}
.fields fieldset legend {
	color: #A61819;
	font-weight: bold;
	display: block;
}
.fields fieldset .rightMessage {
	font-weight: normal;
	text-align: right;
	font-size: .9em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 330px;
}
.fields ul  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.fields ul input {
	width: 10%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.fields ol  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.fields li {
	list-style-type: none;
	padding-top: 12px;
	padding-bottom: 4px;
}
#submit_button {
	width: auto;
	font-weight: bold;
	font-size: 1.4em;
}
.info {
	font-size: 0.7em;
	color: #999;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.red {
	font-weight: bold;
	color: #A92120;
}
.menustyle {
	font-size: 1.4em;
}
#map_canvas {
	border: 1px solid #A79264;
}
.directions {
	width: 340px;
	padding: 4px;
}
.directions a {
	color: #999;
	font-size: 0.8em;
}
.fields span {
	display: block;
	font-size: .9em;
	font-weight: bold;
}
.fields fieldset ol li label {
	float: left;
	width: 45%;
	margin-right: 5px;
	line-height: 22px;
}
.fields input {
	width: 160px;
	border: 1px solid #999;
}
.fields .nowidth{
	width: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fields  .required  {
}
.fields .req {
	font-size: .64em;
	font-weight: normal;
}
.fields select {
	width: 90%;
}
.fields textarea {
	border: 1px solid #A81E1F;
	width: 300px;
	height: 50px;
}
.fields #imgcode {
	width: 6em;
	border: 1px solid #A81E1F;
	font-size: 1.2em;
}
.fields .submit {
	background-image: url(i/submit.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 1.2em;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	height: 50px;
	width: 350px;
	text-align: right;
}
.fields .submit a{
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 40px;
	width: 150px;
	margin-left: 210px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.6em;
	line-height: 50px;
	text-align: center;
}
.fields .submit a:hover {
	color: #FFF;
	text-decoration: none;
}
.boxed {
	border: 1px solid #ECEDEF;
	margin-left: 30px;
	padding: 4px;
	margin-right: 30px;
	background-color: #E8E8E8;
}
.boxed p {
	padding-left: 20px;
}

.options ul {
	list-style-type: none;
}
.options  li {
	list-style-type: none;
	width: 33%;
	float: left;
	display: block;
	padding-bottom: 10px;
}
.options span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}
.map_heading {
	color: #1D7FB2;
	font-weight: bold;
	text-align: left;
}
.map_text {
	color: #1D7FB2;
	text-align: left;
}
.underlined, .title, #mainText p.underlined, .fields fieldset .undelined   {
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	padding-top: 4px;
	color: #A71D1D;
	font-weight: bold;
	width: 330px;
}
.small {
	font-size: 0.8em;
	color: #A81E1F;
}
.basket_error p {
	padding: 10px;
	background-color: #FAF6ED;
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	list-style-type: none;
	border: 1px solid #A71D1D;
	font-size: 1.7em;
}
.warning {
	font-size: 1.2em;
	font-style: italic;
	color: #A81E1F;
}
.message {
	margin: 5px;
	padding: 5px;
	border: 1px solid #903;
	font-size: 1.1em;
	font-weight: bold;
}
.payment_options {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
.product .details .para {
	float: left;
	width: 470px;
}
.payment_msg {
	padding: 4px;
	font-size: 1.3em;
	line-height: normal;
}

/* Slider */
#slider {
	width: 723px; /* important to be same as image width */
	height: 268px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0px;
	padding: 0px;
}

#slider1, #slider2 {
	width: 723px; /* important to be same as image width */
	height: 268px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0px;
	padding: 0px;
}

#sliderContent, #slider1Content, #slider2Content {
	width: 723px;
	position: absolute;
	top: 0;
	margin: 0px;
	padding: 0px;
}
.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 250px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span, .slider2Image span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 723px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
#photos {
}
#photos #photo {
	margin: 0px;
	padding: 0px;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.position_0 {
	top: 0;
	left: 0;
}
.position_1 {
	bottom: 0;
    left: 0;
}
.position_2 {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 250px;
}
.position_3 {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 250px;
}
.payment_options {
	display: block;
	float: left;
	padding: 0px;
	width: 320px;
}
.shopping_action     { text-align: center; }