/* sycamoregear.com CSS Document 
Page created: 7/11/07 KJ Redesigned 10/8/08 KJ
T.I.S. Group
Web Department
Last Modified: 12/9/08 KJ
*/

/*---------- Layout styles ----------*/
body {
	margin: 0 auto;
	width: 800px;
	font-family: "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
	
	.upgrade { display: none; }
	
	div#header {
		margin: 0;
		padding: 0;
		width: 800px;
		height: 100px;
		/*background: url('../img/masthead.jpg') no-repeat;*/
	}
	
	div#topnav {
		margin-bottom: 13px;
		width: 800px;
		height: 23px;
		background: url('../img/bg_nav.gif') repeat-x;
		color: #FFFFFF;
		line-height: 23px;
		clear: both;
	}
	
		div#topnav a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; }
		div#topnav a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
		div#topnav a:hover { color: #DCAB40; font-weight: bold; text-decoration: none; }
	
		div#topnav a.divider { margin-left: 4px; padding-left: 10px; background: url('../img/link_divider.gif') center left no-repeat; }
		
		div#topnav div#topnav_left {
			padding-left: 5px;
			width: 395px;
			height: 23px;
			background: url('../img/bg_navleft.gif') top left no-repeat;
			float: left;
		}
		
		div#topnav div#topnav_right {
			padding-right: 5px;
			width: 395px;
			height: 23px;
			background: url('../img/bg_navright.gif') top right no-repeat;
			text-align: right;
			float: left;
		}
	
	div#leftnav {
		width: 144px;
		float: left;
	}
	
		div#leftnav a:link { color: #2955A0; font-size: 12px; font-weight: 500; text-decoration: none; }
		div#leftnav a:visited { color: #2955A0; font-size: 12px; font-weight: 500; text-decoration: none; }
		div#leftnav a:hover { color: #4E5E6D; font-size: 12px; font-weight: 500; text-decoration: none; }
		
		div#leftnav div.special_box {
			margin: 0 0 12px 0;
			width: 144px;
			background: url('../img/bg_sleftnav.gif') repeat-y top left;
			font-size: 11px;
			color: #FF0000;
			float: left;
		}
		
			div#leftnav div.special_box div.header { 
				margin: 0 0 10px 0; 
				padding: 7px 0 0 9px;
				background: url('../img/bg_sleftnavtop.gif') no-repeat top left;
				font-size: 13px;
				color: #4B4E79;
				text-align: center;
			}
			
			div#leftnav div.special_box div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('../img/bg_sleftnavbottom.gif') no-repeat bottom left;
			}
		
		div#leftnav div.box {
			margin: 0 0 12px 0;
			width: 144px;
			background: url('../img/bg_leftnav_1.gif') repeat-y top left;
			font-size: 11px;
			color: #333333;
			float: left;
		}
		
			div#leftnav div.box div.header { 
				margin: 0 0 10px 0; 
				padding: 7px 0 0 9px;
				background: url('../img/bg_leftnavtop_1.gif') no-repeat top left;
				font-size: 13px;
				color: #4D4D4D;
				text-align: center;
			}
			
			div#leftnav div.box div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('../img/bg_leftnavbottom_1.gif') no-repeat bottom left;
			}
			
				div#leftnav div.box div.content form { margin: 0; font-size: 10px; }
		
				div#leftnav div.box div.content form input[type="text"] { 
					margin: 0; 
					width: 99px; 
					height: 11px;
					font-family: Verdana, Arial, 'Trebuchet MS', sans-serif;
					font-size: 10px; 
					color: #787878;
					vertical-align: top;
				}
			
		div#leftnav div.sublisthead {
			margin-left: -8px;
			padding: 3px 0px 2px 10px;
			color: #415EB6;
			font-size: 11px;
			font-weight: bold;
			clear: both;
		}	
		
			div#leftnav div.sublisthead a { color: #415EB6; text-decoration: none; }
			div#leftnav div.sublisthead a:hover, a:active { color: #00267E; }	
			div#leftnav div.sublisthead a.listoff { padding-left: 10px; background: url('../img/link_bullet.gif') center left no-repeat; clear: both; display: block; }
			div#leftnav div.sublisthead a.liston:hover { padding-left: 10px; background: url('../img/link_arrow.gif') center left no-repeat; clear: both; display: block; }
			div#leftnav div.sublisthead a.liston { padding-left: 10px; background: url('../img/link_arrow.gif') center left no-repeat; clear: both; display: block; }
			
			div#leftnav div.sublisthead a span.external { padding-left: 12px; background:url('../img/link_external.gif') no-repeat center right; }
	div#main {
		margin: 0 0 10px 10px;
		width: 480px;
		max-width: 656px;
		float: left;
	}
	
		div#main.expanded { margin: 0 0 10px 10px; width: 636px; }
		
		div#main a:link { color: #00267E; font-size: 12px; font-weight: 500; text-decoration: underline; }
		div#main a:visited { color: #00267E; font-size: 12px; font-weight: 500; text-decoration: underline; }
		div#main a:hover { color: #00267E; font-size: 12px; font-weight: 500; text-decoration: none; }
		
		div#main .onethirdcontent { width: 32%; float: left; }
		div#main .twothirdcontent { width: 66%; float: left; }
		div#main .quartercontent { width: 24%; float: left; }
		div#main .threequartercontent { width: 74%; float: left; }
		
		div#main .halfcontent { padding: 0 5px; width: 45%; float: left; }
		div#main .halfcheckcontent { padding: 5px 7px 8px 7px; width: 45%; border: 1px dashed #CCC; float: left; }
		
		div#main div#catalog { 
			margin-left: 20px; 
			max-height: 100%; 
			display: block; 
			clear: both; 
		}
			div#main div#catalog div.onefourthcontent { 
				width: 23%; 
				min-width: 24%; 
				display: block; 
				float: left; 
			}
				div#main div#catalog div.onefourthcontent a img { text-decoration: none; }
	
		div#main div.featureditem { padding-left: 5px; }
		div#main div.featureditem a>img { text-decoration: none; }
		
		div#main div.itemimage { width: 63%; float: left; }
		div#main div.itemdetail { width: 37%; float: left; }
			div#main div.itemdetail blockquote { margin: 10px; }
			
		div#main div.itemoptions { 
			padding: 7px 5px;
			background-color: #FEEEEE; 
			border-top: 1px solid #DEDCDC; 
			border-bottom: 1px solid #DEDCDC; 
		}
		
			div#main div.itemoptions select { width: 148px; font-size: 12px; }
			
		div#main form fieldset { font-size: 11px; line-height: 23px; }
		div#main form fieldset legend { color: #0053AF; }
		div#main form fieldset, form fieldset input, form fieldset select { font-size: 11px; }
		
		div#main fieldset.bluefield { 
			position: relative; 
			/*margin-top: 1em; 
			padding-top: .75em;*/
			margin-top: 5px;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #F0F5FF; 
			border: 1px solid #CCCCCC;
			font-size: 11px;
			line-height: normal;
		} 
		
			div#main fieldset.bluefield legend { 
				position: absolute; 
				top: -5px;
				/*top: -.5em; */
				left: .5em;
				font-size: 12px;
				color: #0053AF;
				line-height: 1.5em;
			}
			
			div#main fieldset.bluefield input[type="text"], fieldset.bluefield select { font-size: 11px; vertical-align: middle; }
		
		div#main fieldset.redfield { 
			position: relative; 
			margin-top: 5px;
			padding: 7px;
			background-color: #FFEEF0; 
			border: 1px solid #CCCCCC;
			font-size: 11px;
			line-height: normal;
		} 
		
			div#main fieldset.redfield legend { 
				position: absolute; 
				top: -5px;
				left: .5em;
				font-size: 12px;
				color: #0053AF;
				line-height: 1.5em;
			}
			
			div#main fieldset.redfield input[type="text"], fieldset.redfield select { font-size: 11px; vertical-align: middle; }
	
	div#right {
		margin: 0 0 10px 10px;
		max-width: 155px;
		float: left;
	}
	
		div#right a:link { color: #005EB2; font-size: 11px; font-weight: 500; text-decoration: underline; }
		div#right a:visited { color: #005EB2; font-size: 11px; font-weight: 500; text-decoration: underline; }
		div#right a:hover { color: #005EB2; font-size: 11px; font-weight: 500; text-decoration: none; }
		
		div#right h3 { margin-bottom: 0; color: #AA001E; font-size: 14px; }
		
		div#right form { margin: 0; font-size: 10px; }
		
		div#right form input[type="text"] { 
			margin: 0; 
			width: 130px;
			height: 11px;
			font-family: Verdana, Arial, 'Trebuchet MS', sans-serif;
			font-size: 10px; 
			color: #787878;
			vertical-align: top;
		}
		
		div#right form select { width: 137px; font-size: 12px; }
		
		div#right div.box {
			margin: 0 0 12px 0;
			width: 155px;
			background: url('../img/bg_right.gif') repeat-y top left;
			font-size: 11px;
			color: #333333;
		}
		
			div#right div.box div.header { 
				margin: 0 0 10px 0; 
				padding: 7px 0 0 0;
				background: url('../img/bg_righttop.gif') no-repeat top left;
				font-size: 13px;
				color: #666666;
				text-align: center;
			}
			
			div#right div.box div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('../img/bg_rightbottom.gif') no-repeat bottom left;
			}
			
				div#right div.box div.content p { margin: 0 0 5px 0; }
	
		div#right div.discount_box {
			margin: 0 0 12px 0;
			width: 155px;
			background: url('../img/bg_dright.gif') repeat-y top left;
			font-size: 10px;
			color: #333333;
		}
		
			div#right div.discount_box div.header { 
				margin: 0 0 10px 0; 
				padding: 7px 0 0 0;
				background: url('../img/bg_drighttop.gif') no-repeat top left;
				font-size: 13px;
				color: #697486;
				text-align: center;
			}
			
			div#right div.discount_box div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('../img/bg_drightbottom.gif') no-repeat bottom left;
			}
			
		div#right div.totals_box {
			margin: 0 0 12px 0;
			width: 155px;
			background: url('../img/bg_tright.gif') repeat-y top left;
			font-size: 10px;
			color: #333333;
		}
		
			div#right div.totals_box div.header { 
				margin: 0 0 10px 0; 
				padding: 7px 0 0 0;
				background: url('../img/bg_trighttop.gif') no-repeat top left;
				font-size: 13px;
				color: #697486;
				text-align: center;
			}
			
			div#right div.totals_box div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('../img/bg_trightbottom.gif') no-repeat bottom left;
			}
			
				div#right div.totals_box div.content .leftpad { margin-left: -1px; min-width: 60%; text-align: right; display: block; float: left; }
				div#right div.totals_box div.content .rightpad { min-width: 40%; text-align: right; display: block; float: left; }
				div#right div.totals_box div.content .specialbox { 
					padding: 5px 0; 
					border-top: 1px solid #A0A4AC; 
					border-bottom: 1px solid #A0A4AC; 
				}
	
	div#bottomnav {
		margin-top: 8px;
		width: 800px;
		color: #00267E;
		font-size: 11px;
		text-align: center;
		clear: both;
		display: block;
	}
	
		div#bottomnav a:link { color: #00267E; font-size: 10px; font-weight: bold; text-decoration: none; }
		div#bottomnav a:visited { color: #00267E; font-size: 10px; font-weight: bold; text-decoration: none; }
		div#bottomnav a:hover { color: #666666; font-size: 10px; font-weight: bold; text-decoration: none; }
	
	div#copyright {
		margin-top: 8px;
		width: 800px;
		color: #666666;
		font-size: 10px;
		text-align: center;
		clear: both;
		display: block;
	}
	
		div#copyright a:link { color: #666666; font-size: 10px; text-decoration: underline; }
		div#copyright a:visited { color: #666666; font-size: 10px; text-decoration: underline; }
		div#copyright a:hover { color: #666666; font-size: 10px; text-decoration: none; }
		
