/*******************************************************
TITLE: The Hoffman Group Aurora Custom Gages Admin v1.0
DATE: July2007
AUTHOR: Flint Dahlquist
*******************************************************/


/*************************Reset*******************************/
* { margin: 0; padding: 0; }


/*************************Global Styles*******************************/
img, fieldset, iframe, input { border: 0; }
input { margin: 0px; *height: 15px; }

a:hover { text-decoration: underline; }

ul { list-style-type: none; }

form { margin: 0px; padding: 0px 0px 0px 40px; }

form p { padding: 0px 0px 5px 0px; }

h1 { margin: 0px 0px 10px 0px; height: 40px; }


/*************************Global Classes*******************************/
.left { float: left; }

.right { float: right; }

.borderright { border-right: 1px solid #333; }

.borderbottom { border-bottom: 1px solid #333; }

.textcenter { text-align: center; }

.textindent { text-indent: -9999px; }


/*Nav----------------------------------------------------------------------*/	
#menunav {
	width: 961px;
	height: 30px;
	background: #000;
	color: #888;
}

#menunav p { margin: 5px 0px 5px 35px; color: #888; }

#menunav .selected { font-size: 12px; color: #888; }
	

/*************************Content*******************************/
.zeropad { padding: 0px; }
.change { width: 100px; }

#container a {
	padding: 0px 40px 0px 0px;
}

#container p {
	padding: 20px 0px 5px 0px;
}

#container h2 {
	padding: 10px 0px 10px 40px;
	margin: 0px 0px 10px 0px;
}

#container ul li {
	width: 100px;
	padding: 0px 0px 0px 20px;
}


/*Featured Gauges----------------------------------------------------------------------*/
#titlebar {
	width: 400px;
	margin: 0px 0px 23px 0px;
}

#featuregauges {
	float: left;
	width: 921px;
	height: 226px;
	background: #222;
	padding-left: 40px;
	margin: 0px 0px 20px 0px;
}

#featuregauges h1 {
	width: 400px;
	margin: 20px 0px 0px 0px;
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/featuredgauges.png) no-repeat;
	text-indent: -9999px;
}

#featuregauges h2 {
	margin: 0px 0px 4px -18px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	float: left;
	*margin-top: -20px;
}

ul#featuredinfo {
	width: 160px; 
	padding-left: 25px;
	margin-left: 1px; 
	margin-top: -10px;
}

#featuregauges .featured1 {
	width: 105px;
	margin: 0px 10px -60px 5px;
	float: left;
	*margin-top: -20px;
}

.feature1title {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	float: left;
	*margin-top: -20px;
}

#featuregauges p {
	padding: 0px;
	margin: 20px 0px 0px -190px;
	float: left;
}

#featuregauges .featured1 .featuredgauge1 {
	width: 135px;
	height: 133px;
	margin: -44px 0px 0px 0px;
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/featured/current/featured1.png) no-repeat;
	position: relative;
}

#featuregauges .featured1 .featuredgauge2 {
	width: 135px;
	height: 133px;
	margin: -35px 0px 0px 0px;
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/featured/current/featured2.png) no-repeat;
	position: relative;
}

#featuregauges .featured1 .featuredgauge3 {
	width: 135px;
	height: 133px;
	margin: -35px 0px 0px 0px;
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/featured/current/featured3.png) no-repeat;
	position: relative;
}



#featuregauges .goldstar {
	width: 75px;
	height: 75px;
	margin: -30px 0px 0px -30px;
	position: relative;
}

#featuregauges .silverstar {
	width: 59px;
	height: 59px;
	margin: -25px 0px 0px -20px;
	position: relative;
}

#featuregauges .bronzestar {
	width: 51px;
	height: 51px;
	margin: -20px 0px 0px -10px;
	position: relative;
}



/*Searchbox----------------------------------------------------------------------*/	
#searchbox {
	margin: 20px 0px 0px 520px;
	position: relative;
}

#searchbox p {
	padding: 0px;
	margin: 0px 0px 0px 40px;
}


