/* CSS Styling for Visual Marketing Products (VMP) site */

html {
	background-color:#000;	
}

body {
	margin:0 0 25px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #000;
	text-align:center;
}
a, a:link, a:visited {	
	text-decoration:underline;
	color: #ffffff;
	font-weight: bold;
}
a:hover {	
	text-decoration:underline;
	color: #ffffff;
}
#page_container {
	text-align: left;
	width: 902px;
	margin: 0 auto;
}
.newsletter_signup {
	vertical-align:bottom;
	padding: 0 0 8px 16px;
}
.newsletter_signup_home {
	padding: 0 0 0 66px;
}
.phone_number {
	text-align: right;
	padding: 19px 19px 11px 0;
}
.grand_opening {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding-top:60px;
}

/* Sidebar and content styling within the outlined container table */

#outlined_container {
	border: 1px solid #c7c8ca;
}
.pagetitle {
	text-align:center;
	padding-top: 194px;
}
.pagetitle_tall {
	text-align:center;
	padding-top: 164px;
}
.pagetitle_extra_tall {
	text-align:center;
	padding-top:104px;
}
.sidebar_column {
	vertical-align: top;
	width: 271px;
}
.sidebar_column_home {
	vertical-align: top;
	width: 230px;
}

/* Side navigation basic styling */
.sidenav {
	margin:65px 1px 0 75px;
}
.sidenav a {
	display:block;
	width:154px;	
	text-decoration:none;
	margin: 2px 0;
	height:25px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	outline: none;	
}

/* Sublevel navigation basic styling */
.subnav {
	position:absolute;
	display:none;
	border-width:0 15px;
	border-style:solid;
	border-color:#8b8b8b;
	background-color:#8b8b8b;
	top: 0;	/* top and left must each have an initial setting, so the JavaScript can modify it */
	left: 150px;
	z-index:101;	
}
.subnav a {
	display:block;
	margin: 0; /* To cancel out the margin inherited from the sidenav parent */
}

/* Background images for the side nav links */
#nav_branded { background-image:url(../images/sidenav/nav_branded.gif); } 
#nav_buyonline { background-image:url(../images/sidenav/nav_buyonline.gif); } 
#nav_categories { background-image:url(../images/sidenav/nav_categories.gif); }
#nav_clientcare { background-image:url(../images/sidenav/nav_clientcare.gif); }
#nav_corporate { background-image:url(../images/sidenav/nav_corporate.gif); } 
#nav_faqs { background-image:url(../images/sidenav/nav_faqs.gif); } 
#nav_gallery { background-image:url(../images/sidenav/nav_gallery.gif); }
#nav_why { background-image:url(../images/sidenav/nav_why.gif); }

/*  Hover states. Must also include the body id for selected page, so it will still get the hover behavior  */
#nav_branded:hover,
#dealers_page #nav_branded:hover,
#hospitality_page #nav_branded:hover,
#marathon_page #nav_branded:hover,
#motorsports_page #nav_branded:hover {
	background-image:url(../images/sidenav/nav_branded_hover.gif);
} 
#nav_buyonline:hover,
#buyonline_page #nav_buyonline:hover {
	background-image:url(../images/sidenav/nav_buyonline_hover.gif);
} 
#nav_categories:hover,
#canopies_page #nav_categories:hover,
#complimentary_page #nav_categories:hover,
#flagsbanners_page #nav_categories:hover,
#popups_page #nav_categories:hover,
#signage_page #nav_categories:hover {
	background-image:url(../images/sidenav/nav_categories_hover.gif);
} 
#nav_clientcare:hover,
#clientcare_page #nav_clientcare:hover {
	background-image:url(../images/sidenav/nav_clientcare_hover.gif);
} 
#nav_corporate:hover,
#corporate_page #nav_corporate:hover {
	background-image:url(../images/sidenav/nav_corporate_hover.gif);
} 
#nav_faqs:hover,
#faqs_page #nav_faqs:hover {
	background-image:url(../images/sidenav/nav_faqs_hover.gif);
} 
#nav_gallery:hover,
#gallery_page #nav_gallery:hover {
	background-image:url(../images/sidenav/nav_gallery_hover.gif);
} 
#nav_why:hover,
#whyvmp_page #nav_why:hover {
	background-image:url(../images/sidenav/nav_why_hover.gif);
}
/*  Selected (Active) states. Use the body id tag to match to a navigation item. */
#buyonline_page #nav_buyonline { background-image:url(../images/sidenav/nav_buyonline_selected.gif); }
#corporate_page #nav_corporate { background-image:url(../images/sidenav/nav_corporate_selected.gif); }
#clientcare_page #nav_clientcare { background-image:url(../images/sidenav/nav_clientcare_selected.gif); }
#gallery_page #nav_gallery { background-image:url(../images/sidenav/nav_gallery_selected.gif); }
#faqs_page #nav_faqs { background-image:url(../images/sidenav/nav_faqs_selected.gif); }
#whyvmp_page #nav_why { background-image:url(../images/sidenav/nav_why_selected.gif); }  

