/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
	font-family: "ff-nuvo-web-pro-1",helvetica,arial,sans-serif;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, form, #wrap {height: 100%;}

body > #wrap {
	height: auto;
	min-height: 100%;
	width:960px;
	margin:0pt auto;
}

#main {
	max-width:825px;
	margin:0 0 0 70px;
	padding-bottom: 335px;}  /* must be same height as the footer */
	
#main > *{
	padding:10px 0 0 0;
	clear:both;
	margin:0;
}
#main h1{
	clear:left;
	width:auto;
	padding:20px 0;
}
#main p{
	font-family:"ff-nuvo-web-pro-1";
	font-size:0.8em;
	margin-bottom:0px;
	margin-bottom:0px;
}
#main ul, #main ol{
	margin-left:0;
	margin:0;
}

#footer {
	width:960px;
	margin:0pt auto;
	position: relative;
	margin-top: -335px; /* negative value of footer height */
	height: 335px;
	clear:both;
	background:transparent url('/assets/img/bg-bottom.jpg') no-repeat scroll 0 bottom;
}
	#footer #inner{
			height:335px;
			background:transparent url('/assets/img/logo-large.gif') no-repeat scroll 555px 30px;
		}
		#footer #inner p{
			clear:both;
			text-align:center;
			color:#CCCCCC;
			padding:10px;
			font-size:0.8em;
		}
		#footer #inner ul{
			float:left;
			margin:200px 0 0 72px;
		}
			#footer #inner ul li{
				list-style:none;
				float:left;
				padding:0 20px 0 0;
			}
				#footer #inner ul li a{
					font-weight:bold;
				}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: block;}

/* GLOBAL */
 a,a:visited{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
 }
 a:hover{
	text-decoration:underline;
 }
/* END GLOBAL */
 
 /* HEADER */
#header{
	background:transparent url('/assets/img/bg-top.jpg') no-repeat scroll 0 0;
}
#header #nav{
	padding:80px 0 20px 70px;
	font-size:1.4em;
	font-weight:bold;
}
	#header #nav img{
		float:left;
	}
	#header #nav fieldset{
		font-size:0.8em;
		float:right;
		margin:25px 74px 0 0;
	}
	#header #nav input[type=text]{
		width:144px;
		color:#CCCCCC;
	}
	#header ul#sat{
		float:right;
		margin:90px 75px 0 0;
	}
		#header ul#sat li{
			list-style:none;
			float:left;
			font-weight:bold;
			padding:0 0 0 4px;
		}
		#header ul#sat li:first{
		}
	#header #nav ul{
		float:left;
		margin:56px 0 0 42px;
	}
		#header #nav ul li{
			list-style:none;
			float:left;
			padding:0 20px 0 0;
		}
			#header #nav ul li a{
				display:block;
				padding:10px 0 0 0;
			}
/* END HEADER */

/* HOMEPAGE */

.slideshow { 
	height: 662px;
	width: 815px;
	overflow: hidden;
}

/* HOMEPAGE */

/* PRODUCT GRID */
#grid{
}
	#grid li{
		list-style:none;
		width:170px;
		height:170px;
		float:left;
		border:solid 1px #eee;
		margin:0 0 34px 42px;
	}
		#grid li.first{
			margin:0 34px 34px 0;
		}
		#grid li.second{
			margin:0 0 0 8px;
		}
		#grid li:hover{
			border:solid 1px #000;
		}
#main #results-description{
	
}
#main .paging{
	float:right;
	clear:none;
	width:auto;
}
#main .paging ol{
	margin:0;
	padding:0;
}		
#main .paging ol li{
	float:left;
	list-style:none;
	padding:0 10px 0 0;
}
#main .paging ol li:last-child{
	padding:0;
}
ol.breadcrumb{
	clear:left;
	padding-bottom:20px;
}
ol.breadcrumb li{
	color:#AAA;
	list-style:none;
	font-size:0.8em;
	display:block;
	float:left;
	padding:0 0 0 5px;
}
ol.breadcrumb li:first-child{
	padding:0;
}
/* END PRODUCT GRID */