/*---------- Extra styles (presentation) ----------*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";		/* the period is placed on the page as the last thing before the div closes */
	display: block;		/* inline elements don't respond to the clear property */ 
    height: 0;			/* ensure the period is not visible */
    clear: both;		/* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}

.clearfix { display: inline-block; }   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*------------------ Box Title Styles -------------------*/
.title_notice { width: 100%; height: 14px; background: url('../img/title_notice.gif') no-repeat bottom left; display: block; }
.title_holidaynotice { width: 100%; height: 14px; background: url('../img/title_holidaynotice.gif') no-repeat bottom left; display: block; }
.title_refer { width: 100%; height: 14px; background: url('../img/title_refer.gif') no-repeat bottom left; display: block; }
.title_ulist { width: 100%; height: 14px; background: url('../img/title_ulist.gif') no-repeat bottom left; display: block; }
.title_osites { width: 100%; height: 30px; background: url('../img/title_othersites.gif') no-repeat bottom left; display: block; }
.title_policies { width: 100%; height: 14px; background: url('../img/title_policies.gif') no-repeat bottom left; display: block; }
.title_needhelp { width: 100%; height: 14px; background: url('../img/title_needhelp.gif') no-repeat bottom left; display: block; }
.title_search { width: 100%; height: 14px; background: url('../img/title_search.gif') no-repeat bottom left; display: block; }
.title_categories { width: 100%; height: 14px; background: url('../img/title_categories.gif') no-repeat bottom left; display: block; }
.title_featured { width: 100%; height: 14px; background: url('../img/title_featured.gif') no-repeat bottom center; display: block; }
.title_related { width: 100%; height: 14px; background: url('../img/title_related.gif') no-repeat bottom center; display: block; }
.title_alsobought { width: 100%; height: 27px; background: url('../img/title_alsobought.gif') no-repeat bottom center; display: block; }
.title_estimated { width: 100%; height: 14px; background: url('../img/title_estimated.gif') no-repeat bottom center; display: block; }
.title_discount { width: 100%; height: 14px; background: url('../img/title_discount.gif') no-repeat bottom center; display: block; }
.title_billing { width: 100%; height: 14px; background: url('../img/title_billing.gif') no-repeat bottom center; display: block; }
.title_shipping { width: 100%; height: 14px; background: url('../img/title_shipping.gif') no-repeat bottom center; display: block; }
.title_orderstatus { width: 100%; height: 14px; background: url('../img/title_orderstatus.gif') no-repeat bottom center; display: block; }

