/* ISC Vintage CSS
-------------------------------------------------------------------------------------------------------------------------------------

	Contents:	Global
					Header
					Content
					Footer

-----------------------------------------------------------------------------------------------------------------------------------*/


/* Global Imports
-----------------------------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";
@import "content.css";
@import "lightbox.css";


/* Global CSS and Master Reset
-----------------------------------------------------------------------------------------------------------------------------------*/
html, body {
	margin: 0px; padding: 0px; background-color: white;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 12px; font-weight: normal;
}

.container { background-color: white; width: 955px; margin: 0 auto; }

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
#products-clear { clear: both; width: 142px; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUp { text-transform: uppercase; }
.textUnderline { text-decoration: underline; }

#zIndexNav { z-index: 1000; position: relative; }


/* Typography
-----------------------------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 12px; margin-top: 12px; margin-bottom: 15px; font-weight: normal; }
h2 { font-size: 18px; margin-top: 0; font-weight: normal; }
h3 { font-size: 16px; margin-top: 0; font-weight: normal; }
h4 { font-size: 14px; margin-top: 0; font-weight: normal; }
h5 { font-size: 13px; margin-top: 0; margin-bottom: 10px; font-weight: normal; }
h6 { font-size: 11px; }

p { font-size: 12px; line-height: 1.5em; margin-top: 0; margin-bottom: 15px; }

.left-col-text h1 { font-size: 16px; font-weight: normal; }

h1.normal-h1 { font-size: 16px; font-weight: normal; }
h1.team-lists { font-size: 12px; font-weight: normal; }
h1.product-detail { font-size: 14px; }


/* Links
-----------------------------------------------------------------------------------------------------------------------------------*/
a { color: #b9babd; text-decoration: none; outline: none; }
a:active { color: #b9babd; outline: none; }
a:visited { color: #b9babd; outline: none; }
a:hover { color: black; outline: none; }

.content a { color: black; text-decoration: none; outline: none; }
.content a:active { color: black; outline: none; }
.content a:visited { color: black; outline: none; }
.content a:hover { color: #999; outline: none; text-decoration: none; }

.dark-content-left a { color: white; text-decoration: none; outline: none; }
.dark-content-left a:active { color: white; outline: none; }
.dark-content-left a:visited { color:white; outline: none; }
.dark-content-left a:hover { color: #E67424; outline: none; text-decoration: none; }
.dark-content-left a.activeSlide { color: #E67424; outline: none; text-decoration: none; }

.teams-left-col a { color: white; text-decoration: none; outline: none; }
.teams-left-col a:active { color: white; outline: none; }
.teams-left-col a:visited { color: white; outline: none; }
.teams-left-col a:hover { color: #E67424; outline: none; text-decoration: none; }
.teams-left-col a.active { color: #E67424; }
.bottom-links-teams ul li a.active { color: #E67424; }

.teams-right-col a { color: white; text-decoration: none; outline: none; }
.teams-right-col a:active { color: white; outline: none; }
.teams-right-col a:visited { color: white; outline: none; }
.teams-right-col a:hover { color: #E67424; outline: none; text-decoration: none; }
.teams-right-col a.activeSlide { color: #E67424; outline: none; text-decoration: none; }


/* Tables & Lists
-----------------------------------------------------------------------------------------------------------------------------------*/
.footer ul li { line-height: 1.8em; }
.text-lists li {
	margin-left: 20px; padding-bottom: 5px;
	list-style: disc;
}

.right-col-text ul { margin-bottom: 20px; }

.teams-logo-col ul { margin-left: 10px; }
.teams-logo-col ul li { 
	background-image: url(../images/template/list-arrow.jpg); background-repeat: no-repeat;
	font-size: 13px; height: 20px; background-position: 0 4px; padding-left: 12px;
}

ul.teams-logo-col-list { margin-left: 10px; }
ul.teams-logo-col-list li { 
	background-image: url(../images/template/list-arrow.jpg); background-repeat: no-repeat;
	font-size: 13px; height: 20px; background-position: 0 4px; padding-left: 12px;
}

ul#feature-nav li { height: 20px; }

table.productsList tr td h1 { margin-top: 0; }
table.table-box-gallery tr td { padding-bottom: 3px; }


/* Header CSS
-----------------------------------------------------------------------------------------------------------------------------------*/
.header {
	background-color: white; color: black; background-repeat: repeat-x;
	background-image: url(../images/template/header-bg.jpg);
	width: 955px; height: 121px; margin: 0 auto;
}

.header-content { width: 955px; margin: 0 auto; height: 127px; position: relative; z-index: 900; }
.header-logo { float: left; width: 437px; height: 98px; }
.header-menu { float: right; width: 533px; margin-right: 20px; }
.header-tag-line { 
	float: right; margin-top: 65px; height: 26px; 
	width: 194px;
}


/* Content CSS
-----------------------------------------------------------------------------------------------------------------------------------*/
.content { color: black; width: 955px; margin: 0 auto; }

#home { padding-top: 16px; padding-bottom: 16px; }

.left-col { width: 269px; float: left; }
.right-col { width: 668px; float: right; position: relative; z-index: 12; }

.left-col-detail { float: left; width: 502px; }
.right-col-detail { float: right; width: 164px; }

.form-left-col { width: 153px; float: left; }
.form-right-col { width: 153px; float: right; }

.numbers { margin-top: 12px; margin-bottom: 12px; }
.numbers a.current { font-weight: bold; background-color: #fafafa; padding: 2px 5px; }
.numbers a.paginate { background-color: #f4f4f4; padding: 2px 5px; }


/* Footer CSS
-----------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	background-image: url(../images/template/footer-bg.jpg); margin: 0 auto;
	background-repeat: repeat-x; background-color: white;  width: 915px;
	color: #b9babd; font-size: 10px; padding: 10px 20px;
}

.footer-content {
	position: relative; top: -10px;
	width: 915px; margin: 0 auto; padding-top: 10px;
}

.footer-content-left { float: left; }
.footer-content-right { float: right; width: 200px; text-align: right; margin-top: 85px; }

.footer-col-1 { float: left; width: 130px; text-align: center; }
.footer-col-2 { float: left; width: 130px; text-align: center; }
.footer-col-3 { float: left; width: 130px; text-align: center; }
.footer-col-4 { float: left; width: 130px; text-align: center; }
.footer-col-5 { float: left; width: 130px; text-align: center; }

/* Breadcrumb Menu
-----------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb-menu { 
	width: 955px; padding: 0 0px; background-color: black;
	margin-top: -17px; height: 24px; color: #D7D7D7;
	border-bottom: 1px solid #1a1b1a; position: relative;
	border-left: 1px solid #1a1b1a; border-right: 1px solid #1a1b1a;
}
.breadcrumb-menu p { font-size: 10px; margin-bottom: 0; }
.breadcrumb-menu a img { position: relative; top: 5px; }
.pageTitle { 
	float: left; line-height: 2.7em; color: #555;
	background-image: url(../images/template/breadcrumb-menu.gif);
	padding-left: 20px; margin-left: -12px; height: 25px;
}

.breadcrumb-menu a.home { margin-left: 0px; }
.breadcrumb-menu a { 
	font-size: 10px; color: #555; height: 25px; display: block;
	background-image: url(../images/template/breadcrumb-menu.gif);
	float: left; line-height: 2.7em; padding-left: 20px; padding-right: 20px;
	margin-left: -12px; cursor: pointer;
}
.breadcrumb-menu a:hover { font-size: 10px; color: #e2e2e2; }

.breadcrumb-menu a.home { background-position: -14px 0px; }
.breadcrumb-menu a.home:hover { background-position: -14px 50px; }
.breadcrumb-menu a:hover { background-position: 0 50px; }

/* Forms
-----------------------------------------------------------------------------------------------------------------------------------*/
input, select, textarea { outline: none; }
.input {
	border: 1px solid #e2e3e4; height: 15px; padding: 2px 3px;	
	width: 259px; background: none;
}

.LV_validation_message{
    font-weight: bold; font-size: 11px; z-index: 10;
    margin: 0 0 0 5px; display: none;
}

.LV_valid { color: #00CC00; }
.LV_invalid { color:#CC0000; }
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
	background-color: #df5f5f;
}

/* Ranges - Products
-----------------------------------------------------------------------------------------------------------------------------------*/
.products { margin-top: 16px; margin-bottom: 16px; }
.products img { border: 1px solid #dbdddc; }

/* Box Gallery
-----------------------------------------------------------------------------------------------------------------------------------*/
#detail { 
	min-height: 338px; height: 338px; height: auto !important; 
	padding-top: 53px; padding-bottom: 53px; 
}
.box-gallery a { width: 164px; height: 110px; display: block; } 
.box-gallery img.last { margin-right: 0px; }
.box-gallery img { margin-right: 1px; margin-bottom: 1px; }