﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/** { margin: 0; padding: 0; border: none; }*/

html { background: #FFF url('/Content/images/common/texture.jpg') repeat-x 0 100%; min-width: 980px; }
body
{
    font: .65em/1.5 Arial, Verdana, Helvetica, Sans-Serif;
/*font-size: 12px;*/
    margin: 0;
    padding: 0;
    color: #666;
 	min-width: 980px;
	background: transparent url('/Content/images/common/top-back.gif') repeat-x 0 0;
}

a img{ border: none }
a:link { color: #034af3; text-decoration: underline; }
a:visited { color: #505abc; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #12eb87; }
p, ul { margin-bottom: 20px; line-height: 1.6em; }

/* HEADINGS   
----------------------------------------------------------*/



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

.txt-input-container input { font-size: 1em; color: #333; overflow: hidden; height: 14px; padding: 3px 5px 5px; position: relative; }
.txt-input-container textarea { font-size: 1em; color: #333; padding: 3px 5px 5px; position: absolute; }

.phone-number-container { position: relative; }

/* TABLE
----------------------------------------------------------*/

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }

.error { color:Red; }


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.required-flag { color: #a70014; font-weight: bold; margin: 0 2px; }

/* ---------------- */
#container{ font-size: 1.2em;}
#header{margin:0 auto;width:980px;background: #FFF url('/Content/images/common/container-back.gif') no-repeat 0 0;height: 124px;;position: relative;}
.logo { padding: 44px 0 0 70px; width:200px;height:63px;}
.logo img { border: 0; }
.nav ul { 
	width:455px;
	position: absolute;
	top: 0;
	right: 70px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.nav li { font-size:17px; padding: 0; margin: 0; display: inline; }
.nav a { color:#006BA9; float:left; display:inline; height:28px; padding:92px 19px 0 19px; margin-left: 12px; text-decoration:none;}

.nav a:hover, .nav a:active, #brandPage a#brandNav, #tradePage a#tradeNav, #newsPage a#newsNav { 
	color: #ffffff;
	background: url('/Content/images/common/nav-back.jpg') no-repeat top left;
}

#brandPage a#brandNav, #tradePage a#tradeNav, #newsPage a#newsNav { 
	cursor: default;
}

#contentContainer{clear:both;width:840px;margin:0 auto; position: relative; z-index: 2; min-height:400px; height:auto !important; height:400px; }

.intro{font-weight:bold; display: block; }
h1{font-weight:normal;color:#006BA9;margin:0;padding:0;}
h2{font-weight:normal;color:#333;margin:24px 0 0 0;padding:0;}
h3{font-weight:normal;color:#006BA9;text-transform:uppercase;margin:4px 0 0 0;padding:0;}
h4{font-weight:bold;color:#333;margin:0;padding:0;}
.block{clear:both;}
.col1{width:420px;float:left;}
.col2{width:420px;float:left;}
#footer{position: relative; z-index: 1;margin-top: 40px;}
#topFooter{ }
#bottomFooter{background:url('/Content/images/common/footer-back.jpg');background-repeat:repeat-x;height:189px;}
.logoContainer{
		margin:0 auto 0 auto;
		padding:0 8px 20px 0;
}
.logoContainer p{padding:0;margin:0;}
.logoContainer img{margin-top:14px;}
.bottomLogoContainer{
		width:752px;
		margin:0 auto 0 auto;
		padding-top:38px;
		height: 115px;
}
.caption{clear:both;margin:2px 0 4px 0;}
.copyrightContainer{
	width:988px;
	margin:0 auto 0 auto;
	color:#FFF;
	font-size:11px;
	padding-top: 10px;
}

#bottomFooter .cufon-canvas { display: none !important; }
#bottomFooter .copyrightContainer .cufon-canvas { display: inline-block !important;}
#bottomFooter a {color:#FFF;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#movie{width:980px;margin-bottom:40px;}

.logoContainer a:visited { color: #034af3;}