/*----------------- Icons (error, etc) -----------------*/
.help_small { 
	padding-left: 19px;
	min-height: 15px;
	background: url('../img/icon_help_small.gif') no-repeat top left;
}

.error_small { 
	padding-left: 18px;
	min-height: 13px;
	background: url('../img/icon_error_small.gif') no-repeat top left;
}

	ul.error_small { list-style: none; }

.error_box { 
	padding: 8px 8px 8px 30px;
	/*min-height: 23px;*/
	background: #FFEAE9 url('../img/icon_error.gif') no-repeat top left;
	border-top: 1px solid #F2D3D0; 
	border-bottom: 1px solid #F2D3D0; 
	font-size: 11px;
}

	ul.error_box { list-style: none; }

.approved_small { 
	padding-left: 18px;
	min-height: 14px;
	background: url('../img/icon_approved_small.gif') no-repeat top left;
	line-height: 14px;
}

.approved_box { 
	padding: 8px 8px 8px 30px;
	/*min-height: 23px;*/
	background: #E9FAD0 url('../img/icon_approved.gif') no-repeat top left;
	border-top: 1px solid #AEE756; 
	border-bottom: 1px solid #AEE756; 
	font-size: 11px;
}

#error_box { display: none; }

.complete_box { 
	padding: 7px 5px;
	background-color: #E9FAD0; 
	border-top: 1px solid #AEE756; 
	border-bottom: 1px solid #AEE756; 
	font-size: 10px;
}

