body {
	background: url(img/main_bg.gif) repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Helvetica, sans-serif;
}


p { font-size: 0.71em; color: #4e4e4e; line-height: 1.5em; margin: 0 0 1.2em 0; }
h1, h2, h3, h3 a { color: #03558c; font-weight: normal; }
h2 { font-size: 1.0em; margin: 0px 0px 4px 0px; }
h3 { font-size: 0.8em; font-weight: bold; }
h3 a { font-weight: bold; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
a img { border: none; }
form { margin:0;}
th, td { color: #cccccc }

.textfield {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #ffffff;
	background-color:#858484;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px;

}


#AlertBar{
	color:#FFF;
	position: relative;
	left: 10px;
	top: -600px;
	}
	
#AlertBar span{
	display:none;	
	}	

.prod li { font-size: 0.7em; color: #176093; font-weight:bold;}

.branch {
		display:none;

}

#pricebranch{
		padding:5px;
		border: 1px solid #666666;
		margin-bottom:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
}

#pricingbranch table {
		text-align:left;
}

#pricebranch table th{
		background-color:#CCC;
		color:#000;
		padding:5px;
	
}

#pricebranch table td{
	font-weight:bold;
	background-color:#FFFFFF;
	color:#FF0000;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size: 12px;
}

#pricingWholesale {
		background-color:#191919;
		text-align:right;
		padding:5px;
}

#pricingWholesale form {
		margin:0px;
}

#pricingWholesale .submit {
		background-color:#000000;
		border:none;
		color:#E1BE4B;
		padding:5px;
		font-size:10px;
		border:1px solid #E1BE4B;
}

#contact .submit {
		background-color:#000000;
		border:none;
		color:#E1BE4B;
		padding:5px;
		font-size:10px;
		border:1px solid #E1BE4B;
}

#notes{
		color:#666666;
		font-size:11px;
		font-style:italic;
		margin-top:5px;
		margin-bottom:5px;
}


#homeTestimonial{
		color:#000;
		font-size:11px;
		font-style:normal;
		margin-top:5px;
		margin-bottom:5px;
}





#buybranch{
	padding:5px;
	border: 1px solid #666666;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	display:block;
}

#buybranch table {
		text-align:left;
}

#buybranch table th{
		background-color:#000000;
		color:#FFFFFF;
}

#buybranch table td{
		font-weight:normal;
		color:#999999;
		padding:3px;
}


#buynow {
		background-color:#191919;
		text-align:right;
		padding:5px;
}

#buynow form {
		margin:0px;
}

#buynow .submit {
		background-color:#000000;
		border:none;
		color:#E1BE4B;
		padding:5px;
		font-size:10px;
		border:1px solid #E1BE4B;
}






#wrapper { 
	width: 100%;
	float: left;
	min-width: 889px;
	
}
#subWRAP { 
	width: 100%;
	float: left;
	background-color:#000000;
	
}
#wrapper2 { width: 889px; margin: 0px auto; }
#header { width: 889px; float: left; height: 125px;  }
#content { width: 889px; float: left; padding: 0px 0px;}

#productMENU {
	height:400px;

}

#productINFO {
	width:395px;
	padding-right:10px;
	border-right:1px solid #252525;

}

#CCicon {
	background-image: url(img/cards_new_red.png);
	background-repeat: no-repeat;
	background-position: 422px 15px;	

}


#left { float: left; width: 600px; }
#subpagesleft { float: left; width: 605px; background-color:#000000; padding:10px; border-bottom:5px solid #2F2F2F; }
#subpagesleft h1 { font-size:16px; font-weight:bold; color:#FF0000;}
#subpagesleft li { color:#CCCCCC; font-size:11px; font-weight:normal;}
#subpagesleft h2 { font-size:14px; font-weight:bold; color:#E1BE4B;}
#subpagesleft p { color:#999999;}
#subnavBOX {padding:5px; background-color:#333333;}
#left a.more { cursor:hand; text-decoration:none; }
#right {
	width: 287px;
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#subpagesright {
	width: 264px;
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.branch {
	display:none;
}


/*** Navigation ********************************************/
/***********************************************************/

