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

	cart.css
	
	version:   1.0
	date:		October 2008
	author:    [Martin Olson @ innertwined]
	email:		[martin@innertwined.com]

	website:   [www.snosuit.com]

	version history: [1.0]
	

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


#store_inner {
	background: url(../img/content_bkgfade.gif) 0 -50px repeat-x;
	padding: 15px 20px 20px;
	}
	#store_inner h1 {
		margin-left:15px; /*store only*/
		}
#cart #sideCol {
	display: block;
	float: left;
	width: 134px;
	}
#cart #mainCol {
	background: #fff;
	display: block;
	float: left;
	padding: 5px 25px 35px;
	width: 670px;
	}
#storeHome {
	background: #101010 url(../img/noflash_bkg.jpg) -100px 0 no-repeat;
	display: block;
	float: left;
	height: 425px;
	width: 721px;
	}
	#storeHome .promo {
		color: #969694;
		font-size: 13px;
		padding: 125px 290px 0 60px;
		}
		.promo .pHdr {
			color: #e1e1e1;
			font-size: 26px;
			line-height: 30px;
			font-weight: 100;
			margin-bottom: 10px;
			}

/*	Store Landing
-----------------------------------------------------------------------------*/


.storePromo {
	background: #f1f1f1 url(../img/store_closeup.jpg) 0 0 no-repeat;
	height: 280px;
	margin-bottom: 15px;
	}
.s_callout {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 1.3em;
	padding: 0 20px;
	width: 250px;
	}
	
	
/*	Quick Checkout
-----------------------------------------------------------------------------*/

ul.quickCheck {
	float: right;
	margin-top: 5px;
	}
	ul.quickCheck li {
		display: block;
		float: left;
		font-size: 11px;
		height: 20px;
		line-height: 20px;
		padding: 0 5px;
		}
		ul.quickCheck li.numItems {
			background: url(../img/quickCheck_bracket_left.gif) 0 1px no-repeat;
			margin-left: 5px;
			padding: 0 4px 0 10px;
			}
		ul.quickCheck li.totalPrice {
			background: url(../img/quickCheck_bracket_right.gif) right 1px no-repeat;
			color: #f1f1f1;
			margin-right: 5px;
			padding: 0 10px 0 4px;
			}
	ul.quickCheck a:link,
	ul.quickCheck a:visited {
		color: #969694;
		text-decoration: none;
		}
	ul.quickCheck a:hover {
		color: #f1f1f1;
		}
	
/*	Store Navigation
-----------------------------------------------------------------------------*/

ul.categoryList {
	margin: 0;
	padding: 15px 0 45px;
	}
	ul.categoryList li {
		background: url(../img/home_calloutArrow.gif) -8px 8px no-repeat;
		border-bottom: 1px solid #454545;
		font-size: 11px;
			padding: 4px 8px;
			}
		ul.categoryList li.catHdr {
			background: none;
			color: #f0f0f0;
			font-size: 13px;
			font-weight: 700;
			padding: 7px 0;
			}
		ul.categoryList li a:link,
		ul.categoryList li a:visited {
			color: #f0f0f0;
			font-weight: 700;
			text-decoration: none;
			}
		ul.categoryList li a:hover {
			color: #838383;
			text-decoration: none;
			}

/*	Category Detail Page
-----------------------------------------------------------------------------*/

.categoryItem {
	border: 1px solid #e4e4e4;
	display: block;
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 211px;
	}
	* html .categoryItem { width: 209px; margin-right: 6px }
	.categoryItem img {
		margin: 10px 0;
		}
	.categoryItem .details {
		background: #262626 url(../img/store_arrow.gif) 190px center no-repeat;
		color: #e2e2e2;
		font-size: 11px;
		line-height: 1.4em;
		padding: 10px 20px;
		text-align: left;
		}
		.categoryItem:hover .details,
		.categoryItem .details:hover {
			background: #3c3c3c url(../img/store_arrow.gif) 190px center no-repeat;
			}
		.pName a:link,
		.pName a:visited {
			color: #fff;
			font-size: 13px;
			font-weight: 700;
			text-decoration: none;
			}
		.pName a:hover {
			color: #89d6db;
			text-decoration: none;
			}

			
/*	Product Detail Page
-----------------------------------------------------------------------------*/
.prodThumbs {
	display: block;
	float: left;
	padding-top: 30px;
	width: 80px;
	}
.prodThumbs img {
	border: 2px solid #f1f1f1;
	padding: 6px;
	margin-bottom: 4px;
	}
.prodImage {
	display: block;
	float: left;
	width: 415px;
	}