.eor_box { 
	margin: 10px 8%;
	padding: 10px 0;
	width: 60%;
	min-height: 65px;
	background-color: #F0F1F5; 
	border-top: 1px solid #DEE1EB; 
	border-bottom: 1px solid #DEE1EB; 
	display: block;
	clear: both;
}

.eor_box2 { 
	margin: 10px 0;
	padding: 6px 0;
	height: 100%;
	background-color: #F0F1F5; 
	border-top: 1px solid #DEE1EB; 
	border-bottom: 1px solid #DEE1EB; 
	display: block;
	clear: both;
}

/*-----------------  Form Styles ----------------*/
form.buttonlink { margin: 0; padding: 0; display: inline; }

div.formlayout { clear: both; padding: 3px 0 0 0; }
			
	/*div.formlayout .label { margin: 0 10px 0 5px; width: 20px; float: left; }
	div.formlayout .formw { width: 210px; float: left; }*/
	
	div.formlayout .label { margin: 0 10px 0 5px; width: 20%; text-align: right; float: left; }
	div.formlayout .formw { width: 75%; float: left; }
	
	div.formlayout .label1 { padding-bottom: 10px; width: 34%; float: left; }
	div.formlayout .formw1 { width: 66%; float: left; }
	
	/*div.formlayout .label2 { margin: 0 10px 0 25px; width: 120px; float: left; }
	div.formlayout .formw2 { width: 330px; float: left; }*/
	
	div.formlayout .label2 { margin: 0 10px 0 25px; width: 25%; float: left; }
	div.formlayout .formw2 { width: 65%; float: left; }
	
	/*div.formlayout .label3 { margin: 0 10px 0 25px; width: 200px; text-align: right; float: left; }
	div.formlayout .formw3 { padding-left: 5px; width: 250px; float: left; }*/
	
	div.formlayout .label3 { margin: 0 10px 0 15px; width: 33%; text-align: right; float: left; }
	div.formlayout .formw3 { padding-left: 5px; width: 55%; float: left; }
	
	div.formlayout .label4 { margin: 0 10px 0 15px; width: 33%; float: left; }
	div.formlayout .formw4 { width: 50%; float: left; } 
	
