/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Main Page Setup

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
*/


*{
	margin:0;
	padding:0;
}
a img{
	border:0;
}
html, body {
	margin:0;
	padding:0;
	width:100%;
}

body {
	width:100%;
	margin:0 auto 0 0;
	padding:0;
	background:#fff;
	/*background:url(../images/body.gif) repeat top left;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#222292;
}
h4{
	font-size:12px;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Core ID's Page Setup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
*/
#fcol {
	width:767px;
	height:100%;
	background:#f8f8f8 url(../images/right_gradient.gif) repeat-y 762px;
	/*background:url(../images/fcol.gif) repeat-y top left;*/
	margin:0 0 -24px 0;
	padding:0 0 20px 0;
	border-left:#fff 1px solid;
	float:left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Top of page ie logged on info etc
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#specialHeader{
	width:98%;
	padding:8px;
	background-color:#D6DEFE;
	border:solid 1px #ccc;
}
#specialHeader a{
	color:#003366;
}
#specialHeader .adminLink{
	float:left;
	height:18px;
	background:url(../images/icons/documents.gif) no-repeat;
	padding-left:18px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Displays error messages at top of page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#errorMsg{
	width:98%;
	color:#fff;
	padding:8px;
	background-color:#CC0000;
	border:solid 1px #ccc;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Page Banner Section
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bnr {
	margin:0;
	height:103px;
	width:761px;
	border-bottom:1px solid #12127C;
}
#logo {
	margin:0 0 0 54px !important;
	margin:0 0 0 27px;
	float:left;
	height:102px;
	width:198px;
	padding:0;
	border:0;
}
#bnrrcol ul{
	margin-top:21px;
	height:20px;
	width:300px;
	float:left;
}
#bnrrcol li{
	list-style:none;
	float:left;
	height:17px;
	vertical-align:middle;
	margin-right:5px;
	padding:3px 8px 0 23px;
}
#bnrrcol a{
	text-decoration:none;
	font-size:10px;
}
#bnrrcol .accountIcon{
	background:url(../images/icons/splitwindow.gif) no-repeat;
}
#bnrrcol .loginIcon{
	background:url(../images/icons/person.gif) no-repeat;
}
#bnrrcol .cartIcon{
	background:url(../images/icons/cart.gif) no-repeat;
}
#bnrrcol {
	width:485px;
	height:73px;
	float:right;
	text-align:left;
	margin:0;
	padding:0;
}
#mainNav ul{
	height:20px;
	width:250px;
}
#mainNav a{
	color:#000033;
}
#mainNav a:hover{
	color:#000099;
	text-decoration:underline;
}
#srch {
	margin:21px 20px 21px 0 !important;
	margin:21px 5px 21px 0;
	
	height:10px;
	width:180px;
	float:right;
	padding:0;
}
#srch input{
	margin:0;
	float:left;
	margin-right:10px;
}
/*
old search button

.searchButton{
	font-size:10px;
	margin:0;
	padding:0;
	border:none;
	background:#fff;
}*/
.searchButton{
	background:url(../images/search.gif) no-repeat;
	text-indent:-400px;
	float:right;
	clear:none;
	margin:0;
	margin-top:10px;
	padding:0;
	height:17px;
	width:47px;
	/*border:1px solid #ccc;*/
}
/*
###################
This is the nav that is at the top
I.E - Home, About us, new products, etc, etc

###################
*/

#tpnav {
	background:url(../images/navbg.gif) no-repeat top left;
	text-align:left;
	font-size:0em;
	width:487px;
	height:30px;
	float:right;
	padding:0;
	margin:0;
}
#tpnav ul{
	font-size:0em;
	margin:0;
	padding:0;
}
#tpnav li{
	float:left;
	clear:none;
	padding:0 15px 0 0;
	margin:0;
	list-style:none;
}
#tpnav a{
	height:100px;
	margin:0;
	padding:0;
}
#tpnav img{
	border:0;	
}
#tpnavContainer{
	width:447px;
	padding:14px 0 0 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Displays the large navigation - for front page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navimg {
	float:left;
	clear:both;
	margin:1px 0 0 0;
	height:170px;
	padding:0;
}

#navimg img {
	margin:0;
	padding:0;
	border-right:solid 1px #fff;

}
#navimg li{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
#navimg a{
	margin:0;
	padding:0;
	font-size:0px;
}
/*
###################
This is the store category navigation

###################
*/

