/* layout */
html { height: 100%; }
body {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	/*font-family: Arial, Verdana;*/
	font-family: Arial, Sans Serif;
	border-top: none;
	color: BLACK;
	background: WHITE;
}

#container, #header, #footer{
	width: 1005px;
	margin: 0px auto;
}

#page-top {
	height: 100px;
	padding-top: 0px;
	position: relative;
	/*background: transparent url(images/header.gif) no-repeat;*/
}

div#page-top-left {
	float:left;

}

div#page-top-right {
	float: right;
	padding: 10px 15px 0 0;
}

div#page-top-right #page-top-quote {
	font-size: 14px;
}

#container{
	margin-top: 5px;
}

#container #top {
	padding: 0px 0px 0px 0px;
}

#container #top #top-right{
	float: right;
	margin-right: 15px;
	padding: 5px 0px 5px 0px;
}


#productPanel{
	padding: 0;
	margin: 0px 0px 40px 0px;
}

#leftSide{
	float:left;
	border-right: solid 1px #e6e7e8;	/* .color-ltgrey */
	width: 310px;
	padding: 0px 0px 0px 0px;
	}
	#leftSide.image1{
	padding: 0px 0px 10px 0px;
	}



#rightSide{
	float:left;
	width: 683px;
	padding: 0px 0px 0px 5px;
	}

#titlebox{
	border: none;
	border-bottom: solid 1px #e6e7e8;	/* .color-ltgrey */
	margin: 0px;
	padding: 0px;
	position: relative;
}

#titlebox h1{
	font-size: 24px;
	margin: 0;
	padding: 0;
}

#titlebox h3{
	font-size: 16px;
	margin: 0;
	padding: 2pt 0pt 4pt 2pt;
}

#email {
	font-size:12px;
}
#email img {vertical-align: text-bottom;}
#email a.emailFriend {margin-left: 10px;}	

#priceReviewAgeBox {
	float:left;
	margin: 0;
	padding: 0;
	width: 42%;
}

#price {
	border-bottom: solid 1px #e6e7e8;	/* .color-ltgrey */
	margin: 0;
	padding: 14px 0 3px 0;
}
	#price ul, #ageBox ul {
		margin: 0 0 15px 0; 
		padding: 5px 0 0 0;
		list-style-type: none;}
		#price ul li.list { font-size: 1.1em; color: #666; }
		#price ul li.list span { text-decoration: line-through; }
		#price ul li.retail { 
			font-size: 1.7em;
			font-weight: bold;
			color: #333; }
			#price ul li.retail span {}
		#ageBox ul li.manufacturerAge {font-size: 1em; padding-top:2px;}

#reviews {
	border-bottom: solid 1px #e6e7e8;	/* .color-ltgrey */
	margin: 0;
	padding: 7px 0;
}

#buyFindBox {	
	margin: 12px 0 0 15px; padding: 0 0 0 14px; 
	float: left;
	border-left: solid 1px #e6e7e8;	/* .color-ltgrey */
	}

	#buyWrapper {
		margin: 0; padding: 0px 4px 4px 4px;
		width: 340px;
		background-color: #86AED1;	/* .color-ltblue */
		}
		#buyWrapper h3 {
			margin:  0 0 0 8px; padding: 0;
			font-size: 1.5em;
			color: #003663;		/* .color-blue */
			}
		#buyInterior {
			margin: 0px 0 0 0; padding: 10px;
				height: 18%; /* hasLayout bug in IE7?! */
			background-color: WHITE; }
			#buyInterior h4 { 
				margin: 0; padding: 0;
				font-size: 1.3em;}
			#buyInterior h5 { 
				margin: 0 0 8px 0; padding: 0 0 8px 0; 
				font-size: 1.3em;
				color: #003663;		/* .color-blue */
				border-bottom: solid 1px #e6e7e8;	/* .color-ltgrey */
				}						
			#buyInterior p { 
				margin: 0 0 8px 0; padding: 0; }
			#buyInterior span strong { margin: 0 5px 0 0; padding: 0; }
			#buyInterior label { 
				margin: 0 5px 0 0; padding: 0;
				font-size: 1.3em;
				font-weight: bold; }
			#buyInterior input.quantity {
				margin: 0; padding: 0; }
			#cartButtons { margin: 10px 0 0 0; padding: 0; }
			#cartButtons #toShow { margin: 0 14px 0 0; padding: 0; float: left; }
			#cartButtons a img.addToCart { margin: 0 14px 0 0; padding: 0; float: left; }

