/*
*   shane.parker[AT]thehoffmangroup[DOT]com | v1.0 | 2010-01
*   Brand Specific Styles
*   Keep It Clean Wiring
*/

/* Page Backgrounds and Colors */
html { background-color:#000; color:#1c1c1c; background-image:url(http://files.thehoffmangroup.com/keepitclean/img/mainbk.jpg); background-repeat:repeat-x; background-attachment:fixed; background-position:center; }

body { color:#1c1c1c; }

h2 {line-height: 14px;}

.marB20 {margin-bottom: 20px;}


/* Header */
#indexHeader { background:url(http://files.thehoffmangroup.com/keepitclean/img/hdbk01.png); }
#indexHeader .brandLogo { position:absolute; left:90px; bottom:33px; width:210px; height:107px; }
#indexHeader .phone { color:#eee; font-size:16px; position:absolute; right:25px; top:65px; }
.search {position:absolute;top:97px;right:-3px;}
.bannerWrap {background: url(http://files.thehoffmangroup.com/keepitclean/img/bk02.png) repeat-y;}

/* Main Content */
#mainContent { background:url(http://files.thehoffmangroup.com/keepitclean/img/bk02.png); }
.contentWrapperKIC {margin: 0;padding: 0;}
.ac1LinkL {position:absolute;left:0;top:0;width:375px;height: 248px;z-index: 9999;display: block;}
.ac1LinkR {position:absolute;right:0;top:0;width:375px;height: 248px;z-index: 9999;display: block;}
.contentWrapper {position: relative;}

/* Page Headers */
.spHeader {margin: 0 auto;width:768px;margin-top: -10px;margin-bottom: 15px;}
.spContent {margin: 0 auto;width:730px;padding: 10px;margin-bottom: 15px;-moz-border-radius:6px; -webkit-border-radius:6px;border: 1px solid silver;}
.spContent ul {margin: 0 0 0 15px;}
.spContent h2 {font-size: 18px;color: #F9AE39;margin-bottom: 10px;}
#indexHeader .topNav { color:#eee; }
#indexHeader a { color:#eee; }
#indexContainer a { color:#fff; }
.guaranteeHeader { height:245px; width:750px; }
.onTopGuarantee { height:280px; position:absolute; left:15px; top:71px; width:750px; z-index:95; }
.affiliateHeader { height:270px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; width:524px; }
.onTopAffiliate { left:125px; height:320px; position:absolute; top:65px; width:524px; z-index:95; }
.catalogHeader { height:316px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; width:790px; background:none; }
.onTopCatalog {left:90px; height:356px; position:absolute; top:65px; width:567px; z-index:95;background: none;}
.onTop { left:90px; height:356px; position:absolute; top:35px; width:567px; z-index:95; }



/* Featured Products Slider */
		#content_feature_list {
			font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
			font-size: 14px;
			line-height: 1.6;
			width: 768px;
			margin: 20px auto;
			background: #000;	
			border-top: 1px solid #F8A12A;
			border-bottom: 1px solid #F8A12A;
		}
		#content_feature_list h3 {
			margin: 0;	
			padding: 0;
			font-size: 16px;
			text-transform: uppercase;
			font-weight: normal;
		}

		div#feature_list {
			width: 768px;
			height: 240px;
			overflow: hidden;
			position: relative;
			padding: 0;
			margin: 0;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 301px;
			padding: 0;
			margin: 0;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			padding: 0;
			margin: 0;
			height:80px;
		}
		
		ul#tabs li a {
			color: #CFCFCF;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('http://files.thehoffmangroup.com/keepitclean/img/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
		
		ul#tabs li span {
			display: block;
			width:250px;
			padding: 0;
			margin: 0;
		}
		
		.liBorder {
			line-height: 1px;
			background-color: #595D60;
			width: 268px;
			height: 1px;
			padding: 0;
			margin: 0;
		}

		ul#output {
			right: 0;
			width: 500px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 500px;
			height: 240px;
		}
		
		ul#output li img {
			width: 500px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #000;
			background: #F8A12A;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #000;
			color: #FFF;
		}
		.clear {
			clear: both;
			line-height: 1px;
			font-size: 1px;
		}

	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		width: 750px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	
	
	
	.center { text-align:center; margin:0 auto; }
.pad20 {padding: 20px;}


