/* 

Client:
Created: 
Last Modified:

*/

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0px;
		padding: 0px;
		background: #2a66a5 url('../images/body-bg.gif') center top repeat-x;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #555555x;
		}
		
	body#iframe {
		background: none;
	}
		
	#wrapper {
		width: 930px;
		margin: 0px auto;
		background: #ffffff url(../images/generic/wrapper-bg.gif) repeat-y;
	}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	h1.content {
		padding: 4px 0 0 15px;
		margin-bottom: 5px;
		font-size: 16px;
		color:#ffffff;
		background:url(../images/generic/h1-content-bg.gif) repeat-x;
	}
	
	h2.strap {
		font-size: 1.4em;
		padding-left: 20px;
	}
	
	h2.content {
		padding: 4px 0 0 15px;
		margin-bottom: 5px;
		font-size: 16px;
		color:#272525;
		background:url(../images/generic/h2-content-bg.gif) repeat-x;
	}
	
	.h3Container {
		float: left;
		height: 21px;
		padding: 5px 35px 0 10px;
		font-size: 1em;
		font-weight: 700;
		color: #ffffff;
		background:url(../images/generic/h3-content-bg.gif) top right no-repeat;
	}
	
	h4 {
		font-size: 1em;
		color: #2a66a5;
		margin-bottom: 10px;
	}
		
	a { 
		color: #357cb8;
		font-weight:700;
		text-decoration:none;
	}
	
	a:hover { color:#cc362e; text-decoration:underline }
	
	p { 
		margin: 0 0 1.2em;
		line-height: 1.4em;
	}	
	
	.breadcrumb {
		font-size: 0.8em;
		padding: 10px;
	}
	
	.pagination {
		clear: both;
		padding: 10px 10px 5px 10px;
		border: 1px solid #cbcbcb;
		background:#ffffff url(../images/generic/pagination-bg.gif) bottom repeat-x;
		height: 17px;
		margin-bottom: 5px;
		text-align: center;
		font-weight: 700;
		color: #666666;
		font-size: 0.85em;
		position: relative;
	}
	
	.pagination a.next {
		position: absolute;
		left: 660px;
		top: 5px;
	}
		
	.pagination a.previous {
		position: absolute;
		left: 10px;
		top: 5px;
	}
	
	.contentImage {
		float: right;
		padding: 0 0 20px 20px;
	
	}
/* ---- HEADER ------
-------------------------------------------------------------------- */

	.logoMain {
		position: absolute;
		width: 170px;
		height: 122px;
		margin: 0;
		text-indent: -9999px;
		background: url('../images/generic/logo-top.gif') 0 0 no-repeat;
		left: 7px;
	}

	#header {
		height: 122px;
		width: 930px;
		margin: 0 auto;
		background:url(../images/generic/header-bg.gif) no-repeat;
		position: relative;
	}
	
	#headerStrap {
		float: right;
		color: #3b3b3b;
		font-size: 16px;
		text-transform: uppercase;
		padding: 30px 20px 0 0;
	}	
	

/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
	
	#sidePanel {
		float: left;
		padding-top: 33px;
		width: 200px;
		background:#f4f4f4 url(../images/generic/logo-bottom.gif) 7px 0 no-repeat;
		display: inline;
	}
	
	#content {
		float:right;
		padding: 0 5px;
		width: 720px;
		display: inline;
	}
	
	
	.columnContainer {
		background: #f8f9f9 url(../images/generic/left-panel-bg-grey.jpg) repeat-x;
	}
	
	.columnLeft {
		float: left;
		width: 320px;
		padding: 20px;
		margin-bottom: 5px;
	}

	.columnRight {
		float: right;
		width: 350px;
		padding: 5px;
		background: #d6d6d7 url(../images/generic/right-panel-bg-grey.jpg) repeat-x;
		margin-bottom: 5px;
	}
	
	.singleColumn {
		padding: 20px;
	}
	
	.singleColumnHome {
		float:right;
		padding: 60px 5px 5px 5px;
		width: 720px;
		display: inline;
		background:url(../images/home-banner.jpg) right top no-repeat ;
		
	}

