@import "ie_styles.css";

* {margin:0; padding:0;}

body {
	font:90%/.9em Arial, Helvetica, Verdana, sans-serif;
	background:#000066;
}

#wrap {
	width:80%;
	max-width:1200px;
	min-width:800px;
	margin:2em auto;
	background:#fff;
	border:solid 2px #ccc;
}

#header {
	float:left;
	position:relative;
	width:100%;
	height:89px;
	margin:0 0 1em 0;
	background:#b4162c url(images/header_bg.gif) repeat-x top left;
}
	#header h1 {
		height:89px;
		text-indent:-9999px;
		background:url(images/logo.gif) no-repeat top left;
	}
	#header h1 a {display:block; height:100%;}
	#header p {
		position:absolute;
		bottom:2em;
		right:1em;
		font-size:110%;
		font-weight:bold;
		color:#fff;
	}

#content {
	/*clear:both;*/
	float:right;
	width:68%;
	padding:0 1%;
}

#navigation {
	float:left;
	width:28%;
	padding:0 1% 0 1%;
	font:80% 'Lucida Grande', sans-serif;
}
	#navigation li {
		width:100%;
		margin:0 0 1em 0;
		list-style:none;
		background:#b4162c;
	}
	#navigation li a {
		display:block;
		padding:.5em 0 .5em 1em;
		color:#fff;
		font-weight:bold;
		font-size:110%;
		text-decoration:none;
	}
	#navigation li a:hover {background:#00356c;}
	
	#screen_page #navigation #screen_link,
	#embroidered_page #navigation #embroidered_link,
	#carhartt_page #navigation #carhartt_link,
	#small_business_page #navigation #small_business_link,
	#gifts_page #navigation #gifts_link,
	#highlands_page #navigation #highlands_link,
	#outside_page #navigation #outside_link,
	#contact_page #navigation #contact_link,
	#railcrew_page #navigation #railcrew_link,
	#rec_team_page #navigation #rec_team_link {background:#00356c !important;}
	
#footer {
	clear:both;
	margin:0 1em;
	padding:1em 0;
	border-top:solid 2px #ccc;
	font-size:90%;
	text-align:center;
}

h2 {font-size:150%; margin:0 0 .5em 0; color:#00356c;}
	h2#index {padding:0 0 .5em 0; background: url(images/booster_print.gif) no-repeat top left; text-indent:-9999px;}
	h2#screen_apparel {padding:0 0 1em 0; background: url(images/screen-print_apparel.gif) no-repeat top left; text-indent:-9999px;}
	h2#embroidered {padding:0 0 1em 0; background: url(images/embroidered_apparel.gif) no-repeat top left; text-indent:-9999px;}
	h2#gifts {padding:0 0 1em 0; background: url(images/gifts.gif) no-repeat top left; text-indent:-9999px;}
	h2#highlands {padding:0 0 1em 0; background: url(images/highlands.gif) no-repeat top left; text-indent:-9999px;}
	h2#contact {padding:0 0 1em 0; background: url(images/contact.gif) no-repeat top left; text-indent:-9999px;}
	h2#small_business {padding:0 0 1em 0; background: url(images/small_business.gif) no-repeat top left; text-indent:-9999px;}
	h2#carhartt {padding:0 0 1em 0; background: url(images/carhartt.gif) no-repeat top left; text-indent:-9999px;}
	h2#rec_team {padding:0 0 1em 0; background: url(images/rec_team_special.gif) no-repeat top left; text-indent:-9999px;}
	h2#outside {padding:0 0 1em 0; background: url(images/outside_better_inside.gif) no-repeat top left; text-indent:-9999px;}
	h2#railcrew {padding:0 0 1em 0; background: url(images/rail_crew.gif) no-repeat top left; text-indent:-9999px;}

h3 {font:120% 'Lucida Grande', sans-serif; border-bottom:solid 3px;}

p, #content p {
	padding:0 1% .5em 1%;
	font-size:85%;
}

a {font-weight:bold; text-decoration:none; color:#b4162c;}
a:hover {text-decoration:underline;}

#content ul {margin:0 0 1em 0; list-style:none; font-size:90%;}
#content ul li {margin:0 0 0 .5em; padding:.2em;}
#content ul li ul {margin:0;}
#content h3 {margin:0 0 .5em 0; color:#00356c;}

form {float:left; padding:.5em 0 1em 0;}
textarea {clear:left; margin-bottom:1em;}
label, input {float:left;}
label {width:20%; font-size:90%;}
input {width:60%;margin-left:.5em;}
.button {clear:both; width:auto; margin:1em 0 0 0;}

.warning {color:red; font-weight:bold;}
.success {color:green; font-weight:bold;}

.row {background:#ccc;}

/*
dl {float:left; width:206px; margin:0 1em 1em 0;}
dt img {border-top:solid 3px #ccc; border-left:solid 3px #ccc; border-right:solid 3px #707070; border-bottom:solid 3px #707070;}
dd {padding:0; text-align:center; font-size:90%;}
	.productName {margin:.3em 0; font-weight:bold; font-size:100%;}
*/

dl {
	float:left;
	width:98%;
	margin:0 0 1em 0;
	padding:1%;
	background:#eee;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #707070;
	border-bottom:solid 1px #707070;
}
dt {
	float:left;
	margin:0 1em 0 0;
}
dd.productName {
	float:left;
	width:80%;
	margin:.5em 0 .1em 0;
	font-size:110%;
	font-weight:bold;
	color:#00356c;
}
dd {
	width:100%;
	float:left;
	padding:.1em 0;
	font-size:90%;
}
dt img {
	border-top:solid 2px #ccc;
	border-left:solid 2px #ccc;
	border-right:solid 2px #707070;
	border-bottom:solid 2px #707070;
}