@charset "utf-8";

/*
	
	TOC: (Table of Contents)
	Note: by pressing Ctrl + F you can enter the key code to jump in a specific code section
	
	Master Reset
	Global Classes
	Page Structure and Layout		[ key code: css061 ]
	Typography and Colors			[ key code: css062 ]
	Navigation						[ key code: css063 ]
	Forms							[ key code: css064 ]
	Individual Elements (Extras)	[ key code: css065 ]
	
*/

/* CSS Document [Master Reset]  */
-moz-box-sizing:border-box; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;margin:0;padding:0;
html, body {
	border: 0;
	margin: 0;
	padding: 0;
	
}
body {
	font: 100.01%/1.25 Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #000000;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1 {
	padding: 30px 0 25px 0;
	letter-spacing: -1px;
	font-size: 2em;
}
h2 {
	padding: 20px 0;
	letter-spacing: -1px;
	font-size: 1.5em;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
/***** Common Formatting *****/
p, ul, ol {
	margin: 0;
	padding: 0 0 1.25em 0;
}
ul, ol {
	padding: 0 0 1.25em 2.5em;
}
blockquote {
	margin: 1.25em;
	padding: 1.25em 1.25em 0 1.25em;
}
small {
	font-size: 0.85em;
}
img {
	border: 0;
}
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}
/***** Links *****/
a,
a:link,
a:visited,
a:active,
a:hover {
	text-decoration: underline;
}
/***** Forms *****/
form {
	margin: 0;
	padding: 0;
	display: inline;
}
input, select, textarea {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	width: 100%;
	line-height: 1.25;
}
label {
	cursor: pointer;
}
/***** Tables *****/
table {
	border: 0;
	margin: 0 0 1.25em 0;
	padding: 0;
}
	table tr td {
		padding: 2px;
	}
/* CSS Document [Global Classes] */
.floatLeft		{ float: left; }
.floatRight		{ float: right; }
.clearNormal	{ clear: both}
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearFix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */
.textLeft		{ text-align: left; }
.textRight		{ text-align: right; }
.textCenter		{ text-align: center; }
.textJustify	{ text-align: justify; }
.upperCase		{ text-transform: uppercase; }
.bold			{ font-weight: bold; }
.italic			{ font-style: italic; }
.underline		{ border-bottom: 1px solid;}
.imgLeft		{ float: left; margin: 4px 10px 4px 0; }
.imgRight		{ float: right; margin: 4px 0 4px 10px; }
.noPadding		{ padding: 0; }
.noIndent		{ margin-left: 0; padding-left: 0; }
.noBullet		{ list-style: none; list-style-image: none; list-style-type: none; }

/*Begin: Page Structure and Layout [ key code: css061 ] */

body {
margin-top: 0px;
	/*background: url(../images/hmr_bodybg.jpg) repeat-x left top;*/
}
#wrapper {

	width: 960px;
	margin: 0pt auto; 
}
#header {

	width: 960px;
	height: 90px;
	background: url(../images/hmr_header.jpg) no-repeat left top;
}
#shoponline {
    width: 161px;
	height: 215px;
	right: 0;
	background: url(../images/untitled.jpg);
	position: absolute;
	z-index: -1;
}

#shoponline-link {
	width: 161px;
	height: 215px;
	right: 0;
	position: absolute;
   }

#bannerWrapper {
	width: 960px;
	height: 150px;
	background: url(../images/hmr_bannerHolder.jpg) no-repeat left top;
}
#contentWrapper {
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 0pt 5px;
	padding-bottom: 50px;
}
#leftColumn {
	display: inline;
	float: left;
	width: 203px;
	height: auto;
	padding-top: 5px;
}
#rightSection {
	margin-left: 210px;	
}
#middleColumn {
	padding-top: 5px;
	float: left;
	width: 542px;
}
#rightColumn {
	padding-top: 3px;
	width: 194px;
	float: right;
}

#priceList {
	width: 540px;
	height: auto;
	background: url(../images/hmr_middle_priceList_header.jpg) no-repeat left top;
	border: 1px solid #48708A;
	padding-top: 155px;
	margin-top: 10px;
}
#priceList table {
	border-collapse: collapse;
	margin: 0pt auto;
}
#priceList table td {
	font: 0.675em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
	padding: 5px;
	background: #FFFFFF url(../images/hmr_cp_categoriesBg.jpg) repeat-x left top;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #DADADA;
	border-left:  1px solid #DADADA;
	border-right:  1px solid #DADADA;
	line-height: 1.5em;
}
#priceList .downloadPriceList {
	text-align: right;
	padding-right: 15px;
}
#priceList table td strong {
	color: #3F6781;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}