#canopies_page #nav_categories { background-image:url(../images/sidenav/nav_products_canopies.gif); }
#complimentary_page #nav_categories { background-image:url(../images/sidenav/nav_products_complimentary.gif); }
#flagsbanners_page #nav_categories { background-image:url(../images/sidenav/nav_products_flagsbanners.gif); }
#popups_page #nav_categories { background-image:url(../images/sidenav/nav_products_popups.gif); }
#signage_page #nav_categories { background-image:url(../images/sidenav/nav_products_signage.gif); }

#consumer_page #nav_branded { background-image:url(../images/sidenav/nav_branded_consumer.gif); }
#dealers_page #nav_branded { background-image:url(../images/sidenav/nav_branded_dealers.gif); }
#hospitality_page #nav_branded { background-image:url(../images/sidenav/nav_branded_hospitality.gif); }
#marathon_page #nav_branded { background-image:url(../images/sidenav/nav_branded_marathon.gif); }
#motorsports_page #nav_branded { background-image:url(../images/sidenav/nav_branded_motorsports.gif); }



/* Subnav links for Branded Environments */
#subnav_marathon { background-image:url(../images/subnav/subnav_marathon.gif); width:97px; }
#subnav_marathon:hover { background-image:url(../images/subnav/subnav_marathon_hover.gif); width:97px; }

#subnav_motorsports { background-image:url(../images/subnav/subnav_motorsports.gif); width:75px; }
#subnav_motorsports:hover { background-image:url(../images/subnav/subnav_motorsports_hover.gif); width:75px; }

#subnav_hospitality { background-image:url(../images/subnav/subnav_hospitality.gif); width:69px; }
#subnav_hospitality:hover { background-image:url(../images/subnav/subnav_hospitality_hover.gif); width:69px; }

#subnav_consumer { background-image:url(../images/subnav/subnav_consumer.gif); width:91px; }
#subnav_consumer:hover { background-image:url(../images/subnav/subnav_consumer_hover.gif); width:91px; }

#subnav_dealers { background-image:url(../images/subnav/subnav_dealers.gif); width:167px; }
#subnav_dealers:hover { background-image:url(../images/subnav/subnav_dealers_hover.gif); width:167px; }

/* Subnav links for Product Categories */
#subnav_signage { background-image:url(../images/subnav/subnav_signage.gif); width:90px; }
#subnav_signage:hover { background-image:url(../images/subnav/subnav_signage_hover.gif); width:90px; }

#subnav_popups { background-image:url(../images/subnav/subnav_popups.gif); width:55px; }
#subnav_popups:hover { background-image:url(../images/subnav/subnav_popups_hover.gif); width:55px; }

#subnav_canopies { background-image:url(../images/subnav/subnav_canopies.gif); width:96px; }
#subnav_canopies:hover { background-image:url(../images/subnav/subnav_canopies_hover.gif); width:96px; }

