﻿* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
body
{
	font: normal 75%/1.7em Arial, Helvetica, sans-serif;
	background:url(../images/gen/bkgs/page-bkg.gif) #777;
}

h1
{
	font-family:"Lucida Sans";
}


a
{
	color:#9d9d9d;
}

a:hover
{
	color:#33ffff;
}

input, select, textarea
{
	padding:3px;
	border:1px solid #ccc;
}


input.button
{	
	margin:0;
	background:#3ff;
	border:none;
	color:#fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	padding:0 10px;
}



ul.breadcrumb {
    list-style: none;
    margin:0;
    padding:0;   
    width:100%;

}

ul.breadcrumb li {
    display:inline;
    float:right;
    padding: 0 3px 0 0;  
    font-size: 0.8em;
	font-weight: normal;
	color: #373735;
	text-transform:uppercase;

}

ul.breadcrumb li.lastNode { background: none; }

div#crumbs
{
	position:relative;
	overflow:hidden;
	margin-bottom:1em;
}






/*-- Layout Styles --*/

div#siteWrapper
{
	position:relative;
	width:977px;
	margin:0 auto;	
	background:#fff;
}

div#logout, div#contentBody, div#footer, div#crumbs
{
	padding:0 50px 0 0;	
}

div#logout, div#footer
{
	position:relative;
	width:927px;
	position:relative;
	font-size:.8em;
	text-transform:uppercase;
	text-align:right;
	clear:both;
}

div#logout
{
	padding-top:1em;
}

div#contentBody
{
	position:relative;
	width:977px !important;
	width: 966px;
	padding:0 0 11px 11px;
	overflow:hidden;	
}

div#leftContent
{
	width:192px;
	float:left;	
	margin:0;
	padding:0;
}

div#mainContent
{
	
	width:660px !important;
	
}

div#mainContent, div#main1ColContent
{
	position:relative;
	float:left;
	border:solid 1px #9d9d9d;
	margin-left: 8px;
	padding:18px 26px;
	overflow:hidden;
	
}

div#main1ColContent
{
	width:852px !important;
	width:844px;
}

div#mainContent
{
	float:left;
	
}

div#mainContent h1, div#main1ColContent h1
{
	text-transform:uppercase;
	color:#33ffff;
	font-size:1.5em;
	font-weight:bold;
	
}

div#footer
{
	color:#fff;
	background:#000;
}






/*-- leftContent --*/

div#leftContent h2
{
	text-transform:uppercase;
	font-size:1.2em;
	color:#9d9d9d;
	font-weight:bold;	
	font-family:Arial, Helvetica, sans-serif;
}

div#leftContent input
{
	margin-bottom:5px;
	display:block;
	text-align:left;
	width:100%;
}

/*-- cart --*/

div.cart
{
    background:#d5d5d5;
    overflow:hidden;
    margin-bottom:5px;
}

div.cart p
{
	margin:1em 2em 1em 1em;
	line-height:1.1em;
	font-size:.8em;
}

div.cart h1
{
    margin:0;
    padding:0;
    color:#fff;
    text-align:center;
    font-size:1.5em;
}

input.login
{
    clear:both;
    margin-left:6.7em !important;
    margin-left:8em;
}

input.disabled
{
	margin:0;
    color:#ccc;
    background:#ddd;
    text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	padding:0 10px;
}


div.cartHeader, div.cartItem
{

    padding:1px;
    overflow:hidden;
    position:relative;
    display:block;
    margin:3px;
    width:184px;
    
}

div.cartItem
{
    background:#fff;
    text-transform:uppercase;
}

div.cartAlternate
{
    background:#ddd;
}

div.cartHeader
{
    font-weight:bold;
}



.vsmallText,.itemTitle, .itemTotal, .itemQuantity, .itemButton
{
	font-size:.8em;
	line-height:1em;
}

.itemTitle, .itemTotal, .itemQuantity, .itemButton
{
    float:left;
    overflow:hidden;
}

.itemTitle, .itemTotal, .itemQuantity
{
    padding-top:3px;
}
.vsmallText
{
	color:#666;
	display:block;
	clear:both;
}

.itemTitle
{
    width:44%;
    font-weight:bold;
    
}

