/*
When working on this please make sure that you update the date of when changes where made to make sure that we have the correct version of this document uploaded onto the server.  Thank you

UPDATED: May 10th 2016
By: Craig De Toma
*/

body {
	background-color: #957f68;
	background-image: url(images/WOOD.jpg);
	background-repeat: repeat;
	margin-bottom: 40px;
	font-family: Verdana, Geneva, sans-serif
}
/*----------------------- Page Header -----------------------------------*/
header {
	width: 1120px;/* Changed to 1120px so that everything was the same width */
	margin: auto;
	/*position: relative;*/ /*On Matt's CSS this was removed*/
}
#logo {
	width: 1120px;/*Changed to 1080px and not 1060px*/
	margin: auto;
	overflow:hidden;
	padding-bottom:10px;
}
#logo img {
	width: 250px;
	display: block;
	float:left;
}
#logo h1 {
	font-size: 45px;
	text-shadow: 4px 4px #000;
	color: #fff;
	float: right;
	margin-right: 60px;
	margin-top:45px;
	
	/*-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;*/
}
#logo p {
	font-size: 25px;
	color: #fff;
	float: left;
	text-shadow: 2px 2px #000;
	margin-top:-10px;
	margin-left:160px;
	
}
#social {
	right: 0;
	top: 135px;
	float: right;
	margin-top:-81px;
	display:block;
	margin-right:20px;
}
#social img {
	width: 48px;
}
#social a:hover img {
	opacity: .6;
}
/*----------------------- Navigation -----------------------------------*/
nav {
	clear: both;
	width: 1060px;
	padding-left: 60px;
	margin: 0 auto;
	height: 50px;
	box-shadow: 15px 15px 10px rgba(0,0,0,0.7);
	margin-bottom: 20px;
	border: 2px solid #FFF;
	font-size: 20px;
	background: linear-gradient(#fc0004, #bf0000);
}
nav ul {
	clear: both;
	list-style: none;
	margin: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
nav li {
	float: left;
	margin: 5px;
	padding: 0;
	background: linear-gradient(#fc0004, #bf0000);
}
nav li a {
	height: 50px;
	line-height: 50px;
	display: block;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	margin-top: -5px;
}
/*make the home button a little wider, to better fit in with the rest of the navigation buttons*/
nav > ul > li:first-child a {
	padding: 0 30px;
}
nav a:hover, nav .curr, nav ul li ul li a:hover, nav ul > li:hover >a {
	color: #bf0000;
	background-color: #fff;
	transition: background-color, .5s, ease-in-out;
	transition: color, .5s, ease-in-out;
	/*background-color:rgba(255,255,255, 0.9)*/;
}
nav ul li ul {
	width: 600px;
	position: absolute;
	border: none;
	max-height: 0;
	height: 460px;
	z-index: 99;
	font-size: 18px;
}
nav ul > li:hover > ul {
	max-height: 500px;
	transition: max-height 1s ease-in-out;
}
nav > ul > li > ul > li:first-child {
	padding-top: 5px;
}
nav ul li ul li {
	float: none;
	margin: 0;
	position: relative;
	text-align: center;
	width: 260px;
}
nav ul li ul li a {
	width: 250px;
	padding: 0 5px;
	border-right: none;
	border-top: 1px solid #fff;
}
nav #yeti-nav {
	width: 233px;
	z-index: 99;
	left: 260px;
	top: 0px;
	font-size: 18px;
}
nav #yeti-nav li {
	float: none;
	text-align: center;
}
nav #yeti-nav li:first-child a {
	padding-top: 5px;
}
nav #yeti-nav li a {
	width: 230px;
	border-right: none;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
nav #sunglasses-nav {
	width: 233px;
	z-index: 99;
	left: 260px;
	top: 0px;
	font-size: 18px;
}
nav #sunglasses-nav li {
	float: none;
	text-align: center;
}
nav #sunglasses-nav li:first-child a {
	padding-top: 5px;
}
nav #sunglasses-nav li a {
	width: 230px;
	border-right: none;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
/*----------------------- Wrapper -----------------------------------*/
#wrapper {
	width: 1080px;
	background-color: #fff;
	margin: auto;
	padding: 20px;
	box-shadow: 15px 15px 10px rgba(0,0,0,0.7);
	margin-bottom: 30px;
}
/*----------------------- Header -----------------------------------*/
#header {
	width: 1080px;
	height: 130px;
}
/*----------------------- Crowder Bros. Ace Logo -------------------*/
#ace {
	float: left;
	display: block;
}
#ace img {
	width: 150px;
	display: block;
	clear: both;
	margin-top:5px;
}
/*----------------------- Crowder Bros. Gifts Logo ---------------*/
#gifts {
	float: right;
	display: block;
	margin-top:15px;
	padding-left:30px;
}