#subnav_complimentary { background-image:url(../images/subnav/subnav_complimentary.gif); width:131px; }
#subnav_complimentary:hover { background-image:url(../images/subnav/subnav_complimentary_hover.gif); width:131px; }

#subnav_flagsbanners { background-image:url(../images/subnav/subnav_flagsbanners.gif); width:129px; }
#subnav_flagsbanners:hover { background-image:url(../images/subnav/subnav_flagsbanners_hover.gif); width:129px; }

/* iFrame shim (This iFrame will be positioned directly under the sidenav hover display, to block the Flash or forms showing through) */
.iframe_shim {
	display:block;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);*/
	left:-300px;	/* positioned off the page */
	position:absolute;
	top:150px;	/* top and left must each have an initial setting, so the JavaScript can modify it */
	width:150px;
	visibility:hidden;
	z-index:100;
}

/* Logo positioning */
#vmp_logo {
	margin: 65px 0 30px 20px;
}
#vmp_logo_home {
	margin: 31px 0 42px 22px;
}  
.content_column {
	vertical-align:top;
	width: 629px;
	padding: 29px 0 10px;
	/* If one exists, the background image will be positioned from the top the height of banner plus the top padding in this class */
	background-position: right 220px;
	background-repeat: no-repeat;	
}
#gallery_page .content_column {
	padding-top:0;
}
.consumer_bgimage {
	background-image:url(../images/branded/consumer_background.gif);
}
.dealer_bgimage {
	background-image: url(../images/branded/dealer_background.gif);
}
.hospitality_bgimage {
	background-image:url(../images/branded/hospitality_background.gif);
}
.marathon_bgimage {
	background-image: url(../images/branded/marathon_background.gif);
}
.motorsports_bgimage {
	background-image:url(../images/branded/motorsports_background.gif);
}
.outlined_banner {
	border:1px solid #c7c8ca;
	border-right-width:0;
	/*float:right;*/
}
.cat_disclaimer {
	margin-top:15px;
	margin-bottom:-10px;
}
.cat_disclaimer td {
	text-align:center;
}
.cat_disclaimer img {
	display:block;
	margin:0 40px 8px;
}
.cat_disclaimer p {
	margin-left:14px;
	text-align:left;
}
.click_header {
	padding: 15px 0 3px 10px;
	border-bottom: 1px solid #c7c8ca;
}
.click_info {
	text-align:right;
	padding: 32px 15px 3px 10px;
	border-bottom: 1px solid #c7c8ca;
}
.rollover_info {
	padding: 15px 10px 3px 15px;
	border-bottom: 1px solid #c7c8ca;
}
.corporate_thumbnails td {
	text-align:center;
	padding:24px 10px 26px;
}
.corporate_thumbnails img {
	border:0;
}
.faq_banner {
	background-image:url(../images/banners/banner_faq_background.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	min-height: 191px;
	width:630px;
}
.faq_banner ol {
	margin: 0;
	padding: 16px 10px 10px 305px;	
}
.faq_banner ol li {
	margin: 0;
	padding: 2px 0;		
}
.faq_banner ol li a{
	display:block;	
} 
.faq_content, .why_vmp_content, .corporate_content , .dealer_content, .clientcare_content {
	line-height: 150%;
	padding: 50px 25px 0 0;
	color:#ffffff;
}
.faq_content p, .why_vmp_content p, .products_content p {
	padding-right:30px;
}
#gallery_title {
	font-size:12px;
	padding:8px 15px;
	text-align:right;
}
.gallery_instructions {
	padding:6px 2px;
}
.gallery_thumbnail_table {
	/*float:right;*/
	margin-bottom:28px;	
}
.gallery_thumbnail_table td {
	padding:0 0 2px 2px;
}
.gallery_thumbnail_table td img {
	cursor:pointer;
}
.corporate_content ul {
	margin-left:0;
	padding:0;
	list-style-type:none;
}
.signup_content {
	padding: 50px 35px 40px 0;
	line-height: 150%;
}
.signup_table td {
	padding: 0 0 12px 0;
}
td.formlabel_right {
	text-align:right;
	padding:0 10px 12px 25px;
}
.products_content {
	line-height: 150%;
	padding: 28px 25px 40px 10px;
	color:#ffffff;
}
.products_content td {
	vertical-align:top;
}
.products_content ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.product_rollovers td {
	cursor:pointer;
}
.product_rollovers td.nopointer {
	cursor:default;
}
.corporate_content ul li {
	background-image:url(../images/blue_bullet.gif);
	background-position:1px 7px;
	background-repeat:no-repeat;
	padding-left: 10px;
}
.products_content ul li {
	background-image:url(../images/lightgrey_bullet.gif);
	background-position:1px 7px;
	background-repeat:no-repeat;
	padding-left: 10px;
}
.branded_content {
	padding: 0 15px 15px 0; 	
}
.infotable td {
	vertical-align: top;
	line-height: 150%;
	padding: 0 4px 0 12px;
	width:32%;
}
.infotable td p {
	margin-top: 0;
}
.product_table td {
	vertical-align:top;
}
.typesfeatures_table td {
	padding-right:15px;
	height:135px;
} 
.faq_content {
	/* Overrides the #ffffff color for more contrast between questions and answers */
	color: #c7c8ca;
}
.sitemap_content {
	padding:63px 25px 0 0;
}
.sitemap_content td, th {
	text-align:left;
	vertical-align:top;
	padding: 8px 4px;
}
.sitemap_content ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.sitemap_content ul li {
	margin:0;
	padding:2px 0;	
}			
.faq_content strong {
	color:#ffffff;
}  
.why_vmp_content strong {
	color: #7f975b;
}
.dealer_content strong {
	color:#9900FF;
}
.quote_image {
	float: right;
	margin: 5px 0 5px 35px;
}
 
