/* CSS Document */
/* Sort padding & margins out */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td {margin: 0;padding: 0;}

/* Remove list styles from lists */
ol, ul {list-style:none;}

/* Normalise font style & weight */
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}

/* Set tables to have a default of nothing */
table {border-collapse:collapse;border-spacing:0;}

/* Set td's and th to have a little default padding */
td, th {padding:3px;}

/* Remove border from Fieldset and images */
fieldset, img {border:0;}

/* Left align text etc... */
caption, th {text-align:left;}

/* Removes quotation marks from q */
q:before, q:after {content:'';}

/* Create a consistent font size through all browsers */
body {font-size: 76%;color:#333;font-family:"Tahoma", Arial, Helvetica, sans-serif;}
textarea {font-family:"Tahoma", Arial, Helvetica, sans-serif;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, blockquote, textarea {font-size:1em;}

/*----------------*/
a, a:visited {color:#333333;text-decoration:underline;}
a:hover, a:focus {color:#666666;text-decoration:none;}
h1 {padding:0 0 12px 0;font-size:1.8em;}
h2{font-size:1.2em;font-weight:normal;padding:4px 0 4px 0;}
h3 {padding:0 0 2px 0;font-size:1.3em;}
h4 {}
h5 {}
h6{}
p {margin:0 0 12px 0;line-height:1.55em;}

/*  ##################################  INPUT STYLES #############################*/
input[type="text"], input[type="password"], textarea {background-color:#FFFFFF;border:1px solid #666666;color:#333333;padding:4px;min-width:150px;}
input[type="text"]:focus, input[type="text"]:hover, input[type="password"]:focus, input[type="password"]:hover, textarea:hover, textarea:focus {border-color:#000;}
.formlist {}
.formlist li {padding:2px 0;}

/*  ##################################  INPUT STYLES #############################*/
#frame{width:960px;margin:auto;}
#header {clear:both;height:90px;width:960px;margin:auto;position:relative;}
#salesline {position:absolute; right:0; top:4px; text-align:right; font-size:1.8em; color:#333333;}
#topimage {padding:0 0 20px 0;clear:both;}
a.logo {width:350px;display:block;float:left;position:absolute;top:10px;left:0;text-decoration:none;}
a.logo span {display:block;color:#666;}
#cart{position:absolute;bottom:7px;right:0;width:300px;text-align:right;}
#amountholder {width:150px;clear:both;float:right;}
#cart span {font-size:0.9em;display:block;float:left;width:50%;text-align:left;padding:6px 0 0 0;}
#topbar {height:25px;background-color:#333333;clear:both;margin:0 0 0 0;}
#leftmenu{width:180px;float:left;clear:left;background-color:#FFFFFF;margin-top:-10px;border-left:1px #333333 solid;padding:18px 10px;}
.sidemenu {color:#000000;padding:4px 0 15px 15px;}
.sidemenu li {padding:5px 0;}
.sidemenu li a, .sidemenu li a:visited {color:#666666;text-decoration:none;}
.sidemenu li a:hover {text-decoration:underline;}
#paymenttypes {padding:17px 0;}

#maincontent {width:735px;float:right;padding:15px 0 0 0;}
#maincontent ol {padding:0 0 0 25px;font-size:0.9em;}
#maincontent ol li {list-style:decimal;padding:5px 0;line-height:1.4em;}
.boxlined {background-image:url(/img/bg/linedbg.jpg);padding:12px;}
#topsellers {padding:25px 0 10px 0;clear:both;}
#footer {width:960px;margin:auto;font-size:0.9em;padding:35px 0 0 0;}
#left-footer{float:left;width:65%;}
#right-footer {float:right;width:30%;text-align:right;}
#footer li {display:inline;line-height:1.4em;padding-left:12px;text-decoration:none;width:auto;}
#right-footer li {display:inline-block;}
#footer li a, #footer li a:visited {background:transparent url(/img/footer-li.jpg) no-repeat scroll 0%;padding-left:10px;}
#footer li a:hover {background:transparent url(/img/footer-li-hover.jpg) no-repeat scroll 0%;padding-left:10px;}

/* #################### CAROUSEL ################# */
#mygallerylong {overflow:hidden;}
#the-carousel{background-image:url(/img/bg/linedbg.jpg);float:left;height:108px;margin-top:10px;width:735px;}
#the-carousel-content {padding:10px;}
#maincarousel {width:100%;}
#carousel{float:left;}
.stepcarousel{position: relative; 
/*leave this value alone*/

/*border: 10px solid black;*/
overflow: scroll; 
/*leave this value alone*/
width: 270px; 
/*Width of Carousel Viewer itself*/
height: 104px; 
/*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{position: absolute; 
/*leave this value alone*/
left: 0;top: 0;}
.stepcarousel .panel{float: left; 
/*leave this value alone*/
overflow: hidden; 
/*clip content that go outside dimensions of holding panel DIV*/
margin: 8px; 
/*margin around each panel*/
width: 100px; 
/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
margin-top:0px;margin-bottom:0px;}
#tooltip {position:absolute;top: 0px;left: 0px;display:none;padding: 5px;border: 1px solid #333333;background-color: #FFFFFF;color:#333333;font-size:10px;z-index:50;}
.clearer {clear:both;line-height:1px;font-size:1px;height:1px;}

/* --------------------------------------------------------------- */
.innerfive {padding:5px;}
.innerten {padding:10px;}
.innerfifteen {padding:15px;}

/*######################################################################Start Carousel*/

/* Horizontal Carousel */
#horizontal_carousel {float: left;width: 540px;height: 190px;margin-bottom: 10px;position: relative;}
#horizontal_carousel .container {float: left;width: 465px;height: 190px;position: relative;    overflow: hidden;}
#horizontal_carousel ul {margin: 0;padding:0;width: 100000px;position: relative;top: 0;left: 0;height: 240px;}
                      #horizontal_carousel ul li {width: 227px;height: 160px;padding:25px 0px 0px 0px;text-align: center; list-style:none;   float:left;}
#horizontal_carousel .previous_button {float:left;  width: 32px;height: 175px;background: url(/img/carousel/horizontal/left.png);z-index: 100;cursor: pointer;}
#horizontal_carousel .previous_button_over {background: url(/img/carousel/horizontal/left_over.png);}
#horizontal_carousel .previous_button_disabled {background: url(/img/carousel/horizontal/left_disabled.png);cursor: default;}
#horizontal_carousel .next_button {float:left;  width: 32px;height: 175px;background: url(/img/carousel/horizontal/right.png);z-index: 100;cursor: pointer;}
#horizontal_carousel .next_button_over {background: url(/img/carousel/horizontal/right_over.png);}
#horizontal_carousel .next_button_disabled {background: url(/img/carousel/horizontal/right_disabled.png);cursor: default;}

/*End Spec Carousell######################################################################*/

/*************************************************************************' Original Store Styles - Delete As necessary'**************************************************************************/

/* Product Listing Page */
#prodlist-holder {padding:10px 0px;}
.prodlisttitle {background-color:#FFF;padding:5px;min-height:45px;height:auto !important;height:45px;color:#333333;}
.prodlisttitle p {margin:0;}
.CPcolsView {margin:0px 10px 20px 0px;padding:5px;width:350px;background-image:url(/img/bg/linedbg.jpg);float:left;}
.endmargin {margin-right:0 !Important;}
.CPcolsView h2 {font-size:1.4em;font-weight:normal;padding:8px 0px 3px 0px;}
#pv-relatedproducts .CPcolsView p {font-size:1em;font-weight:normal;}
.getProdImage {
/* Set a min height */

/*	min-height:110px;height:auto !important;height:110px;*/
text-align:center;padding:5px;float:left;width:120px;}

/* Product Short Description (Detail page only) */
.CPprodDescDet {}

/* Product Long Description */
.CPprodDescLong {display:block;padding:1px 0px 0px;}

/* Product Detail */
.CPprodDet {padding:15px;background-color:#FFFFFF;}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {color: #333333;font-weight:normal; display:block;}

/* Product Price - Price Value */
.CPprodPriceV {color:green; font-size:2.6em;}
.CPprodPriceV span {display:block;font-size:0.3em;font-weight:normal;color:#999999;}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {text-decoration: line-through; color:red; font-size:1.3em; display:block; padding:15px 0 5px 0;}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {color: red}

/* Free Shipping text */
.CPfreeShipMsg { color:#009933;}

/* In Stock text */
.CPinStock {color: #888888; display:block;}

/* Out of Stock text */
.CPoutStock {color: red}

/* No Image text */
.CPnoImgT {color: #FFF}

/* Category List */
.CPcatDescList {padding:15px 0px 10px 25px;}
.CPcatDescList li {padding:5px 0px 5px 16px;background-image:url(/img/list-arrows.jpg);background-position:left center;background-repeat:no-repeat;}
.CPcatDescList li a, .CPcatDescList li a:visited {font-size:1.4em;font-weight:normal;}
#topcatimages {padding:5px;height:188px;background-image:url(/img/bg/linedbg.jpg);}
.sslinfo { width:115px; height:55px; float:right; margin:0 0 5px 7px;}
#categorytext {width:600px;}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {font-weight: bold}

/* Option Description for "Optional" options */
.CPoptDesc {display:block;padding:20px 0 10px 0;color:#000000;font-weight:bold;}

/* Option Select box */
.CPoptSel {}

/* Option Text box */
.CPoptTxt {}

/*  Product Details Page  */
#pv-holder {clear:both;}
#pv-holder h1 {}
#add-to-cart {float:right;width:286px;padding:5px;clear:right;background-image:url(/img/bg/linedbg.jpg);padding:5px;}
#add-to-cart-inner {padding:15px 20px;background-color:#FFF;}
#add-to-cart img {margin:3px 0px 0px 0px;}
#pv-productdetails {clear:both;background-image:url(/img/bg/linedbg.jpg);padding:5px;}
#pv-productdetails ul {padding:15px 0px 10px 25px;}
#pv-productdetails li {padding:4px 0px 4px 16px;list-style:circle;}
#pv-relatedproducts {padding:12px 0px;margin-top:12px;clear:both;}
#pv-relatedproducts .CPcolsView {width:100%;clear:both;padding:10px 0;}
#pv-relatedproducts h2 a, #pv-relatedproducts h2 a:visited {font-size:1.4em;padding:0 0 15px 0;}
#pv-relatedproducts .getProdImage {padding:0 15px 0 10px;}
#pv-relatedproducts-header {padding:10px 0px 10px 0px;font-size:0.4em;}
#pv-relatedproducts .CPprodDescLong {}
#prodimage-thumbs {padding:3px 0px;}
#prodimage-thumbs img {border:3px #666666 solid;cursor:pointer;}
#pricingholder, #extrabuttonsholder, #getFreeShipMsg {padding:10px 0;font-weight:normal;}
#pricingholder {font-size:1.3em;}
#getFreeShipMsg {padding:10px 0 20px;}
#main-prod-image {padding:20px 5px 5px 5px;background-image:url(/img/bg/linedbg.jpg);text-align:center;}
#productthumbs {padding:5px;background-image:url(/img/bg/linedbg.jpg);}
#productthumbs ul {}
#productthumbs li {float:left;display:block;width:88px;margin:0 4px 0 0;text-align:center;}
#productthumbs li img {cursor:pointer;}
#extrabuttonsholder {}
input#add {margin:10px 0px 0px 0px;}
#prodimage-holder {padding:0px 0px 8px 0px;width:380px;float:left;clear:left;}
p#larger-image {font-size:0.9em;padding:2px 0px;}
#specsheetholder {padding:5px 0px;clear:both;}
.shoppingcarttable td {padding-top:5px !Important;padding-bottom:5px !Important;}
#bottomcartbuttons {padding:10px 0;}

/* Box - Page Headings */
.CPpageHead {border-bottom: 2px solid #666; padding: 4px 0px;;font-size:1.3em;}
.CPpageHead b {font-weight:normal}

/* Box - Page Navigation */
.CPpageNav {background-image:url(/img/bg/linedbg.jpg);padding:2px;margin:3px 0px; clear:both; display:block;}
.selectPageTop {width:48%;float:left;}
.sortPageTop {width:48%;float:right;text-align:right;}

/* ------------------- */

/* ADDED - Version 2.3 */

/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPgenHeadings {background-image:url(/img/bg/linedbg.jpg);}

/* System Messages */
.CPsysMsg    {font-size: 10pt;}
.CPsysMsgErr {color: red; font-size: 10pt;}
.CPsysMsgURL {font-size: 10px;}

/* ------------------- */

/* ADDED - Version 2.4 */

/* ------------------- */

/* Highlights used in search results */
.CPhighlight {color: #000000; background-color: #ffff66;}

/* ------------------- */

/* ADDED - Version 2.5 */

/* ------------------- */

/* Radio Button options */
#optionsholder .clearer {height:4px;}
.CPoptRadio {}

/* Option Description for "Mandatory" options*/
.CPoptDescM {display:block;padding:20px 0 10px 0;color:#000000;font-weight:bold;}

/* ---------------------*/

/* ADDED -- Version 3.0 */

/* ---------------------*/
.CPcloseWindow {font-size: 6pt; text-decoration: none;}
.install { border: 1px solid #BBC3D3;}
.installcomment {padding-LEFT: 30px;}
.textBlock {background-color: #EEEEEE;border: 1px solid #CCCCCC;}
.maintClosed {color: red;font-size: 15pt;}
.CPContactUs {line-height:1.4em;}

/* -------------------- */

/* ADDED -- Version 3.5 */

/* -------------------- */
.findTable {background-color: #EEEEEE;border: 1px solid #CCCCCC;}
.listTable {background-color: #EEEEEE;}
.listRowTop {background-color: #DDDDCC;border-TOP: 1px solid #888888;border-bottom: 1px solid #888888;}
.listRowHead {background-color: #DDDDDD;}
.listRowBot {background-color: #DDDDCC;border-TOP: 1px solid #888888;border-bottom: 1px solid #888888;}

/* --------------------------- LITEBOX STYLES ---------------------------- */
#lightbox{position: absolute;top: 40px;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;}
#imageData{padding:0 10px;}
#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;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
	
/* Tooltips */
div#qTip {padding: 3px;border: 1px solid #666;border-right-width: 2px;border-bottom-width: 2px;display: none;background: #999;color: #FFF;font: bold 10px Arial, Helvetica, sans-serif;text-align: left;position: absolute;z-index: 1000;}
#payments {	padding:15px 0;text-align:center;}
#productpricesort {}
#productpricesort ul {padding:0 0 0 20px;}
#productpricesort li {font-size:0.85em;padding:2px 0;}

/* Start the main store sitemap styles */
.storesitemap {padding:0 0 20px 0;}
.storesitemap li {font-size:1.3em;padding:2px 0;}
.pageslist {padding:0 0 0 25px;}
.pageslist li {padding:2px 0;list-style:circle;}
.sitemapsub {padding:0 0 0 25px;}
.sitemapsub li {font-size:0.8em;list-style:circle;}

/* Have you seen  */
.innerblock {padding:5px;background-color:#FFFFFF;clear:both;margin:15px 0 0 0;}
#haveyouseen {padding:10px 0 0 0;}
#haveyouseen span {display:block;float:left;width:33.3%;text-align:center;}
#hptopsellers li {display:block;width:139px;float:left;text-align:center;padding:0 0 11px 0;}