input.button_remove {
	width: 16px;
	height: 14px;
	background: url('../img/button_remove.gif') no-repeat center top;
	border: 0;
	/*overflow: hidden;*/
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	vertical-align: bottom;
}

input.button {
	padding: 2px 8px;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background-color: #eee;
	background-repeat: repeat-x;
	color: #333;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
	input.button:active { color: #009; border: 3px double #ccc; border-top-color: #999; border-left-color: #999; }

input.buttonmedium {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 2px 2px;
	background-color: #eee;
	background-repeat: repeat-x;
	color: #333;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
	input.buttonmedium:active { color: #009; border: 3px double #ccc; border-top-color: #999; border-left-color: #999; }

input.buttonsmall {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0 1px;
	background-color: #eee;
	background-repeat: repeat-x;
	color: #333;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
	input.buttonsmall:active { color: #009; border: 3px double #ccc; border-top-color: #999; border-left-color: #999; }
	
input.quantity { width: 20px; }

/*--------------- Begin Table Specifics ----------------*/
div#main table.carttable {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 99%;
	border: 0 none;
	font-size: 11px;
}
	
	div#main table.carttable tr.nobottom td { border-bottom: 0 none; }
	
	div#main table.carttable tr.solid td {
		border-top: 1px solid #D9D9D9;
		border-bottom: 0 none;
	}
	
	div#main table.carttable tr.total td {
		background-color: #DDE5E8;
		border-top: 1px solid #D2D6D9;
		border-bottom: 1px solid #D2D6D9; 
	}
	
	div#main table.carttable th {
		padding: 6px;
		background-color: #D8E5EE;
		border-bottom: 1px solid #A7AAAC;
		font-size: 10px;
		font-weight: bold;
		color: #4B5B6B;
	}
	
	div#main table.carttable td { 
		padding: 6px; 
		border-top: 1px solid #FFFFFF; 
		border-bottom: 1px solid #D9D9D9; 
	}
	
div#main table.bookcarttable {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 99%;
	border-top: 1px solid #D9D9D9; 
	font-size: 11px;
}
	
	div#main table.bookcarttable tr.headers {
		background-color: #FFFFFF;
		font-size: 10px;
		font-weight: bold;
		color: #4B5B6B;
	}
	
	div#main table.bookcarttable tr.dotted td {
		border-top: 0 none;
		border-bottom: 1px dotted #333333;
	}
	
	div#main table.bookcarttable tr.solid td {
		border-top: 0 none;
		border-bottom: 1px solid #D9D9D9;
	}
	
	div#main table.bookcarttable th {
		padding: 6px;
		background-color: #F6F6F5;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D5D4D1;
		font-size: 11px;
		font-weight: bold;
		color: #CE0000;
	}
	
		div#main table.bookcarttable th div.reserveleftcontent { width: 80%; float: left; }
		div#main table.bookcarttable th div.reserverightcontent { width: 20%; float: left; }
		
	div#main table.bookcarttable td { 
		padding: 6px; 
		border-top: 1px solid #FFFFFF; 
		border-bottom: 1px solid #D9D9D9; 
	}