/*************************Categories Sliding Box*******************************/
#frame {
	overflow: hidden;
	width: 960px;
}

#scroller {
	width: 960px;
	overflow: hidden;
}

#contentbox {
	width: 11050px;
}
	
.section {
	width: 1100px;
	float: left;
	background: #111;
}

ul#categoriessnav {
	margin: 0px 0px 0px 0px;
	background: #333;
	height: 40px;
	*margin-top: 15px;
}

ul#categoriessnav li {
	float: left;
	padding: 9px 10px 0px 6px;
	margin-right: 10px;
	font-weight: bold;
}

#categoriessnav li a {
	display: block;
	font-size: 11px;
	}
	
#categoriessnav li.active {
	height: 31px;
	padding: 9px 10px 0px 6px;
	margin-right: 10px;
	line-height: 1.8em;
	color: #888;
	background: #444;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	}

#categoriessnav li.active a {
	color: #fff;
}

#categoriessnav li.inactive {
	background-position: bottom;
	font-size: 11px;
	}
	
#categoriessnav li:hover {
	background-position: top;
	}

#categoryslidebox {
	height: 385px;
	background: #111; 
	margin: -20px 0px 50px 0px;
	padding-top: 20px;
	*margin-top: -30px;
}

li#details-tab {
	margin-left: 70px;
}

p.viewall {
	margin: 0px 30px 15px 0px;
	*margin-bottom: 0px;
}

p.viewallcat {
	margin: 0px 30px 15px 0px;
}



/*Gauges----------------------------------------------------------------------*/	
#gauges {
	width: 853px;
	background: #000;
	margin: 5px 7px 20px 0px;
	padding-left: 40px;
}

#gaugestop8 {
	width: 853px;
	background: #000;
	margin: 20px 7px 20px 0px;
	padding-left: 40px;
	*margin: 32px 7px 20px 0px;
}

#gauges2 {
	width: 853px;
	background: #111;
	margin: 10px 7px 10px 0px;
	padding-left: 40px;
}

#gauges h1.title {
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/gaugefaces.png) no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}

#gauges h1.title3 {
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/galleryfaceadded.jpg) no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
	width: 700px;
}

#gaugestop8 h1.title1 {
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/top8faces.jpg) no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
	margin: -20px 0px -10px 12px;
	*margin: -10px 0px -10px 12px;
}

#gauges2 h1 {
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/guagefacetemplates.jpg) no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}

#gauges2 h1.title2 {
	width: 569px;
	height: 43px;
	background: url(http://files.thehoffmangroup.com/aurora/images/layout/facescat.png) no-repeat;
	text-indent: -9999px;
	margin: -10px 0px -10px 12px;
	*margin-top: 8px;
}

#gauge {
	width: 210px;
	background: #000;
	float: left;
	padding-bottom: 25px;
}

#gauge p {
	margin: 1px 0px 0px 30px;
	padding: 0px 0px 20px 4px;
	height: 1px;
}

#gauge p.views {
	float: right;
	margin: 0px 20px 0px 0px;
}

* html #gauge p.views {
	float: left;
	margin: 0px 0px 0px 20px;
}

#gauge h2 {
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 34px;
	font-size: 17px;
	*font-size: 16px;
}

#gauge img {
	width: 160px;
	height: 124px;
	margin: 0px 0px 0px 30px;
	border: 4px solid #333;
}



#gauge .download {
	width: 90px;
	height: 68px;
	margin: 10px 0px 0px 20px;
	border: none;
}

#gauge2 {
	width: 210px;
	background: #111;
	float: left;
	padding-bottom: 25px;
}

#gauge2 p {
	margin: 1px 0px 0px 30px;
	padding: 0px 0px 0px 4px;
}

#gauge2 p.views {
	float: right;
	margin: 0px 20px 0px 0px;
}

#gauge2 h2 {
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 34px;
	font-size; 17px;
	*font-size: 16px;
}

#gauge2 img {
	width: 160px;
	height: 124px;
	margin: 0px 0px 0px 30px;
	border: 4px solid #333;
	background: #111;
}

