/* Reset YUI-style */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,ul,li { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

q:before,q:after {
	content:'';
}
abbr,acronym,button { 
	border:0;
}


body {
	background-color:#003154;
}


/* ------------- Header section -------- */

#head_wrap{
	background-color:#003154;
	width:100%;
	height: 100px;
}

#brand_holder{
	background-color:#003154;
	width:960px;
	height: 100px;
	margin:0 auto;
}

#head_logo{
	width:265px;
	height: 60px;
	overflow:hidden;
	float:left;
	display: inline;
	margin: 20px 0px 20px 30px;
}

#head_search{
	background-color:#003154;
	float:left;
	margin-top:30px;
	margin-left:395px;
	width:220px;
	text-align:right;
	display: inline;
}	
	
#searchfield {
	width:  150px;
	float: left;
	margin-top: 2px;
}	

#submitsearch {
	float:left;
	margin-left: 10px;
}



/* ------------- Main Navigation Secton -------- */

#nav_wrap{
	width:100%;
	height:60px;
	background:#9e9e9e url(media/nav_grade2.jpg) repeat-x;
}

#navigation{
	width:960px;
	margin:0 auto;
	height:60px;
	background: url(media/nav_bg2.jpg) no-repeat center top;
}


#slatenav{
	display:block;
	height:60px;
	width: 890px;
	margin:0 auto;
	background: url(media/nav_grade.jpg) repeat-x left top  !important;
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#slatenav ul{
	margin: 0;
	list-style-type:none;
	width:890px;
}

#slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}

#slatenav ul li a{
	display:block;
	float:left;
	color:#D5F1FF;
	line-height:24px;
	text-decoration:none;
	padding:12px 22px 0 22px;
	height:48px;
}

#slatenav ul li a:hover {
	/*color:#fff;*/
	background: url(media/nav_hover2.jpg) no-repeat center top;
}

#slatenav ul li a.current{
	/*color:#fff;*/
	background: url(media/nav_active.jpg) no-repeat center top;
}
 
 
/* ------------- Main Content Area -------- */
#content_wrap{
	background-color:#9e9e9e;
	width:100%;
	margin:0 auto;
}

#content{
	width:960px;
	margin:0 auto;
	background: url(media/main_bg2.jpg) repeat-y;
}

#content_body{
	margin:0 auto;
	width:860px;
	padding: 20px 0;
}

#content_body h1 {
	text-align:center;
	color:#003154;
	font: 30px/30px Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin: 5px 50px;
}

#content_body h1.auctiontitle {
	font-variant: small-caps;
}

#content_body h2 {
	text-align:left;
	color:#003154;
	font: bold 24px/28px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}


#content_body h3 {
	text-align:center;
	color:#000000;
	font: bold 20px/16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-bottom: 10px;
	margin: 10px 50px;
}

#content_body h4 {
	color:#000000;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	margin: 5px 0px;
}

#content_body h5 {
	text-align:center;
	color:#000000;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin: 10px 0px;
}

#content_body p {
	font: 12px/20px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

#content_body p.item {
	font: 13px/22px Arial, Helvetica, sans-serif !important;
	margin-right: 0px;
}

#content_body p.buynow {
	font: bold 14px/24px Arial, Helvetica, sans-serif !important;
	margin-right: 0px;
}

#content_body ul {
	padding-left: 40px; 
	list-style-type: disc;
}

#content_body li {
	font: 13px/20px Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

#mycarousel ul {
	padding-left: 0;
}


#mainCard {
	margin-top:10px;
	background: url(media/faux_bg.jpg) repeat-y;
	padding-bottom: 30px;
}

#mainCard div.cardimgs {
	float:left;
	text-align:center;
	width: 340px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 20px 0 10px;
	background-color:#f6f6f6;
	border-right: 1px solid #e6e6e6; 
	display: inline;
}

#mainImgHP {
	width: 300px;
	height: 500px;
	margin: 0 auto !important;
}

#mainImgHP.loading {
     background: url(media/spinner.gif) no-repeat center center;
}


#mainImg {
	width: 300px;
	height: 350px;
	margin: 0 auto !important;
	text-align:center;
}

#largeImg {
	margin: 0 auto !important;
	text-align:center;
}

#mainImg.loading {
     background: url(media/spinner.gif) no-repeat center center;
}

#mainCard div.cardimgs a {
	text-decoration:none;
}

#cardthumbs  {
	margin-top: 10px;
	float:left;
	width: 340px;
	text-align:center;
}

#cardthumbs ul {
	list-style:none;
	padding-left: 0px !important;
}

#cardthumbs li {
	list-style:none;
	float:left;
	margin: 0px 10px 0px 0px !important;
}


