@import url(reset.css);

body {background: url('../images/bgTile.jpg') top repeat-x #0e0d0d; overflow-y:scroll;}
h1 {font-size: 20px; line-height: 130%;}
h5 {font-size: 17px;}
h6 {font-size: 20px;}
a {color: #000;}
a:visited {color: #222;}

#content {width:100%; margin: 50px 0;}
#content .top {background: url('../images/bodTop.png') top no-repeat; height: 145px;}
#content .bod {background: url('../images/bodMid.png') repeat-y; min-height: 500px;}
#content .bot {background: url('../images/bodBot.png') bottom no-repeat; height: 8px;}

#main {width: 948px; margin: 0 0 0 6px;}

#header {height:151px; margin-left: 6px;}

.details {width: 320px; float: left; margin-left: 30px;}
.detailsWide {width: 450px; float: left; margin-left: 30px;}

.productShot {width: 130px; float: left; margin-left: 30px;}
.productShot .imageHolder { text-align: center; width: 128px; height: 279px; /*background: url('../images/products/productShotBg.png');*/}

/*-------------------*/
/*----- mainNav -----*/
/*-------------------*/
#mainNav {width: 100%; height: 33px; background: url('../images/navBg.jpg') no-repeat top; padding: 0; margin: 0; list-style: none;}
#mainNav li {float: left; margin: 0; padding: 0;text-align: center; font-size: 15px; line-height: 29px;}
#mainNav a, #mainNav a:visited {color: #fff; text-decoration: none; width: 90px; height: 33px; display:block;}
#home #mainNav .home,
	#products #mainNav .products,
	#about #mainNav .about,
	#news #mainNav .news,
	#contact #mainNav .contact {background: url('../images/activeNav.png') bottom no-repeat; color: #F47922;}
.home {margin-left: 20px;}

/*------------------*/
/*----- subNav -----*/
/*------------------*/
#subNav {width: 173px; height: 402px; background: url('../images/products/productNavBg.jpg'); float:left;}
#subNav a, #subNav a:visited {color: #636567; text-decoration: none;}
#subNav .pad {padding: 10px;}
#subNav ul {margin: 0; list-style: none; font-size: 16px;}
#subNav ul li {margin-bottom: 10px;}
#subNav ul ul {margin: 0 0 0 10px; font-size: 14px;}
#subNav ul ul li {margin-bottom: 10px;}
#subNav a.selected { color: #F47922; }
#subNav li.selected a, #subNav li.selected a:visited {color: #F47922; }
#subNav li.selected { font-weight: bold; font-size: 1.1em;}
#subNav li li { font-weight: normal; }
#subNav li.selected ul li.selected { color: #F47922; font-weight: bold; list-style: disc; }

/*------------------*/
/* ----- home ----- */
/*------------------*/
#featured {width: 100%; height: 326px; background: url('../images/featuredBg.jpg') no-repeat;}
#featured #mission {width: 238px; height: 277px; background: url('../images/missionBg.jpg') no-repeat; float: left; margin: 30px 0 0 30px;}
#featured #mission p {font-size: 14px; color: #333; padding: 95px 15px 0 15px; font-weight: bold;}

#newProducts {width: 100%; height: 220px; background: url('../images/newsBg.jpg') no-repeat top;}
#newProducts h3 {font-size: 18px; padding: 25px 0 10px 10px;}
#newProducts ul {list-style: none; margin: 0 0 0 20px; padding: 0;}
#newProducts ul li {float: left; width: 293px; height: 141px; display: block; background: url('../images/newProduct.jpg'); margin-right: 13px; color: #777;}
#newProducts ul li.newProductGuy { background: url('../images/newProductGuy.jpg'); padding-top: 4px; height: 137px; padding-right: 77px; width: 216px; }
#newProducts ul li.newProductBuilding { background: url('../images/newProductBuilding.jpg'); padding-top: 4px; height: 137px; padding-right: 87px; width: 206px; }
#newProducts ul li img {float:right; margin: 8px 8px 0 10px; border: 1px solid #999;}
#newProducts ul li h5 {font-size: 14px; color: #333; padding-top: 10px; padding-left: 10px;}
#newProducts ul li p {font-size: 12px; padding-left: 10px;}
#newProducts ul li a, #newProducts ul li a:visited {color: #333; padding-left: 10px;}

#newProducts #followIcons {	position: relative; }
#newProducts #followIcons .absolutePositioning {	position: absolute;	right: 32px; top: 20px; }
#newProducts #followIcons img { height: 25px; width: 25px; margin-left: 10px;}


/*--------------------- */
/* ----- products -----*/
/*---------------------*/
#products #main {background: url('../images/productsBg.jpg') top no-repeat;}

#productWrapper {width: 734px; margin: 30px auto 0 auto; position: relative;}
#productWrapper .head {width: 100%; height: 36px; background: url('../images/products/productWrapperTop.png') no-repeat; position: relative;}

#productWrapper .body {width: 100%; background: url('../images/products/productWrapperMid.png') repeat-y;}
#productWrapper .foot {width: 100%; height: 4px; background: url('../images/products/productWrapperBot.png') no-repeat;}
#productWrapper .pad {padding: 15px;}
#productWrapper .btn {width: 129px; height: 24px; display: inline-block; background: url('../images/homeSlider/glossyBtn.jpg') no-repeat; font-size: 12px; line-height: 24px; text-align: center; text-decoration: none; color: #333; margin-top: 20px; margin-bottom: 20px;}
#productWrapper .order { margin-top: 20px; }
#productWrapper .btnLong {width: 200px; height: 24px; display: block; background: url('../images/homeSlider/glossyBtnLong.jpg') no-repeat; font-size: 14px; line-height: 24px; text-align: center; text-decoration: none; color: #333; margin-top: 20px; margin-bottom: 20px;}
#productWrapper .comingSoon { color: #999; margin-top: 5px; font-style: italic; }
#discountTable {width: 270px; background: #eee; padding: 10px;}

.col {float: left; margin: 0 35px 0 0; padding: 0;}
.col:last {margin: 0;}

#products .price {padding-left: 50px;}

#shopCart {position: absolute; top: 10px; right: 20px;}
#account {position: absolute; top: 14px; right: 90px;}

/* --------------- */
/*----- about -----*/
/* --------------- */
#about #main {background: url('../images/aboutBg.jpg') top no-repeat;}
.aboutShot {width: 150px; float: left; margin-left: 30px;}

/* --------------- */
/*----- news -----*/
/* --------------- */
#news #main {background: url('../images/newsPageBg.jpg') top no-repeat;}

#news .news {margin-bottom: 30px;}
#news .news h4 {font-size: 16px;}
#news .event {margin-bottom: 30px;}

.articles {list-style: none;}
.articles li {border-bottom: 1px solid #ddd;}
.articles a, .articles a:visited {text-decoration: none; color: #777; display: block; padding: 5px; }
.articles a:hover {color: #fff; background: #F47922;}

.alert {color: #ff0000;}

/* ----------------- */
/*----- contact -----*/
/* ----------------- */

#contact form textarea {width: 250px; height: 150px;}

.legal {
	padding: 15px;
	line-height: 1.5em;
}

.legal h1 {
	font-size: 24px;
}

.legal h2 {
	font-size: 18px;
}

.legal h3 {
	font-size: 15px;
}

#sub-footer {
	text-align: center;
	font-size: 11px;
	padding-bottom: 40px;
}

.legal table {
	margin-bottom: 10px;
	border-collapse: collapse;
}

.legal table th,
.legal table td {
	border: 1px solid #ccc;
	padding: 2px 4px;
}

.legal table th {
	background-color: #ccc;
	color: black;
}
#sub-footer a {
	color: #606463;
	font-weight: normal;
}

#sub-footer .followicon {
	margin-bottom: -6px;
}