/* PRODUCT DETAILS */
#details{
	float:right;
	width:430px;
}
#details select{
	margin:20px 0;
}
	#details p.price{
		margin:5px 0 0 0;
	}
	#details p.price span{
		font-weight:bold;
		font-size:1.2em;
	}
	#details #addToBasket{
		font-size:1.2em;
		padding:15px 0 60px 0;
	}
	img.product-details{
		border:solid 1px #EEE;
	}
/* END PRODUCT DETAILS */

/* LOGIN */
.AspNet-Login em{font-style:normal;}
.AspNet-Login label{
	display:block;
	float:left;
	min-width:100px;
}
.AspNet-Login div{
	margin:0 0 10px 0;
}
.AspNet-Login-RememberMePanel input{
	margin-left:10px;
}
.AspNet-Login-SubmitPanel{
	padding-bottom:40px;
}
/* END LOGIN */

/* BASKET */
#main table.product-table{
	margin:30px 0 20px 0;
}
	#main table.product-table th, #main table.product-table td{
		border:solid 1px #AAA;
	}
/* END BASKET */

/* CHECKOUT */
#main .addresssummary{
	float:left;
	margin:0 80px 40px 0;
}
#main .addresssummary li{
	list-style-type:none;
}
#main .section{
	clear:both;
}
#main fieldset#payment{
	margin:20px 0 0 0;
}
	#main fieldset#payment p{
		margin:0 0 10px 0;
	}
	#main fieldset#payment label{
		display:block;
		float:left;
		width:250px;
	}
	#main fieldset#payment input, #main fieldset#payment select{
		width:200px;
	}
	#main fieldset#payment p.date select{
		width:50px;
	}
	#main fieldset#payment p.number input{
		width:50px;
	}
	#main  fieldset#payment .button-place-order{
		width:108px;
		height:25px;
	}
/* END CHECKOUT */

/* BILLING ADDRESS MANAGER */
#main fieldset.editAddress p{
	padding:0 0 10px 0;
}
#main fieldset.editAddress label{
	display:block;
	float:left;
	width:150px;
}
#main fieldset.editAddress input, #main fieldset.editAddress select{
	width:150px;
}
/* END BILLING ADDRESS MANAGER */

/* SHIPPING ADDRESS MANAGER */
table#shippingaddressmanager{
	margin:30px 0 0 0;
}
	#main table#shippingaddressmanager th, #main table#shippingaddressmanager td{
		border:solid 1px #AAA;
		vertical-align:top;
	}
	#main table#shippingaddressmanager li{
		list-style-type:none;
	}
/* END SHIPPING ADDRESS MANAGER */
/* REGISTER */
#main fieldset#register p{
	margin:0 0 10px 0;
}
#main fieldset#register label{
	display:block;
	float:left;
	width:250px;
}
#main fieldset#register input, #main fieldset#register select{
	width:200px;
}
#main fieldset#register input{
	padding:0;
	margin:20px 0 0 0;
}
/* END REGISTER */

/* RECOVER PASSWORD */
#main fieldset#recover-password input{
	padding:0;
	margin:20px 0 0 0;
}
/* END RECOVER PASSWORD */

/* 3D secure */
#threedsecureform h1{
	font-size:1em;
	padding:10px 0 20px 0;
}
#threedsecureform p{
	padding-bottom:10px;
}
form#three-d-go{
	margin:20px 0 0 0;
}

/* END 3D SECURE */

/* OVERLAY */

#notice {
		display:none;
		
		z-index:10000;

		/* standard decorations */
		width:900px;
		border:10px solid #666;
		background-color:#FFF;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}
	
#notice .contentWrap{
	height:490px;
	width:900px;
	overflow:hidden;
	position:relative;
}
#notice .contentWrap iframe{
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}
/* close button positioned on upper right corner */
	#notice	.close {
			background-image:url('/assets/img/close.png');
			position:absolute;
			right:-20px;
			top:-20px;
			cursor:pointer;
			height:35px;
			width:35px;
		}