.prodDetails {
	float: left;
	padding-top:30px;
	width: 160px;
	}
	.prodDetails a:link,
	.prodDetails a:visited {
		color: #666;
		text-decoration: none;
		}
	.prodDetails ul {
		font-size: 11px;
		line-height: 1.8em;
		}
	.prodDetails li.pName {
		font-size: 16px;
		font-weight: 700;
		line-height: 18px;
		margin-bottom: 3px;
		color: #0f0f0f;
		}
	.prodDetails li.pColor{
		font-size: 12px;
		font-weight: 700;
		}
	.prodDetails li.pPrice {
		font-size: 13px;
		font-weight: 700;
		}
	.prodDetails li.pDesc {
		margin: 10px 0 15px;
		line-height: 1.3em;
		}
	.prodDetails li.pColors img {
		border: 1px solid #ccc;
		padding: 1px;
		margin-right: 3px;
		}
	.prodDetails li.pSize {
		margin: 10px 0 0;
		}
		.pSize select {
			padding: 1px 2px;
			font-size: 10px;
			width: 85px;
			}
	.prodDetails li.sChart {
		background: url(../img/icon_sizechart.gif) 0 4px no-repeat;
		padding-left: 13px;
		}
	.prodDetails li.fList {
		background: url(../img/icon_featurelist.gif) 0 4px no-repeat;
		padding-left: 13px;
		}
		li.sChart a:link,
		li.sChart a:visited,
		li.fList a:link,
		li.fList a:visited {
			font-weight: 700;
			}
		li.sChart a:hover,
		li.fList a:hover {
			color: #89d6db;
			}



/*	Checkout Page
-----------------------------------------------------------------------------*/

#cart {
	background: #5b5b5b url(../img/store_catBkg.gif) 0 0 repeat-x;
	clear: both;
	color: #484848;
	height: 1%;
	padding: 0 0 0 25px;
	}
	#checkout {
		background: #fff url(../img/store_contentBkg.gif) 0 -50px repeat-x;
		clear: both;
		color: #484848;
		padding: 0 25px 55px;
		}
	.processTitle {
		background: url(../img/processTitle_trim.gif) 0 bottom repeat-x;
		font-size: 18px;
		padding: 20px 0 15px;
		}
		.processTitle span,
		.processTitle a:link,
		.processTitle a:visited {
			color: #b3b0b0;
			font-size: 14px;
			text-decoration: none;
			}
			.processTitle a:hover {
				color: #484848;
				text-decoration: none;
				}
	#cart h4,
	#checkout h4 {
		color: #323232;
		}
	
	
	.mheight {
		float: right;
		height: 430px;
		width: 1px;
		}
		.cartHdr td {
			font-size: 11px;
			font-weight: 700;
			line-height: 1.2em;
			padding: 6px 0;
			}
		td#cProduct {
			padding-left: 10px;
			width: 120px;
			}
		td#cDescription {
			width: 230px;
			}
		td#cDetails {
			width: 200px;
			}
		td#cPrice {
			width: 90px;
			}
		td#cQuantity {
			width: 70px;
			}
		td#cTotal {
			width: 80px;
			}
		td#cRemove {
			width: 30px;
			}
		.productItem td {
			border-top: 1px solid #ccc;
			color: #323232;
			vertical-align: middle;
			}
		
		.productItem .itemImage {
			padding: 10px;
			text-align: center;
			}
		.productItem .itemName {
			font-size: 16px;
			font-weight: 700;
			}
			.itemName .itemId {
				font-size: 11px;
				}
		.productItem .itemPrice {
			font-weight: 700;
			}
	
	.cart_empty {
		border-top: 1px solid #ccc;
		font-size: 16px;
		font-weight: 700;
		padding: 60px 25px;
		}	
	#checkout_totals {
		background: #f1f1f1;
		border: 1px solid #e2e2e2;
		padding: 20px 30px;
		text-align: right;
		}
		.return_policy {
			display: block;
			float: left;
			font-size: 11px;
			line-height: 1.3em;
			text-align: left;
			width: 400px;
			}
			.return_policy img {
				margin: 8px 2px 0 0;
				}
		ul.total_shipping {
			display: block;
			float: right;
			width: 250px;
			}
			ul.total_shipping li {
				clear: both;
				color: #4d4d4d;
				font-size: 11px;
				font-weight: 700;
				padding: 4px 0;
				text-align: right;
				vertical-align: middle;
				}
				ul.total_shipping li span {
					float: left;
					}
				ul.total_shipping li input.promo {
					color: #333;
					font-size: 10px;
					margin: 0 5px;
					padding: 0 2px;
					vertical-align: bottom;
					}
				ul.total_shipping select {
					font-size: 10px;
					margin-left: 5px;
					padding: 1px 2px;
					width: 115px;
					}
				ul.total_shipping button.add {
					background: #6f6f6f url(../img/cartBtn_bkg.gif) 0 bottom repeat-x;
					display: block;
					float: right;
					margin: 4px 0 0 5px;
					border: 1px solid #666;
					font-size: 10px;
					line-height: 18px;
					font-weight: 700;
					color: #fff;
					cursor: pointer;
					padding: 1px 2px;
					}
				button[type]{
				    padding:2px 3px; /* Firefox */
				    line-height:13px; /* Safari */
				}
				*:first-child+html button[type]{
					font-size: 80%;
					line-height: 15px;
					margin-top: 0;
					padding:0 2px; /* IE7 */
					}
	#checkout_buttons {
		margin-top: 5px;
		text-align: right;
		}
		#checkout_buttons button.shop {
			float: left;
			}
	ul.ccInfo {
						}
			ul.ccInfo li {
				clear: both;
				color: #4d4d4d;
				font-size: 11px;
				font-weight: 700;
				padding: 4px 0;
				text-align: left;
				}
				ul.ccInfo li label {
					float: left;
					width: 80px;
					}
				ul.ccInfo li input {
					color: #333;
					font-size: 10px;
					margin: 0 5px;
					padding: 1px 2px;
					}
				ul.ccInfo input.txtfield {
					width: 160px;
					}
				ul.ccInfo input.ccCode {
					width: 25px;
					}
				ul.ccInfo select {
					font-size: 10px;
					margin: 0 5px;
					padding: 0 2px;
					width: 45px;
					}
				ul.ccInfo select.ccYear {
					width: 55px;
					}
				ul.ccInfo select.cardType {
					width: 100px;
					}
				
		