/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		position: absolute;
		height: 35px;
		left: 460px;
		top: 73px;
		padding:0;
		}
		
	ul#nav1 {
		margin:0;
		padding:0;
	}

	#nav1 li {
		float:left;
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height:35px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -35px !important;
		height: 35px;
		}

	#nav1 li a.nav1Home {
		background:url('../images/nav/nav1-home.gif') no-repeat left top;
		width:76px
		}
		
	#nav1 li a.nav1About {
		background:url('../images/nav/nav1-about.gif') no-repeat left top;
		width:92px
		}

	#nav1 li a.nav1News {
		background:url('../images/nav/nav1-news.gif') no-repeat left top;
		width:67px
		}

	#nav1 li a.nav1Model {
		background:url('../images/nav/nav1-model.gif') no-repeat left top;
		width:117px
		}
		
	#nav1 li a.nav1Contact {
		background:url('../images/nav/nav1-contact.gif') no-repeat left top;
		width:102px
		}
		
	
	/* selected nav */

	#nav1 li a#active { 
		height: 35px;
		background-position:0 -35px !important
	 }
	 
	 
	 
	  /* ---- SIDE NAV ------
-------------------------------------------------------------------- */
	 
	 .sideNav {
	 	background:url(../images/generic/sidenav-bg.gif) no-repeat;
		min-height: 300px;
		padding-top: 60px;
		width: 199px;
		margin-left: 1px;
		/* min-height hack for ie6 */
		height: auto !important;
		height: 300px;
	}
	 
	 .sideNav ul {
	 	margin: 0;
		padding:0; 
	}
	
	.sideNav li {
		list-style:none; 
		padding:0;
	}
	
	.sideNav a {
		color:#FFFFFF;
		width:149px;
		height: 17px; 
		padding:9px 10px 5px 40px;  
		font-size:11px;
		text-transform:uppercase;
		font-weight: 700;
		text-decoration:none; 
		display:block; 
		background:#262626 url('../images/nav/sidenav-li-bg.gif') 0 -31px repeat-x;
	}
	
	.sideNav a:hover {
		background:#262626 url('../images/nav/sidenav-li-bg.gif') repeat-x;
		text-decoration:none;
		color: #ffffff;
	}
	 
	 
	 
	 /* ---- NAV 2 Tabs ------
-------------------------------------------------------------------- */

	#nav2Tabs {
      	float:left;
      	width:100%;
      	font-size:93%;
      	line-height:normal;
		background: url('../images/nav/nav2-container-bg.gif') repeat-x bottom;
    }
	  
    #nav2Tabs ul {
      	margin:0;
      	padding:0 3px 0;
      	list-style:none;
    }
	  
    #nav2Tabs li {
      	float:left;
      	background:url('../images/nav/nav2-left-edge.gif') no-repeat left top;
      	margin:0;
     	padding:0 0 0 9px;
    }
	  
    #nav2Tabs a {
		float:left;
      	display:block;
      	background:url('../images/nav/nav2-right-edge.gif') no-repeat right top;
      	padding:8px 15px 6px 6px;
		font-weight: 700;
		text-decoration:none;
		color:#ffffff;
		margin-right: 3px;
    }
	
	#nav2Tabs a:hover {
		text-decoration: underline;
	}
	  	
	#nav2Tabs #active {
    	background-image:url('../images/nav/nav2-left-edge-active.gif');
    }
	
  	#nav2Tabs #active a {
    	background-image:url('../images/nav/nav2-right-edge-active.gif');
		padding-bottom:6px;
		color:#013058;
    }
	
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
    #header a {float:none;}
  /* End IE5-Mac hack */	 
	 
	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	#welcome {
		float: left;
		width: 320px;
		padding: 0px 20px 5px 20px;
		margin-bottom: 5px;
	}
	
	ul#advantages  {
		list-style-type: none;
		margin: 20px 0 20px 20px;
		padding: 0;
	}
	
	#advantages li {
		background:url(../images/advantage-tick.gif) no-repeat;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 30px;
		font-weight: 700;
		text-transform: uppercase;
		color:#0f4d8d;
		height: 17px;
	}	
	
	#latestNews {
		float: right;
		width: 350px;
		padding: 100px 5px 5px 5px;
		margin-bottom: 5px;
	}
	
	ul#latestNewsList {
		padding: 0;
		margin: 10px 0 0 0;
		list-style-type: none;
	}
	
	ul#latestNewsList li {
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		list-style-type: none;
		border-bottom: 1px solid #cecece;
	}
	
		 /* ---- PRODUCT-CATEGORY SPECIFIC ------
-------------------------------------------------------------------- */
	.productList td {
		width: 50%;
		margin:0;
		padding:0;
		vertical-align: top;
	}
	
		
	.productListItem  {
		padding: 0;
		margin: 0 5px 20px 5px;
		border-bottom: 1px solid #004b90;
		}

	.productListItem h3 {
		padding: 5px 0 5px 10px;
		margin-bottom: 10px;
		background:url(../images/generic/h2-content-bg.gif) repeat-x;

		}

	.productListItem h3 a {
		color: #272525;
		font-size: 13px;
		}

	.productListItem h3 a:hover {
		color: #357cb8;
		text-decoration: underline;
		}

	.newsDate {
		color: #878787;
		}

	.productListImg {	
		float: left;
		margin: 0 20px 10px 0;
		height: 150px;
		overflow: hidden;
		}

	 /* ---- PRODUCT-DETAIL SPECIFIC ------
-------------------------------------------------------------------- */
	
	.specTable {
		clear:both;
		border-top: 1px solid #000066;
		margin-bottom: 15px;
	}
	
	.specTable td.topRow {
		border: none;
		height: 10px;
	}
	
	.specTable td {
		padding: 5px 10px 5px 0;
		border-bottom: 1px solid #94b7db;
	}

	.specHeading {
		font-weight: 700;
	}

	#galleryContainer {
		clear: both;
		width: 318px;
		padding: 15px;
		background: #ffffff;
		border: 1px solid #94b7db;
		border-top: none;
	}
	
	.thumbTable td {
		padding: 5px;
	}
	
	a.thumb img {
		border: 1px solid #777777;
		padding: 4px;
	}
	
	.galleryFrame {
		border: 0;
		width: 350px;
		height: 700px;
	}
	
	
	 /* ---- NEWS SPECIFIC ------
-------------------------------------------------------------------- */	
	
	.newsListItem  {
		background: url(../images/generic/dotted-line.gif) 0 100% repeat-x;
		padding: 0 0 10px 0;
		margin-bottom: 10px;
		clear: right;
		min-height: 75px;
		/* min-height hack for ie6 */
		height: auto !important;
		height: 75px;
		}

	.newsListItem h3 {
		font-size: 1em !important;
		margin: 0;
		padding-right: 4px;
		margin-bottom: 5px;
		}

	.newsDate {
		color: #878787;
		font-size: 0.85em;
		font-weight: normal;
		}

	.newsListImg {	
		float: right;
		margin-left: 20px;
		width: 100px;
		height: 75px;
		overflow: hidden;
		border: 1px solid #999999;
		}
		
		
	/* ---- News Tabs ------
-------------------------------------------------------------------- */


	.tabberlive .tabbertabhide {
		display:none;
	}
	
	.tabber {
	}

	.tabberlive {
		margin-top:0em;
	}
	
	ul.tabbernav {
		margin:0;
		padding: 3px 0 3px 10px;
		font-size: 0.9em;
	}

	ul.tabbernav li {
		list-style: none;
		margin: 0;
		display: inline;
	}

	ul.tabbernav li a {
		padding: 3px 10px;
		margin: 0 1px;
		border: 1px solid #94b7db;
		border-bottom: none;
		text-decoration: none;
		background:url('../images/nav/nav2-right-edge.gif') repeat-x;
		color: #ffffff;
	}
	
	ul.tabbernav li a:hover {
		text-decoration:underline;
		color: #ffffff;
	}
	

	ul.tabbernav li.tabberactive a {
		border: 1px solid #94b7db;
		border-bottom: none;
		background:url('../images/nav/nav2-right-edge-active.gif') repeat-x;
		color:#013058;
	}
	
	ul.tabbernav li.tabberactive a:hover {
		color:#013058;
	}

	.tabberlive .tabbertab h2 {
	 	display:none;
	}
	
	.tabberlive .tabbertab h3 {
	 	display:none;
	}

	
	.tabberlive#tab1 {
	}
	.tabberlive#tab2 {
	}
	.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
	}
	
	
	 /* ---- MODEL RANGE SPECIFIC ------
-------------------------------------------------------------------- */	
	
	
	.modelCategory ul {
	 	margin: 0 0 0 20px;
		padding:0; 
	}
	
	.modelCategory li {
		list-style:none; 
		padding:0;
		float: left;
		margin: 0 0 10px 10px;
	}
	
	.modelCategory a {
		color:#FFFFFF;
		width:149px;
		height: 17px; 
		padding:9px 10px 5px 40px;  
		font-size:11px;
		text-transform:uppercase;
		font-weight: 700;
		text-decoration:none; 
		display:block; 
		background:#262626 url('../images/nav/sidenav-li-bg.gif') 0 -31px repeat-x;
	}
	
	.modelCategory a:hover {
		background:#262626 url('../images/nav/sidenav-li-bg.gif') repeat-x;
		text-decoration:none; 
		color: #ffffff;
	}
	 
	
	
	
	
	
