/* In this CSS
site, header, navigation, content, footer, forms, global
*/

/*/////// site /////////////////////////////////////////////////////////////*/

* { margin: 0; padding: 0; }
a { outline: expression(blur()); outline: 0; }
object, embed {outline:none;}

body {
	margin:0;
	padding:0;
	background:#488c22 url(/Images/TrimKit/CommonImages/bg.jpg) center top repeat-y;
}
html {
	/*site wide inherited attributes*/
	color : #999999;
	font: 14px/16px "Trebuchet MS", Helvetica, sans-serif;
}
.wrapper {
	margin: 92px auto 0 auto;
	width:890px; /*850px + 40px shading*/
}
.wrapper_padding { padding: 20px;}



/*/////// header /////////////////////////////////////////////////////////////*/

.header { background:url(/Images/TrimKit/CommonImages/header_bg.jpg) center bottom no-repeat; height:148px; overflow:hidden; }
.header_padding { padding: 20px 0 0 0;}

.hd_button { position:absolute; margin-left:665px; top:102px; z-index:50; }

#header_flash { margin-top:-90px; margin-left:175px; position:absolute; width:500px; z-index:45; }

.logo { display:block; width:200px; height:75px;}

.header_nav { 
	background:url(/Images/TrimKit/CommonImages/content_bg.jpg) center top repeat-y;
 }
.header_nav_padding {}


/*/////// navigation /////////////////////////////////////////////////////////////*/

.primary_nav { 
	color: #57a547; 
	font-size: 14px;
	line-height: 14px;
	font-weight:bold;
	text-transform:uppercase;
	height:47px;
	overflow:hidden;
	background:url(/Images/TrimKit/CommonImages/primary_nav_bg.gif) left top repeat-x;
}

.primary_nav_padding { padding: 0 20px;}
.primary_nav td { vertical-align:top; padding: 0 20px;}