#nav {
	font-size:0px;
	float:left;
	padding:0;
	margin:1px 0 0 0;
	height:65px;
}
#nav ul{
	margin:0;
	padding:0;
}
#nav li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
#nav img {
	width:126px;
	height:49px;
	border:0;
	margin:0;
	padding:0;
	border-right:solid 1px #fff;
	margin-right:0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	User cart // minicart
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#rcol {
	margin:0 10px 0 0;
	float:right;
	clear:none;
	width:190px;
	
}
#rcol hr{
	display:none;
	margin:0;
	padding:0;
	border:none;
}
#rcol #miniCart{
	margin-bottom:10px;
	width:180px;
	padding:5px;
	border:solid 1px #E8F0FD;
	/*float:right;*/
}
#storeCards{
	margin:20px 0;
}
#miniCart h3{
	font-size:1.1em;
	padding:5px;
	background:url(../images/icons/cart.gif) no-repeat 0 3px;
	padding-left:18px;
	border-bottom:solid 1px #0B77C1;
}
#miniCart p{
	display:block;
	padding:10px 0;
	font-size: 0.9em;
}
#miniCart #cartFooter{
	margin:5px 0;
	padding:0;
}
#miniCart #cartFooter a{
	padding: 0 5px 0 0;
}

/*  featured offer   */


#featuredOffer{
	padding:5px;
	border:solid 1px #E8F0FD;
	margin-bottom:10px;
}
#featuredOffer .productName{
	padding:5px;
}
#featuredOffer h3{
	font-size:1.1em;
	padding:5px;
	background:url(../images/icons/sunny.gif) no-repeat 0 3px;
	padding-left:18px;
	border-bottom:solid 1px #0B77C1;
}
.featuredProductImage{
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Main Content Column
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
*/

#lcol {	
	margin:0 0 10px 10px;
	padding:0 0 10px 10px;
	float:left;
	clear:none;
	width:500px;
	padding-left:10px;
}

#lcol h1 {
	background:#E8F0FD;
	color:#003366;
	font-size:12px;
	margin:0 0 10px 0;
	padding:5px;
}
#lcol h2 {
	font-size:12px;
	padding:10px;
}
#lcol h3 {
	font-size:12px;
	padding:10px;
}
#lcol h4 {
	font-size:11px;
	color:#666666;
	padding:10px;
	margin:0 0 10px 0;
	background:#F2F2F2;
}
#lcol p {
	margin:0;
	padding:10px;
}

#lcol table {
	width:100%;
	padding:0;
	margin:0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Front page stlying
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.frontPage #lcol{
	/*margin-left:300px;*/
	width:450px;
	float:left;
	clear:none;
}
.frontPage #lcol h1{
	background:#f8f8f8;
}

#nprod {
	margin:0;
	background:url(../images/npbg.gif) no-repeat top right;
	float:left;
	clear:none;
	width:110px;
	padding:12px 8px;
}

#spof {
	margin:0;
	background:url(../images/sospcr.gif) repeat-x top left;
	float:left;
	clear:none;
	width:110px;
	border-right:1px solid #fff;
	padding:12px 8px;
}
#spof h1, #nprod h1 {
	width:87px;
	height:14px;
	margin:3px 0 13px 10px !important;
	margin:13px 0 13px 10px;
}

#spof h2, #nprod h2 {
	font-weight:bold;
	font-size:10px;
	margin:0;
	padding:6px 0;
}
#spof a, #nprod a {
	color:#222292;
	text-decoration:none;
}
#spof img.product, #nprod img.product {
	margin:0;
	padding:6px 0;
}

#spof p, #nprod p {
	margin:0;
	padding:6px 0;
}
#spof ul, #nprod ul {
	margin:0;
	padding:5px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Page Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#cntnt {
	padding:10px 0 0 0;
	/*
	padding:0 20px 30px 0;
	float:left;
	*/
	
}
#cntnt a:link, #cntnt a:visited {
    color:#3F3FB4;
    text-decoration:none;
    font-weight:bold;
}
#cntnt a:hover, #cntnt a:active {
    color:#42A8D9;
    text-decoration:underline;
    font-weight:bold;
}

