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

* {
	padding:0;
	margin:0;
}
.clearer {
	height:1px;
	clear:both;
	line-height:1px;
	font-size:1px;
}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#000000;
	background-image:url(/img/bg/main-bg.png);
	background-color:#435B89;
	background-position:bottom;
	background-repeat:repeat-x;
}
table, input, select, textarea {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}
td {
	padding:5px;
	vertical-align:top;
}
img {
	border:0;
}
option {
	padding:0px 2px;
}
a, a:visited {
	color:#2F97B9;
}
a:hover {
	text-decoration:none;
}
h1 {
	font-size:195%;
	font-weight:normal;
	color:#2e3c5a;
}
h1#main-heading {
	border-bottom:3px #000000 double;
}
h2 {
	font-size:150%;
	font-weight:normal;
}
h2 a, h2 a:visited {
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
h3 {
}
h4 {
}
p {
	margin:6px 0px;
	line-height:1.5em;
}
li {
	padding:2px 0px;
	list-style-position:inside;
}
#print-header {
	display:none;
}

/* ---- SYSTEM MESSAGE STYLE ---- */

span.sys-message {
	display:block;
	width:auto;
	padding:4px 4px 4px 30px;
	background-color:#009933;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	font-size:95%;
	background-image:url(/img/success-arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
span.CPsysMsgErr {
	display:block;
	width:auto;
	padding:4px;
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	font-size:95%;
}

/*------- Make generic form styles ---------*/
input[type="text"], input[type="password"], textarea, .textboxstyle {
	border:1px #CCCCCC solid;
	padding:3px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color:#FFFFE8;
}
input[type="submit"] {
	background-color:#485e8c;
	background-image:url(/img/input-button.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #2f436b;
	padding:5px 9px;
	font-size:95%;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
}
input[type="submit"]:hover {
	background-image:none;
}
/* HOME PAGE SEARCH BOX */
input.hp-searchbox {
	padding:8px;
}
input.hp-searchbutton {
	background-color:#485e8c;
	background-image:url(/img/input-button.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #2f436b;
	padding:8px 9px;
	font-size:95%;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
}

/* ------------------------------Main template styles --------------------- */
#frame {
	width:842px;
	margin:0px auto;
	clear:both;
	background-color:#FFFFFF;
}
#header {
	background-image:url(/img/bg/header.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:160px;
	margin:0px 10px;
	position:relative;
}
#content {
	padding:10px 10px 10px 10px;
	clear:both;
	width:822px;
}

#main-nav {
	padding:135px 0px 0px 10px;
}
#main-nav ul {
	list-style:none;
}
#main-nav li {
	display:inline;
	margin:0px 5px 0px 0px;

}
#main-nav li a, #main-nav li a:visited {
	padding:9px 11px 9px 11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#main-nav li a:hover {
	background-color:#FFFFFF;
	
}
.nav-active {
	background-color:#FFFFFF;
}
#thelogo {
	position:absolute;
	top:20px;
	left:20px;
	width:250px;
	height:42px;
}
#thelogo span {
	display:block;
	color:#000000;
	font-size:1.35em;
	padding:4px 0 0 0;
}
#main-menu {
	width:495px;
	position:absolute;
	top:13px;
	right:2px;
	height:54px;
	text-align:right;
}
#card-holder {
	display:block;
	text-align:right;
	padding:6px 6px 0px 0px;
}
#cart-details {
	width:150px;
	position:absolute;
	bottom:-20px;
	right:1px;
	height:20px;
	text-align:right;
}
#search-holder {
	width:380px;
	position:absolute;
	top:110px;
	right:15px;
	text-align:right;
}

/* ------------- CATEGORY NAVIGATION ---------------------------------  */

#side-nav {
	float:left;
	width:185px;
	clear:left;
	font-size:95%;
}
#side-nav ul {
	list-style:none;
}
#side-nav li {
}
#side-nav li a, #side-nav li a:visited {
	padding:6px 0px 6px 16px;
	border-bottom:1px #DDD dotted;
	background-image:url(/img/category-arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#000000;
	text-decoration:none;
	display:block;
	font-size:90%;
}
#side-nav li a:hover {
	background-position:-1000px;
	background-color:#485e8c;
	color:#FFFFFF;
	border-bottom:1px #485e8c dotted;
}
span.nav-headings {
	display:block;
	padding:10px 0px 0px 0px;
}
#side-nav h4 {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.4em;
	color:#3EACCF;
	padding:15px 0 8px 0;
}
.view-basket {
	margin:0px 0px -4px 0px;
}
/* Home page */

#hp-images-holder {
	text-align:center;
	clear:both;
	padding:10px 0px;
}
table.hp-random-holder {
}
table.hp-random-holder td {
	padding:8px 5px;
}
table.hp-random-holder td.sep {
	padding:0;
}