#cardthumbs img {
	border: 1px solid #666;
	margin-top: 10px;
}


#cardthumbs p {
	color:#003154;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	letter-spacing: 2px;
}

#carditem {
	float: left;
	display:block;
	width: 400px;
	display: inline;
	margin-left: 10px;
	margin-right: 30px;
}

#mainCard div#cardcopy {
	float: left;
	display:block;
	width: 389px;
	display: inline;
	margin-right: 10px;
	padding: 0px 50px;
}

#mainCard div#cardcopy h2 {
	color:#003154;
	text-align:center;
	/*font: bold 30px/34px Georgia, "Times New Roman", Times, serif;*/
    font: bold 24px/30px Arial, Helvetica, sans-serif;
	margin: 30px 0;
}

#mainCard div#cardcopy p {
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

#mainCard p.big {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}


#mainCard div#cardcopy a.linkbtn {
	color:#003154;
	/*background: url(media/linkbuton.jpg) no-repeat 0px 0px;
	padding-left: 30px;
	font: bold 16px/18px Georgia, "Times New Roman", Times, serif;
	height: 30px;
	zoom: 1;
	display:block;
	margin: 20px 0;
	*/
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#mainCard div#cardcopy a.linkbtn:visited, #mainCard div#cardcopy a.linkbtn:active {
	color:#003154;
}

#mainCard div#cardcopy a.linkbtn:hover {
	/*background: url(media/linkbuton.jpg) no-repeat 0px -30px;*/
	color:#004679;
	text-decoration:underline;
}


#content_body #Featured h3{
	text-align:center;
	color:#FFF;
	background-color:#003154;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding: 5px;
	margin: 0;
}


.note {
	margin-top: 7px;
	color:#666;
	font: bold 9px/9px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


/* ------------- Action Button Area -------- */

#action_button_wrap{
	background-image:url(media/footer_nav_gradient.jpg);
	width:100%;
	height:71px;
}

#action_bar_main{
	width:960px;
	margin:0 auto;
}

#action_button_bar{
	float:left;
	width:590px;
	height:71px;
	margin-left:0px;
}

#action_button_bar img{
	float: left;
	border: none;
}



#action_button_right{
	float:left;
	height:61px;
	width:270px;
	margin-left: 30px;
	margin-top: 10px;
}

#emailsignup input {
	float:left;
}

#emailfield {
	width:  170px;
	margin-top: 2px;
	margin-right: 10px;
}	


.signUptext_bot {
	color:#003154;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;	
}
	

#legacyform {
	background-color:#f6f6f6;
	padding: 10px 20px;
}

#legacyform h1 {
	font: bold 22px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#003154;
	border-bottom: none;
	padding: 0;
	margin: 0 0 10px;
}

#legacyform label {
	width: 150px;
	display:block;
	float:left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#legacyform label.required {
	font-weight:bold;
}


#legacyform input {
	display:block;
	float:left;
	background:#fff url(media/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

#legacyform input.error, #legacyform select.error, #legacyform textarea.error {
	border:1px solid #FF0000 !important;
}


#legacyform textarea {
	background:#fff url(media/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;

}

#legacyform .large {
	width: 300px;
}

#legacyform .medium {
	width: 200px;
}
#legacyform .small {
	width: 100px;
}
#legacyform .xsmall {
	width: 50px;
}

#legacyform .tall {
	height: 300px;
}

#legacyform .short {
	height: 100px;
}


#legacyform div {
	clear:both;
	margin: 10px 0;
}

#legacyform button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:url(media/button.gif) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

#legacyform button:hover{
	background:url(media/button.gif) no-repeat 0px -31px;
	color:#FFFF00;
	}
	
#legacyform label.error {
	margin-left: 150px;
	width: 450px;
	color:#FF0000;
	clear:both;
	font: bold 11px Arial, Helvetica, sans-serif;
}

	
#contactinfo {
	width: 600px;
	margin: 10px 0px 20px 175px;
}

.col {
	width: 50%;
	float: left;
}

.clearboth {
	clear:both;
}

.topplusten {
	padding-top: 10px;
}
/* ------------- Footer Navigation Area -------- */


#foot_nav_wrap{
	background-color:#003154;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#footer{
	background-color:#003154;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-top: 20px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#FFFFFF;
}

#foot_navigation{
	line-height:20px;
	width: 500px;
	float:left;
}

#foot_contact_right{
	width:150px;
	float:left;
}


#foot_contact_left{
	width:220px;
	float:left;
	margin-right:20px;
	text-align:right;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: groove;
}


#footer a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer a:active{
	color:#ffffff;
}


#footer a:visited{
	color:#ffffff;
}

#footer a:hover{
	color:#99CCCC;
}



/* ******Clear Fix****** */

 .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}