/*
/////////////////////////////////////////////////////////////
	Login/Registration Form
/////////////////////////////////////////////////////////////
*/
#login, #registration {
	padding:20px;
	margin-bottom:10px;
	border:solid 1px #E8F0FD;
}
#login legend, #registration legend {
	font-size:1em;
	font-weight:bold;
	border:solid 1px #E8F0FD;
	padding:5px 20px;

}
#login label, #registration label{
	width:110px;
	float:left;
	clear:none;
}
#login label, #registration label, #login input, #registration input, #registration select{
	margin:5px 0;
}
#login input, #registration input, #registration select{
	width:200px;
	font-size:0.9em;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#fff;
	color:#222292;
}

#registration .submit, #login .submit{
	margin-left:110px;
	width:100px;
	font-size:0.9em;
	padding:2px 5px;
	border:1px solid #0b77c1;
	background:#b8e7ff;
	color:#003a62;
}
#login p, #registration p{
	margin:0;
	width:200px;
	margin-left:110px;
	padding:10px 0;
	color:#999999;
	line-height: 15px;
}
/*
/////////////////////////////////////////////////////////////
	Send Mail Form
/////////////////////////////////////////////////////////////
*/
#contactForm{
	padding:20px;
	margin-bottom:10px;
	border:solid 1px #E8F0FD;
}
#contactForm legend{
	font-size:1em;
	font-weight:bold;
	border:solid 1px #E8F0FD;
	padding:5px 20px;

}
#contactForm label{
	width:110px;
	float:left;
	clear:none;
}
#contactForm label, #contactForm input, #contactForm select{
	margin:5px 0;
}
#contactForm br{
	clear:none;
	display:none;
}
#contactForm input, #contactForm select, #contactForm textarea{
	width:200px;
	font-size:10px;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#fff;
	color:#222292;
	float:left;
	clear:none;
}

#contactForm .submit, #contactForm .submit{
	margin-left:110px;
	width:100px;
	font-size:0.9em;
	padding:2px 5px;
	border:1px solid #0b77c1;
	background:#b8e7ff;
	color:#003a62;
}
#contactForm .reset{
	margin-left:110px;
	width:100px;
	font-size:0.9em;
	padding:2px 5px;
	border:1px solid #0b77c1;
	color:#003a62;
}
#contactForm p{
	margin:0;
	width:200px;
	margin-left:110px;
	padding:10px 0;
	color:#999999;
	line-height: 15px;
}


/*
/////////////////////////////////////////////////////////////
	Shopping Cart
/////////////////////////////////////////////////////////////
*/

#shoppingCart{
	border:1px solid #ccc;
}
#shoppingCart th{
	border:0;
	padding:10px 5px;
	font-weight:bold;
	vertical-align:middle;
	background:#BEDFFA;
}
#shoppingCart td{
	border:0;
	border-bottom:solid 1px #ccc;
	padding:5px;
	vertical-align:middle;
}
#shoppingCart input{
	font-size:0.9em;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#fff;
	color:#222292;
}
#shoppingCart td.subTotalPrice, #shoppingCart td.subTotal, #shoppingCart td.subTotalUpdate{
	border-bottom:none;
	padding:10px 5px;
	font-weight:bold;
}
#shoppingCart td.subTotal{
	text-align:right;
	font-weight:normal;
}
#shoppingCart td.subTotalUpdate input{
	font-size:0.9em;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#fff;
	color:#000;

}
#checkoutLink{
	margin:20px 0;
	width:100%;
	text-align:right;
}

/*
/////////////////////////////////////////////////////////////
	Footer section
/////////////////////////////////////////////////////////////
*/

#ftr {
	clear:both;
	width:728px;
	border-top:1px solid #E3E3E3;
	background:url(../images/footer_bg.gif) no-repeat bottom;
	height:23px;
	margin:0;
	padding:6px 23px 5px 12px;
	font-size:9px;
	color:#666;
}

#ftr a:link, #ftr a:visited {color:#B5A79C; text-decoration:none;}
#ftr a:hover, #ftr a:active {color:#666; text-decoration:underline;}

/*
/////////////////////////////////////////////////////////////
	OrderList
/////////////////////////////////////////////////////////////
*/
.orderList{
	width:100%;
}
.orderList option{
	padding:5px;
}

/*
/////////////////////////////////////////////////////////////
	General table formatting
/////////////////////////////////////////////////////////////
*/
table{
	margin-top:15px;
	border:solid 1px #ccc;
}
td{
	padding:5px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #ccc;
}