.itemQuantity
{
    width:11%;
}

.itemTotal
{
    width:33%;    
    text-align:right;
}

.itemButton
{
    width:12% !important;
    width:12%;
    text-align:right;
}
div#leftContent span.itemButton input
{
	border:1px solid #ccc;
	width:20px;
	height:23px;
	float:right;
	text-align:center;
	
}

.cartTotal
{
	margin:3px;
	text-align:right;
	padding-right:11%;
	font-weight:bold;
	font-size:.9em;
	
}




/*-- navigation --*/

ul.catTree, ul.pageNav
{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:2em;
}

ul.pageNav
{
	margin-top:1em;
	margin-bottom:.5em;	
}

ul.catTree li, ul.pageNav li
{
	background:#fff;
	display:block;
	border-bottom:dotted 1px #9d9d9d;
    text-align:right;
    padding:0 .5em;
}

ul.pageNav li
{
	padding:0 .8em;
	background:#fff;
	text-align:left;
}

ul.catTree li a, ul.pageNav li a
{
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
}

ul.pageNav li a
{
	font-size:.8em;

}

ul.pageNav li a:hover
{
}

/*--productList --*/

div#productList, div#associatedProducts
{
	position:relative;
	width:660px;
	overflow:hidden;
}

div#productList div.product, div#associatedProducts div.product
{
	width:184px;
	float:left;	
	color:#9d9d9d;
	font-weight:bold;
	margin:18px;
	display:inline;
	height:240px;
}

div#associatedProducts div.product
{
	width:120px;
	height:160px;
	margin:0;
}

div#productList div.product img
{
	width:184px;
	height:184px;
}

div#associatedProducts div.product img
{
	width:95px;
	height:95px;
}



div#productList div.product span, div#associatedProducts div.product span
{
	position:relative;
	display:block;
	margin:0 1em;
	font-size:.9em;
	line-height:1.2em;
}

div#associatedProducts div.product span
{
	margin:0;
}

div#productList div.product span a, div#associatedProducts div.product a
{
	text-decoration:none;	
}

div#productList div.product span a:hover, div#associatedProducts div.product a:hover
{
	text-decoration:none;	
}

div#productList div.product span.price, div#associatedProducts div.product span.price
{
	color:#000;
}

/* -- Product Details -- */


div#productDetail
{
	width:670px;
	overflow:hidden;
	position:relative;
	background:url(../images/gen/bkgs/proddetail-bkg.gif) repeat-y;	
	margin-bottom:8px;
}

div#productInfo
{
	color:#000000;
	padding:10px;
	width:200px;
	margin-right:8px;
	float:left;
}

div#productInfo h1
{
	color:#000000;
}
div#productInfo p
{
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:1em;
	
}

div#productInfo h2
{
	margin-top:.8em;
	text-transform:uppercase;
	color:#000000;
	text-align:right;
}

div#productInfo p.price
{
	font-size:1.1em;
	font-weight:bold;
	text-align:right;
	margin:0;
}

div#productInfo span.soldout
{
	text-decoration:line-through;
}

div#imageGallery
{
	float:left;
	margin-right:8px;
}

div#imageLarge 
{
	width:256px;
	height:256px;
	border:1px solid #9d9d9d;
	overflow:hidden;
}

div#imageLarge img
{
	width:256px;
	height:256px;	
}

div#imageThumbs
{
	width:249px;
	position:relative;
	overflow:hidden;
	padding:7px 0 7px 7px;
	border:1px solid #9d9d9d;
	margin-top:5px;
}

div#imageThumbs div
{
	width:55px;
	height:55px;
	overflow:hidden;
	float:left;
	margin:0 7px 7px 0;
}

div#imageThumbs div img.smallImage
{
	width:55px;
	height:55px;	
}

div#imageThumbs div img.bImage
{
	display:none;	
}

div#productAddToCart
{
		float:left;	
}

div#productAddToCart div
{
	background:#d5d5d5;
	padding:10px;
	width:145px;
	color:#777;
	margin-bottom:5px;
}

div#productAddToCart label
{
	font-weight:bold;
	display:block;
	clear:both;
	font-size:.9em;
}