/* ------------- PRODUCT SECTION --------------------------------------  */
#product-stuff {
	float:right;
	padding:15px 0px 0px 15px;
	clear:right;
	width:605px;
}
#my-breadcrumb {
	font-size:85%;
	padding:2px;
	border-bottom:1px #DDDDDD solid;
	clear:both;
	margin:0px 0px 5px 0px;
}
/* ------------- FOOTER  ----------------------------------------------  */
#footer {
	clear:both;
	padding:10px;
	border-top:1px #CCCCCC solid;
	background-image:url(/img/small_sslpadlock.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#footer ul {
	list-style:none;
	font-size:90%;
}
#footer li {
	padding:2px 4px;
	display:inline;
	border-right:1px #CCCCCC solid;
}

/* bottom, bottom footer */

#main-footer {
	width:842px;
	margin:0px auto;
	clear:both;
	color:#FFFFFF;
	padding:10px 0px;
}
#product-links {
	clear:both;
	padding:0px 0px 10px 0px;
}
#product-links ul {
	list-style:none;
	text-align:center;
}
#product-links li {
	display:inline;
	padding:2px 3px;
}
#product-links li a, #product-links li a:visited {
	color:#FFFFFF;
	font-size:90%;
}
#product-links li a:hover {
}
#site-info {
	text-align:center;
	font-size:80%;
}
/* ---------------------------- Product Details Page ------------------- */

#pv-wrapper {
	width:601px !Important;
	clear:both;
	text-align:left;
}
#pv-wrapper h1 {
	padding:0px 0px 8px 0px;
}
#pv-wrapper-left {
	float:left;
	width:66%;
	padding:5px;
}
#pv-wrapper-right {
	float:right;
	width:30%;
	padding:5px;
	clear:right;
	margin:0px 0px 15px 15px;
}
#related-products-holder {
	padding:12px 0px;
	margin-top:12px;
	border-top:1px #CCCCCC dashed;
	clear:both;
}
#related-products-holder h2 {
	font-size:125%;
	font-weight:bold;
	color:#2F97B9;
}
#related-products-holder ul {
	list-style:none;
}
#related-products-holder li {
}
#related-products-holder h4 a, #related-products-holder h4 a:visited {
	color:#000000;
	font-size:95%;
}
#related-products-holder h4 a:hover {
}
#prodimage-thumbs {
	padding:3px 0px;
}
#prodimage-thumbs img {
	border:3px #666666 solid;
	cursor:pointer;
}
#add-to-cart {
	border:2px #2d3b59 solid;
	padding:8px;
}
#add-to-cart img {
	margin:3px 0px 0px 0px;
}
input#add {
	margin:5px 0px 0px 0px;
}
#prodimage-holder {
	padding:8px 0px;
	text-align:center;
	width:350px;
	float:left;
	clear:left;
}
p#larger-image {
	font-size:95%;
	padding:2px 0px;
}
#arms-holder {
	padding:5px 0px;
}
#arms-holder ul {
	list-style:none;
}
#arms-holder ul ul {
	list-style:circle;
	font-size:90%;
}
#arms-holder li.listholder {
	width:100%;
	padding:4px 0px;
	float:left;
	clear:both;
}
#price-button-holder {
	padding:0px 0px 10px 0px;
}

/* Color / Fabric JS Chooser */
#fabricHolder {
	padding:2px 0px;
}
#fabricHolder-thumbs {
	padding:2px 0px;
}
#fabricHolder-thumbs img {
	cursor:pointer;
	float:left;
	margin:0px 5px 5px 0px;
}
#fabricHolder-change {
	text-align:center;
	clear:both;
}
#review-holder {
	padding:10px 0px;
	border-bottom:1px #CCCCCC dashed;
}

/* ----------------------- Product browse page ------------------------- */
#browse-wrapper {
	text-align:left;
	clear:both;
}
#main-bread-crumb {
	padding:2px;
	font-size:85%;
	border-bottom:1px #ddd solid;
}
.top-navigation {
	padding:3px;
	text-align:right;
	background-color:#F3F4F8;
}
.top-navigation ul {
	list-style:none;
}
.top-navigation li {
	display:inline;
	padding:4px;
}
.row-holders {
	padding:11px 0px 14px;
	clear:both;
	border-bottom:1px #CCCCCC dotted;
	font-size:0.8em;
}
.product-details {
	float:left;
	width:80%;
}
.pricing-holder {
	padding:4px 0px 0px 0px;
	font-size:1.2em;
}
.pricing-holder ul {
	list-style:none;
}
.pricing-holder li {
	padding:1px;
}