#priceList table td.textRight {
	font: bold 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;
}
#priceList p.note {
	color: #3F6781;
	font: bold 0.6875em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 15px;
}

.products {
	border-collapse: collapse;
	margin-top: 5px;
}
.products td {
	vertical-align: top;
	font: 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;
	width: 50%;
	border: 1px solid #CCCCCC;
}
.products .productHolder {
	height: 100%;
	padding: 5px;
	padding-bottom: 10px;
}
.products .imgRight {
	margin-bottom: 15px;
}
.productHolder .productName {
	font-weight: bold;
	margin-bottom: 10px;
	color: #333333;
	background: url(../images/hmr_productTitle_bg.jpg) repeat-y left top;
	padding: 5px 0pt 5px 10px;
}
.productHolder .productName a  {
	color: #333333;
	text-decoration: none;
}
.productHolder .productName a:visited {
	color: #666666;
}
.productHolder .description {
	margin-left: 10px;
}
td .moreDetails {
	display: block;
	width: 118px;
	height: 24px;
	background: url(../images/hmr_prod_moreDetails.jpg) no-repeat left top;
	margin-bottom: 5px;
	margin-left: 10px;
}
td .viewImage {
	display: block;
	width: 118px;
	height: 24px;
	background: url(../images/hmr_prod_viewImage.jpg) no-repeat left top;
	margin-left: 10px;
}
td .buttonHolder {
	width: 120px;
}

.productDetailsContent {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 5px;
	margin-left: -1px;
}
.productDetailsContent .productName {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.productCat {
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 10px;
}
.productDetailsContent .productDesc, .productDetailsContent .productSpec {
	padding: 10px;
	background: #EEEEEE;
	font: 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;
}
.productDetailsContent h3 {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	color: #FFFFFF;
	padding: 3px 10px;
}
.prodInnerDetails {
	margin-left: 210px;
	margin-top: 4px;
}
.prodInnerDetails a, .prodInnerDetails a:visited, .note a, .note a:visited {
	color: #006699;
}
#footer {
	width: 958px;
	height: 107px;
	background: url(../images/hmr_footer_bg.jpg) no-repeat left top;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
* html #footer {
	width: 959px;
}
#footer .content {
	padding: 30px 0pt 0pt 120px;
}

/*End: Page Structure and Layout */

/*Begin: Typography and Colour [ key code: css062 ] */

.featuredBg p {
	font: 0.75em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 10px 10px 15px 20px;
}
.featuredBg h3 {
	color: #406132;
	padding-top: 5px;
	padding-left: 20px;
}
.categoryName, .productDetails {
	background: #5C8798 url(../images/hmr_greatFinds_headerBg2.jpg) repeat-x left top;
	margin: 0pt;
	padding: 0pt;
	height: 26px;
	font: bold 0.75em/26px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 0.01em;
	padding-left: 10px;
	margin-left: -1px;
}
#footer .links {
	padding: 0pt;
	margin: 0pt;
	font: 0.675em/1.8em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#footer .links a, #footer .links a:visited {
	color: #666666;
}
#footer .address {
	padding: 0pt;
	margin: 0pt;
	font: 0.675em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#footer .logo {
	padding: 0pt;
	margin: 0pt;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#footer .copyright {
	font: 0.625em Verdana, Arial, Helvetica, sans-serif;
	color: #EEEEEE;
	padding: 8px 5px 0pt 0pt;
	text-align: right;
}
.textContent {
	padding: 0pt 9px; 
}
.textContent p {
	font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.textContent ul li {
	font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.textContent p a {
	color: #006699;
}
.textContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: 0.01em;
}
.careers h2.title {
	padding-bottom: 0pt;
}
.careers .headNote {
	padding-top: 15px;
	padding-bottom: 0pt;
}
.careers #resumeUploader {
	padding-top: 15px;
}
#resumeUploader h2 {
	color: #006699;
	padding: 0pt;
}
#resumeUploader p.uploaderNote {
	padding-bottom: 0pt;
}
.careers #error_msg {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	color: #660000;
}
.careers #error_msg span {
	font-weight: bold;
	color: #339933;
}
#resumeUploader ul {
	padding: 0pt;
	list-style-type: none;
}
#resumeUploader ul li {
	padding-bottom: 8px;
}
#resumeUploader ul li label {
	font-weight: bold;
	float: left;
	width: 80px;
}

