@charset "UTF-8";

/* ===== colors ================================================== */

.dkpurple { color: #5C077E; }

.purple { color: #B60DFA; }

.dkaqua { color: #066E7F; }

.aqua { color: #0DDDFF; }

.dkorange { color: #7E3007; }

.orange { color: #F75E0D; }

.yellow { color: #FF0; }

.required,
.error { color: #C00; }

input.error { border: 1px solid #C00; }

/* ===== base ================================================== */

html,
body {
	background-color: #B2B2B2;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

a { outline: none; }

a img { border: none; }

p { margin: 1em 0; }

ul,
ol {
	margin: 1em 0 0 2em;
	padding: 0;
}

li {
	margin-bottom: .5em;
	padding-bottom: .5em;
}

h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #444;
}

h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
}

/* ===== containers ================================================== */

#container {
	background: #FFF url('../images/container_bg.jpg') repeat-y center top;
	width: 100%;
}

#container1 {
	background: #FFF url('../images/container1_bg.jpg') repeat-x left top;
	width: 100%;
	height: 100px;
	overflow: hidden; /* IE6 Hack */
}

#container2 {
	position: relative;
	background: transparent url('../images/container2_bg.jpg') no-repeat center top;
	width: 680px;
	min-height: 405px;
	height: 1%;
	padding: 45px 115px 2em;
	margin: 0 auto;
	text-align: left;
}

#container3 {
	background: #FFF url('../images/container3_bg.jpg') repeat-x left top;
	width: 100%;
	height: 110px;
}

/* ===== header ================================================== */

#header {
	position: relative;
	background: transparent url('../images/header_bg.jpg') no-repeat center top;
	width: 680px;
	height: 55px;
	padding: 45px 60px 0;
	margin: 0 auto;
	text-align: left;
}

#logo {
	width: 165px;
	height: 55px;
	float: left;
}

#logo h1 a {
	display: block;
	background: transparent url('../images/logo_hdr_dudley.gif') no-repeat left top;
	height: 55px;
	margin: 0;
}

#utilities {
	width: 515px;
	padding-top: 25px;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	color: #BBB;
	text-align: right;
	float: left;
}

#utilities a {
	color: #BBB;
	padding-top: 8px;
	text-decoration: none;
}

#utilities a:hover,
#utilities a.on { color: #999; }

#utilities a.on { background: transparent url('../images/utilities_arrow.gif') no-repeat center top; }

/* ===== layout ================================================== */
/* ===== regular ===== */

.abc #content {
	width: 495px;
	padding-right: 0;
	float: right;
}

.abc #column_a {
	width: 165px;
	padding-right: 20px;
	float: right;
}

.abc #column_b {
	width: 320px;
	padding: 0 10px 0 0;
	float: left;
}

.abc #column_c {
	width: 160px;
	float: left;
}

.abc .retailers #column_b { width: 240px; }

.abc .retailers #column_c { width: 240px; }

/* ===== index ===== */

.bca #content {
	width: 500px;
	padding-right: 15px;
	float: left;
}

.bca #column_a {
	width: 165px;
	float: left;
}

.bca #column_b {
	width: 245px;
	padding: 0 10px 0px 0;
	float: left;
}

.bca #column_c {
	width: 245px;
	padding: 0 0 0px 0;
	float: left;
}

#banner { padding: 1em 0; }

/* ===== nav ================================================== */

#nav ul li {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#nav ul li a {
	display: block;
	height: 1%; /* IE6 Hack */
	padding: 8px 5px 7px 10px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-decoration: none;
}

#nav li.nav1 { background: #5C077E url('../images/nav1_bg.jpg') repeat-x left top; }

#nav li.nav2 { background: #066E7F url('../images/nav2_bg.jpg') repeat-x left top; }

#nav li.nav3 { background: #7E3007 url('../images/nav3_bg.jpg') repeat-x left top; }

#nav li.nav4 { background: #000000 url('../images/Fresh-Bolts-Button.jpg') repeat-x left top; }

#nav ul li a:hover,
#nav ul li.on a { color: #FF0; }

/* ===== nav nested ===== */

#nav ul li ul li {
	font-size: 11px;
	margin: 0;
}

#nav ul li ul li a {
	background-color: #BBB;
	padding: 5px 5px 3px 10px;
	color: #000;
}

#nav ul li.on ul li a {
	background-color: #BBB;
	color: #000;
}

#nav ul li ul li a:hover {
	background-color: #DDD;
	color: #000;
}

#nav ul li ul li.on a {
	background-color: #FFF;
	color: #B60DFA;
}