.product-image {
	float:left;
	width:19%;
	text-align:left;
}

/* ------------------------- CUSTOMER DETAILS PAGE -------------------  */

span#show-hide-control {
	cursor:pointer;
	display:block;
	font-size:95%;
	font-weight:bold;
	padding:2px 0px;
}
#show-hide-shipping {
}

/* Paypal form */

#PayPalForm td {
	font-size:90%;
	padding:5px 8px;
}
.sm-ital {
	font-size:0.9em;
}
input.final-submit {
	padding:8px 14px;
	font-size:120%;
}


/* -------------------------- IMAGE BROWSE PAGE --------------------------- */

.enlarge-image {
	display:block;
	font-size:80%;
}

table.image-browse-table td {
	width:33%;
	text-align:center;
}
table.image-browse-table{
	width:100%;
}

/* ----------------------- SPAN */

span.shortdesc {
	display:block;
	font-size:0.9em;
}



/*-------------------- START TABIFIER STYLES ----------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
 clear:both;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #2e3c5a;
 font-size:95%;
 font-weight:bold;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #2e3c5a;
 border-bottom: none;
 background: #DBDFEA;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #2e3c5a; }
ul.tabbernav li a:visited { color: #2e3c5a; }

ul.tabbernav li a:hover
{
 color: #FFF;
 background: #2e3c5a;
 border-color: #2e3c5a;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/* ------------------------------------- LITEBOX STYLES */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}



/* ------------------- START CANDYPRESS STYLES ------------------------- */


.CPbox1            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox1 A:link     {COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #996666; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}
.CPbox2H           {COLOR: #333333; BACKGROUND-COLOR: #DDDDDD; PADDING: 1px}
.CPbox2H B         {COLOR: #333333;}
.CPbox2B           {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5}
.CPbox2B A:link    {COLOR: #333333; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: #333333; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #F0F1F5}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #F0F1F5}

/* Box - Product Image (Home page) */
.CPhomeImg {
	border:1px #CCCCCC solid;
}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {}

/* Product Short Description (Detail page only) */
.CPprodDescDet {}

/* Product Long Description */
.CPprodDescLong {
	font-size:95%;
}

/* Product Detail */
.CPprodDet ul {
	padding:4px 0px 4px 25px;
}
.CPprodDet li {
	padding:3px 0px;
	list-style:circle;
}
.CPprodDet img {
	margin:10px;
}
/* Product SKU */
.CPprodSKU {}

.CPprodPriceT, .CPprodPriceV, .CPprodLPriceT, .CPprodLPriceV, .CPprodSPriceT, .CPprodSPriceV {
	font-size:95%;
	font-weight:bold;
}

/* Product Price - Text Label */
.CPprodPriceT {
}

/* Product Price - Price Value */
.CPprodPriceV {
	color: #990000
}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: red}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {
}
.CPcatDescList li {
	border-bottom:1px dotted #CCCCCC;
	float:left;
	margin:0;
	padding:10px 0;
	text-align:center;
	width:50%;
	list-style:none;
	min-height:240px;
    height:auto !important;
    height:240px;
}
.CPcatDescList li a, .CPcatDescList li a:visited {
	text-decoration:none;
	font-size:1em;
	font-weight:normal;
}
.CPcatDescList li a:hover {
	color:#000000;
}
.catimgholder {
	display:block;
	padding:2px 0;
}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {}

/* Option Text box */
.CPoptTxt {}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {}

/* Option Description for "Mandatory" options*/
.CPoptDescM {
	color: Red;
	display:block;
	padding:10px 0 3px 0;
}
#options {
	font-size:0.9em;
	line-height:1.5em;
}

/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3;
}


.installcomment {
	PADDING-LEFT: 30px;
}

.textBlock {
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: 1px solid #CCCCCC;
}

.maintClosed {
	color: red;
}

.CPContactUs {

}

h2#hp-sub {
	padding:10px 0px 5px 0px;
	font-weight:normal;
	border-bottom:1px #000000 solid;
	margin:0px 0px 10px 0px;
	color:#2E3C5A;
}
p.subtext {
	color:#CCCCCC;
	font-size:0.9em;
}

/*  ONLINE PAYMENT FORM STUFF  */

#payment-form-holder {
	width:650px;
	margin:0px auto;
	position:relative;
}
#payment-form-holder td {
	 vertical-align:middle;
}
#ssl-logo {
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
}
#payment-form-holder fieldset {
	border:4px #CCCCCC solid;
	margin:0px 0px 20px 0px;
	padding:12px;
}
#payment-form-holder legend {
	color:#2e3c5a;
	font-weight:bold;
}
.footnote {
	color:#999999;
	font-size:0.9em;
	padding:15px 0px 0px 0px;
}