div#productAddToCart input
{
	text-align:left;
	width:165px;
}



div#productAddToCart div input
{
	width:139px;
}

div#productAddToCart div select
{
	font-size:.8em;	
	width:145px;
}

div#productAddToCart div select option
{
	width:185px;
}

/*-- associated products --*/


div#associatedProducts
{
	border:1px solid #9d9d9d;
	padding:8px;
	width:468px;
}


div#associatedProducts h2
{
	background:#3ff;
	text-transform:uppercase;
	font-family:"Lucida Sans";
	color:#fff;
	font-size:1em;
	line-height:1em;
	padding:5px;
	margin:0 0 8px 0;
}



/*-- orderdetails -- */

div#shipping
{
	
	float:right;
	width:300px;
	border:3px solid #3ff;
	margin-top:1em;
	padding:1em;
}

div#shipping h2
{
	font-weight:bold;
	margin-bottom:.5em;
}

div#calcs
{
	clear:both;
}

div.grandTotal
{
    text-align: right;
    font-size: 1.4em;
    font-weight: bold;
    padding: .2em;
    border-bottom: 3px double #ccc;
}

div.subTotal, div.tax
{
	padding: .2em;
	text-align: right;
}

table
{
    width:100%;
    border:none;
    border-collapse:collapse;
    border-bottom:1px solid #ccc;
    
}

div#mainContent.admin table
{
	width:660px;	
}


div#mainContent.admin 	fieldset table
{
	width:645px;
	margin:1em 0;
	
}


table input
{
	border:1px solid #ddd;
}

th,td
{
    padding:.5em;
    text-align:left;
    vertical-align:middle;
}

th
{
    background:#ddd;   
    border-bottom:#ccc solid 1px;
}

th.right, td.right
{
    text-align:right;
}

td.delete, th.delete
{
	text-align:center;
}



tr.alt
{
    background:#efefef;
}

tr.soldout td
{
	text-decoration:line-through;
}

tr.masterRow
{
	background:#3ff;	
}

div#orderDetailsButtons
{
	clear:both;
	overflow:hidden;
	position:relative;
	padding-top:8px;
}
/* -- Messages -- */

.instructions
{
	background:#3ff;
	padding:1em;
	color:#000;
	line-height:1.1em;
	margin:1em 0;
}
.Err
{
	font-size:.8em;
	font-weight:bold;
	color:#f00;
}

/* admin form classes */

.message
{
	text-align:center;
	color:#fff;
	background:#3ff;
	padding:1em;
	font-size:1.3em;
	font-weight:bold;
}

.message strong
{
	color:#000;
}

fieldset .message
{
	margin:1em;
}

fieldset
{
	clear:both;
	overflow:hidden;
	border:1px solid #3ff;
	padding:5px;
	margin-top:1em;
}

fieldset table
{
	width:300px;
	
}


legend
{
	padding:3px;
	font-size:1.5em;
	font-weight:bold;
	color:#eee;
	background:#ccc;
}


.a0rowClear, .a0row
{
	width:auto;
	overflow:hidden;
	margin-top:2px;
}
.a0row
{
	width:320px;
	float:left;
}


.a0rowClear
{
	clear:both;
}



.a140b, .a300, .a500
{
	float:left;
	margin-right:4px;
}


.a300, .a500
{

}

.a140b
{
	padding:3px;
	width:130px;
	background:#eee;
	color:#999;
	font-weight:bold;

}

.a300
{
	width:150px;	
}

.a500
{
	width:400px;
}

.a500 textarea
{
	width:400px;
	height:150px;
}

div.buttonRow
{
	border:1px solid #eee;
	clear:both;
	margin-top:1em;
	padding:.5em;
}

div.OverLay
{
	position:absolute;
	width:400px;
	height:200px;
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-100px;
	padding:2em;
	color:#fff;
	background:#3ff;
	font-size:2em;
	font-weight:bold;
	text-align:center;
}


div#textContent p 
{
	margin-bottom:1em;	
}

div#textContent span.large
{
	color:#3ff;
	font-size:2em;	
}

div#textContent h2
{
	margin-bottom:1em;	
	font-size:1.2em;
	color:#9d9d9d;
}

