/* Custom Styling (Overrides theme's) */

/* Main Wrapper and Container Elements */

body{
	margin: 0;
	background: none;
}

#page{
	margin: 0 auto;
	background: none !important;
	width: 100%;
}

.post{
	margin-bottom: 0;
}

/* Header */

#headerContainer{
	background-image: url('/wp-content/themes/ayrlett/images/header_repeater.jpg');
	background-repeat: repeat-x;
	background-color: #333697;
}

#header{
	margin: 0 auto;
	width: 960px;
	height: 100px;
	background: none;
}

#logo{
	float: left;
}

#headerContact{
	float: right;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	line-height: 100px;
	font-weight: bold;
}

#headerContact a, #headerContact a:hover, #headerContact a:visited{
	color: #fff;
	text-decoration: none;
}

/* Nav */

#navContainer{
	height: 40px;
	line-height: 40px;
	width: 960px;
	margin: 0 auto;
	font-size: 17px;
}

#navContainer a:hover{
	color: #CA0811;
}

#nav{
	float: left;
	margin: 0;
	padding: 0;
}

#nav li{
	list-style-type: none;
	display: inline;
	margin-right: 60px;
}

#nav li a{
	color: #000;
	text-decoration: none;
}

#backToMain{
	float: right;
	color: #000;
	text-decoration: none;
}

/* Content */

.home #contentContainer{
	background-image: url('/wp-content/themes/ayrlett/images/flagBG.jpg');
	padding-bottom: 40px;
}

#defaultContentContainer{
	padding-bottom: 5px;
	background-color: #d7d7d7;
}

#defaultContentContainer h2{
	margin-top: 5px;
}

#content{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 0;
}

/* Footer */

#footerContainer{
	background-image: url('/wp-content/themes/ayrlett/images/footer_repeater.jpg');
	background-repeat: repeat-x;
	background-color: #333697;
}

#footer{
	width: 960px;
	margin: 0 auto;
	background: none;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	font-family: Arial, sans-serif;
}

#company{
	float: left;
	width: auto;
}

#riafox{
	float: right;
	width: auto;
}

#riafox a{
	color: #fff;
	text-decoration: underline;
}

/* Home Page elements */

#productShowcaseContainer{
	padding: 0 5px;
}

.productShowcaseBox{
	margin: 0 5px;
	float: left;
	width: 465px;
}

.productShowcaseImage{
	border: 8px solid #fff;
	height: auto;
	width: 439px;
	cursor: pointer;
}

.productShowcaseText{
	width: 100%;
	margin-top: 10px;
}


#blog{
	padding-top: 10px;
	width: 960px;
	margin: 0 auto;
}

.blogColumn{
	width: 28%;
	float: left;
}

#blogColumn2, #blogColumn3{
	margin-left: 8%;
}

.blogColumnsTitle{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	float: left;
}

#latestNewsTitle{
	font-size: 14px;
}

#latestNewsContent{
	margin: 10px 0 20px;
}

#socialMediaTitle{
	margin-left: 593px;
}

#socialMediaList{
	margin: 0;
	padding: 0;
	line-height: 18px;
	list-style-type: none;
}

#socialMediaList li img{
	vertical-align: top;
}

#socialMediaList li a{
	color: #000;
	text-decoration: none;
}

/* Product Line elements */

.productsContentContainer{
	background-color: #d7d7d7
}

#productLineImage{
	float: left;
	width: 475px;
	border: 5px solid #fff;
}

#productLineInfo{
	float: left;
	width: 310px;
	margin-left: 25px;
}

/* Featured Products */

#featuredProducts{
	background-color: #b8b8b8;
	clear: both;
	width: 960px;
	margin: 10px auto 0;
	padding-bottom: 10px;
}

#featuredProductsTitle{
	line-height: 50px;
	text-indent: 15px;
	font-size: 16px;
}

#featuredProduct1, #featuredProduct2{
	
}

.featuredProductBox{
	cursor: pointer;
	float: left;
	width: 32%;
	margin-left: 10px;
}

.featuredProductImage{
	float: left;
	width: 125px;
}

.featuredProductInfo{
	width: 165px;
	margin-left: 10px;
	float: left;
}

.featuredProductName,
.productItemName{
	font-size: 16px;
}

.featuredProductDescription,
.productItemDescription{
	margin-top: 5px;
	font-size: 10px;
}

/* Products Pages */

#productImage{
	float: left;
	width: 300px;
}

#productInfo{
	float: left;
	width: 640px;
	margin-left: 20px;;
}

#productName{
	font-size: 16px;
}

#productDescription{
	margin-top: 10px;
}

#productList{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#productList li{
	width: 33%;
	float: left;
	margin-bottom: 15px;
	cursor: pointer;
}

.productItemImage{
	float: left;
}

.productItemImage img{
	width: 100px;
}

.productItemInfoBox{
	float: left; 
	width: 186px;
	margin-left: 10px;
}

#backToCategory{
	margin-top: 60px;
}

#backToCategory a{
	color: #000;
	text-decoration: none;
}

/* Sales Reps styling */

#resellers{
	width: 100%;
}

#resellers tr{
	height: 22px;
}

/* Valley Forge line styling */

body.valley-forge{
        background-image: url('/wp-content/themes/ayrlett/images/paperBG.jpg');
	color: #000;
}

.valley-forge #headerContainer,
.valley-forge .productsContentContainer,
.valley-forge #footerContainer{
	background: none;
}

.valley-forge #navContainer,
.valley-forge #footer{
	border: 1px solid #000;
	border-right: 0;
	border-left: 0;
}

.valley-forge #navContainer a:hover{
	color: #5d4d36;
}

.valley-forge #headerContact a,
.valley-forge #footer,
.valley-forge #footer a{
	color: #000;
}

.valley-forge #featuredProducts{
	background-color: #c3b19b;
	margin-top: 140px
}

.valley-forge #defaultContentContainer{
	background: none;
	padding: 10px 0;
}

.valley-forge #sideImage{
	width: 230px;
	float: left;
}

.valley-forge #sideImage img{
	border: 8px solid #fff;
	width: 214px;
}

.valley-forge #products, .valley-forge #productInfoBox{
	width: 710px;
	margin-left: 20px;
	float: left;
}

.valley-forge #products,
.valley-forge #productInfoBox,
.valley-forge #sideImage{
	margin-bottom: 80px;
}

.valley-forge #productInfo{
	width: 390px;
}

.valley-forge #productList li{
	width: 50%;
}

.valley-forge .productItemInfoBox{
	width: 230px;
}

.valley-forge #footer{
	height: 40px;
	line-height: 40px;
}

/* Miscellaneous classes */

.endCap{
	width: 100%;
	clear: both;
}