/******************
 * 
 * Klever Design and Printing Web site/e-commerce
 * Created by Landmine-Design, Inc. www.landmine-design.com
 * created 20080812
 * last update 20081118
 * 
 ***************/

/***************
 * 
 * COLORS
 * 
background = black
all text = #ffffff
all box outlines and headers = #d3d3d3
box header bg: # d0d4d7
drop down boxes: #d3d3d3 with white arrows
 * 
 ***************/
 

/*****************
 * 
 * Links
 * 
 ****************/

a:link, a:visited, a:active {
	text-decoration:none;
	color:#fff;
}

a:hover {
	text-decoration: underline;
	color:#d3d3d3;
}

a img {
	border: none;
}

/***************
 * 
 * Main Structure Styles
 * 
 ***************/

body  {
	font: 95%/100% Arial, Helvetica, sans-serif;
	margin: 10px 0 30px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #d3d3d3;
	background-color: #000;
	background-image:url(../images/bodyBg.jpg);
}

td, tr, tbody, table, form, input{ 
	margin:0;
	padding:0;
}
form, select, input {
	display:inline;
	font-size:.9em;
}


/* Placing the mainWrapper structures as children of the body class provides flexibility for altered pages */

.twoColFixLtHdr #mainWrapper { 
	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	/* Override the unwanted default styles -- You may want to just remove these from the main file later for efficiency sake */
	background-color:#000;

	

} 
 div#topRound {
	height:24px;
	background-image: url(../images/roundEdge.jpg);
	background-position: top left;
	background-repeat:no-repeat;
 }


/*************
 * 
 * Top Navigation Bar
 * 
 *************/



.twoColFixLtHdr #topbar, #navEZPagesTop , #navSupp{
	overflow: hidden; /* to make the line height of the text inside invisible */
	height: 25px;
	position: relative;
	background-color:#000;
	background-image:url(../images/navCenter.jpg);
	background-repeat:repeat-x;
}


.twoColFixLtHdr #topbar #topLeft, #navSuppLeft {
	background-image:url(../images/navLeft.jpg);
	background-repeat:no-repeat;
	}
.twoColFixLtHdr #topbar #topRight, #navSuppRight{
	background-image:url(../images/navRight.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	padding:5px 20px 0 20px;
	}

#navEZPagesTop{
    padding-left: 10px;
}

.twoColFixLtHdr #topbar ul{
	list-style-type:none;
	font-size: 12px;
	margin:0;
	padding: 0;
}

.twoColFixLtHdr #topbar ul li{
	display:inline;
	padding-left: 10px;
}

div#navMainSearch{
	position:absolute;
	top:0;
	right: 15px;
}

div#navMainSearch input.searchInput {
	position: absolute;
	top:6px;
	right:60px;
	width: 120px; 
	background-color:#f2f2f2;
	color: #fff;
	border: 1px solid #d3d3d3;
	
}

#topSearchButton{
	border:none;
	background: none;
	position:absolute;
	top:3px;
	right:0;
}
.twoColFixLtHdr #mainWrapper h4 {
	font-family: Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size:.9em;

}
/******************
 * 
 * Header
 * 
 ***************/

.twoColFixLtHdr #header { 
	margin-top: 6px;
	background-color:#000;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/***************
*
* Category Tabs, Breadcrumb
*
**************/

#navCatTabsWrapper, #navBreadCrumb{
	background-color: transparent;
	}
#navBreadCrumb {
    height:14px;
	color:#fff;
	font-weight: lighter;
}

 #navBreadCrumb a:link,#navBreadCrumb a:visited,#navBreadCrumb a:active {
	color: #fff;
	font-weight: lighter;
	}


/******************
 * 
 * Sidebar
 * 
 ***************/

/*************
 * 
 * Boxes
 * 
 ************/
 
 .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
background-color:#ABBBD3;
background-image:none;
margin:0;
padding:0.5em 0.2em;
}
 
 #navColumnOneWrapper, #navColumnTwoWrapper {
	margin: 0;
	padding:0 0 0 20px;

}

a#logoimage img {
	padding-left: 10px;
	}

div#categories h3 {
	display:none;
	}
	
div.leftBoxContainer {
	border:none;
	height: 1%;
	margin:0 0 10px 0;
}



div#categoriesContent div.cat-link {
	width:170px;
	height: 23px;
	background-image:url(../images/btnBg.jpg);
	background-repeat:no-repeat;
	padding:5px 0 0 0;
	text-align:center;
	}
div#categoriesContent div.cat-link  a{
	font-size: .65em;
	font-weight:normal;

	margin:0;

}
div.centerBoxWrapper{
	border:1px solid #333;
	height: 1%;
	margin:15px 20px 0 0;
	background-color: #111;
}