/*End: Typography and Colour */

/*Begin: Navigation [ key code: css063 ] */

#headerNavigation {
	height: 49px;
	margin: 0pt;
	padding: 0pt;
	background: url(../images/hmr_menu_menubg.jpg) repeat-x left top;
	list-style-type: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#headerNavigation li {
	float: left;
}

#headerNavigation #menu_home { display: block; width: 73px; height: 49px; background:url(../images/hmr_menu_home.jpg) no-repeat left top; }
#headerNavigation #menu_aboutUs { display: block; width: 86px; height: 49px; background:url(../images/hmr_menu_aboutus.jpg) no-repeat left top; }
#headerNavigation #menu_products { display: block; width: 85px; height: 49px; background:url(../images/hmr_menu_products.jpg) no-repeat left top; }
#headerNavigation #menu_promos { display: block; width: 77px; height: 49px; background:url(../images/hmr_menu_promos.jpg) no-repeat left top; }
#headerNavigation #menu_location { display: block; width: 83px; height: 49px; background:url(../images/hmr_menu_location.jpg) no-repeat left top; }
#headerNavigation #menu_services { display: block; width: 85px; height: 49px; background:url(../images/hmr_menu_services.jpg) no-repeat left top; }
#headerNavigation #menu_contactUs { display: block; width: 103px; height: 49px; background:url(../images/hmr_menu_contactus.jpg) no-repeat left top; }
#headerNavigation #menu_careers { display: block; width: 80px; height: 49px; background:url(../images/hmr_menu_careers.jpg) no-repeat left top; }

#headerNavigation a:hover#menu_home { display: block; width: 73px; height: 49px; background:url(../images/hmr_menu_home2.jpg) no-repeat left top; }
#headerNavigation a:hover#menu_aboutUs { display: block; width: 86px; height: 49px; background:url(../images/hmr_menu_aboutus2.jpg) no-repeat left top; }
#headerNavigation a:hover#menu_products { display: block; width: 85px; height: 49px; background:url(../images/hmr_menu_products2.jpg) no-repeat left top; }
#headerNavigation a:hover#menu_promos { display: block; width: 77px; height: 49px; background:url(../images/hmr_menu_promos2.jpg) no-repeat left top; }
#headerNavigation a:hover#menu_location { display: block; width: 83px; height: 49px; background:url(../images/hmr_menu_location2.jpg) no-repeat left top; }
#headerNavigation a:hover#menu_services { display: block; width: 85px; height: 49px; background:url(../images/hmr_menu_services2.jpg) no-repeat left top; }
#headerNavigation a:hover#menu_contactUs { display: block; width: 103px; height: 49px; background:url(../images/hmr_menu_contactus2.jpg) no-repeat left top; }
#headerNavigation a:hover#menu_careers { display: block; width: 80px; height: 49px; background:url(../images/hmr_menu_careers2.jpg) no-repeat left top; }

#menu_home1 { display: block; width: 73px; height: 49px; background:url(../images/hmr_menu_home3.jpg) no-repeat left top; }
#menu_aboutUs1 { display: block; width: 86px; height: 49px; background:url(../images/hmr_menu_aboutus3.jpg) no-repeat left top; }
#menu_products1 { display: block; width: 85px; height: 49px; background:url(../images/hmr_menu_products3.jpg) no-repeat left top; }
#menu_promos1 { display: block; width: 77px; height: 49px; background:url(../images/hmr_menu_promos3.jpg) no-repeat left top; }
#menu_location1 { display: block; width: 83px; height: 49px; background:url(../images/hmr_menu_location3.jpg) no-repeat left top; }
#menu_services1 { display: block; width: 85px; height: 49px; background:url(../images/hmr_menu_services3.jpg) no-repeat left top; }
#menu_contactUs1 { display: block; width: 103px; height: 49px; background:url(../images/hmr_menu_contactus3.jpg) no-repeat left top; }
#menu_careers1 { display: block; width: 80px; height: 49px; background:url(../images/hmr_menu_careers3.jpg) no-repeat left top; }