#findWrapper {
	margin: 5px 0px 0px 0px; padding: 0px 4px 4px 4px;
	/*#margin: 5px 0px -10px 0px;*/
	width: 340px;
	background-color: #86AED1;	/* .color-ltblue */
	}
	#findWrapper h3 {
		margin:  0 0 0 8px; padding: 0;
		font-size: 1.5em;
		color: #003663;		/* .color-blue */
		}
	#findInterior {
		margin: 0px 0 0 0; padding: 10px 10px 23px 10px;
		background-color: WHITE; }
		#findInterior h4 { 
			margin: 0; padding: 0;
			font-size: 1.3em; }
		#findInterior h4 img {display:block;}
		#findInterior p { 
			margin: 0 0 0px 0; padding: 0; }
		#findInterior label { 
			margin: 0 0 0px 0; padding: 0; }

#socialWrapper {
	margin: 5px 0px 0px 0px; padding: 0px 4px 4px 4px;
	width: 340px;
	background-color: #86AED1;	/* .color-ltblue */
	}
	#socialWrapper h3 {
		margin:  0 0 0 8px; padding: 0;
		font-size: 1.5em;
		color: #003663;		/* .color-blue */
		}
	#socialInterior {
		margin: 0px 0 0 0; padding: 10px 10px 23px 10px;
		background-color: WHITE; }
		#socialInterior h4 { 
			margin: 0; padding: 0;
			font-size: 1.3em; }
		#socialInterior h4 img {display:block;}
		#socialInterior p { 
			margin: 0 0 0px 0; padding: 0; }
		#socialInterior label { 
			margin: 0 0 0px 0; padding: 0; }


.tab-content {
	padding: 0 15px 0 15px;
}

.tab-content h1{
	color: #003663;		/* .color-blue */
}

#tab-desc-leftSide{
	float:left;
	border-right: solid 1px #e6e7e8;	/* .color-ltgrey */
	width: 500px;
	padding: 0px 15px 0px 0px;
	}

#tab-desc-rightSide{
	float:left;
	width: 420px;
	padding: 0px 0px 0px 15px;
	}
/* layout end */


/* general */

a{
	color: #003663;		/* .color-blue */
	text-decoration: none;
} 

a:hover{
	color: #86AED1;		/* .color-ltblue */
} 

div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

#list{
	padding-left: 20px;
}

/* about */
#about{
	margin-right: 0px;
	display: block;
}

#about-copy{
	margin: 0;
	width: 550px;
	border-right: solid 1px #e6e7e8;	/* .color-ltgrey */
	padding: 0px 25px 0px 15px;
}

#about-copy1{
	margin: 1em 10px 1em 10px;
	border-top: solid 1px #e6e7e8;	/* .color-ltgrey */
}

#about-copy h1, #about-copy1-h1{
	font-size: 24px;
	margin: 0;
	padding: 0;
}

#bout-copy h3, #bout-copy1 h3{
	font-size: 16px;
	margin: 0;
	padding: 2pt 0pt 4pt 2pt;
}

#about p{
	margin: 0px 0px 0px 0px;
}

.about-image{
	padding: 15px;
	float: right;
}

/* end about */


/* contact */
#contact{
	margin-right: 0px;
	display: block;
}

#contact p{
	margin: 0px 0px 0px 0px;
}

#contact-copy{
	margin: 0;
	width: 500px;
	padding: 0px 15px 0px 15px;
}

#contact-leftSide{
	float:left;
	border-right: solid 0px #e6e7e8;	/* .color-ltgrey */
	width: 395px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
	}

#contact-rightSide{
	float:left;
	width: 589px;
	padding: 0px 0px 0px 10px;
	}

#contact-copy h1{
	font-size: 24px;
	margin: 0;
	padding: 0;
}

#contact-copy p{
	margin: 0;
	padding: 0 0 15px 0;
	border-right: solid 0px #e6e7e8;	/* .color-ltgrey */
}

#contact-copy p1{
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	float: left;
}


/* contact form --------------------*/
.contact-wrapper { 
	margin: 20px; 
	width: 500px; 
}

