/* /templates/8five2store/css/stylesheet.css
 * Cascading Style Sheet for 8five2 www.8five2.com
 * (C) 2009 Dennis Lo Designs, 8five2 unless otherwise licensed.
 * @author Dennis Lo, http://www.dennislo.com
 */

body {
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	background: #fff;
	}

/* UTILITARION  
*******************************/
a:link, a:visited{
	text-decoration: none;
	color: black;
	outline: none;
	}

a:hover, a:active {
	color: #afb3af;
	}

img {
	border: 0;
	outline: none;
	}

#header {
	position: absolute;
	left: 0;
	top: 51px;
	height: 85px;
	width: 1000px;
	}

#menu {
	position: absolute;
	left: 230px;
	top: 0px;
	width: 723px;
	height: 85px;
	border:1px solid black;
	padding: 0;
	margin: 0;
	}

#languageSelect{
	position: absolute;
	left: 963px;
	top: 57px;
	width: 100px;
	font-size: 0.7em;
	}

.alert{
	color: #cc0000;
	}

/* NAVIGATION 
*************************************************/
.nav{
	width: 534px;
	height: 85px;
	position: absolute;
	top: 0px;
	left: 180px;
	margin: 0;
	padding: 0;
	background: url(../images/nav.png);
}

.nav li{
	display: inline;
}

.nav li a:link, .nav li a:visited{
	position: absolute;
	top: 0;
	height: 85px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	display: block;
}

	.nav .btnAboutUs a:link, .nav .btnAboutUs a:visited {
		width: 99px;
		background: url(../images/nav_1.png) no-repeat 0 0;
	}
	.nav .btnAboutUs a:hover, .nav .btnAboutUs a:focus {
		background: url(../images/nav_1.png) no-repeat  0 -170px;
	}
	.nav .btnAboutUs a:active {
		background: url(../images/nav_1.png) no-repeat 0 -170px;
	}
	.current-btnAboutUs .btnAboutUs a:link, .current-btnAboutUs .btnAboutUs a:visited {
		background: url(../images/nav_1.png) no-repeat 0 -170px;
		cursor: default;
	}
	.nav-btnAboutUs, .nav-btnAboutUs-click {
		position: absolute;
		top: 0;
		width: 99px;
		height: 85px;
		background: url(../images/nav_1.png) no-repeat 0 -170px;
	}
	.nav-btnAboutUs-click {
		background: url(../images/nav_1.png) no-repeat 0 -85px;
	}

	
	.nav .btnPress a:link, .nav .btnPress a:visited {
		width: 79px;
		left: 99px;
		background: url(../images/nav_2.png) no-repeat 0 0;
	}
	.nav .btnPress a:hover, .nav .btnPress a:focus {
		background: url(../images/nav_2.png) no-repeat  0 -170px;
	}
	.nav .btnPress a:active {
		background: url(../images/nav_2.png) no-repeat 0 -170px;
	}
	.current-btnPress .btnPress a:link, .current-btnPress .btnPress a:visited {
		background: url(../images/nav_2.png) no-repeat 0 -170px;
		cursor: default;
	}
	.nav-btnPress, .nav-btnPress-click {
		left: 99px;
		position: absolute;
		top: 0;
		width: 79px;
		height: 85px;
		background: url(../images/nav_2.png) no-repeat 0 -170px;
	}
	.nav-btnPress-click {
		background: url(../images/nav_2.png) no-repeat 0 -85px;
	}

	
	
	.nav .btnBlogs a:link, .nav .btnBlogs a:visited {
		width: 81px;
		left: 177px;
		background: url(../images/nav_3.png) no-repeat 0 0;
	}
	.nav .btnBlogs a:hover, .nav .btnBlogs a:focus {
		background: url(../images/nav_3.png) no-repeat  0 -170px;
	}
	.nav .btnBlogs a:active {
		background: url(../images/nav_3.png) no-repeat 0 -170px;
	}
	.current-btnBlogs .btnBlogs a:link, .current-btnBlogs .btnBlogs a:visited {
		background: url(../images/nav_3.png) no-repeat 0 -170px;
		cursor: default;
	}
	.nav-btnBlogs, .nav-btnBlogs-click {
		left: 177px;
		position: absolute;
		top: 0;
		width: 81px;
		height: 85px;
		background: url(../images/nav_3.png) no-repeat 0 -170px;
	}
	.nav-btnBlogs-click {
		background: url(../images/nav_3.png) no-repeat 0 -85px;
	}
	
	
	
	.nav .btnEvents a:link, .nav .btnEvents a:visited {
		width: 78px;
		left: 258px;
		background: url(../images/nav_4.png) no-repeat 0 0;
	}
	.nav .btnEvents a:hover, .nav .btnEvents a:focus {
		background: url(../images/nav_4.png) no-repeat  0 -170px;
	}
	.nav .btnEvents a:active {
		background: url(../images/nav_4.png) no-repeat 0 -170px;
	}
	.current-btnEvents .btnEvents a:link, .current-btnEvents .btnEvents a:visited {
		background: url(../images/nav_4.png) no-repeat 0 -170px;
		cursor: default;
	}
	.nav-btnEvents, .nav-btnEvents-click {
		left: 258px;
		position: absolute;
		top: 0;
		width: 78px;
		height: 85px;
		background: url(../images/nav_4.png) no-repeat 0 -170px;
	}
	.nav-btnEvents-click {
		background: url(../images/nav_4.png) no-repeat 0 -85px;
	}
	
	
	
	.nav .btnPolaroids a:link, .nav .btnPolaroids a:visited {
		width: 105px;
		left: 336px;
		background: url(../images/nav_5.png) no-repeat 0 0;
	}
	.nav .btnPolaroids a:hover, .nav .btnPolaroids a:focus {
		background: url(../images/nav_5.png) no-repeat  0 -170px;
	}
	.nav .btnPolaroids a:active {
		background: url(../images/nav_5.png) no-repeat 0 -170px;
	}
	.current-btnPolaroids .btnPolaroids a:link, .current-btnPolaroids .btnPolaroids a:visited {
		background: url(../images/nav_5.png) no-repeat 0 -170px;
		cursor: default;
	}
	.nav-btnPolaroids, .nav-btnPolaroids-click {
		left: 336px;
		position: absolute;
		top: 0;
		width: 105px;
		height: 85px;
		background: url(../images/nav_5.png) no-repeat 0 -170px;
	}
	.nav-btnPolaroids-click {
		background: url(../images/nav_5.png) no-repeat 0 -85px;
	}



	.nav .btnContact a:link, .nav .btnContact a:visited {
		width: 102px;
		left: 441px;
		background: url(../images/nav_6.png) no-repeat 0 0;
	}
	.nav .btnContact a:hover, .nav .btnContact a:focus {
		background: url(../images/nav_6.png) no-repeat  0 -170px;
	}
	.nav .btnContact a:active {
		background: url(../images/nav_6.png) no-repeat 0 -170px;
	}
	.current-btnContact .btnContact a:link, .current-btnContact .btnContact a:visited {
		background: url(../images/nav_6.png) no-repeat 0 -170px;
		cursor: default;
	}
	.nav-btnContact, .nav-btnContact-click {
		left: 441px;
		position: absolute;
		top: 0;
		width: 102px;
		height: 85px;
		background: url(../images/nav_6.png) no-repeat 0 -170px;
	}
	.nav-btnContact-click {
		background: url(../images/nav_6.png) no-repeat 0 -85px;
	}