/* ---- FORM STYLE ------
-------------------------------------------------------------------- */


	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form fieldset {
		border: 1px solid #333333;
		margin-bottom: 2em;
		padding: 0 10px;
	}

	.form .label {
		width: 170px;
		font-size: 1.1em;
		color:#442551;
		padding: 6px 0;
	}
	
	.form td {
		padding: 0;
	}
		

	.form .RadioList label, .form .CheckList label {		
		float: none;
		display: block;
		margin: 0;
	}


	.form .RadioList input, .form .CheckList input  {
		border: 0;
	}
		

	.form input, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		width: 200px;
		color: #333333;
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		margin-bottom: 5px;
		vertical-align: top;
		background: url(../images/generic/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin:0;
		vertical-align: middle;
		background: #fff url(../images/generic/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}	

	input.submitButton {	
		border: 0;
		width: auto;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
	}	
	
	
		/* ---- FORM CAPTION ------
	----------------------------------- */
	
	
	#caption form {
		margin: 10px 0 10px 0;
		padding: 0;
	}
	
	#caption input#label1 {
		border: none;
		color:#000000;
		background: #ffffff;
		font-size: 0.8em;
		width: 300px;
	}
	
		
		
	
	
	
	
	 /* ---- FOOTER ------
-------------------------------------------------------------------- */	
	
	
	#footer {
		clear:both;
		background: #231f20 url(../images/generic/footer-bg.gif) no-repeat;
		padding: 13px 0 0 225px;
		font-size: 0.85em;
		color:#7898b6;
		height: 50px;
		width: 705px;
		margin: 0 auto;
		position: relative;
	}
	
	#footer a {
		padding-left: 10px;
	}
	
	#ticktock {
		position:absolute;
		top: 17px;
		left: 40px;
	}
	
	
/* ---- sIFR ------
-------------------------------------------------------------------- */

	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}
	
	.sIFR-unloading .sIFR-flash {
	  visibility: hidden !important;
	}
	
	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}
	
	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}

	.sIFR-active h1.content { visibility:hidden; } 
	
	.sIFR-active h1#headerStrap { visibility:hidden; }
	
	.sIFR-active h2.content { visibility:hidden; }
	
	.sIFR-active h2.strap { visibility:hidden; }
	
	.sIFR-active h3.content { visibility:hidden; }
	
	.sIFR-active #advantages li { visibility:hidden; }