.contact-wrapper_padding { padding: 0px 0px 0px 0px; }
.contact-form { margin-top: 0px; border:1px solid #dfdfdf; color:#666666; margin-bottom:8px;}
.contact-form_padding { padding:12px 12px 12px 12px;}
legend.form_title { color:#9CCF31; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
.contact-form_info { font-size: 11px; float:right; background: #fff url(images/required.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:5px;  }
.contact-form-container {
	clear:both;
	border-bottom: 1px solid #dfdfdf;
	padding: 7px 6px;
}

form { display:inline }

.contact-form label {
	font-size: 12px; 
	line-height: 17px; 
	display: block; 
	width:40%;
	float:left;
	margin-right:3%;
	color: #666666;
}

.contact-form input, .contact-form select, .contact-form textarea {
	color : #000000; 
	font: normal 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	margin: 0; 
	border: 2px solid #dfdfdf; 
	float:left;
}


.contact-form .form_req label { background: url(images/required.gif) right top no-repeat;}
.contact-form .form_err { border-top: 1px solid #df7d7d !Important; border-bottom: 1px solid #df7d7d !Important; background-color:#ffdfdf; }
.contact-form .errmessage { display:none; font: bold 12px/18px "Trebuchet MS", Helvetica, sans-serif; color:#ca4c4c; background-color:#ffbfbf;  margin-bottom:10px; padding: 4px 6px;}
.contact-form .form_err .errmessage { display:block;}
.form_selected { background-color:#fffcdf;}
.form_selected input, .form_selected select, .form_selected textarea { border-color:#f0cc01; }
option { padding-right: 5px; }
.lastform { border: none !important; }
.no_border { border: none !important; width: auto !important; }
.no_border input { border: none !important; }
input[type='checkbox'] { border: none !important; }
input[type='radio'] { border: none !important; }
input.form_medium { width: 55%; }
.form label.spacer { border-color: white; width:88px; }
.form label.spacer2 { border-color: white; width:102px; }
.form_checkbox span { padding-left:5px; }
.form_checkbox input[type='checkbox'] { margin-top:3px; }
.form_radio { }
.form_callout input { padding: 2px 2px; font-size: 12px; }
.form_submit { clear:both; background-color:#ededed; height:45px; }
.form_submit_padding {padding: 0 5px; text-align:right; vertical-align:middle;}
.form_submit input { margin-left:15px;}

input.img_button { float:right; }

input.clear_button {
	/*use to make a button-like element on a button*/
	float:right;
	display:block;
	color: #666666 !important; 
	font: 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	padding: 3px;
	margin-top:8px;
	background-color: transparent; 
	border: none; 
	width: auto; 
	cursor: pointer;
	text-decoration:none;
}

input.clear_button:hover { text-decoration:none;}

/* End Contact Form */

/* end contact */


/* common */
.color-red { color: #ce0000; }
/*.color-red { color: #FDD0D3; } Pink*/
.color-gold { color: #FBC723; }
.color-ltgrey { color: #e6e7e8; }

/*.color-blue { color: #1B6AA5; }*/
.color-blue { color: #003663; }

.color-medblue { color: #86AED1; }
/*.color-ltblue { color: #9CAAC6; }*/
.color-ltblue { color: #86AED1; }
.color-green { color: #00B050; }


.grey { color: #999999; }
.black { color: #000000; }
.ltgrey { color: #666666; }
.float-left { float: left; }
.float-right { float: right; }
.float-clear {clear: both;}
.tac{ text-align: center; }
.tal{ text-align: left; }
.tar{ text-align: right; }
.clear { clear: both; }

/* end common */

/* navigation */
#hmenu {
	margin: 0;
	margin-top: 0.1em;
	padding: 5px 0 5px 0;
	font-size:16px;
	/*background-image:url(images/menu-vert-bar.png);*/
	/*background-repeat:repeat-x;*/
	width: 300px;
	color: #FFFFFF;	/* .color-gold */
	position:absolute;
	top: 50px;
	left: 300px;
}

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

#hmenu ul li {
   margin: 0;
   padding: 0;
   display:inline;
   padding: 0 12px;
   /*border-left: 1px solid #ffffff;*/
}

#hmenu ul li.first {
	border-left: 0px;
	padding-left: 0px;
}

#hmenu ul a{
   /*color: #EAC17D;*/
   color: #ffffff;
}



#hmenu ul a:link{
   margin: 0;
   /*padding: 5px .4em 5px .4em;*/
   text-decoration: none;
}

#hmenu ul a:visited{
   margin: 0;
   /*padding: 5px .4em 5px .4em;*/
   text-decoration:none;
}

#hmenu ul a:active{
   margin: 0;
   /*padding: 5px .4em 5px .4em;*/
   text-decoration: none;
}

#hmenu ul a:hover{
	margin: 0;
	padding: 5px 0px 5px 0px;
	text-decoration: underline;
	/*color: #EAC17D;*/
   color: #ffffff;
   /*color: #000000;*/
   /*border-top: 0px #f1f1f1 solid;*/
   /*border-bottom: 2px #f2f2f2 solid;*/
}

#utlmenu {
	margin: 0 15px 0 0;






	margin 0;
	padding: 0;
	color: #FFFFFF;		/* .color-blue */
	position: absolute;
	top: 60px;
	left: 640px;
	width: 350px;
}

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

#utlmenu ul li {
   margin: 0;
   padding: 0;
   display:inline;
}

#utlmenu ul a{
	color:#FFFFFF;
}

#utlmenu ul a:hover{
	cursor:pointer;
}

/* end nav */

/* footer */
#footer {
	height: 65px;
	margin-top: 10px;
	border-top: 2px solid #000000;
	background-color: #000000;
	color: #FFFFFF;
}

#footer-left {
	float:left;
	margin-left: 10px;
	display: inline;
}

#footer-right {
	float:right;
	margin-right: 10px;
	text-align: right;
}

/* end footer */

.social-link {
	float:left;
	margin:10px 15px 10px 5px;
}