h3.leftBoxHeading, h2.centerBoxHeading {
	font-size:.9em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a {
	color:#fff;
	font-size:.9em;
	font-weight:bold;
	text-align:left;
}

.leftBoxHeading, .centerBoxHeading {
	background-color:#000;
	margin:0em;
	padding:0.2em 0.2em;
	text-align: left;
	border-bottom:1px solid #333;
}


.sideBoxContent {
	padding: .5em;
	background-color:transparent;
}

div.centerBoxContentsNew {

}

/*  Links in Sidebar */

.sideBoxContent a:link, .sideBoxContent a:active, .sideBoxContent a:visited {
	font-size: .7em;
	font-weight:lighter;
	line-height:1.5em;
	
}

.sideBoxContent a:hover {
	text-decoration: none;
}

div#categoriesContent {


}

/******************
 * 
 * Main Content Section
 * 
 ***************/
.twoColFixLtHdr .centerColumn { 
	margin: 0; 
	padding: 0 20px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
			
} 

/* hide category images */
div#categoryImgListing {
	display:none;
}

div.centerColumn h1 {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:2em;
	line-height: 1.4em; 
	margin:0 0 0 0;
	height:1.4em;
	}
	
div.centerColumn h1#productListHeading {
	font-family: Verdana, Arial, helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:1.4em;
	line-height: 1.4em; 
	margin:0 0 0 0;
	height:1.4em;
	width:500px;
	}

	
div.centerColumn h2{
	font-family:Georgia,Arial, helvetica, sans-serif;
	color:#fff;
	font-size: 2.3em;
	line-height: 1.8em; 
	margin:0;
	padding:0; 
	
	}

div.centerColumn h2.centerBoxHeading {
	margin:0;
	text-align:center;
	color:#fff;
	font-size:1em;
	font-weight:bold;
}
div.centerColumn div  p { 
	font-size: .85em;
	line-height: 1.3em;
	padding:.2em .5em .5em 0;
	margin-top:.1em;
}

div.centerColumn div  li{
	font-size: 12px;
	line-height:15px;
/*	height: 15px;*/
	margin-bottom: 0;
}
div.centerColumn div  p.fine-print{ 
	font-size: 10px;
}
div.centerColumn a:link, div.centerColumn a:active, div.centerColumn a:visited {
	color: #fff;
}

.ezPagesHeading {
	margin-bottom: 1em;
}


p.question {
	margin-bottom: .1em;
	font-weight: bold;
	}
	
/**************
*
* Tabular data
*
*************/
table.tabTable{
	
}
table.tabTable td {
	padding: 5px;
	border-bottom: 1px solid #333
	}
div#productsListingBottomNumber {
	padding-top: 5px;
	font-size:.7em;
		width:100%;
	text-align:center;
	}

td.productListing-data {
	text-align: left;
	}

	
div.centerColumn table {
	border:1px solid #333;
	font-size: .8em;
}	
div.centerColumn table th {
	border-bottom: 1px solid #000
	text-align:left;
	padding: 3px;
}
div.centerColumn table tr td {
	padding: 3px;
}
	
	

/******************
 * 
 * Footer
 * 
 ***************/

.twoColFixLtHdr #footer { 
	margin-top:10px

} 
.twoColFixLtHdr #footer ul {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	
	list-style-type:none;
}

.twoColFixLtHdr #footer ul li{
	font-size: .7em;
	text-align: center;
	margin:0;
	padding: 0;
}

 div#bottomRound {
	height:24px;
	background-image: url(../images/roundEdge.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
 }


div#siteinfoLegal {
	color:#d3d3d3;
	font-size:.6em;
	}
/***********************
*
* Individual Page Styles
*
***********************/

/*************
*
* Index/Home page
*
*************/

h1#indexDefaultHeading {
	display:none;
}

div#indexDefault{
	background-image:url(../images/homeBg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
	min-height:708px;

}

div#indexDefaultMainContent p {
	width: 50%;
	}
	
/****************
*
* Category listing
*
****************/
div#productListing h3.itemTitle a {
	font-size:.7em;
	font-weight:normal;

}


	
	
/****************
*
* Product Info Page
*
****************/


div#categoryIcon{
	display:none;

}

div#productBox {
	width:400px;
	margin:20px 0 20px 50px;
	}

h2#productPrices {
	font-size:1em;
	line-height: .8em;
}

div.wrapperAttribsOptions {
	
	border:1px solid #d3d3d3;
	height:1%;

}
div.wrapperAttribsOptions div.back {
	padding:0;
	margin:0;
}
div.wrapperAttribsOptions label.attribsCheckbox {
	display:-moz-inline-stack;
	display:inline-block;
	font-size: .9em;
	margin:0;
	margin-top:3px;
	vertical-align: middle;
}

