@charset "utf-8";
/* CSS Document */

/***** BASICS *****/
body {background-color: #FFF;font-family:arial,  tahoma, verdana, sans-serif;font-size:75%;line-height:1.5em;color:#666666;margin:0px auto;text-align:center;}

h1, h2, h3, h4, h5, h6 {font-size:1.5em;margin:0px 0px 10px;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:0px 10px 5px;}
form{ margin:0px; }
input, textarea, select, button, td, th {font-family:arial,  tahoma, verdana, sans-serif;font-size:1em;line-height:1.5em;color:#666666;}
textarea, select {border:1px solid #bbbdbf;}

button {font-size:1.167em;background:#bbbdbf;font-weight:bold;border:none;color:#fff;padding:0px 10px;height:20px;cursor:pointer;text-transform:uppercase;}
/*IE6*/ * html button {padding:0px 5px;}
/*IE7*/ html>body button {*padding:0px 5px;}
button:hover {background:#9fa615;}
a.button:link, a.button:visited {font-size:1.167em;background:#bbbdbf;font-weight:bold;border:none;color:#fff !important;padding:0px 10px;height:20px;cursor:pointer;text-transform:uppercase;text-decoration:none;float:left;}

a:link {color:#888e07;}
a:hover, a:visited:hover {color:#666666; text-decoration: underline;}
a:visited {color:#888e07;text-decoration:none;}
a img {border:none;}

/*SAFARI has to much to say in their user CSS*/
table a:link, table a:visited {background:transparent;margin:0px;padding:0px;}

/*************************
  Structural Elements
*************************/

/*** Header ***/
#wrapper {text-align:left;margin:0px auto;width: 960px;z-index:0;}
#header {float:left;z-index:200;}
	header div {z-index:250;}
	.logo {margin:10px;}

#bodydiv{z-index:1;}
#prodMainImage0{z-index:2;}
	
	/***** Top search & Basket *****/
	#topbox {border:1px solid #bbbdbf;border-bottom:none;float:right;clear:right;width:440px;}
	#topbox form {margin:0px;padding:10px;float:left;width:219px;}
	#topbox input {border:1px solid #bbbdbf;width:110px;height:16px;margin-right:10px;}
	#topbox div {float:right;width:180px;border-left:1px dotted #bbbdbf;padding:10px 10px 5px;}
	#topbox div span {float:left;background:#fff url(../images/basket.gif) no-repeat top left;text-align:right;}
		#topbox div span a {padding-left:20px;}
	#topbox strong {font-size:1.167em;}
	#topbox p {float:right;width:100px;text-align:center;margin:0px;}
	a.checkout, table a.checkout, table a.checkout:visited {text-decoration:none;width:100px;height:25px;display:block;background:#fff url(../images/bg_sprites.jpg) no-repeat -80px 0px;}
	a.checkout:hover, table a.checkout:hover {background-position:-80px -25px;}
	
#footer {float:left;clear:both;width:940px;background:#fff url(../images/bg_dotty.gif) no-repeat top right;padding:10px;}

h1, h2, #related h4 {margin-top:10px;}

/***** CLASSES *****/
.left, .goLeft {float:left;}
.right, .goRight {float:right;}
.kill {clear:both;height:1px;overflow:hidden;background-color: transparent;}

/*************************
  NAVIGATIONAL Elements
*************************/

/***** Top navigation *****/
#nav {float:right;margin:10px 0px ;padding:0px;list-style-type: none;}
	#nav li {margin:0px;padding:0px;list-style-type: none;display:inline;}
		#nav a, #nav a:visited {margin-left:10px;color:#666;text-decoration: none;font-size:1.167em;font-weight:bold;}
		#nav a:hover {color:#888e07;}

/***** Category (topbar) Menu *****/
.chromestyle {background:#bbbdbf;float:left;width:100%;}
.chromestyle ul {width: 100%;padding:0px;margin:0px;list-style:none;text-align:left;}
.chromestyle ul li {display: inline;}
.chromestyle ul li a, .chromestyle ul li a:visited {border-right:1px dotted #fff;float:left;color:#fff;padding:5px 8px;margin:0px;text-decoration:none;font-weight:bold;}
.chromestyle ul li a:hover, .chromestyle ul li a.selected, .chromestyle ul li a.active {background:#888e07;color:#fff;}
.dropmenudiv {position:absolute;top:0px;border:5px solid #888e07; z-index: 300;background:#fff;width:150px;visibility:hidden;padding:10px;}
.dropmenudiv a, .dropmenudiv a:visited {width:auto;display:block;text-decoration:none;line-height:1.667em;color:#666;}
/*IE*/ * html .dropmenudiv a {width:100%;}
.dropmenudiv a:hover, .dropmenudiv a.active {background-color:#F0F0F0;}

/*************************
  Page specific CSS
*************************/

/********** Homepage **********/
.triumvirate {float:left;width:940px;background:#fff url(../images/bg_trio.gif) no-repeat top center;padding:10px 10px 0px 10px;margin-bottom:20px;}
.triumvirate p {margin:0px 10px;}
.box {margin-right:20px;padding:10px;width:280px;float:left;}
.boxend {margin-right:0px;padding:10px;width:280px;float:left;}
.boxend ol {margin:0px;padding:0px 10px 0px 30px;}
.box form {display:block;margin:10px;}
.box label {margin-bottom:5px;}
.box input.left {border:1px solid #bbbdbf;width:155px;height:16px;}
.box button {margin-left:10px;}
/*IE*/ 
* html .box button {margin:0px;}
* html .triumvirate .IE {float:left;clear:both;}

/*** Featured/Latest products ***/
/* Slider */
.slide {float:left;width:960px;float:left;clear:left; position:relative;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;margin-bottom:20px;}
.slide a.left {text-decoration:none;width:40px;height:40px;background:#fff url(../images/bg_sprites.jpg) no-repeat 0px 0px;position:absolute;top:30px;left:10px;}
	.slide a.left:hover {background-position:0px -40px;}
.slide a.right {text-decoration:none;width:40px;height:40px;background:#fff url(../images/bg_sprites.jpg) no-repeat -40px 0px;position:absolute;top:30px;right:10px;}
	.slide a.right:hover {background-position:-40px -40px;}
.slidingproducts {width:840px;float:left;display:inline;margin-left:60px;overflow:hidden !important;position:relative;}

#latestarrivals, #featuredproducts {margin:0px;padding:0px;list-style:none;width:1680px; position: relative;}
#latestarrivals li, #featuredproducts li {padding:10px;float:left;text-align:center;width:100px;}
#latestarrivals a, #featuredproducts a {text-decoration:none;display:block;}
#latestarrivals a span, #featuredproducts a span {text-decoration:underline;}
#latestarrivals a img, #featuredproducts a img {border:1px solid #bbbdbf;}
#latestarrivals a:hover img, #featuredproducts a:hover img {border:1px solid #666;}

/* Tooltip */
#tooltip{position:absolute;border:1px solid #888e07;background:#eaebce;padding:2px 5px;color:#333;display:none;width:150px;text-align:left;font-size:0.917em;line-height:1.25em;}

/*** Brands ***/
#brands {margin:0px 0px 20px;padding:0px;list-style:none;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;float:left;}
#brands li {padding:0px 10px 10px;float:left;text-align:center;}
#brands a {text-decoration:none;color:#666;width:100px;display:block;}
#brands a img {border:1px solid #bbbdbf;}
#brands a:hover img {border:1px solid #666;}

/********** Category page **********/
.left #bread {float:left;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:5px 10px;width:760px; }
#btmOptions { padding: 10px 10px 10px 20px; background:#fff url(../images/bg_dotty.gif) no-repeat top right; }

/*** Leftside ***/
#left {float:left;width:159px;padding:20px 0px 20px 10px;}
	#left ul {margin:0px 0px 20px;padding:5px 10px 20px;list-style:none;border-bottom:1px solid #d1d1d1;}
	#left select {width:100%;}
	
/*** middle ***/
#main {float:right;width:620px;border-left:1px solid #bbbdbf;min-height:600px;}
	#main h1 {margin:10px;}
	#main #description {margin:0px 10px;padding:0px 10px 1px 10px;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;}
	#categories {float:left;padding:10px 0px 10px 10px;margin:0px;list-style:none;}
	#categories li {float:left;width:180px;margin:10px;padding-bottom:5px;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;}
	#categories li a, #categories li a:hover  { text-decoration: none; }
		#categories a strong, #categories a:visited strong  {background:#9fa615; font-size:1.167em;display:block;text-align:center;color:#fff;margin-bottom:1px;padding:2px 5px;}
	#categories a small , #categories a:visited small {color:#9fa615;text-decoration:none;font-size:0.917em;}
	#categories a img, #categories a:visited img {border:1px solid #9fa615;}
	#categories a:hover strong {background:#bbbdbf;}
	#categories a:hover small {color:#636363;}
	#categories a:hover img  {border:1px solid #bbbdbf;}

	* html #categories .IE {margin-left:5px;}
/*** Rightside ***/
#right {float:right;width:170px;padding-bottom:10px;}
	#right a img {margin:10px 10px 0px 10px;border:0px;}

/********** Search results page **********/
#pagination {margin:0px 10px 0px 0px;padding:5px 10px 5px 20px;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;}
	#pagination label {margin:2px 5px;}
	.paging {margin:0px;padding:0px;list-style:none;float:right;}
	.paging li  {float:left;margin-left:5px;}
	.paging li a, .paging li a:visited {display:block;text-align:center;width:20px;height:18px;text-decoration:none;font-size:1.167em;font-weight:bold;color:#fff;padding-top:1px;background:#fff url(../images/bg_sprites.jpg) no-repeat -180px 0px;}
	.paging li a:hover, .paging li a.current, .paging li a.current:visited  {background:#fff url(../images/bg_sprites.jpg) no-repeat -180px -19px;}

	#products {float:left;padding:10px 0px 0px 10px;margin:0px;list-style:none;}
	/*IE*/* html #products .IE {margin-left:5px;}
	#products li {float:left;width:180px;height:240px;position:relative;margin:10px;padding-bottom:5px;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;}
		#products a {text-decoration:none;}
		#products a.title {height:40px;display:block;text-decoration:underline;}
		#products a small, #products a:visited small {color:#636363;text-decoration:none;font-size:0.917em;}
		#products a img, #products a:visited img {border:1px solid #bbbdbf;}
		#products a:hover {color:#636363;}
		#products a:hover small {color:#9fa615;}
		#products a:hover img {border:1px solid #9fa615;}
		#products li .price {float:right;font-weight:bold;}
		#products li .sale {float:right;font-weight:bold;color:#ff5519;}
		#products li .sale s {font-weight:normal;color:#636363;}
		#products .salesign {background:#ff5519;padding:2px 5px;color:#fff;text-transform:uppercase;font-size:0.833em;position:absolute;top:10px;left:-10px;}
		#products .newsign {background:#9fa615;padding:2px 5px;color:#fff;text-transform:uppercase;font-size:0.833em;position:absolute;top:10px;left:-10px;}
		#products .fastsign {background:#666;padding:2px 5px;color:#fff;text-transform:uppercase;font-size:0.833em;position:absolute;top:10px;right:-10px;text-align:center;line-height:1.2em;}
#bottompagination {float:left;margin:10px 0px 0px 0px;padding:5px 10px 5px 0px;background:#fff url(../images/bg_dotty.gif) no-repeat top right;width:600px;}

/********** Main product view **********/
#productview #bread {float:left;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:5px 10px;width:940px;}
#productdata {float:left;width:700px;}
* html #productdata { width: 703px; }
#productdata h2, #productdata h3 {clear:both;}
#images {float:left;width:280px;padding:0px 10px 10px 10px; position: relative;}
#images img {float:left;border:1px solid #bbbdbf;margin:0px 5px 5px 0px;}
#images img#fastchairbadge, #images img#nostockbadge {border:none;}
#images a:hover img {border:1px solid #666;}
.mainimage { margin-bottom: 10px; }
#productthumbs {float:left;padding-top:10px;}
#images #productthumbs a {float:left; padding:0px 10px 10px 0px;}
#images #productthumbs a img {float:left; margin: 0px;}
#images p {float:left;clear:left;text-align:center;margin:0px 0px 14px;width:100%;}
#simple {padding-right:10px;float:right;width:390px; }
* html #simple { width: 388px; clear: none;}

#dimensions, #dimensions li {margin: 0px; padding: 0px;}
#dimensions li { border-bottom: 1px dotted #bbbdbf; clear: both; list-style: none; height: 12px; margin-top: 6px;}
#dimensions li span { background-color:#fff; line-height: 16px; padding: 0px 3px; position:relative;bottom:-1px;}

.fastchairlink, .customiselink {float:right !important;}

#fastchairbadge { position: absolute; top: 15px; right: 30px; z-index: 2; border:none;}
#nostockbadge { position: absolute; top: -4px; left: 6px; z-index: 2; border:none;}

.swatchlink, .preswatch{ display: block; float: left; height:38px; width:38px; margin-right:5px;border-width: 1px; border-style: solid; border-color: #fff; }
.swatchlink span { display: none !important;}
.swatchlink:active, .swatchlink:focus { outline: none !important; -moz-outline: none;  }

#largeSwatchContainer .swatchDiv {z-index:300}

#presets { border-top: 1px solid #bcbdbf; border-bottom: 1px solid #bcbdbf; position: relative; padding: 15px 0px 15px 60px; margin-bottom: 30px; float:left; width: 308px; z-index: -1; }
	#presets .preswatch{ float: none; position: absolute; top: 18px; left: 10px;}

ul.anchors {list-style:none;margin:0px;position:relative;top:1px;left:-40px; z-index: 4 !important;}
/*IE7*/html>body .anchors {*left:0px;}
.anchors li {border:1px solid #cfd28a;float:left;margin-right:2px; border-bottom-color: #bbbdbf;}
.anchors a {display:block;font-size:1.167em;font-weight:bold;text-decoration: none;background-color:#eaebce;color:#666666;padding:10px;}
.anchors .on {border-bottom:1px solid #fff; border-top-color: #bbbdbf;border-left-color: #bbbdbf;border-right-color: #bbbdbf;}
.anchors .on a {background-color: #fff;color:#726d6c;}
.anchors a:focus, .anchors a:active {outline: none; /* @ Firefox 1.5, remove ugly dotted border */}
.anchors .on a:link, .anchors .on a:visited {}
.anchors a:hover, .anchors a:focus, .anchors a:active {cursor: pointer;}
div.anchor {display: block; border: 1px solid #bbbdbf; clear: left; width: 390px;}
.anchor div.padd { padding: 10px 10px 20px 10px;}
* html .anchor {width: 388px;margin-top:-1px;z-index:-1px;}

#productdata{z-index:10;}
#images{z-index:30;}
#simple{z-index:20;}
#simple ul{z-index:23;}
.normaloptions{z-index:26;}

/*tabs end */
.tabbertab select {width: 150px !important; padding: 2px;}
.cashout {border-top:1px solid #bbbdbf;width:388px;height:102px;position:relative;background:#fff url(../images/dot.gif) repeat-y top center;margin-top: 10px;}
.cashout.withborder {border:1px solid #bbbdbf;}
.cashout span {font-size:1.167em;font-weight:bold;position:absolute;}
	strong.ex {left:10px;top:8px;text-align:right;position:absolute;}
	strong.was {left:10px;top:25px;text-align:right;position:absolute;}
	strong.incl {left:10px;top:25px;text-align:right;position:absolute;}
	strong.new {left:10px;top:42px;text-align:right;position:absolute;}
	strong.deliveryPrice {left:10px;top:59px;text-align:right;position:absolute;}
	span.ex {right:210px;top:8px;text-align:right;color:#9fa615;}
	span.was {right:210px;top:25px;text-align:right;}
	span.incl {right:210px;top:25px;text-align:right;}
	span.new {right:210px;top:42px;text-align:right;color:#ff5219;}
	span.deliveryPrice {right:210px;top:59px;text-align:right;}
	.delivery {position:absolute;left:10px;bottom:8px;margin:0px;}
	a.buy {position:absolute;top:10px;right:10px;}
	a.buy, a.buy:visited {z-index:2;text-decoration:none;width:90px;height:25px;display:block;float:right;background:#fff url(../images/bg_sprites.jpg) no-repeat -90px -50px;cursor:pointer;}
	a.buy:hover {background:#fff url(../images/bg_sprites.jpg) no-repeat -90px -75px;}
	.cashout a.shortlist {position:absolute; display:block; top:45px;right:10px; padding: 4px 0px;text-transform:none;text-align:center;width:90px; color: #fff; font-weight: bold; text-decoration: none; background: #999; }
	.cashout a.preorder {position:absolute; display:block; top:10px;right:10px; padding: 4px 0px;text-transform:none;text-align:center;width:90px; color: #fff; font-weight: bold; text-decoration: none; background: #888E07; }
	.cashout label {position:absolute;top:13px;right:167px;font-weight:bold;}
	.cashout input {position:absolute;top:13px;right:110px;width:45px;border:1px solid #bbbdbf;}

#additional {background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:0px 0px 10px 0px;margin-bottom:20px;}
#additional p {padding:0px 10px;}
#additional p.green {background:#eaebce;border:1px solid #cfd28a;padding:20px;}

.stars {display:block;width:94px;height:15px;overflow:hidden;}
	.one {background:#fff url(../images/bg_sprites.jpg) no-repeat 10px -81px;}
	.two {background:#fff url(../images/bg_sprites.jpg) no-repeat 10px -97px;}
	.three {background:#fff url(../images/bg_sprites.jpg) no-repeat 10px -113px;}
	.four {background:#fff url(../images/bg_sprites.jpg) no-repeat 10px -129px;}
	.five {background:#fff url(../images/bg_sprites.jpg) no-repeat 10px -145px;}
p.revdate {float:right;margin:0px;padding-right:10px;}
.review {background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:0px 10px 5px;margin-bottom:10px;}
#reviewForm {padding:0px 10px;margin:0px 0px 20px 0px;float:left;width:680px;}
	#reviewForm  div.left {width:160px;}
		#reviewForm  div.left label {font-weight:bold;}
		#reviewForm  div.left select {width:100%;margin-bottom:10px;}
		#reviewForm  div.left input {border:1px solid #bbbdbf;width:158px;margin-bottom:10px;}
	#reviewForm  div.right {width:500px;}
		#reviewForm  div.right label {font-weight:bold;}
		#reviewForm  div.right textarea {width:100%;margin-bottom:10px;height:150px;}

#related {float:right;width:240px;}
#relatedproducts {margin:0px;padding:0px;list-style:none;}
#relatedproducts li {padding:0px 10px 10px 10px;float:left;text-align:center;width:100px;line-height:normal;}
#relatedproducts a {text-decoration:none;display:block;}
#relatedproducts a span {text-decoration:underline;height:45px;display:block;}
#relatedproducts a img {border:1px solid #bbbdbf;}
#relatedproducts a:hover img {border:1px solid #666;}

.MagicZoomBigImageCont { border: 1px solid #666;}
.MagicZoomBigImageCont img { border: none !important;}

/*************************
  Checkout process
*************************/

/***** View basket *****/
#viewCart {text-align:left;width:960px;margin:0px 0px 20px 0px;float:left;}
#viewCart p {height:auto;text-align:left;}
#pageNote {text-align:left; padding: 10px;}
.spacerdiv { height:550px !important;float:right;width:1px;}
#cartItems, #orderDetails, #orderList {height:auto;width:940px;margin-left:10px;border-collapse:collapse;float:left;clear:left;}
* html #cartItems, * html #orderDetails, * html #orderList {margin-left:5px;}
#cartItems thead tr th, #orderDetails thead tr th, #orderList thead tr th {color:#fff;background:#726d6c;text-align:left;font-weight:bold;height:22px;font-size:12px;border-bottom:2px solid #9fa615;padding:5px;}
#cartItems tbody tr td, #orderDetails tbody tr td, #orderList tbody tr td {border-bottom:1px solid #bbbdbf;font-weight:normal;height:auto;padding:5px;}
#cartItems .cartError, #orderDetails .cartError, #orderList .cartError {background-color:#FF4040;}
#viewCart  a img.left {border:1px solid #bbbdbf;}
/* Checkout process */
.light {border:1px solid #bbbdbf;background:#fff;color:#636363;}
.sub {font-size:1.167em;}
.coupon strong {font-size:1.167em;}
.subtotal {background:#bbbdbf;font-size:1.167em;color:#fff;}
.total {background:#eaebce;font-size:1.167em;}

/***** Checkout/Register/Login page *****/
#explain {margin:0px 0px 10px 0px;padding:0px 0px 0px 10px;list-style:none;}
#explain li {padding:2px 0px 2px 20px;background:#fff url(../images/bg_sprites.jpg) no-repeat -199px 4px;}
.box p .block {display:block;margin-bottom:0px;}
.box p .grey {border:1px solid #bbbdbf;width:260px;margin-bottom:10px;}
.checkoutRegister {background:#fff url(../images/bg_sprites.jpg) no-repeat 1px -161px;border:0px;width:259px;height:25px;cursor:pointer;margin:0px -10px 10px 0px;font-size:1.167em;font-weight:bold;color:#fff;text-transform:none;}
.checkoutRegister:hover {background:#fff url(../images/bg_sprites.jpg) no-repeat 1px -186px;}
.checkoutLogin {background:#fff url(../images/bg_sprites.jpg) no-repeat 1px -161px;border:0px;width:259px;height:25px;cursor:pointer;font-size:1.167em;font-weight:bold;color:#fff;text-transform:none;margin-top:11px;}
.checkoutLogin:hover {background:#fff url(../images/bg_sprites.jpg) no-repeat 1px -186px;}
/*IE*/ * html .checkoutLogin {margin:22px 0px 0px 10px;}
#customerLogin p.express {display:block;background:#fff url(../images/bg_sprites.jpg) no-repeat -200px -22px;font-weight:bold;padding:0px 0px 10px 50px;}
form .boxend button {margin-top:26px;}
/*IE*/ * html form .IE {margin:0px 0px 0px 2px;}

/***** Register page *****/
#register {border:1px solid #bbbdbf;padding:20px 10px;margin:0px 0px 20px 320px;width:278px;}
#register p {margin:0px 10px;}
#register .block {display:block;margin-bottom:0px;}
#register .grey {border:1px solid #bbbdbf;width:100%;margin-bottom:10px;}
.registerAccount {background:#fff url(../images/bg_sprites.jpg) no-repeat 11px -161px;border:0px;width:269px;height:25px;cursor:pointer;padding-left:10px;font-size:1.167em;font-weight:bold;color:#fff;text-transform:none;}
.registerAccount:hover {background:#fff url(../images/bg_sprites.jpg) no-repeat 11px -186px;}

/**** Form elements *****/
#checkoutBilling p, #checkoutShipping p, #checkoutPayment p, #clientAccount p, #customerLogin p {margin:0px 0px 5px;position:relative;padding:0px 10px;}
#checkoutBilling, #checkoutShipping, #checkoutPayment, #clientAccount, #customerLogin {margin-bottom:20px;}
.helper {position:absolute;top:0px;left:425px;background:transparent url(../images/helper.gif) no-repeat top left;padding:10px 10px 10px 20px;width:170px;color:#fff;z-index:2;}
/*IE*/ * html .helper {left:225px;}
form #checkoutBilling label, form #checkoutShipping label, #checkoutPayment label, #checkoutConfirm label, #clientAccount label, #customerLoginX label {width:180px;display:block;float:left;padding-top:2px;}
form .grey {border:1px solid #bbbdbf;height:16px;}
form .alert {color:#FF3333;padding-left:5px;}
button.back {font-size:1.167em;background:transparent url(../images/bg_sprites.jpg) no-repeat 0px -211px;font-weight:bold;border:none;color:#fff;padding:2px 10px 3px 15px;height:25px;cursor:pointer;text-transform:uppercase;}
button.back:hover {background-position:0px -236px;}
button.continue {font-size:1.167em;background:transparent url(../images/bg_sprites.jpg) no-repeat center right;font-weight:bold;border:none;color:#fff;padding:2px 15px 3px 10px;height:25px;cursor:pointer;text-transform:uppercase;}
button.continue:hover {background-position:bottom right;}

/***** Checkout process *****/
.myerror {color:#f33;}
#checkoutBilling button.right, #checkoutShipping button.right, #checkoutPayment button.right, #checkoutConfirm button.right {margin:0px 10px 0px 0px;}
#checkoutConfirm .pageNote p {padding:10px;margin:0px 10px 20px;color:#f30;border:1px solid #f30;}
#checkoutConfirm #cartItems {margin-bottom:10px;}
/*IE*/ * html #checkoutConfirm #cartItems {margin:0px 0px 10px 5px;}
#checkoutConfirm .checkoutLogin {margin:0px 10px 0px;float:right;}
#checkoutConfirm button {margin-left:10px;}
#checkoutConfirm .container {clear:both;margin-bottom:20px;}
#checkoutConfirm .general {clear:both;margin:10px;}
#checkoutConfirm .general .nostyle {float:none;width:100%;}

/* Checkout BREAD */
.billingBG {background:#fff url(../images/bg_checkout.gif) no-repeat 0px 0px;width:940px;height:25px;margin:10px 10px 20px;}
.shippingBG {background:#fff url(../images/bg_checkout.gif) no-repeat 0px -25px;width:940px;height:25px;margin:10px 10px 20px;}
.paymentBG {background:#fff url(../images/bg_checkout.gif) no-repeat 0px -50px;width:940px;height:25px;margin:10px 10px 20px;}
.confirmBG {background:#fff url(../images/bg_checkout.gif) no-repeat 0px -75px;width:940px;height:25px;margin:10px 10px 20px;}
.completeBG {background:#fff url(../images/bg_checkout.gif) no-repeat 0px -125px;width:940px;height:25px;margin:10px 10px 20px;}

/***** Knowledgebase *****/
#knowledgebase h1 {margin-bottom:0px;}
#knowledgebase #left {float:left;width:159px;padding:0px 0px 0px 10px;margin:0px 0px 10px;}
/*IE*/* html #knowledgebase #left {padding-top:10px;}
#knowledgebase #left button {float:right;margin:10px 10px 20px;}
/*IE*/* html #knowledgebase #left button {margin:10px 10px 10px;}
#knowledgebase #left input {width:147px;}
#knowledgebase #left select {width:149px;}
#knowledgebase #left strong {padding:20px 0px 0px;clear:right;display:block;border-top:1px solid #d1d1d1;}
#knowledgebase #left ul {margin:0px 0px 20px;padding:5px 10px 20px 10px;list-style:none;}
#knowledge {float:right;width:790px;border-left:1px solid #bbbdbf;}
	#knowledge h1, #knowledge h2, #knowledge h3, #knowledge h4, #knowledge h5, #knowledge h6 {margin-left:10px;}
	#knowledge p {padding:0px 20px;}
	#knowledge ul.links {margin:0px 0px 20px;padding:5px 10px 20px 20px;list-style:none;}
	#knowledge .date {margin:0px 0px 0px 10px;text-align:right;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:5px 10px;font-weight:bold;}
	#knowledge .myerror {margin:0px 0px 0px 10px;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:5px 10px;}
	#knowledge .rating {margin:0px 0px 0px 10px;background:#fff url(../images/bg_dotty.gif) no-repeat top right;padding:5px 10px;font-weight:bold;}
	#knowledge .comments {padding:0px 20px;}
	#knowledge textarea {width:745px;}
	#knowledge button {float:right;margin:20px 0px;}
	/*IE*/* html #knowledge button {margin-right:20px;}
#knowledgebase #bread {float:left;background:#fff url(../images/bg_dotty.gif) no-repeat bottom right;padding:5px 10px;width:940px;}

/* Single pages*/
.singlePages {padding:0px 10px;}
#contact {margin-left:-10px;}
#contactBox textarea {margin-bottom:10px;width:257px;}
#contactBox span.error {color:red;}
#DSE {margin-bottom:20px;background:#fff url(../images/bg_dotty.gif) no-repeat top right;margin:10px -10px 20px;padding:20px 10px 0px;}
#DSE p {margin:0px 0px 5px;}
#DSE label {width:200px;display:block;float:left;padding-top:2px;}
#DSE span.error {padding-left:2px;color:red;}
#DSE textarea {width:350px;}
#sitemap {margin:0px 0px 20px;padding:0px;list-style:none;}
	#sitemap ul {margin:0px 0px 0px 15px;padding:0px;list-style:none;}
		#sitemap li {margin:0px;list-style:none;font-weight:bold;}
		#sitemap ul li {padding-left:15px;font-weight:normal;background:#fff url(../images/bg_sprites.jpg) no-repeat -100px -114px;}
	#sitemap.right {width:400px;}
/*************************
  Secure Pages ie: Luke's attempt to prettify the default screens
*************************/
.hdr-title {font-weight: bold; }
#billInfo, #shipInfo, #myAccount {padding: 10px; border: 1px solid #bbbbbb; margin-bottom: 10px;}
#orderList .title {padding:0px 10px 10px;}
#orderList .sublink {float:right;padding:0px 10px 10px;}

p.buttons {clear:both;}
p.buttons button {margin:10px 10px 0px 10px;}
#otherStats {border:1px solid #bbbbbb;padding:20px;margin:10px;}

#promoboxPrompt {text-align:left;}
#promoboxPrompt em {float:left;padding-left:5px;color:#f00;margin-bottom:5px;}
#promoboxPrompt label em {float:none;}
#promoboxPrompt input[type=text] {float:left !important;border:1px solid #BBBDBF;margin-bottom:5px;}
#promoboxPrompt input[type=text].error {border-color:#f00;}
#promoboxPrompt label {float:left;clear:left;width:140px;margin-bottom:5px;}
#Purchase #requestTrial {padding:10px 10px 20px;}
#Purchase #requestTrial em {float:left;padding-left:5px;color:#f00;margin-bottom:5px;}
#Purchase #requestTrial label em {float:none;}
#Purchase #requestTrial input[type=text] {float:left !important;border:1px solid #BBBDBF;margin-bottom:5px;}
#Purchase #requestTrial input[type=text].error {border-color:#f00;}
#Purchase #requestTrial label {float:left;clear:left;width:100px;margin-bottom:5px;}

/*************************
  New / UNVALID CSS
*************************/
.round {border-radius:3px;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;}
/* fin */

/*************************
  Ricardo: Oh god how did this get here I am not good with computer
*************************/

.normaloptions {position:relative;}
	.normaloptions #largeSwatchContainer {position:absolute;top:0;}
		.normaloptions #largeSwatchContainer .bigSwatch {z-index:10;display:none;position:absolute;bottom:0;}
		
.myerror {background:#f30;display:block;padding:2px 5px;color:#fff;margin:2px 10px 2px;}

.quoteDiv {border-top:1px solid #BBBDBF;}
	.quoteDiv input, .quoteDiv textarea {width:368px;border:1px solid #bbbdbf;}
	.quoteDiv button {margin-top:10px;float:right;}

.kill {clear:both;}

/* hiding the honeytrap */
#quote-password, #honey {display:none}

#slideshow_container{height: 270px; width: 960px; position:relative; float:left; border: 1px solid #BBBDBF; margin-top:5px; }
.slideshow { height: 250px; width: 960px; margin: 0; padding:0;position:relative; float:left;}
#slideshow-nav {height: 22px; width: 960px; position:relative; float:left; margin:0; padding:0; text-align:center; background-color:#8E8F93;}
#slideshow-nav a {text-decoration: none; margin:0; padding:0;}
#slideshow-nav a:focus { outline: none; }
#slideshow-nav a #nav_selector{height:15px; width:15px; position:relative; float:left; margin-top:3px; margin-left:4px; background-image:url('/images/slideshow/homeslide_nav.gif'); background-repeat: no-repeat; }
#slideshow-nav a.activeSlide #nav_selector{background-image:url('/images/slideshow/homeslide_nav_selected.gif');}
