@charset "UTF-8";
/* Reset default browser styling */

* {
	padding: 0;
	margin: 0;
}

ul, li {
	list-style: none;
}

body {
	background-color: #5C0100;
	color: #555;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
}

/* End Reset default browser styling */

#container {
	background: #750000 url(/assets/images/bg.png) top repeat-x;
	width: 100%;
}

#content {
	background: #fff;
	padding: 0 20px;
}

#contentPageCol1, #eComPageCol1 {
	float: left;
	padding-top: 45px;
	width: 200px;
}

#contentPageCol2 {
	float: left;
	padding-left: 20px;
	width: 680px;
}

#eComPageCol2
{
	float:left;
	padding-left: 40px;
	width: 660px;
	padding-right: 0px;
}

#f1 {
	float: left;
	width: 600px;
}

#f2 {
	float: left;
	text-align: right;
	width: 360px;
}

#footer {
	border-top: 1px solid #742626;
	width: 100%;
}

#footerInner {
	margin: 0 auto;
	padding: 10px 0;
	width: 960px;
}

#grey {
	background: #EEE9DC;
	padding: 0 10px;
}

#greyEnd {
	background: url(/assets/images/greyEnd.png) top no-repeat;
	height: 10px;
	overflow: hidden;
}

#greyTop {
	background: url(/assets/images/greyTop.png) top no-repeat;
	height: 10px;
	overflow: hidden;
}

#homeCol1 {
	float: left;
	padding-right: 20px;
	width: 450px;
}
#homeCol2 {
	float: left;
	width: 450px;
}

#logo {
	height: 64px;
	left: 0;
	position: absolute;
	top: 20px;
	width: 242px;
}
#logo img
{
	border:0;
}
#nav {	
	height: 32px;
	left: 0px;
	position: absolute;
	top: 105px;
	width: 960px;
	z-index: 99;
}

#pageHome, #pageOther {
	margin: 0 auto;
	padding: 477px 0 20px 0;
	position: relative;
	width: 960px;
}

#pageOther {
	padding-top: 157px;
}

.p-b10 {
	padding-bottom: 10px !important;
}

.p-t10 {
	padding-top: 10px !important;
}

.paginationBottom {
	padding-top: 10px !important;
	text-align: right;
}

#prodDetailCol1 {
	float: left;
	width: 300px;
}

#prodDetailCol2 {
	float: left;
	padding-left: 20px;
	width: 580px;
}

#prodDetailCol2Inner1 {
	float: left;
	width: 450px;
}

#prodDetailCol2Inner2 {
	float: left;
	font-size: 1.3em;
	padding-top: 45px;
	width: 130px;
}

#relatedProds {
	clear: both;
	padding: 20px 0 0 20px;
}

#searchBox {
	background: url(/assets/images/searchBg.png) top left no-repeat;
	height: 34px;
	left: 282px;
	padding: 6px 7px 0 0;
	position: absolute;
	text-align: right;
	top: 51px;
	width: 672px;
	z-index: 40;
}

.searchResult {
	border-bottom: 1px solid #D8DCDF;
}

.searchResult.last {
	border-bottom: none;
}

.searchResultBuy {
	float: left;
	padding: 15px 20px 0 17px;
	width: 133px;
}

.searchResultDetails {
	float: left;
	padding: 10px 0;
	width: 600px;
}

.searchResultImage {
	float: left;
	padding: 5px 22px 3px 22px;
	width: 126px;
}

#strap {
	height: 23px;
	left: 288px;
	position: absolute;
	top: 20px;
	width: 672px;
}

.strip {
	padding: 0 5px 5px 5px;
}

.stripLeft {
	float: left;
	width: 465px;
}

.stripRight {
	float: left;
	width: 465px;
	text-align: right;
}

#visHolder {
	left: 0;
	position: absolute;
	top: 157px;
	width: 960px;
	z-index: 10;
}

#visMask {
	background: url(/assets/images/visMask.png) no-repeat;
	height: 300px;
	left: 0;
	position: absolute;
	top: 157px;
	width: 960px;
	z-index: 20;
}

#whiteInner {
	background: url(/assets/images/whiteInnerBg.png);
	padding: 10px 20px;
}

#whiteInner-noPad {
	background: url(/assets/images/whiteInnerBg.png);
}

#whiteInnerEnd {
	background: url(/assets/images/whiteInnerEnd.png) top no-repeat;
	height: 5px;
	overflow: hidden;
}

#whiteInnerTop {
	background: url(/assets/images/whiteInnerTop.png) top no-repeat;
	height: 5px;
	overflow: hidden;
}

#whiteEnd {
	background: url(/assets/images/whiteEnd.png) top no-repeat;
	height: 10px;
	overflow: hidden;
}

#whiteTop {
	background: url(/assets/images/whiteTop.png) top no-repeat;
	height: 10px;
	overflow: hidden;
}

/* -------------------------------------------- CLEARFIX */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