/* ===== nav 2x nested ===== */

#nav ul li ul li ul li a {
	background-color: #DDD;
	padding: 5px 5px 3px 20px;
	color: #000;
}

#nav ul li ul li.on ul li a {
	background-color: #DDD;
	color: #000;
}

#nav ul li ul li ul li a:hover {
	background-color: #EEE;
	color: #000;
}

#nav ul li ul li ul li.on a {
	background-color: #FFF;
	color: #B60DFA;
}

/* ===== sectionhdrs ================================================== */

.abc .sectionhdr { margin-bottom: 1em; }

.sectionhdr h2 {
	background: transparent url('../images/sectionhdr_h2_bg.gif') no-repeat right bottom;
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 9px 20px 10px 10px;
	margin: 0;
	color: #FFF;
}

.sectionhdr h2 a {
	color: #FFF;
	text-decoration: none;
}

.sectionhdr h2 a:hover,
.sectionhdr h2 span { color: #FF0; }

#sectionhdr1 { background: #5C077E url('../images/sectionhdr1_bg.jpg') repeat-x left top; }

#sectionhdr2 { background: #066E7F url('../images/sectionhdr2_bg.jpg') repeat-x left top; }

#sectionhdr3 { background: #7E3007 url('../images/sectionhdr3_bg.jpg') repeat-x left top; }

/* breadcrumb ========================================================================*/

#breadcrumb { margin: 0 0 15px 0; }

#breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumb ul li {
	font-size: 10px;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
}

/* ===== cell (4 columns) ================================================== 

.grid .cell {
	width: 115px;
	padding: 1em 10px 1em 0;
	text-align: center;
	float: left;
}

.grid .last { padding-right: 0; }

.grid .cell a.thickbox {
	display: block;
	background: transparent url('../images/btn_enlarge.gif') no-repeat right bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.grid .cell p {
	border-top: 5px solid #B60DFA;
	margin: 0;
	text-align: left;
}

.gridnormal .cell { text-align: left; }

/* ===== cell (3 columns) ================================================== */

.grid .cell {
	width: 120px;
	padding: 1em 15px 1em 0;
	text-align: center;
	float: left;
}

.grid .last { }

.grid .cell a.thickbox {
	display: block;
	background: transparent url('../images/btn_enlarge.gif') no-repeat right bottom;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.grid .cell p {
	border-top: 5px solid #B60DFA;
	margin: 0;
	text-align: left;
}

.grid .cell li {
	font-size: 11px;
	text-align: left;
}

.gridnormal .cell { text-align: left; }

/* ===== index ================================================== */

* html a.sectionspot img,
* html img.sectionspot { margin-bottom: -3px } /* IE6 Hack */

.i_spot img { margin-bottom: 10px; }

.i_contest { font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

.sectionftr { height: 60px; }

#sectionftr1 { background: #5C077E url('../images/sectionftr1_bg.jpg') repeat-x left top; }

#sectionftr2 { background: #066E7F url('../images/sectionftr2_bg.jpg') repeat-x left top; }

/* ===== forms ================================================== */

form label {
	display: block;
	width: 95px;
	float: left;
}

form input { width: 175px; }

form input#Next,
form li fieldset input,
form.form2 input { width: auto; }

form li fieldset input { float: left; }

form li fieldset label {
	display: block;
	width: 460px;
	padding-left: .5em;
	margin-bottom: 1em;
}

form li fieldset label.error { }

form li fieldset li {
	margin-bottom: 0;
	clear: both;
}

form.form2 fieldset label,
form label.error {
	display: inline;
	float: none;
}

/* ===== footer ================================================== */

#footer {
	position: relative;
	background: transparent url('../images/footer_bg.jpg') no-repeat center top;
	width: 740px;
	height: 55px;
	margin: 0 auto;
	font: normal 10px/10px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

#footer ul li {
	display: inline;
	border-right: 1px solid #000;
	padding: 0 5px;
}

#footer ul li.last {
	border: none;
	padding-right: 0;
}

#footer ul li a {
	color: #000;
	text-transform: uppercase;
}

#footer p { margin: 10px 0 0; }

/* ===== default ================================================== */

.tinytype { font-size: 10px; }

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.left {
	margin: 0 1em 1em 0;
	float: left;
}

.reduced,
#logo h1,
#nav ul,
#footer ul,
form,
fieldset,
legend,
fieldset ol {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

form.form1 fieldset { margin: -1em 0; }

.hide,
#header h1 a span,
form legend { display: none; }

.clear { clear: both; }