th{
	font-size:10px;
	font-weight:bold;
	color:#003399;
	/*border:solid 1px #0B77C1;*/
}


/*
/////////////////////////////////////////////////////////////
	Site Wide Forms
/////////////////////////////////////////////////////////////
*/

input{
	font-size:10px;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#EAEAEA;
	color:#222292;
}
select{
	font-size:10px;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#fff;
	color:#222292;
}
textarea{
	font-size:0.9em;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#fff;
	color:#222292;
}

.totalPrice{
	border:solid 1px #0B77C1;
	background:#E6ECF0;
	margin:20px 0;
}
.priceValue{
	font-weight:normal;
	margin-left:350px;
}

#billingInfo{
	padding:0;
	border:1px solid #ccc;
}
#billingInfo h4{
	padding:10px;
	border-bottom:1px solid #ccc;
}
#billingInfo p{
	color:#336699;
	padding:10px;
}
#billingInfo .name{
	font-weight:bold;
	/*border:1px solid #aaa;*/
	padding:5px 0;
	float:left;
	clear:both;
	width:150px;
}
#billingInfo .value{
	padding:5px 0;
	float:left;
	margin-left:20px;
	width:200px;
}

/* Shipping information */

#shippingInfo{
	padding:0;
	border:1px solid #ccc;
}
#shippingInfo h4{
	padding:10px;
	border-bottom:1px solid #ccc;
}
#shippingInfo p{
	color:#336699;
	padding:10px;
}
#shippingInfo #checkBox{
	background-color:#e6ecf0;
	margin-top:5px;
	padding:10px;
}

paymentInfo

#paymentInfo{
	padding:0;
	border:1px solid #ccc;
}
#paymentInfo h4{
	padding:10px;
	border-bottom:1px solid #ccc;
}
#paymentInfo p{
	color:#336699;
	padding:10px;
}
#paymentInfo .name{
	font-weight:bold;
	/*border:1px solid #aaa;*/
	padding:5px 0;
	float:left;
	clear:both;
	width:150px;
}
#paymentInfo .value{
	padding:5px 0;
	float:left;
	margin-left:20px;
	width:200px;
}



.MenuTable input{
	/*width:250px;*/
}
/*
/////////////////////////////////////////////////////////////
	Browse Results table formatting
/////////////////////////////////////////////////////////////
*/

/*
----------------
Whole Table
----------------
*/
table.productView, table.productBrowse{
	border:1px solid #0B77C1;
}
table td.nameh, table td.desch, table td.priceh{
	width:100px;
}
/*
----------------
Title
----------------
*/

/*
----------------
Image
----------------
*/
table td.tdimg {
	margin:0;
	padding:10px;
	width:116px;
	border-right:1px solid #0B77C1;
	text-align:center;
}

/*
----------------
All Content TD's
----------------
*/
table td.desch, table td.ddetails, table td.priceh, table td.price, table td.add, table td.nameh, table td.ndetails{
	background:#E6ECF0;
	margin:0;
	padding:10px;
	font-weight:bold;
	font-size:11px;
	height:30px;
}

/*
----------------
Category
----------------
*/

/*
----------------
Description
----------------
*/
table td.ndetails, table td.ddetails {
	/*border-right:1px solid #0B77C1;*/
	font-weight:normal;
	font-size:11px;
}
/*
----------------
Model
----------------
*/

/*
----------------
Price
----------------
*/
td.price {
	color:#003366;
	/*border-right:1px solid #0B77C1;*/
}
td.price strong {
	display:block;
	padding:5px;
	border-bottom:solid 1px #ccc;
	color:#FF0000;
}
table td.priceh, table td.price {
	margin:0;
	padding:10px;
	font-weight:bold;
	height:20px;	
}


/*
----------------
Add Item
----------------
*/
table td.add {
	/*border-bottom:1px solid #0B77C1;
	border-right:1px solid #0B77C1;*/
}
td.add select{
	width:80px;
	border:1px solid #0B77C1;
}
/*
----------------
The Results
----------------
*/
#prevNextResults{
	width:100%;
	text-align:right;
}
/*
/////////////////////////////////////////////////////////////
	Styles for displaying results - search/browse/category
/////////////////////////////////////////////////////////////
*/