/*----------------------- Content --------------------------------*/
#slider {
	width: 1020px;
	margin: auto;
	text-align: center;
	padding-bottom:40px;
}
#slide {
	width: 900px;
	height: 350px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
	margin: auto;
	border:1px solid;
}
#content {
	overflow: auto;
	width: 1020px;
}
#content h1 {
	color: #ed1635;
	text-align: center;
	margin-bottom: 60px;
}
#content h2 {
	text-align: center;
}
.main {
	font-size: 20px;
	clear: both;
	padding-top: 20px;
}
#content img {
	box-shadow: 15px 15px 10px rgba(0,0,0,0.7);
	border:1px solid;
}
/*----- Home Page Store Address, iframes & phone numbers ------------------------*/
#manatee {
	float: left;
	width: 480px;
	margin-left: 30px;
}
#manatee p, #lakewood_ranch p {
	font-size: 24px;
	margin-top: 30px;
	text-align: center;
	margin-bottom:30px;
}
#manatee iframe, #lakewood_ranch iframe {
	display: block;
}
#lakewood_ranch {
	float: right;
	width: 480px;
}
#hours {
	font-size: 20px;
	width: 430px;
	padding-left: 70px;
	float: left;
}
#hours ul {
	margin-top: -30px;
}
#hours p {
	width: 100%;
	text-align: center;
	padding-bottom:20px;
}
#phone_numbers {
	font-size: 20px;
	width: 500px;
	float: right;
}
#phone_numbers ul {
	margin-left: 100px;
	margin-top: -30px;
}
#phone_numbers p {
	width: 100%;
	text-align: center;
	padding-bottom:20px;
}
/*----------------------- Featured Page Content ---------------*/
#featured ul li {
	list-style-type: none;
}
#featured ul li a {
	text-decoration: none;
	color: #bf0000;
	line-height: 1.5em;
}
#featured ul li a:hover{
	background-color:#bf0000;
	color:#fff;
}
/*----------------------- Stihl Page Content -----------------*/
#stihl {
	display: block;
	clear: both;
	margin: auto;
	padding: 0;
}
#iws {
	width: 200px;
	display: block;
	clear: both;
	margin: auto
}
#link {
	margin: 20px;
}
#link a {
	width: 300px;
	height: 20px;
	background: linear-gradient(#bf0000, #fc0004);
	border: 2px solid #000;
	text-decoration: none;
	color: #fff;
	padding: 15px;
	text-shadow: 2px 2px #000;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.7);
	display: block;
	text-align: center;	
	float:left;
	margin:auto;
	margin-right:60px;
}
/*----------------------- Yeti Page Content -----------------------------------*/
#yeti_cooler_group, #yeti_drinkware_group, #yeti_accessory_group{
	width:325px;
	float:left;
	display:block;
	padding-left:10px;
	
}
#yeti_cooler_group img, #yeti_drinkware_group img, #yeti_accessory_group img{
	width:300px;
	box-shadow:none;
	border:none;
}
#cooler img{
	box-shadow:none;
	height:300px;
	margin:auto;
	display:block;
	clear:both;
	margin-bottom:50px;
	border:none;
}
#content h1{
	font-size:38px;
	text-shadow: 5px 5px 5px #aaa;
}
#cooler_table{
	margin:auto;
	border:1px solid;
	border-collapse:collapse;
}
#cooler_table tr, th, td{
	border: 1px solid #00243e;
	width:auto;
	padding:0 15px
}
#cooler_table th{
	padding:10px 50px;
	text-align:center;
}
#cooler_table td{
	text-align:center;
}
#cooler_table tr:nth-child(odd) {
	background: #eee;
}
#cooler_table tr:nth-child(even) {
	background: #f90000;
	color: #fff
}
#cooler_table td img{
	box-shadow:none;
	display:block;
	border:1px solid #00243e
}
.yeti_color img{
	width:25px;
	border-radius:50px;
	display:block;
	float:left;
	margin:5px;
}
.yeti_cooler_last{
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:10px;
}
#yeti_rambler{
	margin-top:20px;
}
#yeti_rambler img{
	box-shadow:none;
	border:none;
	padding-right:40px;
}
#yeti_accessory_logo{
	text-align:center;
}
#yeti_accessory_logo img{
	height:150px;
	margin-bottom:50px;
	border:none;
}
#internal{
	clear:both;
	display:block;
	overflow:hidden;
}
#internal p{
	float:left;
	margin-right:5px;
	padding-right:5px;
}
#molle_zinger, #sidekick, #molle, #yeti_tank_lids, #yeti_bev_holder, #yeti_bear_locks, #yeti_tie_downs, #yeti_corner_chock, #yeti_sliding_feet, #yeti_divider_small, #yeti_divider_large, #yeti_basket, #yeti_seat_cushion_white, #yeti_seat_cushion_max4, #yeti_seadek, #yeti_drain_plug, #yeti_ice, #yeti_ice_2, #yeti_ice_3 {
	width:900px;
	height:240px;
	margin:auto;
	padding-bottom:20px;
}
#yeti_security, #yeti_bait_tray, #yeti_rod_holster{
	width:900px;
	height:320px;
	margin:auto;
	padding-bottom:20px;
}
#molle_zinger img, #sidekick img, #molle img, #yeti_tank_lids img, #yeti_bev_holder img, #yeti_rod_holster img, #yeti_security img, #yeti_bear_locks img, #yeti_tie_downs img, #yeti_corner_chock img, #yeti_sliding_feet img, #yeti_divider_small img, #yeti_divider_large img, #yeti_basket img, #yeti_bait_tray img, #yeti_seat_cushion_white img, #yeti_seat_cushion_max4 img, #yeti_seadek img, #yeti_drain_plug img, #yeti_ice img, #yeti_ice_2 img, #yeti_ice_3 img{
	display:block;
	float:left;
	width:175px;
	box-shadow:none;
	margin-right:40px;
	margin-left:20px;
	margin-top:35px;
	border:none;
}
#molle_zinger p, #sidekick p, #molle p, #yeti_tank_lids p, #yeti_bev_holder p, #yeti_rod_holster p, #yeti_security p, #yeti_bear_locks p, #yeti_tie_downs p, #yeti_corner_chock p, #yeti_sliding_feet p, #yeti_divider_small p, #yeti_divider_large p, #yeti_basket p, #yeti_bait_tray p, #yeti_seat_cushion_white p, #yeti_seat_cushion_max4 p, #yeti_seadek p, #yeti_drain_plug p, #yeti_ice p, #yeti_ice_2 p, #yeti_ice_3 p {
	padding-top:20px;
	width:600px;
	float:right;
	display:block;
	padding-right:20px
}
.details{
	margin-bottom:-25px;
	margin-top:-15px;
	text-align:center;
	font-size:25px;
	color: #bf0000;
	text-shadow: 3px 3px #bbb
}
#yeti_accessory_logo img{
	width:500px;
	display:block;
	clear:both;
	margin:auto;
	box-shadow:none;
	padding-bottom:30px
}
/*----------------------- Big Green Egg Page Content -----------------------------------*/
#bge img{
	width:300px;
	margin:auto;
	display:block;
	clear:both;
}
#bge_include p, #bge_sizes p{
	color:#bf0000;
	text-align:center;
	font-size:25px;
	margin-top:100px;
}
#bge_include img{
	display:block;
	clear:both;
	margin:auto;	
	height:400px;
}
#bge_sizes img{
	display:block;
	clear:both;
	margin:auto;
}
/*----------------------- Weber Page Content -----------------------------------*/
#q_series p, #spirit p, #genesis p, #summit p{
	color:#bf0000;
	text-align:center;
	font-size:25px;
	margin-top:100px
}
#weber_logo img, #q_series img, #spirit img, #genesis img, #summit img{
	display:block;
	clear:both;
	width:400px;
	margin:auto;
}
/*----------------------- Sunglasses Page Content -----------------------------------*/
#sunglasses ul li{
	list-style-type:none;
	line-height:2em;
}
#sunglasses ul li a{
	color: #bf0000;
	text-decoration:none;	
}
#sunglasses ul li a:hover{
	background-color:#bf0000;
	color:#fff;
	text-decoration:none;
}
#sun {
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: -20px;
}
/*----------------------- Columbia Page Content -----------------------------------*/
#img {
	text-align: center;
}
/*----------------------- Valspar Page Content -----------------------------------*/
#valspar1, #valspar2 {
	width: 315px;
	float: left;
	padding-right: 30px;
	overflow: auto
}
#valspar1 img {
	box-shadow: none;
	padding-left: 30px;
	display: block;
	clear: both;
}
#valspar2 img {
	box-shadow: none;
	padding-left: 40px;
	display: block;
	clear: both;
}
#valspar3 {
	width: 320px;
	float: right;
	overflow: auto;
}
#valspar3 img {
	box-shadow: none;
	margin-left: 25px;
	display: block;
	clear: both;
}
.paint {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.center {
	text-align: center;
}
#valspar a {
	width: 350px;
	height: 20px;
	background: linear-gradient(#bf0000, #fc0004);
	border: 2px solid #000;
	text-decoration: none;
	padding: 15px;
	text-shadow: 2px 2px #000;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.7);
	display: block;
	clear: both;
	text-align: center;
	color:#fff;
}
/*----------------------- Employment Page Content -----------------------------------*/
#bemployment, #lremployment {
	margin-bottom: 20px;
	float: left;
	margin-left: 40px;
}
#bemployment a, #lremployment a {
	width: 400px;
	height: 20px;
	background: linear-gradient(#bf0000, #fc0004);
	border: 2px solid #000;
	text-decoration: none;
	color: #fff;
	padding: 15px;
	text-shadow: 2px 2px #000;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.7);
	display: block;
	clear: both;
	text-align: center
}
#bemployment a:hover, #lremployment a:hover {
	color: #fff;
	text-decoration: none;
}
/*----------------------- Ace Rewards Page Content -----------------------------------*/
#banner {
	width: 1020px;
	margin-top: 20px;
}
#rewards {
	display: block;
	margin: auto;
	padding-top: 10px;
	height: 150px;
}
#left {
	float: left;
	width: 600px;
	height: 250px;
	clear: both;
	display: block
}
#left ul li:last-child {
	margin-bottom: 40px;
}
#left a {
	width: 350px;
	height: 20px;
	background: linear-gradient(#bf0000, #fc0004);
	border: 1px solid #000;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	text-shadow: 2px 2px #000;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.7);
}
#left a:hover {
	color: #fff;
	text-decoration: none;
}
#right {
	float: right;
	width: 400px;
	height: 200px;
}
#right img {
	width: 200px;
	height: auto;
	margin-top: 30px;
	margin-left: 70px;
	display: block;
}
/*----------------------- Return Policy -----------------------------------*/
.policy {
	text-align: center;
	color: #fc0004;
}
.policy h1 {
	margin-top: -80px;
	margin-bottom: 60px;
	text-shadow: 4px 4px #ccc;
}
.policy h2 {
	text-shadow: 4px 4px #ccc;
}
#return {
	border: 2px dotted;
	color: #fd0003;
	text-align: center;
}
#return h2 {
	padding: 10px;
}
.under {
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
	color: #fd0003;
}
.return {
	color: #bf0000;
	text-shadow: 4px 4px #ccc;
}
/*----------------------- Footer -----------------------------------*/
footer {
	clear: both;
	display: block;
	width: 1120px; /* Changed from 1060px so everything is the same width */
	height: 100px;
	background: linear-gradient(#bf0000, #fc0004);
	color: #fff;
	margin: auto;
	border: #fff 2px solid;
	box-shadow: 15px 15px 10px rgba(0,0,0,0.7);
	padding-bottom: 20px;
}
footer p {
	margin-left: 20px;
}
footer a:hover {
	background: rgba(255,255,255,0.3);
	border-radius: 5px;
}
footer ul {
	list-style: none;
	float: right;
	clear: both;
	margin-top: -35px;
}
footer li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right: #fff 1px solid;
}
footer li:last-child {
	border: none;
}
footer li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
/*----------------------- Store Addresses -----------------------------------*/
#bradenton {
	width: 400px;
	float: left;
	text-align: center;
	padding-left: 15px;
	margin-top: -30px
}
#bradenton a {
	color: #fff;
}
#lakewood {
	width: 500px;
	float: right;
	text-align: center;
	padding-right: 15px;
	margin-top: -30px
}
#lakewood a {
	color: #fff;
}
/*----------------------- Contact Page -----------------------------------*/
 #content .warning{
	color:#f00;
}
#contactform{
	width:400px;
	margin:0 auto;
	padding:15px;
	border:1px solid rgba(102,51,51,.5);
}
#contactform input{
	height:20px;
	width:270px;
	font-size:16px;
}
#contactform label{
	display:block;
}
#contactform div{
	width:360px;
	margin:20px auto;
}
#contactform .buttons{
	width:200px;
	margin:10px auto 0 auto;
}
#contactform .buttons input{
	width:90px;
	height:40px;
	cursor:pointer;
	background:#fc0004;
	border:5px solid #aaa;
}
#contactform .buttons input:hover{
	background:#aaa;
	border:5px solid #fc0004;
}