.primary_nav a { color: #96999c; text-decoration: none; display:block; padding: 9px 0 28px 0; float:left;}
.primary_nav a:link { color: #96999c; text-decoration: none; }
.primary_nav a:visited { color: #96999c; text-decoration: none; }
.primary_nav a:hover { color: #488b21; text-decoration: none;}
.primary_nav a:active { color: #96999c; text-decoration: none; }

.primary_nav a.on { color: #488b21; background:url(/Images/TrimKit/CommonImages/primary_nav_on_bg.gif) left top repeat-x;}
.primary_nav a.on:link { color: #488b21;}
.primary_nav a.on:visited { color: #488b21;}
.primary_nav a.on:hover { color: #488b21;}
.primary_nav a.on:active { color: #488b21;}


.secondary_nav { font-size:12px; line-height:12px; background:url(/Images/TrimKit/CommonImages/secondary_nav_bg.gif) left top repeat-x; height:42px; overflow:hidden;}
.secondary_nav_padding { padding: 0 20px;}
.secondary_nav td { vertical-align:middle; padding: 0 15px;}

.secondary_nav a { color: #77806f; text-decoration: none; display:block; padding: 8px 0 22px 5px;}
.secondary_nav a:link { color: #77806f; text-decoration: none; }
.secondary_nav a:visited { color: #77806f; text-decoration: none; }
.secondary_nav a:hover { color: #75b344; text-decoration: none;}
.secondary_nav a:active { color: #77806f; text-decoration: none; }

.secondary_nav a.on { color: #75b344; background:url(/Images/TrimKit/CommonImages/secondary_nav_on_bg.gif) center top no-repeat;}
.secondary_nav a.on:link { color: #75b344;}
.secondary_nav a.on:visited { color: #75b344;}
.secondary_nav a.on:hover { color: #75b344;}
.secondary_nav a.on:active { color: #75b344;}


/*/////// content /////////////////////////////////////////////////////////////*/

.content { background:url(/Images/TrimKit/CommonImages/content_bg.jpg) center top repeat-y;}
.content_padding { padding: 15px 40px 25px 40px; }
.home_content_padding { padding: 25px 95px; }

.center_content { vertical-align: top; height:250px }
.center_content_padding { padding:0 25px 0 0; }

.right_content { vertical-align: top; width:350px; }
.right_content_padding { padding:0;}

.center_content p {}
.thumb_table { margin: 20px auto 0 auto;}
.thumb_table td { padding: 0 25px;}
.caption { text-align:center; padding: 5px 0; width:157px; font-size:10px; line-height:14px; color:#a2a4a7;}
.continue { text-align:right; padding: 5px 0; color:6daf3c;}

.sitemap ul { float:left; margin-right:25px;}
.sitemap ul ul { padding-bottom:3px; float:none;}
.sitemap ul li { font-weight:bold; padding-top:3px; text-transform:uppercase;}
.sitemap ul li li { font-weight:normal; text-transform:none;}

/*/////// footer /////////////////////////////////////////////////////////////*/

.footer { 
	color: #fff; 
	font-size: 11px; 
	line-height: 18px; 
	background: url(/Images/TrimKit/CommonImages/footer_bg.jpg) center bottom no-repeat;
	height:100px;
	overflow:hidden;
 }
.footer_padding { padding: 10px 40px 25px 40px;}

.footer a { color: #fff; text-decoration: none; padding: 0 2px; }
.footer a:link { color: #fff; text-decoration: none; }
.footer a:visited { color: #fff; text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer a:active { color: #fff; text-decoration: none; }

.footer_left {}
.footer_right { text-align:right;}

.copy { display:block; font-size:10px; padding-top:5px;}

/*/////// forms /////////////////////////////////////////////////////////////*/

/* generic form fields */

input, textarea, select { border: 1px solid #7f9db9;}
input, textarea, select, option { font-size: 12px; color: #202121; }
input, textarea { }
option { padding-right: 5px; }

.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; }

/* form */

form { display: inline }

.form { display:block; margin-top: 10px; border:1px solid #dfdfdf; color:#666666; margin-bottom:8px;}
.form_padding { padding:40px 12px 12px 12px;}

legend.form_title { color:#075b87; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
.form_info { float:right; background: #fff url(/Images/TrimKit/Icons/form_req_ast.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:-13px;}


.formcell { 
	clear:both;
	border-bottom: 1px solid #dfdfdf;
	padding: 7px 6px;
}
.form label { 
	font-size: 12px; 
	line-height: 17px; 
	display: block; 
	width:45%;
	float:left;
	margin-right:3%;
}
.form input, .form select, .form textarea { 
	color : #000000; 
	font: normal 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	margin: 0; 
	border: 2px solid #dfdfdf; 
	float:left;
}

.form .form_req label { background: url(/Images/TrimKit/Icons/form_req_ast.gif) right top no-repeat;}
.form .form_err { border-top: 1px solid #df7d7d !Important; border-bottom: 1px solid #df7d7d !Important; background-color:#ffdfdf; }
.form .errmessage { display:none; font: bold 12px/18px "Trebuchet MS", Helvetica, sans-serif; color:#ca4c4c; background-color:#ffbfbf;  margin-bottom:10px; padding: 4px 6px;}
.form .form_err .errmessage { display:block;}
.form_selected { background-color:#fffcdf;}

/*form field px width*/
.input_10 { width:10% !important;}
.input_15 { width:15% !important;}
.input_20 { width:20% !important;}
.input_25 { width:25% !important;}
.input_30 { width:30% !important;}
.input_35 { width:35% !important;}
.input_40 { width:40% !important;}
.input_50 { width:50% !important;}
.input_60 { width:60% !important;}
.input_70 { width:75% !important;}
.input_90 { width:90% !important;}
.input_100 { width:100% !important;}
textarea.input_100 {height:150px !important;}

/*form field percentage width*/
.short { width: 25% !important; }
.medium { width: 50% !important; }
.long { width: 100% !important; }
textarea.medium { height: 65px !important; }
textarea.long { height: 120px !important; }

.form_submit { clear:both; background-color:#e4e4e4;}
.form_submit_padding {padding: 6px 12px; text-align:right;}
.form_submit input { margin-left:15px;}
input.button { 
	/*use to make a button-like element on a button*/
	color: #ccffff !important; 
	font: bold 12px/16px Arial, Helvetica, sans-serif; 
	padding: 5px 10px; 
	background-color: #006699; 
	border: none; 
	width: auto; 
	cursor: pointer; 
}
input.clear_button { 
	/*use to make a button-like element on a button*/
	color: #666666 !important; 
	font: 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	padding: 3px;
	background-color: transparent; 
	border: none; 
	width: auto; 
	cursor: pointer;
	text-decoration:underline;
}
input.clear_button:hover { text-decoration:none;}

/*/////// global /////////////////////////////////////////////////////////////*/

a {color: #6daf3c; text-decoration: underline;}
a:link {color: #6daf3c; text-decoration: underline;}
a:visited {color: #6daf3c; text-decoration: underline;}
a:active {color: #6daf3c; text-decoration: underline;}
a:hover {color: #6daf3c; text-decoration: none;}

a[disabled='disabled'] { color:#666666 !important; text-decoration: none !important; cursor:default !important;}

p {margin:0 0 5px 0; padding: 0 0 5px 0 ;}
p.indent { text-indent:30px;}
blockquote{font-style:italic}

h1 {
	font-size:28px;
	line-height:1.2em;
	margin: 5px 0 5px 0;
	color: #6daf3c;
	font-weight:normal;
}

h2 {
	font-size:17px;
	margin: 10px 0 2px 0;
	color: #5C6BCA;
}

h3 {
	font-size:14px;
	margin: 7px 0 4px 0;
	color: #999999;
}

h4, h5, h6 {
	font-size:14px;
	margin: 7px 0 4px 0;
	color: #999999;
}


table { empty-cells: show; }
table tr { vertical-align:top;}

table.basic { 
	/*table class to have padding=0 border=0 spacing=0 width=100% valign=top*/
	border: none; 
	width: 100%; 
	padding: 0; 
	margin: 0; 
	border-spacing: 0px; 
	border-collapse: collapse; 
}
table.basic td { 
	padding: 0; 
	vertical-align: top; 
}

.tablegrid { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #666666; }
.tablegrid td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.float_left { 
	float: left; 
	position: relative; 
}
.float_right { 
	float: right; 
	position: relative; 
}
.clear { clear: both; }

.odd { background-color: #CCCCCC; }
.even { background-color: transparent; }

.hr { 
	background-color : #E6E6E6; 
	margin: 10px 0; 
	height: 1px; 
	overflow: hidden; 
}
hr { 
	background-color : #E6E6E6; 
	margin: 10px 0; 
	height: 1px; 
	overflow: hidden; 
}

ol { padding:2px 0 7px 37px;}
ul { padding:2px 0 7px 30px;}
li { margin-bottom:3px;}
ul ul { padding:0 0 0 15px;}

img { border: 0px; }
.icon { 
	/*aligns img/input/text so they all have verticle centering - all elements need to be the same height*/
	vertical-align: middle; 
}
img.icon { 
	margin: 0 5px 0 5px; 
	display: inline; 
}

.img_mask { 
	position: absolute; 
	z-index: 100; 
}

.button { 
	/*use to make a button-like element on a link*/
	color: #333333; 
	font-size: 11px; 
	line-height: 22px; 
	background: #CCCCCC; 
	border-top: 2px solid #E5E4E4; 
	border-right: 2px solid #B2B1B1; 
	border-bottom: 2px solid #B2B1B1; 
	border-left: 2px solid #E5E4E4; 
	margin: 3px 0; 
}
.button a { color: #666666; text-decoration: none; padding: 3px 5px; }
.button a:link { color: #666666; text-decoration: none; }
.button a:visited { color: #666666; text-decoration: none; }
.button a:hover { color: #AF7215; text-decoration: none; }
.button a:active { color: #666666; text-decoration: none; }



.press_vid_description {
	width:560px;
	}

.trimkit_video_sidepic {
	padding-left:15px;
	max-width:220px;
}

.trimkit_video_sidepic img {
	max-width:220px;
	}

@media print { 
	
}
.listing_item_title { 
	color: #6daf3c;
	font-weight:normal; 
}