#gauge2 .download {
	width: 90px;
	height: 68px;
	margin: 10px 0px 0px 20px;
	border: none;
}

#approval {
	margin: 100px 0px 0px 0px;
}

#approval ul li{
	width: 50px;
	padding: 0px 0px 0px 20px;
}

.saved {
	margin-top: -10px;
	color: #FFF;
}

#gauge p.iecat {
	*width: 180px;
}

/*Gallery Footer----------------------------------------------------------------------*/	
#galleryfooter p {
	padding: 0px 70px 20px 0px;
	text-align: right;
}


/*IE6 fixes----------------------------------------------------------------------*/
* html #gauges h1.title {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/gaugefaces.png', sizingMethod='crop');
}

* html #gauges2 h1.title2 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/facescat.png', sizingMethod='crop');
}

* html #featuregauges h1 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/featuredgauges.png', sizingMethod='crop');
}

/* /////////////////////// Old Code, not currently used ////////////////////////////

* html #featuregauges .goldstar {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/goldstar.png', sizingMethod='crop');
}

* html #featuregauges .silverstar {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/silverstar.png', sizingMethod='crop');
}

* html #featuregauges .bronzestar {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/bronzestar.png', sizingMethod='crop');
}

////////////////////////////////// */

* html #featuregauges .featured1 .featuredgauge1 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/featured/current/featured1.png', sizingMethod='crop');
}

* html #featuregauges .featured1 .featuredgauge2 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/featured/current/featured2.png', sizingMethod='crop');
}

* html #featuregauges .featured1 .featuredgauge3 {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/featured/current/featured3.png', sizingMethod='crop');
}

* html #gaugestop8 h1.title1 {
	text-indent: -9999px;
	margin-left: 12px;
	margin: 0px 0px -10px 12px;
}

* html ul#featuredinfo {
	width: 160px; 
	padding-left: 0px;
	margin-left: -5px; 
	margin-top: -10px;
}

* html #featuregauges {
	float: left;
	width: 921px;
	background: #222;
	padding-left: 40px;
	margin: 0px 0px 0px 0px;
}

* html #featuregauges h2 {
	margin: -20px 0px 4px -18px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	float: left;
	position: relative;
}

* html #categoryslidebox {
	height: 385px;
	background: #111; 
	margin: -45px 0px 50px 0px;
	padding-top: 20px;
}

* html ul#categoriessnav {
	margin: 10px 0px 0px 0px;
	background: #333;
	height: 30px;
}

* html li#details-tab {
	margin-left: 30px;
}

* html #gaugestop8 {
	width: 863px;
	background: #000;
	margin: 20px 7px 10px 0px;
	padding-left: 40px;
}

* html #gauges {
	width: 863px;
	background: #000;
	margin: -20px 7px 10px 0px;
	padding-left: 40px;
}

* html #gauge {
	width: 180px;
	float: left;
	padding-bottom: 25px;
}

* html #gauge p {
	margin: 1px 0px 0px 30px;
	padding: 0px 0px 5px 4px;
}

* html #gauge h2 {
	width: 180px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 34px;
	font-size; 17px;
}

* html #gauge2 {
	width: 210px;
	background: #111;
	float: left;
	padding-bottom: 25px;
}

* html #gauge2 h2 {
	width: 180px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 34px;
	font-size; 17px;
}

* html #gauges2 {
	width: 903px;
	background: #111;
	margin: 20px 7px 10px 0px;
	padding-left: 40px;
}

* html #gauge2 p {
	margin: 1px 0px 0px 30px;
	padding: 0px 0px 0px 4px;
}

* html #gauge p.ieover {
	margin-left: 14px;
}

* html #gauge2 p.ieover {
	margin-left: 14px;
}

* html #gauge2 p.viewallcat {
	margin: 0px 30px 0px 0px;
}

* html #gauge p.iecat {
	width: 180px;
}

* html .iefiller {
	width: 961px;
	height: 50px;
	background: #000;
	margin-top: -45px;
}