/* GhostLight Page */
.ghostlightHeader {position:relative;background: url(http://files.thehoffmangroup.com/keepitclean/img/ghostlight_header.png) no-repeat;width:768px;height: 382px;margin: 0 auto;}
.ghostlightWrapper {position: absolute;bottom: -25px;left:20px;}
.ghostlightConfig {float:left;width:95px;height: 75px;}
.ghostlightConfig label {font-size: 14px;font-weight: normal;}
.ghostlightConfig select {width:85px;font-size: 14px !important;}
.ghostlightConfig option {font-size: 14px !important;}
.ghostlightWrapper #submitGhostlight {margin-top: 15px;font-size: 14px;background-color: #F8A12A;-moz-border-radius:6px; -webkit-border-radius:6px;padding:2px 5px !important;cursor: pointer;}
.ghostlightFlash {position: relative;height:470px;}
.ghostlightBubble1 {position: absolute;left:0;bottom:-30px;z-index: 9999;}
.ghostlightBubble2 {position: absolute;right:5px;bottom:-20px;z-index: 9999;}

/* Ultrawrap Page  */
#contentRightUltra { background:url(http://files.thehoffmangroup.com/keepitclean/img/ultrawrap_background.png) no-repeat;float:right; margin:0 10px 0 10px; _margin-right:-10px;_margin-left:-10px; padding:0; position:relative; width:770px; color:#fff;}
.ultrawrapHeader {position:relative;background: url(http://files.thehoffmangroup.com/keepitclean/img/ultrawrapBanner.png) no-repeat;width:768px;height: 232px;margin: 0 auto;}
.ultrawrapWrapper {min-height: 780px;_height:780px;position: relative;width:728px;margin: 0 auto;padding-left:20px;padding-right:20px;}
.configuratorBack {width:627px;height:249px;position: absolute;top:0;left:80px;background: url(http://files.thehoffmangroup.com/keepitclean/img/configuratorBack.png) no-repeat;z-index: 10 !important;}
.ultrawrapForm {z-index: 20 !important;}
#configForm {width:533px;z-index: 20;position: absolute;top:35px;left:100px;}
.ultrawrapConfig {float:left;width:95px;height: 35px;}
.ultrawrapConfig label {font-size: 14px;font-weight: normal;}
.ultrawrapConfig .color {width:110px;}
.ultrawrapConfig select {width:85px;z-index: 20 !important;margin-top: 10px;}
.ultrawrapWrapper #submitUltrawrap { line-height:18px;margin-top:26px;background-color: gray;color:#fff;-moz-border-radius:6px; -webkit-border-radius:6px;padding:2px 5px !important;cursor: pointer;}
.ultrawrapBubble {position: absolute;top:130px;right:5px;width:222px;height:222px;background: url(http://files.thehoffmangroup.com/keepitclean/img/ultrawrapBubble.png) no-repeat;}
.ultrawrapSwatches {position:absolute;right:37px;top:41px;width:175px;z-index: 20;}
.ultrawrapFlash {position:absolute;right:25px;top:-70px;width:175px;z-index: 20;}

/* Wiring Harness SP Page */
#contentRightWireKit { background:url(http://files.thehoffmangroup.com/keepitclean/img/wirekit_background.png) no-repeat;float:right; margin:0 10px 0 10px; _margin-right:-10px;_margin-left:-10px; padding:0; position:relative; width:770px; color:#fff;}
input[type="checkbox"], input[type="radio"]{background: transparent;border: 0;}
#harnessConfig {font-size: 12px;}
#harnessConfig ul, p, h2 {margin-top:5px;margin-bottom:5px;font-weight: normal;}
#harnessConfig ul, p {margin-left: 20px}
#optionCount {margin:0;padding:0;}
.mainDiv {padding:20px;border-top:1px solid silver;border-bottom: none;border-bottom: 0;}
#harnessConfig h2 {color:#F8AB33;}
#optionList li {float:left;width:170px;padding:3px;}
#optionCount ul li {float:left;width:170px;padding:3px;font-size: 12px;}
#optionCount ul li input {margin-right:5px;font-size: 12px;}
#optionCount ul li label {font-weight: normal;font-size: 12px;}
.grandTotal {color:#F8AB33;font-size:18px;padding-left: 0;margin-left: 0;}
#grandTotal,#optionTotal {color: #fff;}
#yesSwitches,#noSwitches,#yesSwitchesFuse,#noSwitchesFuse {padding:5px 20px;font-size: 22px;}
.mainDivRoundBack {width:730px;background-color: #252525;margin: 10px auto;padding: 5px 10px;-moz-border-radius:6px; -webkit-border-radius:6px;border: 1px solid #F8AB33;}
.mainDivRoundBack h1 {font-size: 18px;}
.mainDivRoundBack h2 {color:#F8AB33;}
.mainDivRoundBack p {font-size: 12px;}
.optionCount ul li {float:left;width:170px;padding:3px;font-size: 12px;}
.optionCount ul li input {margin-right:5px;font-size: 12px;}
.optionCount ul li label {font-weight: normal;font-size: 12px;}
.steps {padding:10px 0 10px 10px;font-size:18px;font-weight: normal;}
.steps a {font-size:18px;color:#F8AB33 !important;}
.roundBack750 {width:750px;margin: 0 auto;}
.roundBackFloat {background-color: #252525;margin: 0;padding: 0;-moz-border-radius:6px; -webkit-border-radius:6px;border: 1px solid #F8AB33;float:left;width:243px;height:150px;}
.roundBackFloatR {background-color: #252525;margin: 0;padding: 0;-moz-border-radius:6px; -webkit-border-radius:6px;border: 1px solid #F8AB33;float:right;width:243px;height:150px;}
.roundBackFloat > label {font-size: 16px;font-weight: normal;}
.roundBackFloatR > label {font-size: 16px;font-weight: normal;}

.vehicleChooser01 {background: url(http://files.thehoffmangroup.com/keepitclean/img/vehicle_specific.png) no-repeat;cursor: pointer;}
.vehicleChooser02 {background: url(http://files.thehoffmangroup.com/keepitclean/img/hotrod.png) no-repeat;margin-left:8px;cursor: pointer;}
.vehicleChooser03 {background: url(http://files.thehoffmangroup.com/keepitclean/img/universal.png) no-repeat;cursor: pointer;}


/* content right side 790px */
#contentRight { float:right; margin:0 10px 0 10px; _margin-right:-10px;_margin-left:-10px; padding:0; position:relative; width:770px; color:#fff;}
#contentWrapper,a { text-decoration:none; }
#contentWrapper a:hover { text-decoration:underline; }
.contentWrapper { margin:auto; _margin-left:10px; width:750px; }
.contentWrapper p { line-height:16px; }
.contentWrapper h1 { font-size:18px; margin:0 0 15px; }
.contentWrapper h2 { font-size:16px; margin:20px 0 10px; }
.contentWrapper h3 { font-size:14px; margin:15px 0 5px; }
.contentWrapper h4 { font-size:12px; margin:15px 0 5px; }
.contentWrapper h1 a { font-size:18px; margin:0 0 15px; }
.contentWrapper h2 a { font-size:16px; margin:20px 0 10px; }
.contentWrapper h3 a { font-size:14px; margin:15px 0 5px; }
.contentWrapper h4 a { font-size:12px; margin:15px 0 5px; }

/* Help Page */
.help a {color: #F3A11D !important;}
.help h1 {color: #7CCCF1;}


/* NEW NAVIGATION */
#indexNav { margin:0;padding: 0; text-align:left; width:200px; font-weight: normal;}

#indexNav h3.head { 
background:url(http://files.thehoffmangroup.com/keepitclean/img/menbk02.png);
line-height: 14px;  
font-size:14px; 
font-weight:normal; 
height:40px; 
padding-left:20px; 
padding-top:10px; 
margin:0; 
color:#fff; 
}
#indexNav h3.head a { font-family:Tahoma, Arial, Verdana; font-size:14px; font-weight:normal;  color:#fff;}

#indexNav .menSubName { font-size:10px; }

#indexNav ul.menu { 
background:url(http://files.thehoffmangroup.com/keepitclean/img/menbk.png); 
padding: 5px 20px;
margin: 0;
} 
#indexNav .catName {
display: block;
font-size: 14px;
margin: 3px;
padding: 2px;
}

#indexNav .subCat {
font-size: 12px;
margin: 2px 0;
padding-left: 10px;
}

#indexNav .itemName { border-bottom: 1px solid #8FD2FF; border-left: 1px solid #8FD2FF;font-weight: 12px; margin:0;padding: 0;}



/* Navigation (left side) */
.chat { height:71px !important; padding:0; margin:0; width:200px; }
.chat {margin-bottom:29px;margin-top:6px;}
.pad5 {padding: 5px 0;}
.menFollowUs h3 { font-size:13px; font-weight:normal; height:20px; margin:0; padding:10px 0 0 20px; width:180px; }
.menCenter { padding:10px 0 5px; text-align:center; width:200px; }
.menCenter a { font-size:14px; }
.menCenter a:hover { text-decoration:underline; }
.priceGaurantee { margin:0; padding:10px 0 5px; width:200px; }
.catalogDown { height:66px;margin:0; padding:7px 0; width:200px; }
.showSched { height:65px; cursor:pointer; text-align:left; width:200px; padding:7px 0;}
.showSched a { font-size:13px; }
.showSched a:hover { text-decoration:underline; }
.becomeDealer { border:2px solid #fff; margin:10px auto; padding:0; text-align:center; width:138px; background-color: #3d86bf; -moz-border-radius:6px; -webkit-border-radius:6px;-webkit-box-shadow:3px 3px 3px #0C0701; -moz-box-shadow:3px 3px 3px #0C0701; box-shadow:3px 3px 3px #0C0701;}
.becomeDealer a { font-size:14px; color: #fff !important;  }
.becomeDealer a:hover { text-decoration:underline; }
.menBkBottom { height:1px; margin:0; padding:0; width:178px; margin: 0 auto; border-bottom: 1px solid #373737; }
.itemName { margin-bottom: 5px; padding-left: 5px; padding-bottom: 3px; }






/* Breadcrumbs */
#breadcrumb { background-image:url(http://files.thehoffmangroup.com/keepitclean/img/bc_bg.png); width:768px;height:32px; padding-top:1px;margin-top:26px;margin-left: 1px; color:#000; font-size: 14px; }
#breadcrumb a { background-image:url(http://files.thehoffmangroup.com/keepitclean/img/bc_separator.png); color:#000;}

/* Content Background 
.bk03 { background:url(http://files.thehoffmangroup.com/keepitclean/img/bk03.jpg); } 
*/
.jqmCloseButton{ background:#fff; border:1px solid #000; color:#000; clear:right; float:right; padding:0 5px; cursor:pointer; }
.jqmCloseButton:hover{ background:yellow; }

.jqmWindow2 {
    background: url(http://files.thehoffmangroup.com/keepitclean/img/newsletter_back.png);
    display: none;
    position: fixed;
    height: 175px;
    width:200px;  
    top: 20%;
    left: 40%;  
    background-color: #EEE;
    color: #fff;
    border: 1px solid #1b3d58;
    padding: 12px;
    margin-top: 100px;
    -moz-border-radius:6px; 
    -webkit-border-radius:6px;
    text-align: right;
    -webkit-box-shadow:3px 3px 3px #0C0701; -moz-box-shadow:3px 3px 3px #0C0701; box-shadow:3px 3px 3px #0C0701;
}
.jqmWindow2 a {
  color:#fff;
  font-size: 14px;
  padding: 5px;
}
.jqmWindow2 h2 {
  color:#fff;
  font-size: 14px;
  padding: 5px;
}

.jqmOverlay2 { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow2 {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Content Separator */
.contentSep { font-size:0;height:1px;border-bottom:1px solid #F8A12A;margin-left: 1px;width:768px;}
.contentSepNoPad { font-size:0;background-color:#F8A12A; margin-left: 1px; height:1px; width:768px; }

/* Forms */
.formError { color:yellow; font-weight:bold; }
.addToCart { background-color:#F8A12A; border:1px #0C0701 solid; padding:3px; color: #000; }
.submitButton { background-color:#F8A12A; border:1px #0C0701 solid; }
.stockColor { color:#444; }

/* Featured Products */
.featuredProducts {text-align: center;width:768px;margin:0 auto;height: 216px;background: url(http://files.thehoffmangroup.com/keepitclean/img/featuredProducts.png);z-index: 40;}
.ccImage {border:none;margin-top:54px;z-index: 30;}

/* Wheel SP Page */
.limitedEdition { background:url(http://files.thehoffmangroup.com/keepitclean/products/wheels/limitededition.png); background-repeat:no-repeat; height:100px; width:214px; position:absolute; bottom:-90px; right:40px; z-index:99; }

/* Support Page */
#support h2 { color:#DFD0B5; }
input { background-color: #d9defe; padding:3px; }
textarea { background-color: #d9defe; padding:3px; }

/* Details Page */
#topWrap { height: 360px; margin-top: 25px; }
.detailWrapper { position: relative; }
.detailBanner { background: url(http://files.thehoffmangroup.com/keepitclean/img/details_banner.png) no-repeat; width:750px; height: 448px; position: absolute; top:0;left:10px;}
.basicDesc { padding-left:210px; margin: 0;  }
.sku { padding-left:210px; margin: 0;  }
#mainProdPhoto {border:2px solid #F8A12A; -webkit-box-shadow:3px 3px 3px #0C0701; -moz-box-shadow:3px 3px 3px #0C0701; box-shadow:3px 3px 3px #0C0701;}
.relative { position: relative;}
.magnify {position: absolute;display:block;width:80px;height:35px;right:20px;top:-8px;}
.prodThumbs {margin-top: 10px;}
.accessories {border-left: 1px solid #F8A12A; }
.youtubeVideos {position: absolute;right:0;bottom: 130px;}
#videoBar-bar { position: absolute;right:0;bottom: 25px;}
#videoWindow { position: absolute; z-index: 9998;top:-40px;left:120px;}
.playerInnerBox_gsvb { z-index: 9999;width: 466px;height: 346px;padding-top:80px;background: url(http://files.thehoffmangroup.com/keepitclean/img/video_player.png) no-repeat;}
.closeVideo { position: absolute; right: 48px;top:43px;width:70px;height:22px;background: url(http://files.thehoffmangroup.com/keepitclean/img/video_player_close.png) no-repeat;}

/* Google Youtube videobar */
/* color settings */
.playerBox_gsvb div.alldone_gsvb        { color : #0000cc; }
.playerBox_gsvb a.title_gsvb            { color : #0000cc; }
.playerBox_gsvb div.alldone_gsvb:hover  { color : #0000cc; }
.playerBox_gsvb a.title_gsvb:hover      { color : #0000cc; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #676767; }
.floatingPlayerBox_gsvb,
.floatingPlayerBox_gsvb *               { background-color : #ffffff; }
.floatingPlayerBox_gsvb                 { border : 1px solid #f0f0f0; }
.floatingPlayer_gsvb                    { background-color : #ffffff; }

/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_gsvb {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb {
  position : absolute;
  opacity : 0.90;
  -moz-opacity : 0.90;
  filter:alpha(opacity=90);
  z-index : 9998;
}
.floatingPlayer_gsvb {
  position : absolute;
  z-index : 9999;
}
.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 260px;
  height : 195px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : auto;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}

/*
 * resultsTable
 * - vertical mode
 * - horizontal mode
 */
.full_gsvb {
  display : block;
}

.empty_gsvb {
  display : none;
}

table.resultTable_gsvb {
  border-collapse : collapse;
}

table.resultTable_gsvb td {
  border : none;
}

div.resultDiv_gsvb {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

div.smallResultDiv_gsvb {
  height : 41px;
  width : 54px;
  text-align : center;
}

div.resultDiv_gsvb img {
  cursor : pointer;
  display : inline;
}

/* Auto Execute List Status Box */
div.statusBox_gsvb {
  padding : 4px;
}

div.statusItem_gsvb {
  display : inline;
  text-decoration : underline;
  color : #0000cc;
  cursor : pointer;
  margin-right : 6px;
  font-weight : bold;
  white-space: nowrap;
}

div.statusItemSelected_gsvb {
  text-decoration : none;
  color : #000000;
}
/* end youtube bar */

/* Search Results Page */
tr.odd { background-color:#6FC5FF; }
tr.even { background-color:#8FD2FF; }
tr.odd td.sorting_1 { background-color:#28638D; color:#fff; }
tr.even td.sorting_1 { background-color:#28638D; color:#fff; }
tr.odd td.sorting_1 a { color:#fff!important; }
tr.even td.sorting_1 a { color:#fff!important; }
.dataTables_length { height: 23px; margin: 0;padding: 0; padding-top:6px;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display { width:100%; }
.td01,.td02,.td04,.td05 { height:105px; width:107px}


/* group results page */
.groupBox { 
background:url(http://files.thehoffmangroup.com/keepitclean/img/groupDefaultImage.png);
position: relative; 
background-color:#11548F;
float:left; 
width:170px;
height:170px;
margin:7px; 
border-top:1px solid #4c4c4c;
border-left:1px solid #4c4c4c;
border-right:1px solid #c1c1c1;
border-bottom:1px solid #c1c1c1;
text-align: center;
-webkit-box-shadow:2px 2px 2px #0C0701; 
-moz-box-shadow:2px 2px 2px #0C0701; 
box-shadow:2px 2px 2px #0C0701;
z-index: 18;
}
.groupBox span { 
font-size: 14px;
font-weight: normal; 
position:absolute;
top: 50%;left: 50%;
width: 170px;
height: 170px;
margin-top: -70px; 
margin-left: -85px;
z-index: 20;
}
.groupBoxImage{
position: absolute;
top:0;
left: 0;
z-index: 19;
}
.groupBox a { 
display: block;
color:#fff !important;
font-size: 14px;
font-weight: normal; 
text-align: center;
z-index: 20;
margin: 5px;
}

/* site map */
.siteMapContainer h4 { color:#DFD0B5; }

/* cart */
#cartTable td { border:1px solid #B58940; }
.cartDisplay { background:url(http://files.thehoffmangroup.com/keepitclean/img/cartDisplay.png); }

/* Footer */
#indexFooter { background-color:#373737; margin-left: 2px; width:766px; color:#c1c1c1; }
#indexFooter a { color:#c1c1c1; }

/* rollovers */
.socMedia {
  background: url("http://files.thehoffmangroup.com/base/img/icons/soc_media_background.png") no-repeat 0 0;
  width: 165px;
  height: 183px;
  margin: 0 auto;
  padding: 0;
}
.socMediaFacebook
{
  display: block;
  width: 165px;
  height: 51px;
  margin: 0 auto;
  background: url("http://files.thehoffmangroup.com/base/img/icons/facebook_rollover.png") no-repeat 0 0;
}

.socMediaTwitter
{
  display: block;
  width: 165px;
  height: 46px;
  margin: 0 auto;
  background: url("http://files.thehoffmangroup.com/base/img/icons/twitter_rollover.png") no-repeat 0 0;
}

.socMediaYoutube {
  display: block;
  width: 165px;
  height: 38px;
  margin: 0 auto;
  background: url("http://files.thehoffmangroup.com/base/img/icons/youtube_rollover.png") no-repeat 0 0;
}

.socMediaBlog {
  display: block;
  width: 165px;
  height: 36px;
  margin: 0 auto;
  background: url("http://files.thehoffmangroup.com/base/img/icons/blog_rollover.png") no-repeat 0 0;
}

.socMediaFacebook:hover
{ 
  background-position: -165px 0;
}
.socMediaTwitter:hover
{ 
  background-position: -165px 0;
}
.socMediaYoutube:hover
{ 
  background-position: -165px 0;
}
.socMediaBlog:hover
{ 
  background-position: -165px 0;
}
.socMediaFacebook span
{
  display: none;
}
.socMediaTwitter span
{
  display: none;
}
.socMediaYoutube span
{
  display: none;
}
.socMediaBlog span
{
  display: none;
}

/* misc */
.wrap2col h2 { color:#DFD0B5; }
.msrp {color: #cee4ff !important;}
.sepBorder {border-top:1px solid #F8A12A;height:1px;width:768px;margin:5px 0;margin-left: 1px;}


/* newsletter signup sidebar */
#newsletter-signup fieldset {
	padding-right: 20px;
	border:none;	
}

#newsletter-signup label {
	font-size: 12px;
}

#newsletter-signup .block {
	display: block;
	float: left;
	padding-top: 10px;
}

form#newsletter-signup  {
	width: 200px;
	margin: 0 auto;
/*	background-color: #3D86BF;
	border:solid 2px #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
*/
}

#newsletter-signup input {
	border:none;
	background-color:none;	
	margin-bottom: 10px;
}

#newsletter-signup .boxes {
	border:1px solid #999999;
	color:#9E9E9E;
	padding:5px;
}

#signup-email {
	width: 150px;
}

#humanCheck {
	float: right;
	width: 25px;
}

#newsletter-signup .boxes:focus {
	border-color:#9FCBFF;
	background-color:#DFEEFF;
	background-image:none;
	color:#000;
}

#newsletter-signup #signup-button {
	clear: both;
	float: right;
	font-size:12px;
	background-color:#1A538B;
	color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px;
	text-shadow: 1px 1px 1px #0B0B0B;	
}

#newsletter-signup #signup-button:hover {
	cursor:pointer;
	background-color:#7FB9FF;
}

#newsletter-signup #signup-response {
	clear: both;
	margin-left:15px;
	padding-left:20px;
}

#newsletter-signup .response-waiting {
	background:url("http://files.thehoffmangroup.com/img/loading.gif") no-repeat;
}

#newsletter-signup .response-success {
	background:url("http://files.thehoffmangroup.com/img/tick.png") no-repeat;
}

#newsletter-signup .response-error {
	background:url("http://files.thehoffmangroup.com/img/cross.png") no-repeat;
}