div#main table.shippingtable { 
	margin: 0 10px 10px 10px; 
	padding: 2px; 
	border: 1px solid #333; 
	line-height: 1.7em; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 13px;
}
	
	div#main table.shippingtable tr.header { background-color: #039; font-weight: bold; color: #FFFFFF; }
	div#main table.shippingtable tr th.maroon { background-color: #603; color: #FFF; }
	div#main table.shippingtable tr th.gray { background-color: #EEE; border-right: 1px solid #CCC; }
	div#main table.shippingtable tr td,th { padding: 3px 4px; }
	div#main table.shippingtable tr td, table.shippingtable tr th { border-bottom: 1px solid #CCC; text-align: right; }
	div#main table.shippingtable tr td { border-right: 1px solid #CCC; }
	div#main table.shippingtable tr td.yellow { background-color: #FC0; white-space: nowrap; border-bottom: 1px solid #FFFFFF; }

div#main .tableleft { text-align: left; }
div#main .tableright { text-align: right; }
div#main .tablecenter { text-align: center; }
div#main .tablebottom { vertical-align: bottom; }

div#main table.booktable {
	width: 98%;
	border-color: #dc1436;
	border-width: 1px;
	border-style: solid;
	font-size: 12px;
}
	
	div#main table.booktable td  { padding: 5px 3px; font-size: 11px; }
		
	div#main table.booktable th  {
		padding: 7px 3px;
		background-color: #ddd;
		border-bottom-color: #dc1436;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		font-weight: bold;
		color: #333;
	}

/*------------------  Additional Styles ----------------*/
.clear { clear: both; }
.nomargins { margin: 0; }
.center { text-align: center; }