#navigation { float: right; width: 889px; border-bottom:5px solid #FF0000; }
#navigation ul { float: right; margin: 0px 0px 0px 0px; padding: 0px;}
#navigation ul li { float: left; list-style-type: none; }
#navigation ul li a {
	float: left;
	padding: 10px 10px 10px 10px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;	
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 3px solid #FF0000;
	border-right: 1px solid #FF0000;
}
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li a.selected { text-decoration: underline; font-weight:bold; color:#FF0000; }


/*** Header ************************************************/
/***********************************************************/

#logo {
	width:243px;
	height:50px;
	display: inline;
	float: left;
	background-image: url(img/hcg_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

/*** Left **************************************************/
/***********************************************************/

#left h1 { font-size: 1.20em; color: #3BA1AF; font-weight: normal; letter-spacing: -0.03em; }
#left h2 {
	font-size: 1.10em;
	color: #04598F;
	font-weight: normal;
	letter-spacing: -0.03em;
	padding-top:5px;
	background-image: url(img/go_button.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height:33px; width:370px;
}

#left h2 span { font-weight: bold;}
#left h3 { 	background: url(img/home_title.gif) no-repeat 0 0; width:100%; height:22px; margin:0px; }
#left .posted { margin: -10px 0px 0px 0px; font-size: 0.7em; }
#left .posted span { font-weight: bold; color: #6b9800; }
#left p a { color: #03558c; }
#left p a:hover { background-color: #c5e3e9; color: #0678a9; }
#left .lg { font-weight: bold; }
#left h2 { color: #2b739f; font-weight: bold; }
#pHome #left h2 { font-weight: normal; }

.shiftP { margin: 8px 0px 0px 0px; display: block; font-size: 0.8em; }
.imgB { padding: 4px; background-color: #fff; border: 1px solid #8cbcdc; margin: 0px 0px 10px 15px; }

#tLeft { float: left; width: 345px; }
#tRight { width: 210px; padding: 20px 20px 12px 20px; float: right; background: #bfe8eb; margin-top: 30px; }

#tRight p { color: #2b739f; font-style: italic; line-height: 1.4em; font-size: 0.75em; }
#tRight p a, #tRight p a:hover { color: #2b739f; background: none; }
#tRight span { font-style: normal; }

/*** Right *************************************************/
/***********************************************************/

#right h2 { font-size: 17px; color: #03558c; font-weight: normal; margin: 0px 0px 5px 0px; }
#right h3 { margin: 0px; }
#right p { font-size: 0.7em; line-height: 1.4em; }
#right p span { color: #6b9800; font-weight: bold; }
#right p a { color: #4e4e4e; }
#right a { color:#115A8F; font-size:11px; font-weight:bold;}

#subright h2 { font-size: 17px; color: #03558c; font-weight: normal; margin: 0px 0px 5px 0px; }
#subright h3 { margin: 0px; }
#subright p { font-size: 0.7em; line-height: 1.4em; }
#subright p span { color: #6b9800; font-weight: bold; }
#subright p a { color: #4e4e4e; }
#subright a { color:#115A8F; font-size:11px; font-weight:bold;}

.article { padding: 12px 0px 4px 0px; float: left; width: 250px; } 
.article2 { padding: 2px 0px 4px 0px; float: left; width: 250px; } 
.article h4 { font-size: 0.8em; font-weight: bold; color:#FF6600; margin:0px; } 
.intro {
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 5px;
} 

.intro table.workout {
	font-size:11px;
	color:#CCCCCC;
} 

.intro table.workout th {
	background-color:#212121;
	text-align:left;
	font-weight:bold;
	padding:5px;
} 

.intro span { color:#04598F; font-style:italic; font-size: 0.75em; } 
.intro a { color:#FFFFFF; font-weight:normal; font-size:11px; } 
.intro a.open { color:#D51601; font-weight:bold; font-size:11px; } 
.intro a:hover { color:#FF0000; text-decoration:underline; } 

.prod { width:650px; padding: 12px 0px 4px 0px; float: left; } 
.prod span { color:#04598F; font-style:italic; font-size: 0.75em; } 
.prod a { color:#04598F; font-weight:bold; font-size: 0.75em; } 

.added { margin: 2px 0px 6px 0px; }
#news h2 { width: 100%; height: 22px; float: left; margin: 0px; }
#news h2 span { display: none; }


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #003366;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 130px;
top:-120px;

}

.homethumbnail{
position: relative;
z-index: 0;
}

.homethumbnail:hover{
background-color: transparent;
z-index: 50;
}

.homethumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #003366;
visibility: hidden;
color: black;
text-decoration: none;
}

.homethumbnail span img{ 
border-width: 0;
padding: 2px;
}

.homethumbnail:hover span{ 
visibility: visible;
top: 0;
left: 30px;
top:-30px;

}

#homeSUBcontent {

}

#homeSUBcontent strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

#homeSUBcontent a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	size:11px;
	text-decoration:none;
	
}

#homeSUBcontent a:hover {
	text-decoration:underline;
	
}

#homeSUBcontent a.testimonial {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	size:11px;
	text-decoration:none;
	font-weight:bold;
	
}

#homeMailingList table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#535352;

}

#homeMailingList .submit {
		font-family:Arial, Helvetica, sans-serif;
		background-color:#E9E9E9;
		border:1px solid #FFFFFF;
		color:#333333;
		padding:5px;
		font-size:11px;

}






/*** Footer ************************************************/
/***********************************************************/

#footer {
	border-left: 4px solid #D51601;
	float: left;
	width: 879px;
	margin-top: 40px;
	display: inline;
	height: 20px;
	padding-left: 8px;
	margin-bottom:15px;
}
#footer p, #footer ul { color: #999999; font-size: 0.6em; margin: 0px; }
#footer p a, #footer ul li a { color: #999999; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer ul { float: right; }
#footer ul li { padding-left: 8px; list-style-type: none; float: left; }
#footer ul li span { padding-right: 8px; border-right: 1px solid #666666; }
#footer p a:hover, #footer ul li a:hover { color: #D51601; }




#subNAVwrapper {

}