/* Content & Layout
*************************************************/
#ezPageDefault h1 {
	margin: 5px 0 15px 0;
	padding: 0;
}

#content h5, #ProductInfoCol h3, #productAdditionalImages h3 {
	width: 100%;
	border-bottom: 1px solid #000;
	margin: 10px 0 0 0;
	padding: 0 0 7px;
	font-size: 1em;
}

#content p {
	width: 370px;
	text-align: justify;
}

#content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content ul li {
	list-style: none;
	margin: 3px 0 3px 0;
	padding: 0;
}

iframe {
	border: 0px solid #fff;
}

#breadCrumb {
	margin: 150px 0 55px 230px;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
}

#contentWrapper {
	width: 963px;
}

#sideNav {
	width: 165px;
	margin: 0 9px 0 60px;
	float: left;
	font-size: 0.7em;
	text-align: right;
	line-height: 140%;
}

#sideNav ul, #sideNav li {
	list-style: none;
}

#search input {
	width: 175px;
	height: 12px;
	border: 1px solid black;
}

#content {
	float: left;
	width: 723px;
	font-size: 0.7em;
}

.clearfix {	
	display: inline-block;
}

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

h3.leftBoxHeading {
	margin: 15px 0 5px 0;
}

/* Categorie Grids 
*************************************************/
.productListing {
	width: 177px;
	height: 190px;
	padding: 10px;
	margin:0 44px 40px 0;
	float: left;
	background: url(../images/productListing.gif) 0 -210px no-repeat;
}

#indexProductList form {
	padding: 10px 5px;
	background: #E8E7DF;
}

.productListing a img {
}

.listingProductImage {
}

#productsListingListingBottomLinks, #productsListingListingTopLinks {
	text-align: right;
	font-weight: bold;
	}

#productsListingListingBottomLinks strong, #productsListingListingTopLinks strong {
	background-color: #e8e7df;
	padding: 0 15px;
	}