div.wrapperAttribsOptions  h4.back {
	display:inline-block;
	width: 20%;
}

.twoColFixLtHdr #mainWrapper div.wrapperAttribsOptions h4.optionName { 
	font-size: 14px;
	line-height: 14px;
	padding: .2em;
}
div.wrapperAttribsOptions  select {
	margin-top:3px;
}
div.wrapperAttribsOptions  input[type="checkbox"]{
	margin:.1em .5em 0 .5em;
		vertical-align: middle;
}


div#productMainImage {
	border:1px solid #333;
	margin-bottom:0; 
}

div#productMainImage img{
	
}

div#productMainImage span.imgLink {
	display:none;
	}

ul#productDetailsList {
	list-style-type:none;
	margin-bottom:.5em;
}
ul#productDetailsList li{
	text-align:right;
}	
	
div#productDescription, div#productDescription p {
	font-size: 1em;
	line-height: 1em;
	margin:0;
	padding:0;
	color:#fff;

}

h2#productPrices {
	font-family:Arial, helvetica, sans-serif;
	font-weight:normal;
	text-align:right;
	float:right;
	padding: 0;
}

span#priceInfo {
	display:block;
	font-size:.8em;
	padding: .5em 0;
	}

div#cartAdd {
		padding:0;
		margin:1em 0;
		}

div#cartAdd p {
	font-size:.8em;
	margin:0 0 .5em 0;

}

div#cartAdd a {
	font-weight:bold;
	font-size:larger;
	}

span.imageLinkAdditional {
	display:none;
}
		
/*********************
*
* Shopping Cart Page
*
*********************/

div#shoppingCartDefault {
	padding-right:20px;
	}

table#cartContentsDisplay th, table#cartContentsDisplay tr.tableHeading, table#cartContentsDisplay tr.rowOdd{
background: #000;
	
} 
table#cartContentsDisplay th {
	background-color:#333

}
table#cartContentsDisplay tr.rowEven {
	background: #222;

}


table#cartContentsDisplay td {
	padding-top: 12px;

}
table#cartContentsDisplay th#scProductsHeading {
	padding-left: 10px;
}
table#cartContentsDisplay th#scTotalHeading {
	text-align:right; 
}
span#cartProdTitle {
	font-size: 1em;
	line-height:1;
	padding-top: 30px;
}

span#cartImage {
	margin-top:0;
}

#cartSubTotal {
	background: none;
}

 /*********************
*
* Checkout Process
*
*********************/
body#checkoutshippingBody  h2, body#checkoutpaymentBody  h2, body#checkoutconfirmationBody  h2 {
	line-height: 1.4em;
	font-size: 1.5em;
	margin:1em 0 .5em 0;
	} 
 
 div.floatingBox {
	font-size: .7em;
	border:1px solid #333;
	padding:5px;
 
 }
 
/*********************
*
* Contact Us, Login, Create account
*
*********************/

div#loginDefault {
	padding:0 10px 0 0;
}

div#loginDefault fieldset.floatingBox {
	width:45%;
	} 
div#loginDefault fieldset.floatingBox  div.information{
	
	font-size:.7em;
	} 

div#loginDefault fieldset.floatingBox label {
font-size:.7em;
margin-bottom:.1em;
}

div#loginDefault fieldset.floatingBox  div.buttonRow  a{
	font-size: .7em;
	font-weight:bold;
}
	
address {
padding: 0;
margin-left: 0;
line-height: 130%;

}

div#contactUsNoticeContent p {
	line-height: 130%;

}

input {

	font-size: 14px;
	line-height: 14px;
	margin-bottom: .5em;
	border: 1px solid #e3e3e3;
	background-color: #d0d0d0;
	
}
label {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: .5em;
}

div#loginDefault br.clearBoth {
	margin-top:10px;

}
textarea {
	margin-top:.5em;
	overflow: auto;
	border: 1px solid #e3e3e3;
	background-color: #d0d0d0;
	
}

legend {
	color: #e3e3e3;;
	}
select {
	border: 1px solid #e3e3e3;
	background-color: #d0d0d0;
}

span.alert {
	line-height: 2em;
	padding-top: 5px;
}

/******************
 * 
 * All Purpose Classes
 * 
 ******************/
.back {
	float: left;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

 .clearBoth {
 	clear:both;
 }

.centeredContent {
	text-align:center;
}

div.imgLeft {
	float:left;
	background:#6dccf2;
	border:1px solid #000;
	margin: 0 10px 5px 0;
	}
div.imgRight {
	float:right;
	background:#6dccf2;
	border:1px solid #000;
	margin: 0 0 10px 10px;
	}
div.imgLeft img, div.imgRight img {
	border:1px solid #000;
	margin:5px;
	}


.hide {
	display:none;
}