.servicesSUBnav {

    }
	
.servicesSUBnav h2 {
	font-weight:normal;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
	border-right:5px solid #D51601;
	margin-bottom:10px;
    }	
	
p.inlineLinkSUB a {
	padding:8px 0 3px 18px;
	text-decoration:underline;
	color:#CCC;
	background-color: #000000;
	background-image: url(img/more_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
    }		

p.inlineLinkSUB a:hover {
	background:url(img/more_icon.gif) 0px 9px no-repeat;
    padding:8px 0 3px 18px;
	text-decoration:none;
	color:#D51601;
    }	
	
p.inlineLinkSUB a.selected {
	background:url(img/more_icon.gif) 0px 9px no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#D51601;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 18px;
    }		
	
	
	
	
.urbangreymenu{
width: 264px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: normal 13px Arial;
color:#FF0000;
background: #000;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 7px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color:#CCCCCC;
background:transparent;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background:#000000;
}

.urbangreymenu ul li a.ON{
font: bold 12px Arial;
color:#FFFFFF;
background:#000000;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: underline;
border-bottom:1px solid #FF0000;
}


.quicklinkLG {
	float: left;
	overflow: hidden;
	margin-right:10px;
	padding: 10px;
	border: 1px solid #111111;
	background-color: #000000;
	width:300px;
}

.quicklinkLG:hover {
	border: 1px solid #222222;
	background-color: #FFCC00;
}

.quicklink {
	float: left;
	overflow: hidden;
	margin-right:10px;
	padding: 10px;
	border: 1px solid #111111;
	background-color: #000000;
	width:126px;
}

.quicklink:hover {
	border: 1px solid #222222;
	background-color: #090909;
}


.quicklinkMain {
	float: left;
	overflow: hidden;
	margin-right:10px;
	padding: 10px;
	border: 1px solid #111111;
	background-color: #000000;
	width:595px;
}

.quicklinkMain:hover {
	border: 1px solid #222222;
	background-color: #090909;
}



#testimonialsBOX {
	background-color:#FFFFCC;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}

#testimonialsBOX span {
	background-color:#FFFFCC;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}

#testimonialsBOXwh {
	background-color:#FFF;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}

#testimonialsBOXwh span {
	background-color:#FFF;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}

#testimonialsBOXgr {
	background-color:#DAF0C2;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}

#testimonialsBOXgr span {
	background-color:#DAF0C2;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}


#testimonialsBOXbl {
	background-color:#E4F3F9;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}

#testimonialsBOXbl span {
	background-color:#E4F3F9;
	border-top:1px dashed #000;
	border-bottom:1px dotted #000;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:10px;	
}

#testimonialsBOX a.open, #testimonialsBOXbl a.open, #testimonialsBOXgr a.open, #testimonialsBOXwh a.open, {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;	
}

#testimonialsBOX strong, #testimonialsBOXbl strong, #testimonialsBOXgr strong, #testimonialsBOXwh strong, {
	background:#FFFF66;	
}

span.points {
	background-color:#191919;
}