h1 { margin-bottom: 0; font-size: 18px; font-weight: normal; color: #021CA4; }
h2 { padding-top: 10px; font-size: 16px; color: #021CA4; }
h3 { margin-bottom: 0; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; font-size: 14px; color: #021CA4; }
h3.steps { 
	font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; 
	font-size: 13px; 
	color: #4B5B6B; 
}
h4 { margin: 0 auto; color: #021CA4; font-size: 13px; }

.xxsmall { font-size: 9px; }
.small { font-size: 10px; }
.underline { text-decoration: underline; }
.strike { text-decoration: line-through; }

.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.red { color: #FF0000; }
.bad { color: #FF0000; }
.black { color: #000000; }
.blue { color: #0053AF; }
.green { color: #008000; }
.gray { color: #4E4E4E; }
.teal { color: #005EA1; }
.title { color: #593939; }
.importantinfo { font-weight: bold; color: #005EA1; }
.importantinfo2 { font-weight: bold; color: #4B5B6B; }
.detailred { color: #CC0001; }



/*	div#leftnav {
		width: 144px;
		float: left;
	}
	
		div#leftnav a:link { color: #415EB6; font-weight: bold; text-decoration: none; }
		div#leftnav a:visited { color: #415EB6; font-weight: bold; text-decoration: none; }
		div#leftnav a:hover { color: #00267E; font-weight: bold; text-decoration: none; }
		
		div#leftnav div.section {
			margin: 0;
			max-width: 100%;
			max-height: 23px;
			background-color: #0053AF;
			border: 1px solid #000000;
			color: #FFFFFF;
			font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			line-height: 23px;
			text-align: center;
		}
			
		div#leftnav div.subsection {
			margin: 0;
			padding: 5px 0px 5px 8px;
			max-width: 100%;
			background-color: #EAEAEA;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
			color: #415EB6;
			font-size: 11px;
			display: block;
		}
		
			div#leftnav div.subsection form { margin: 0 0 0 -2px; padding: 3px 0px; }
			div#leftnav div.subsection form input[type="text"] { width: 100px; font-size: 11px; }
			
		div#leftnav div.sublisthead {
			margin-left: -8px;
			padding: 3px 0px 2px 10px;
			color: #415EB6;
			font-size: 11px;
			font-weight: bold;
			clear: both;
		}	
		
			div#leftnav div.sublisthead a { color: #415EB6; text-decoration: none; }
			div#leftnav div.sublisthead a:hover, a:active { color: #00267E; }	
			div#leftnav div.sublisthead a.listoff { padding-left: 10px; background: url('img/bullet.gif') center left no-repeat; clear: both; display: block; }
			div#leftnav div.sublisthead a.liston:hover { padding-left: 10px; background: url('img/arrow.gif') center left no-repeat; clear: both; display: block; }
			div#leftnav div.sublisthead a.liston { padding-left: 10px; background: url('img/arrow.gif') center left no-repeat; clear: both; display: block; }
			
		div#leftnav div.sublist {
		    margin: 0px 0px 0px -6px;
			padding: 3px 0px 0px 20px;
			background-color: #B95F71;
			color: #000;
			font-size: 11px;
			font-weight: normal;
			text-align: left;
			text-decoration: none;
			clear: both;
		}
			
		div#leftnav div.sublistbottom {
		    margin: 0px 0px 0px -6px;
			padding: 3px 0px 0px 6px;
			background-color: #B95F71;
			border-bottom: #000 solid 1px;
			font-size: 13px;
			font-weight: bold;
			text-align: left;
			text-decoration: none;
			clear: both;
		}
		
		
	
	div#main {
		width: 656px;
		float: left;
	}
		
		div#main div#body_middle {
			margin-right: 10px;
			width: 502px;
			text-align: center;
			float: left
		}
		
		div#main div#rightnav {
			width: 144px;
			float: left;
		}
		
			div#main div#rightnav div.section {
				margin: 0;
				max-width: 100%;
				max-height: 23px;
				background-color: #0173BC;
				border: 1px solid #000000;
				color: #FFFFFF;
				font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				line-height: 23px;
				text-align: center;
			}
				
			div#main div#rightnav div.subsection {
				margin: 0;
				padding: 5px 8px;
				max-width: 100%;
				background-color: #FFFFFF;
				border-left: 1px solid #000000;
				border-right: 1px solid #000000;
				border-bottom: 1px solid #000000;
				color: #415EB6;
				font-size: 11px;
				display: block;
			}
				div#main div#rightnav div.subsection p { margin: 0 0 10px 0; }
				div#main div#rightnav div.subsection a>img { text-decoration: none; }
				div#main div#rightnav div.subsection a:link { color: #00267E; font-weight: bold; text-decoration: underline; }
				div#main div#rightnav div.subsection a:visited { color: #00267E; font-weight: bold; text-decoration: underline; }
				div#main div#rightnav div.subsection a:hover { color: #00267E; font-weight: bold; text-decoration: none; }
				
		div#main div#body_main {
			padding: 0 10px;
			max-width: 100%;
		}
		
			div#main div#body_main p { margin-left: 20px; }
			div#main div#body_main a:link { color: #00267E; font-weight: bold; text-decoration: underline; }
			div#main div#body_main a:visited { color: #00267E; font-weight: bold; text-decoration: underline; }
			div#main div#body_main a:hover { color: #00267E; font-weight: bold; text-decoration: none; }
			
			div#main div#body_main div.formlayout { clear: both; padding: 3px 0px 0px 0px; }
				div#main div#body_main div.formlayout .label { margin: 0 10px 0 5px; width: 20px; float: left; }
				div#main div#body_main div.formlayout .formw { width: 210px; float: left; }
				
				div#main div#body_main div.formlayout .label2 { margin: 0 10px 0 25px; width: 120px; float: left; }
				div#main div#body_main div.formlayout .formw2 { width: 200px; float: left; }
				
				div#main div#body_main div.formlayout .label3 { margin: 0 10px 0 25px; width: 200px; text-align: right; float: left; }
				div#main div#body_main div.formlayout .formw3 { padding-left: 5px; width: 250px; float: left; }
			
			div#main div#body_main div#catalog { margin-left: 20px; max-height: 100%; display: block; clear: both; }
				div#main div#body_main div#catalog div.onethirdcontent { max-width: 33%; float: left; }
				div#main div#body_main div#catalog div.onethirdcontent a>img { text-decoration: none; }




.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.textleft{ text-align: left; }
.floatleft { float: left; }

.small { font-size: 10px; }
.underline { text-decoration: underline; }
.strike { text-decoration: line-through; }

.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.red { color: red; }
.bad { color: red; }
.black { color: #000000; }
.blue { color: #0053AF; }
.title { color: #0173BC; }
.importantinfo { font-weight: bold; color: #5F71B9; }

.big { font-size: 14px; }
.bigbig { font-size: 18px; }

h1 {
	padding-top: 10px;
	color: #021CA5;
    font-size: 20px;
}
h2 {
	padding-top: 10px;
	color: #021CA5;
	font-size: 18px;
}
h3 {
	margin: 0px 0px 2px 0px;
	padding: 10px 10px 0px 0px;
	color: #021CA5;
	font-size: 16px;
}
h3.testing {
	margin: -5px 0px 2px 0px;
	padding: 0px 10px;
	color: #021CA5;
	font-size: 16px;
}

.halfcontent { width: 49%; float: left; }
.halfcheckcontent {
	float: left;
	border: 1px;
	border-style: dashed;
	border-color: #dc1436;
	margin: 10px;
	width: 45%;
	height: 252px;
	voice-family: "\"}\"";
		voice-family: inherit;
		height: 250px;
		}
	html>body .halfcheckcontent {
	height: 250px;
}
.quartercontent {
	width: 24%;
	float: left;
	text-align: center;
}
.threequartercontent {
	width: 74%;
	float: left;
}
.onethirdcontent {
	width: 32%;
	float: left;
}
.twothirdcontent {
	width: 66%;
	float: left;
}

.itemimage { width: 54%; float: left; }
.iteminfo { width: 44%; float: left; }

ul,ol { margin-top: 0px; margin-right: 100px; }
li { margin: 0px 0px 0px 10px; }

h1,h2,pre { margin: 0px 10px 10px 0px; }
p.lists { margin: 0px 10px 2px 10px; }

.savefuture { padding: 5px; background-color: #dfefff; }
	
.twoselects p,blockquote { margin: 0px 10px 5px 10px; }
	
hr {
	margin: 10px 0px 10px 10px;
	height: 1px;
	width: 95%;
	background-color: #015EAB;
	color: #339;
}
	
h4,h5 { margin: 0px 0px 0px 10px; color: #339; }
	
blockquote { margin: -3px 0px 5px 30px; }*/
	
	
/* Begin Form Specifics 
input.specialtable { margin: 0; }
input.cssbutton {
	background: #015EAB;
	color: #fff;
	font-size: 12px;
	font-family: arial, sans-serif;
	font-weight: bold;
	cursor: pointer;	
}
input.cssbuttonsmall {
	margin: 0;
	background: #36c;
	color: #fff;
	font-size: 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
		
select.checkout { margin: 0; }*/
/* End Form Specifics */
	
	
/* Begin Table Specifics 
table.specialtable {
	width: 98%;
	max-width: 100%;
	border-color: #015EAB;
	border-width: 1px;
	border-style: solid;
	font-size: 12px;
}
	
td  { padding: 5px 7px; }
	
th  {
	padding: 7px;
	background-color: #ddd;
	border-bottom-color: #015EAB;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: bold;
}
	
.tableleft { text-align: left; }
.tableright { text-align: right; }
.tablecenter { text-align: center; }*/
/* End Table Specifics 
		
span.left {
	margin-left: 5px;
	float: left;
 	clear: both;
}
span.right {
	margin-right: 5px;
	float: right;
 	clear: both;
}
	
span.spacer { margin: 7px; }	
	
div.formlayout { padding: 3px 0px 0px 0px; clear: both; }*/
/*div.formlayout div.label {
    width: 45%;
	text-align: right;
	float: left;
}
div.formlayout div.formw {
    width: 54%;
	text-align: left;
	float: right;
}	
	
div.spacer { clear: both; }

div.section2 {
	clear: both;
	background-color: #b7c0df;*//*lt blue
	color: #000;
	font-size: 11px;
  	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: #000 solid 1px;
	
	margin: 0;
	padding: 5px 0px;
}*/
/*	
div.subsection2 {
	clear: both;
	background-color: #5F71B9;med blue
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border-bottom: #000 solid 1px;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	margin: 0;
	padding: 3px 0px 3px 6px;
}
.box {
	margin-left: 5px; 
	width: 48%;
	background: #fff; 
	border-style: solid; 
	border-color: #000; 
	border-width: 1px 2px 2px 1px;
	color: #01549F;
	text-align: center;  
	float: left;
}
.box a { color: #EF3E33; }
.box a:hover { color: #fbee23; }
.visit {
	width: 100%;
	background: #EF3E33;
	border-style: dotted;
	border-color: #000;
	border-width: 0px 0px 2px 0px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	display: block;
}
*/
