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

    Baldwin Prestige :  Stylesheet
	Web Advanced

    colors:                   

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

   

/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a:link, a:visited { color:#820035; }
	a:hover, a:active, a:focus { color:#b6004a; }
	
	
/*  GENERIC STYLES 
	--------------------------------------------------------------------------*/

	html { height: 100%; } 
	body { height: 100%; text-align: center; background: url(../images/bg-all.gif) 0 0 repeat-x;
		font-family: Arial, sans serif; font-size: 12px; line-height: 16px; }
	
	a img { border:0; }
	p { padding-bottom:14px; }	
	.float_left { float: left; }
	.float_right { float: right; }
	.hidden { visibility: hidden; }
	.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}


	#wrapper { position: relative; min-height: 100%; width:1000px; margin: 0 auto; text-align: left; }
	* html #wrapper { height: 100%; }
	.home #wrapper { background: url(../images/bg-home.gif) center 150px no-repeat; }

	/* header */
	#header { background: url(../images/bg-header.gif) top center no-repeat; height: 150px; }
		#header .logo { display:block; float: left; margin: 60px 0 0 18px; }
		#header .subnav { float: right; height: 34px; line-height: 34px; font-size: 11px; color: #fff; padding-right:33px; }
		#header .subnav a { color:#fff; text-decoration: none; }
		#header .subnav a:hover { text-decoration: underline; }
		
		#header .nav { float: right; clear: right; padding: 40px 19px 0 0; }
		#header .nav ul { width: 376px; }
		#header .nav li { float: left; margin-right: 1px; }
		#header .nav li a { height: 27px; display: block; float: left; }
		#header .nav li a:hover, #header .nav li a.selected, #header .nav li.selected a { background: #68052b; }
		
	/* content */
	#content { padding-bottom: 75px; clear: both; overflow: auto; }
	
	/* footer */
	#footer-wrapper { position: relative; margin-top: -45px; height: 45px; line-height: 45px; clear: both;
		background: #7f0034 url(../images/bg-footer.jpg) top center no-repeat; }
	#footer { width:1000px; margin: 0 auto; text-align: center; color: #fff; font-size: 10px; }
		#footer .left { float: left; padding-left: 10px; }
		#footer .right { float: right; padding-right: 10px; }
		#footer a { color:#fff; }
		#footer a:hover { color: #cccccc; }
		
	/* dropdown nav */
	#header ul.dropdown { display: none; position: absolute; left: 605px; top: 101px; padding-bottom: 5px; 
		background: url(../images/nav.gif) bottom left no-repeat; }
	* html #header ul.dropdown { left: 604px; }
	#header ul.dropdown li { display:block; clear: both; background: #68052B; margin: 0;  }
	#header ul.dropdown li:first-child { border-bottom: 1px solid #4F0524; }
	
	#header ul.dropdown a { color:#fff; text-decoration: none; height: 14px; padding: 10px 12px; width: 140px; display: block; }
	#header ul.dropdown a:hover { text-decoration: underline; cursor: pointer; color: #CB8A16; }	
	#header ul.dropdown li:hover { cursor: pointer; }


/*  HOME PAGE
	--------------------------------------------------------------------------*/	

	.home .banner { text-align: center; }
	
	.home .spotlights { padding: 21px 0 0 20px; }
		.home .spotlights li { float: left; width:325px; }
		.home .spotlights .text { padding:30px 40px 0 0; min-height: 65px; }
		* html .home .spotlights .text { height: 65px; }
		.home .spotlights .button { position: relative; left: -4px; padding-top:15px; }


/*  SUB PAGES
	--------------------------------------------------------------------------*/	

	.sub #content .title { height: 110px; background: url(../images/bg-title.gif) top center no-repeat; }
	.sub #content .title img { padding: 36px 0 0 30px; }
	
	/* product categories */
	.sub #content .content-categories { height: 300px; background: url(../images/bg-categories.gif) top center no-repeat;
		text-align: center; padding-top: 22px; }
	.sub #content .content-categories .cat1 { margin-right: 5px; }
	
	/* product pages */
	.sub .tabs { background: url(../images/bg-tab.gif) 0 26px repeat-x; margin:30px 35px; }
		.sub .tabs li { float: left; padding:10px 20px 7px 20px; text-transform: uppercase; font-weight: bold;
			background-color: #e9e9e9; }
		.sub .tabs li.selected { border: 1px solid #dcdcdc; border-bottom: 1px solid #fff; background-color: #fff; }
		.sub .tabs a { text-decoration: none; color: #8a8a8a; }
		.sub .tabs .selected a { color: #820035; }
		.sub .tabs a:hover { text-decoration: underline; }
		
	.sub .content-products { padding: 0 35px 30px 35px; background: url(../images/bg-content.gif) center bottom no-repeat; }
		.sub .content-products .left { float: left; width: 600px; }
		.sub .content-products .left li { float: left; padding-right: 10px; text-align: center; }
		.sub .content-products .left img { margin-bottom: 6px; }
	 
		.sub .content-products .right { float: right; width: 300px; padding-right: 20px; }
		.sub .content-products .right h3 { font-size: 14px; color: #; text-transform: uppercase; color: #820035; margin-bottom: 3px; }
		.sub .content-products .right li { padding: 2px 0 2px 14px; background: url(../images/bullet.gif) 0 7px no-repeat;  }
	
		.sub .content-products .full { clear:both; font-size: 10px; color: #666; padding-top: 10px; }
	
	/* smartkey */
	.sub .content-key { padding: 0 35px 30px 35px; background: url(../images/bg-content.gif) center bottom no-repeat; }
		.sub .content-key .left { float: left; width: 450px; }
		.sub .content-key .left img { padding-bottom: 20px; }
		.sub .content-key .left li { padding: 0px 0 4px 14px; background: url(../images/bullet.gif) 0 7px no-repeat; }
		
		.sub .content-key .right { float: right; width: 460px; padding-right: 13px; }
		.sub .content-key .right p { padding-top: 10px; }
		
		.sub .content-key .full { padding: 20px 0; }
		
	/* content - single column */
	.sub .content-single { padding: 0 35px 30px 35px; background: url(../images/bg-content.gif) center bottom no-repeat; min-height:340px; }
		* html .sub .content-single { height:340px; }
		.sub .content-single .full { padding: 20px 0; }
	
	/* content - two column */
	.sub .content-double { padding: 0 35px 30px 35px; background: url(../images/bg-content.gif) center bottom no-repeat; min-height:340px; }
		.sub .content-double .left { float: left; width: 430px; padding-top: 20px; }
		.sub .content-double .right { float: right; width: 460px; padding-top: 20px; }
		.sub .content-double .right img { padding-bottom: 20px; }
		
/*  FORM STYLES 
	------------------------------------------------------------------------- */
	
	#aspnetForm { height: 100%; }
	
/*  TEXT STYLES 
	------------------------------------------------------------------------- */