#greatFinds {
	margin: 0pt;
	padding: 0pt;
	list-style-type: none;
}
#greatFinds h2 {
	margin: 0pt;
	padding: 0pt;
	height: 26px;
	background: url(../images/hmr_greatFinds_headerBg.jpg) repeat-x left top;
	font: bold 0.75em/26px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 0.01em;
	padding-left: 10px;
}
#greatFinds li {
	background: url(../images/hmr_greatFinds_contentBg.jpg) repeat-x left top;
}
#greatFinds li a, #greatFinds li a:visited, #greatFinds li a.normalLink {
	display: block;
	height: 23px;
	font: bold 0.6875em/23px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	border-top: 1px solid #b5cbd0;
	border-bottom: 1px solid #4f6e75;
}


#greatFinds li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin-left: 162px;
	margin-top: -25px;
	z-index: 999999;
	width: 190px;
}

#greatFinds li ul li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin-left: 129px;
	margin-top: -25px;
	z-index: 999999;
	width: 170px;
}

#greatFinds li ul li a{
	padding-right: 15px;
	border-right: 1px solid #b5cbd0;
}

#greatFinds li ul li ul li a{
	padding-right: 15px;
	border-right: 1px solid #b5cbd0;
}

#greatFinds li a:hover, #greatFinds li a.hoveredLink {
	color: #666666;
	background: #FFFFFF url(../images/hmr_cp_categoriesBg2.jpg) repeat-x left top;
	border-bottom: 1px solid #CCCCCC;
}
#greatFinds li a span {
	color: #006699;
}


/*End: Navigation */

/*Begin: Forms [ key code: css064 ] */
#contactFormWrapper {
	padding:10px;
	font: 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;
}
#contactForm {
	margin: 0pt;
	padding: 0pt;
	margin-top: 10px;
	list-style: none;
}
#contactForm label {
	float: left;
	width: 150px;
	font-weight: bold;
	color: #5F8E98;
	padding-bottom: 10px;
}
#contactForm li {
	padding-bottom: 10px;
}
#contactFormWrapper .note {
	color: #333333;
	padding-top: 5px;
}
#contactFormWrapper #error {
	margin: 0pt;
	padding-top: 10px;
	border: 1px solid #F3EE6C;
	background: url(../images/hmr_error_bg.jpg) no-repeat right bottom;
	color: #333333;
}

/*End: Forms */

/*Begin: Individual Elements (Extras) [ key code: css065 ] */

#headerNavigation span, .featuredHeader span, .featuredBg span, .featuredFooter span, .viewImage span, .moreDetails span  {
	position: absolute;
	top: -99999px;
	left: -99999px;
	overflow: hidden;
}
.featuredHeader {
	margin: 0pt;
	padding: 0pt;
	width: 194px;
	height: 33px;
	background: url(../images/hmr_right_featuredHeader.gif) no-repeat left top;
}
.featuredBg {
	margin: 0pt;
	padding: 0pt;
	width: 194px;
	background: url(../images/hmr_right_featuredbg.gif) repeat-y left top;
	cursor: pointer;
}
.featuredFooter {
	display: block;
	margin: 0pt;
	padding: 0pt;
	width: 194px;
	height: 30px;
	background: url(../images/hmr_right_featuredFooter.gif) no-repeat left top;
}
.featuredBg img {
	padding-left: 25px;
}

.PagingContainer {
	text-align: center;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 0pt 5px 0pt 10px;
	padding: 3px;
}
.PagingContainer a, .PagingContainer a:visited {
	text-decoration: none;
	text-align: center;
}
.PagingInactivePage, .PagingActivePage {
	padding: 3px;
}
.PagingNextButton, .PagingBackButton {
	color: #FFFFFF;
	background: #666666;
	padding: 3px 10px;
}
a:hover.PagingNextButton, a:hover.PagingBackButton {
	color: #EEEEEE;
	background: #B08751;
}
.PagingInactivePage {
	color: #FFFFFF;
	background: #58869D;
}
a:hover.PagingInactivePage {
	background: #B08751;
}
.PagingActivePage {
	color: #FFFFFF;
	background: #B08751;
}
#ourPartners {
	background: url(../images/hmr_left_partners%20header.jpg) no-repeat left top;
	padding-top: 150px;
	border: 1px solid #94AF86;
	text-align: center;
	padding-bottom: 20px;
	margin-top: 12px;
}
.tablePartner {
	margin: 0pt auto;
}

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#eee;
	font: 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;
}

#preview img {
	width: 250px;
}

#spacer {
position:relative;
width:50px;
height:63px;
text-align:center; 
}

#partners_carousel {
position:relative;
left: -3px;
}

#banner{
position: absoulute;
z-index:-1;
}

#ym{
position:relative;
z-index:100;
}

/*End: Individual Elements (Extras) */