/* Input form styling */
.form_table td {
	vertical-align:middle;
	text-align:right;
	padding: 5px 15px ;
}
td.form_errormsg {
	color: #ffc821;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}

/* FTP form styling */
.form_ftp_table {
	border: 0px solid #999999;
}
.form_ftp_table td {
	padding: 5px 10px 5px 0;
}
.form_ftp_blurb {
	text-align: left;
	padding: 0px 0px 10px 0px;
}
.form_ftp_div {
	padding: 15px 30px 0px 0px;
}
.form_ftp_message {
	text-align: center;
	padding-top: 4px;
	margin-bottom: 26px;
	height:30px;
	color: #ffc821;
	font-weight: bold;
}
.form_ftp_message a:link, .form_ftp_message a:visited {
	color: #ffc821;
}
.form_ftp_message a:hover {
	color: #ffffff;
} 
.form_ftp_browse {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #c7c8ca;
}
.form_ftp_browse input {
	background-color:#00FF33;
}
.form_ftp_submit {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ece9d8;
	border: 1px solid #ece9d8;
}
 /* Footer content */
#footer {
	font-size:10px;
	padding: 16px 10px 16px 0px;
	text-align: right;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover {
	text-decoration:none;
	padding: 0 8px;
	font-weight:normal;	
}
#footer a:hover {
	text-decoration:underline;
}
.banner_subtitle {
	text-align:right;
	padding-bottom: 31px;
}

/* Color coding of the catalog link in the footer */

#corporate_page #catalog_link {color: #0583f3;}
#gallery_page #catalog_link {color:#5d50ba;}
#whyvmp_page #catalog_link {color: #7f975b;}

/* Branded link coloring */
#consumer_page #catalog_link {color: #a7be39;}
#dealers_page #catalog_link {color: #e2383f;}
#hospitality_page #catalog_link {color: #ffc821;}
#marathon_page #catalog_link {color: #006bb7;}
#motorsports_page #catalog_link {color: #226af3;}

/* Products link coloring */
#canopies_page #catalog_link {color: #508ddd;}
#complimentary_page #catalog_link {color: #b8051e;}
#flagsbanners_page #catalog_link {color: #d9be3b;}
#popups_page #catalog_link {color: #93c2d8;}
#signage_page #catalog_link {color: #db480d;}