#registerBox {
	margin: 35px 0 0 50px;
	}
	#registerBox li {
		clear: left;
		padding: 2px 0 2px 160px;
		font-size: 11px;
		}
		#registerBox li label {
			
			}
			#registerBox li.regEmail {
				padding-left: 0;
				margin-bottom: 8px;
				}
				.regEmail label {
					display: block;
					float: left;
					font-size: 12px;
					font-weight: 700;
					padding-top: 2px;
					width: 160px;
					}
				.regPass label {
					font-weight: 700;
					padding-bottom: 2px;
					}
		#registerBox li input {
				color: #323232;
				padding: 1px 2px;
				font-size: 11px;
				}
		#registerBox li select {
				padding: 1px 2px;
				}
		#registerBox a:link,
		#registerBox a:visited {
			color: #888;
			text-decoration: none;
			}
		#registerBox a:hover {
			color: #89d6db;
			text-decoration: none;
			}
			
.regAccount,
.regBilling {
	float: left;
	margin-top: 25px;
	width: 370px;
	}
	.regAccount {
		margin-right: 30px;
		margin-left: 50px;
		}
	* html .regAccount { margin-left: 30px; margin-right: 20px }
	.regAccount li,
	.regBilling li {
		clear: left;
		padding: 7px 0 3px;
		font-size: 11px;
		line-height: 1.3em;
		}
		.regBilling li.invPayment {
			background: #f7f7f7;
			border-top: 1px solid #f1f1f1;
			border-bottom: 1px solid #f1f1f1;
			height: 20px;
			padding-left: 15px;
			}
		.regAccount li.alert,
		.regBilling li.alert { padding: 0 0 0 105px; }
		* html .regAccount li.alert,
		* html .regBilling li.alert { padding-left: 110px }
		.regAccount li label,
		.regBilling li label {
			display: block;
			color: #4d4d4d;
			float: left;
			font-size: 11px;
			font-weight: 700;
			padding-top: 2px;
			width: 100px;
			}
			.regAccount li label span,
			.regBilling li label span {
				color: #666;
				font-size: 10px;
				font-weight: 100
				}
		.regAccount li input.txtfield,
		.regBilling li input.txtfield,
		.regAccount li textarea.txtfield, 
		.regBilling li textarea.txtfield {
				color: #323232;
				padding: 1px 2px;
				font-size: 11px;
				width: 230px;
				}
		.regAccount li input.stxtfield,
		.regBilling li input.stxtfield {
				width: 180px;
				}
		.regAccount li select,
		.regBilling li select {
				margin-right: 5px;
				padding: 1px 2px;
				}
		.red { color: #dd1010; margin-left: 3px; }
		.error {
			color: #dd1010;
			font-size: 11px;
			font-weight: 100;
			}
		.regAccount li a:link,
		.regAccount li a:visited,
		.regBilling li a:link,
		.regBilling li a:visited {
			color: #888;
			text-decoration: none;
			}
		.regAccount li a:hover,
		.regBilling li a:hover {
			color: #89d6db;
			text-decoration: none;
			}

.pgNote {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	font-size: 11px;
	margin: 25px 30px;
	padding: 5px 25px;
	}


#payment_address {
	margin: 20px 0;
	padding: 0 0 15px 30px;
	border-bottom: 1px solid #ccc;
	}
	#payment_address td {
		font-size: 11px;
		line-height: 1.4em;
		}
		#payment_address td.editBtn {
			padding-top: 8px;
			}
	#reviewDetails {
		border-bottom: 5px solid #ccc;
		padding: 20px 0 30px 30px;
		}
	#reviewDetails .cc {
		float: left;
		width: 260px;
		}
		#reviewDetails .cc li {
			font-size: 11px;
			line-height: 1.4em;
		}		

.pgButtons {
	margin: 5px 0 0;
	padding: 10px 35px;
	text-align: right;
	}

.alertConfirm {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	padding: 20px 30px;
	}
	.alertConfirm a:link,
	.alertConfirm a:visited {
		color: #89d6db;
		padding: 2px;
		text-decoration: none;
		}
	.alertConfirm a:hover {
		background: #89d6db;
		color: #fff;
		}



/* Random */
.hvy { font-weight: 700 }