.productBrowse td{
	border:none;
}
.viewDetailsButton{
	display:block;
	width:80px;
	font-size:10px;
	padding:2px 5px;
	border:1px solid #ccc;
	background:#fff;
	color:#222292;
}
.productBrowse td strong{
	display:block;
	padding:5px;
	border-bottom:solid 1px #ccc;
	color:#FF0000;

}
.productBrowse img{
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
}
#productCategory{
	border:1px solid #EBEBEB;
	padding:10px;
}
#productCategory h2{
	padding:0;
	margin:0 0 10px 0;
	font-size:1.1em;
	font-weight:bold;

}
#productCategory p{
	margin:0;
	padding:0;
	line-height:20px;
	color:#336699;
}
/*
/////////////////////////////////////////////////////////////
	Styles for displaying a product - flypage
/////////////////////////////////////////////////////////////
*/


/* ----------------------

The formatting of text on the product views

*/

.productView td ul, .productBrowse td ul{
	margin-left:15px;
}
.productView td li, .productBrowse td li{	
	margin:5px;
	list-style:square;
}

/*
/////////////////////////////////////////////////////////////
	productView
/////////////////////////////////////////////////////////////
*/
#productView{
	margin:0;
	padding:0;
	/*border:1px solid #ccc;*/

}
#productView #productImage{
	float:left;
	width:35%;
}
#productView #productSnapshot{
	clear:none;
	float:left;
	border:1px solid #ccc;
	padding:10px;
	width:60%;
}
#productView p, #productView select{
	padding:0;
	margin:10px 0;
}
#productView button{
	background:url(../images/add.gif) no-repeat;
	text-indent:-400px;
	margin:0;
	margin-left:10px;
	padding:0;
	height:17px;
	width:117px;
	border:none;
}
#productView input.add, #productView select{
	padding:0;
	margin:0;
	border:none;
} 
#productView h3, #productView h2{
	font-size:11px;
	margin:0;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}


#productView td, #productView th {
	border:1px solid #ccc;
	text-align:left;
	margin:0;
	padding:3px;
}
#productLeftCol{
	margin-right:15px;
	float:left;
	width:30%;
}
#productContent{
	clear:both;
	margin:0;
	padding:0;
}
#productView table{
	clear:both;
	border:0;
	margin:0;
	margin-top:15px;

}
#productView #productDescription{
	margin:0;
	clear:none;
	float:left;
	width:60%;
}
#productView #productDescription ul{
	margin:20px;
}

/* ----------------------

Table formatting

*/




.productView td{
	border:none;
}
.productView td.desch, .productView td.priceh, .productView td.nameh{
	width:100px;
}
.productView td.desc, .productView td.price, .productView td.name{
	width:400px;
}
.productView td#productName{
	padding:0;
}
.productView td#productName h3{
	font-size:1.1em;
	border:1px solid #0B77C1;
	background:#0B77C1;
	color:#fff;
	padding:5px 15px;
	margin:0;
}
.productView td.tdimg{
	width:150px;
}
.productView td.tdimg img {
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
}
.productView td.nameh, .productView td.ndetails{
	height:20px;
}
.productView td.ddetails select{
	width:200px;
}
.productView input{
	padding:2px;
	margin:0;
	border:1px solid #0b77c1;
	background:#fff;
	color:#0b77c1;
	font-size:10px;
	margin:3px;
}
.productView input.add{
	padding:0;
	margin:0;
	border:none;
}
.productView td.add{
	vertical-align:top;
}
.clear{
	clear:both;
	height:20px;
}
.cssButton{
	display:block;
	padding:2px;
	padding-left:25px;	
	height:12px;
	width:140px;
	border:1px solid #0b77c1;
	background:#b8e7ff url(../images/buttonIcons/cart.gif) no-repeat;
	color:0b77c1;
	font-size:9px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.cssButton:link, .cssButton:visited, .cssButton:hover, .cssButton:active{
	font-weight:normal;
	color:0b77c1;
}
/* red text for when something is required */
.required{
	color:#990000;
}
/* credit card payment box */
#paymentInfo{
	margin:0;
}
#paymentInfo label{
	display:block;
	width:120px;
	margin:5px 0;
}
hr{
	height:1px;
	border:1px solid #ccc;
	background:#ccc;
}
/*
#paymentInfo input {
	float:left;
	clear:none;
	margin:10px 0;
}
#paymentInfo select {
	float:left;
	clear:none;
	margin:5px 0;
}*/