#productListHeading {
	margin: 5px 0;
	padding: 0;
	}

h3.itemTitle {
	font-size: 1em;
	margin: 8px 4px 0 0;
	padding: 0;
	}

h3.itemTitle a {
	padding: 0;
	margin: 0;
	}

/* Product Detail Page
*************************************************/
#ProductThumbCol {
	width: 500px;
	float: left;
	}

#ProductThumbCol img {
	max-width: 450px;
	max-height: 450px;
	border: 0;
	margin: 0 0 0 10px;
	}

#ProductInfoCol {
	width: 210px;
	margin-left: 510px;
	}

#ProductInfoCol h1 {
	margin: 0;
	padding: 0px;
	font-size: 1.8em;
	}

#productAttributes {
}

h3#attribsOptionsText {
	border-bottom: none;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
	}

ul#productDetailsList {
	margin: 15px 0 0 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #000;
	}

p#productDateAdded {
	width: inherit;
	text-align: left;
	}

.wrapperAttribsOptions {
	margin-top: 5px;
	}

.wrapperAttribsOptions h4 {
	font-weight: normal;
	display: block;
	padding: 0;
	margin: 0;
	width: 120px;
	float: left;
	}

#cartAdd {
	border-bottom: 1px solid #000;
	padding: 5px 0 7px 0;
	}

#productTellFriendLink, #productReviewLink {
	margin: 4px 0;
	}

#productAdditionalImages {
	margin: 10px 0;
	}


/* Shopping Cart 
*************************************************/
.cartTotalsDisplay {
	background: #5b5b5b;
	color: #fff;
	padding: 8px;
	margin-top: 10px;
	}

.listingDescription {
	margin: 4px;
	padding: 0;
	}

.cartQuantity, .cartUnitDisplay, .cartTotalDisplay {
	vertical-align: bottom;
	}

.tableHeading {
	height: 12px;
	}

#scQuantityHeading, #scProductsHeading, #scUnitHeading, #scTotalHeading {
	text-align: left;
	}

#cartSubTotal {
	background: #eeeeee;
	padding: 8px;
	text-align: left;
	font-weight: bold;
	color: #74b728;
	margin: 10px 0 0 0;
	}

.cartQuantity input {
	border: solid #555d5a 1px;
	padding: 2px;
	width: 23px;
	}

.cartQuantity input:hover {
	border: solid #000 1px;
	}

.messageStackError {
	background: #eeeed6;
	padding: 8px;
	margin: 3px 0;
	}

/* Form 
*************************************************/
fieldset {
	margin: 10px 0 5px 0;
	}

fieldset select {
	border: solid #555d5a 1px;
	padding: 2px;
	margin-top: 10px;
	}

fieldset input, #form1 input, #form1 textarea {
	border: solid #555d5a 1px;
	padding: 2px;
	width: 160px;
	margin-top: 10px;
	}

fieldset input:hover, #form1 input:hover, #form1 textarea:hover {
	background: #dfdfdf;
	}

#form1 {
	margin: 0;
	padding: 0;
	}

#form1 fieldset {
	width: 700px;
	margin: 0;
	padding: 10px 0;
	border: 0;
	}

#form1 label {
	padding: 0;
	margin: 0;
	}

#form1 textarea {
	font-size: 1.2em;
	width: 480px;
	height: 200px;
	}

#form1 input.submitbutton {
	border: solid #555d5a 1px;
	clear: both;
	margin: 10px 0 0 437px;
	width: 40px;
	cursor: pointer;
	}

#cartProdTitle {
	padding-left: 10px;
	}


/* Footer
*************************************************/
#footer {
	width: 463px;
	border-top: 1px solid #000;
	margin-top: 10px;
	padding-left: 490px;
	}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#footer ul li a {
	display: block;
	height: 46px;
	text-indent: -8888px;
	overflow: hidden;
	float: left;
	outline: none;
	}

#footer #btnPolicies a{	background: url("../images/footer_01.gif") 0 0; width: 68px;}
#footer #btnShipping a{	background: url("../images/footer_02.gif") 0 0; width: 141px;}
#footer #btnLinks a{	background: url("../images/footer_03.gif") 0 0; width: 53px;}
#footer #btnCustomerService a{	background: url("../images/footer_04.gif") 0 0; width: 125px;}
#footer #btnAdvertise a{	background: url("../images/footer_05.gif") 0 0; width: 71px;}

#footer #btnPolicies a:hover,
#footer #btnShipping a:hover,
#footer #btnLinks a:hover,
#footer #btnCustomerService a:hover,
#footer #btnAdvertise a:hover{
	background-position: 0 -46px;
}
