/* ======================================= *\
	CLIENT:				HURLEY
	BUILT & POWERED BY:	COMMERCIAL DESIGN
	DATE:				JANUARY 2007
	--------------------------------------
	TITLE: 				MAIN STYLESHEET
\* ======================================= */

@import "menuh.css";
@import "menuconfig.css";
@import "form.css";

body,h1,h2,h3,p,ul,li,form,p	{ margin: 0; padding: 0; }
ul								{ list-style: none; }
html,body						{ height: 100%; padding: 0; margin: 0; }
body							{ background: white; font: 85%/1.5 Verdana,Arial,Sans-serif; color: rgb(54,54,54); }
img								{ border: none; }
#container a:hover,
#foot a:hover,
a								{ color: rgb(238,50,78); text-decoration: none; }

#tupperware						{ position: relative; height: auto; min-height: 100%; width: 750px; margin: 0px auto; }
#s3tiLogo,
#martin,
#hunt,
#hurleyGroup,
#hurleyLogo                     { position: absolute; top: -10px; width: 200px; height: 96px; background: url(/img/siteLogos/title-HurleyGroup.png ) no-repeat 0 0; overflow: hidden;}
#hurleyGroup a,
#martin a,
#hunt a,
#s3tiLogo a,
#hurleyLogo a					{ display: block; width: 200px; height: 96px; text-indent: -50000px; }
#s3tiLogo						{ background: url(/img/siteLogos/title-s3ti.png) no-repeat 0 0; }
#martin 						{ background: url(/img/siteLogos/title-martin.png) no-repeat 0 0; }
#hunt							{ background: url(/img/siteLogos/title-hunt.png) no-repeat 0 0; }
#hurleyGroup					{ background: url(/img/siteLogos/title-HurleyGroup.png) no-repeat 0 0;}
#hurleyLogo						{ background: url(/img/siteLogos/title-Hurley.png) no-repeat 0 0;}
/* #companyLogo					{ position: absolute; bottom: 70px; right: 0; height: 75px; width: 111px; background: url(/img/main/logos/logo-martin.png) no-repeat 0 0; } */

.logoLink h1 					{ margin: 0; padding: 0; }
.logoLink a 					{ display: block; width: 218px; height: 100px; text-indent: -10000px; margin: 20px 0 0 0; }
#swfRotator						{ width: 750px; height: 260px; }
/*#mainImage 						{ background: url(/img/mainImage/Terminal1.jpg); width: 750px; height: 260px; }*/
#mainImage 						{ background: url(/img/compass-hurley.jpg); width: 750px; height: 260px; }
#mainImage_martin				{ background: url(/img/compass-hurley.jpg); width: 750px; height: 260px; }
#mainImage_s3ti					{ background: url(/img/s3ti/main_key.jpg); width: 750px; height: 260px; }
#mainImage_us					{ background: url(/img/main/random/photo-office-guys.jpg); width: 750px; height: 260px; }
#mainImage_hunt					{ background: url(/img/compass-hurley.jpg); width: 750px; height: 260px; }


#memberLogin                    { text-align: right; float: right; font-size: 9pt; margin-top: -105px; }

#controlBar						{ position: absolute; z-index: 100000; top: 20px; right: 0;  height: 20px; margin: 7px 0 15px; padding: 0; }
#controlBar li					{ float: left; font-size: 88%; color: rgb(71,71,71); }
#subNav li.login ul,
#controlBar li ul				{ display: none; position: absolute; right: 0; z-index: 900000; width: 170px; margin: -1px 0 0 5px; background: white; border: 1px solid rgb(238,50,78); }
#controlBar li.us ul			{ right: 105px; }
#subNav li.login ul li,
#controlBar li ul li			{ border-top: 1px dotted rgb(216,216,216); }
#subNav li.login ul li:first-child,
#controlBar li ul li:first-child{ border-top: none; }
#subNav li.login ul a,
#controlBar li ul a				{ display: block; width: 150px; padding: 4px 10px; color: rgb(71,71,71); line-height: 1; }
#subNav li.login ul a:hover,
#controlBar li ul a:hover		{ background: rgb(238,50,78); color: white; }
#subNav li.login:hover ul,
#controlBar li:hover ul			{ display: block; }

#subNav li.login ul li a,
#subNav li.login ul li,
#subNav li.login ul				{ background: white; height: auto;}

a#employeeAccess,
a#calculator,
a#hurleyGroup,
a#localSite,
a#hurleyBrands					{ display: block; height: 20px; width: 148px; background: url(/img/main/buttons/button-enterHG.png) no-repeat 0 0; text-indent: -5000px; outline: none; }

a.hurleyGroup					{ display: block; height: 20px; width: 46px; text-indent: -5000px; outline: none; }
.ca a.hurleyGroup				{ margin-left: 60px; background: url(/img/backgrounds/button-caFlag.png) no-repeat 0 0; }
.us a.hurleyGroup				{ background: url(/img/backgrounds/button-usFlag.png) no-repeat 0 0; } 

a#localSite						{ width: 105px; background: url(/img/main/buttons/button-enterLocal.png) no-repeat 0 0; }
a#hurleyBrands					{ width: 128px; background: url(/img/main/buttons/button-hurleyBrands.png) no-repeat 0 0; }
/*a#liveChat					{ width: 139px; background: url(/img/main/buttons/button-enterLiveChat.png) no-repeat 0 0; }*/
a#employeeAccess				{ width: 115px; background: url(/img/main/buttons/button-employeeAccess.png) no-repeat 0 0; }
a#calculator					{ width: 154px; background:url(/img/main/buttons/button-calculator.png) no-repeat 0 0; }

#controlBar li:hover a,
a:hover#calculator,
a:hover#hurleyGroup,
a:hover#localSite,
a:hover#hurleyBrands,
a:hover#liveChat				{ background-position: 0 -20px; }
.menuPad						{ margin: 0 68px; }
.menuPad2 						{ margin: 0 68px 0 0; }

a:hover#clientLogin		{ background-position: 0 -27px; }
a#clientLogin					{ width: 191px; background: url(/img/splash/buttons/button-client-login.png) no-repeat 0 0; display: block; height: 27px; position: relative; top: 20px; text-indent: -5000px; }

#container						{ overflow: hidden; }
#col1,
#col2,
#col3							{ float: left; width: 292px; margin-bottom: -5000px; padding: 10px 10px 5000px 10px; }
#col2							{ width: 418px;}
#col3							{ width: 189px; }

#containerInside h1,
#container #col1 h3,
#container h1					{ margin: 0 0 16px; font-size: 120%; color: rgb(54,54,54); line-height: 1;}
#container #col1 h2				{ margin: 16px 0 0; font: italic bold 75%/1 "hoefler text","Georgia",serif; }
#container #col1 h3				{ font-size: 75%; line-height: 1; font-weight: normal; }
#containerInside p,
#container p					{ font-size: 80%; }
a.more							{ display: block; height: 28px; width: 173px; background: url(/img/main/buttons/button-moreTestimonials.png) no-repeat; text-indent: -5000px; }
a:hover.more					{ background-position: 0 -28px; }

#container a					{ display: block; margin: 0 0 5px; color: rgb(54,54,54); }
#container #col2 h2				{ font-size: 80%; text-decoration: underline; color: rgb(39,57,151); }

#foot #privCont					{ margin-left: 92px; }
#foot a#emailIcon				{ margin-left: 60px; }
#foot a#emailIcon img			{ float: none; padding: 0; }
#foot							{ height: 70px; font-size: 9px; color: rgb(125,125,125);  }
#foot img						{ float: left; margin-right: 5px; }
#foot .iso						{ margin-right: 15px; }
#foot p							{ }
#foot ul						{ height: 14px; padding: 20px 0 0; overflow: hidden; }
#foot li						{ float: left; padding: 0 5px; border-left: 1px solid rgb(125,125,125); line-height: 1;}
#foot li:first-child			{ border: none; padding-left: 0; }
#foot a							{ color: rgb(125,125,125); float: none; display: inline;}
.footAddress {
	padding: 0 0 10px 0;
}

/*INSIDE*/
#containerInside				{ padding: 0 14px 25px 0; }
#containerInside ul.sq			{ margin-bottom: 15px; font-size: 80%; list-style: square; }
#containerInside img.main		{ float: left; clear: left; margin: 0 14px 14px 0; }
#containerInside h1				{ padding: 10px 0 0; }
#containerInside h2				{ margin-bottom: 0; font-size: 105%; color: rgb(75,75,75)/*rgb(125,167,217)*/; }
#containerInside p				{ margin: 12px 0;}
#containerInside h2+p			{ margin: 3px 0 12px 0;}

ul#videos						{ width: 750px; overflow: auto;}
ul#videos li					{ float: left; }
ul#videos a.test,
ul#videos a.corp,
ul#videos a.retail				{ display: block; height: 20px; width:16px;/* background: url(/img/main/buttons/button-watch_retail.png) no-repeat 0 0; */ text-indent: -5000px; }
ul#videos a.test				{ width: 227px; background: url(/img/main/buttons/button-client_testimonial.png) no-repeat 0 0; }
ul#videos a.corp				{ width: 162px; margin: 0 18px 0 0; background: url(/img/main/buttons/button-watch_corporate.png) no-repeat 0 0; }


/* FORM STYLES */

fieldset {
	border: 1px solid #444;
	margin: 40px 100px 50px 100px;
	position: relative;
	background: #f1f7ff;
	padding: 10px 20px 25px 20px;
}
fieldset ul {
	width:260px;

}
fieldset li {
	margin: 10px 0;
}
/*legend {
    border: 1px solid #444;
    padding: 25px 111px 0 0;
    height: 0px;
	background: url(/img/main/buttons/button-employeeAccess.png);
}*/
label {
	width: 100px;
	display: block;
	float: left;
	line-height: 20px;
}
fieldset input {
	width: 154px;
	border: 1px solid #444;
	height: 14px;
	padding: 2px;
}
fieldset input:focus {
	border: 1px solid #000;
}
.other_input {
	width: auto;
	height: auto;
	color: #444;
	padding: 2px 10px;
	background: #f0f0f0;
}

/*	INTRANET INDEX */

.intranet {
	width: 600px;
}
.intranet a {
	color: #273997;
}
.intranet a:hover {
	text-decoration: underline;
}
.intranet li {
	margin-left: 30px;
	list-style-image: url(/img/icons/link_go.png);
}
.intranet_icons {
	position: relative;
	top: -10px;
}



/* EMPLOYEE GALLERY STYLES */

.galleryList {
	margin: 30px 0 30px 0;
}
.galleryList li {
	width: 230px;
	margin: 10px;
	float: left;
	text-align: center;
	padding: 0 0 10px 0;
}
.galleryList a {
	display: block;
	width: 160px;
	height: 120px;
	margin: 0px auto;
	border: 1px solid #888;
	padding: 7px;
}
.galleryList img {
	width: 160px;
	height: 120px;
	display: block;
}
.albumTitle {
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #f0f0f0;
}
.albumList li {
	width: 130px;
	margin: 10px;
	float: left;
	text-align: center;
	padding: 0 0 10px 0;
}
.albumList a {
	display: block;
	width: 120px;
	height: 90px;
	margin: 0px auto;
	border: 1px solid #888;
	padding: 5px;
}
.albumList img {
	width: 120px;
	height: 90px;
	display: block;
}

/* WHMIS/ISO/HURLEY FORM PAGES */

.forms {
	width: 100%;
	margin: 10px 0 50px 0;
	font-size: 11px;

}
.forms td {
	padding: 0;
	margin: 0;
}
.forms a {
	display: block;
	border-bottom: 1px solid #f0f0f0;
	padding: 2px 20px 2px 20px;
}
.forms a:hover {
	border-color: #888;
	background: #f0f0f0;
}
.tableTop {
	border-bottom: 1px solid #888;
	background: url(/intranet/img/tabletop.gif) 0 100%;
	height: 30px;
	font-weight: bold;
}
.tableTop span {
	padding: 0 0 0 20px
}
.alt_row {
	background: #fafafa;
}
.breadcrumb {
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	background: url(/intranet/img/tabletop.gif) 0 100%;
}
.appForm                { font-size: 9pt; }
.appForm td             { padding: 0 0 4px 0; }
.appForm td:last-child  { width: 70%; }
.appForm th             { padding: 1px 0 1px 4px; background: #7DA7D9; color: #FFFFFF; width: 750px; text-align: left; font-weight: normal; }
.appForm input          { width: 200px; }
.appForm textarea       { margin-top: 4px; overflow: hidden; }
.appForm select         { width: 225px; }
.appForm td.btn input   { width: 60px; margin-bottom: 20px; }

#subFoot					{ overflow: auto; padding-bottom: 40px;  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }
#bottomNav					{ height: 29px; background: rgb(118, 158, 206); border: 1px solid rgb(88, 124, 176); border-width: 1px 0; overflow: hidden;}
#bottomNav li				{ float: left; margin: 0 12px; }
#bottomNav li,
#bottomNav a				{ display: block; font-size: 9px; line-height: 31px;  color: white; text-transform: uppercase; text-decoration: none; }
#bottomNav					{ position: absolute; bottom: 0; width: 750px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }
#bottomNav li.footPad		{ margin-left: 50px;}
#bottomNav a:hover			{ text-decoration: underline; }
#fC1,
#fC2						{ float: left; width: 292px; padding: 0 10px 10px;}
#fC1						{ padding-top: 35px; }
#fC2						{ width: 418px;}
#ePatrolAd					{ height: 50px; padding: 74px 8px 8px 163px; background: url(/img/misc/ad-ePatrol.jpg) no-repeat 0 100%; color: white; font-size: 10px; text-transform: uppercase; line-height: 1.3; text-shadow: black 0 0 2px; cursor: pointer;}

#fC1 p						{ color: rgb(80, 80, 80); font-size: 10px; line-height: 1.6; margin-top: 3px; text-transform: uppercase;}

#menu h2 a.nav9 {display: none;}

#subNav					{ height: 25px; width: 748px; margin: 0 auto 2px; background: rgb(203,43,67); border: 1px solid rgb(151,34,57); border-top-color: rgb(211,75,96); font-size: 11px; text-transform: uppercase; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;}
#subNav ul				{ height: 25px; width: 746px; border-left: 1px solid rgb(225,87,113); border-right: 1px solid rgb(211,75,96); }
#subNav li				{ float: left; line-height: 25px; word-spacing: 4px; color: white;}
#subNav li span,
#subNav li.login a,
#subNav li a			{ display: block; padding: 0 16px 0 10px; background: rgb(219,57,87) url(/img/backgrounds/background-subNavArrow.png) no-repeat 100% 50%; text-decoration: none; color: white; cursor: pointer;}
#subNav li.doublePink a	{ background: rgb(219,57,87) url(/img/backgrounds/background-subNavArrow-doublePink.png) no-repeat 100% 50%; }
#subNav li span			{ background: none;}

#subNav li.login { float: right; }
#subNav li.login a {padding: 0 16px 0 20px; background: red url(/img/backgrounds/background-login.png) no-repeat 0 50%;}
#flashBox,
#coverBox2,
#coverBox,
.portalBox		{ position: fixed; z-index: 100001;top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none;}
#employeeLogin,
.hqlogin,
.portalBoxInside		{ width: 400px; position: relative; margin: 189px auto; padding: 20px; background-color: rgb(245, 245, 245); border: 10px solid rgb(204, 204, 204); font-family: 'lucida grande', verdana; font-size: 12px;  text-align: left; }

#Flash 			{ text-align: left; border: 1px solid #ccc; padding: 5px 5px 5px 30px; font-size: 14px; margin-bottom: 12px; }
.hqlogin #Flash { margin-top: 12px; font-size: 12px; }
#Flash.flash_alert { border-color: #c99; color: #fff; background: url(/images/alertbad_icon.gif) #c00 left no-repeat; }
#Flash.flash_alert a { color: #fff; }
#Flash.flash_alert a:hover { background: #000; }
#Flash.flash_notice { border-color: #9c9; color: #060;background: url(https://thgteamit.basecamphq.com/images/alertgood_icon.gif) #E2F9E3 left no-repeat; }
.hqClose			{ position: absolute; top: 5px; right: 5px;  padding: 0 20px 0 0; background: url(/img/misc/button-close.png) no-repeat 100% 0; font-size: 11px; color: #ccc; white-space: nowrap;}
.hqClose:hover		{ background-position: 100% -28px}
#employeeLogin h2,
#employeeLogin h1,
.hqlogin h1,
.hqlogin h2 {color: #000; font-size: 12px; margin: 0 0 2px 0; padding: 0; }
#employeeLogin input,
.hqlogin  input { width: 275px; font-size: 14px; padding: 3px; margin-bottom: 10px; }
.hqlogin  label {float: none; margin-bottom: 10px; width: auto; line-height: 1; }
.hqlogin  label input {margin-bottom: 0; }
.hqlogin input.auto {width: auto; }
#employeeLogin input.button,
.hqlogin  input.button {width: auto; font-size: 14px; padding: 3px; margin: 10px 0 0 0; }
#employeeLogin div.extra,
.hqlogin  div.extras {border-top: 1px dashed #999; margin-top: 20px; padding-top: 10px; }
.hqlogin  div.extras ul {margin: 0 0 0 17px; padding: 0; }
.hqlogin  div.extras ul li {list-style: square; font-size: 12px; padding-bottom: 3px; }

div#open_bar { background: #000; position: relative; text-align: left; font-size: 10px; z-index: 1; }
div#open_bar div.message { padding: 5px 30px; color: #999; margin: 0; }
div#open_bar ul { margin: 0; padding: 0; }
div#open_bar li { list-style-type: none; line-height: normal; padding: 0; }
div#open_bar ul.menus { padding: 0 25px; }
div#open_bar li.menu { float: left; position: relative; margin-right: 4px; }
div#open_bar li.menu a { position: relative; display: block; padding: 4px 5px; font-size: 10px; color: #999; text-decoration: none; }
div#open_bar li.menu a:hover { background: #000; }
div#open_bar li.menu a.on { color: #ddd; }
div#open_bar li.menu a.on:hover { color: #ddd; }
div#open_bar li.menu a.account:hover { color: #fff; }
div#open_bar li.menu a.current_account:hover { color: #999; }
div#open_bar li.menu div.items { display: none; position: absolute; z-index: 5; left: 0; width: 200px; background: url(https://thgteamit.basecamphq.com/images/open_bar_bg.png) repeat; }
div#open_bar li.hover div.items { display: block; }
div#open_bar li.menu ul.items { padding: 0 3px 3px 0; }
div#open_bar li.item { background: #000; border-top: 1px solid #222; }
div#open_bar li.item a { padding-left: 10px; }
div#open_bar ul.items li.last { padding-bottom: 5px; }
/* IE */
div#open_bar li.menu div.items { _background: none; }
div#open_bar li.menu ul.items { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://thgteamit.basecamphq.com/images/open_bar_bg.png',sizingMethod='scale'); }
div#open_bar ul.menus,
div#open_bar li.menu div.items,
div#open_bar li.menu ul.items,
div#open_bar li.item,
div#open_bar li.item a {
zoom: 100%;
}

body.with_open_bar div#open_bar {
_position: absolute;
_top: 0;
_left: 0;
}

body.with_open_bar div#Header {
_margin-bottom: 20px;
_top: 20px;
}


.hqlogin h1,
#employeeLogin h1			{ font-size: 14px; margin-bottom: 15px; }
#employeeLogin input.other_input	{ width: auto; height: auto; padding: 2px 10px; background: #f0f0f0; color: #444; border-width: 1px; }

#boxMe		{ position: fixed; top: 50%; left: 50%; height: 261px; width: 416px; margin: -150px 0 0 -228px; padding: 20px; background: white; }

#portal {
	width: 600px;
	height: 200px;
	background: url(/img/content_images/Image/portal.jpg);
	position: relative;
	margin: 0 68px;
}
#portal ul, #portal li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#portal a {
	position: absolute;
	width: 185px;
	height: 32px;
	text-indent: -100000px;
	display: block;
}
#portal .specialtysystems a, #portal .infrastructure a, #portal .financialbackbone a {
	left: 15px;
}
#portal .customerallaccess a, #portal .operationaltools a, #portal .operationalsupport a {
	right: 15px;
}
#portal .specialtysystems a, #portal .customerallaccess a {
	top: 32px;
}
#portal .infrastructure a, #portal .operationaltools a {
	top: 84px;
}
#portal .financialbackbone a, #portal .operationalsupport a {
	top: 136px;
}
.portalBox {
	display: none;
}
#specialtysystems .portalBoxInside, #infrastructure .portalBoxInside, #customerallaccess .portalBoxInside, #operationalsupport .portalBoxInside {
	padding-left: 210px;
	background-image: url(/img/logos/facilityONILNE.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
#infrastructure .portalBoxInside {
	background-image: url(/img/logos/teamit.jpg);
}
#customerallaccess .portalBoxInside {
	background-image: url(/img/logos/cbase.jpg);
}
#operationaltools li {
	clear: both;
	border-bottom: 1px solid #ccc;
}
#operationaltools .epay, #operationaltools .enitial, #operationaltools .epatrol, #operationaltools .eqc {
	background-position: 0 50%;
	background-image: url(/img/logos/epay.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 40px;
	text-indent: -1000000px;
	width: 100px;
	margin: 0 20px 0 0;
}
#operationaltools .enitial {
	background-image: url(/img/logos/enitial.jpg);
}
#operationaltools .epatrol {
	background-image: url(/img/logos/epatrol.jpg);
}
#operationaltools .eqc {
	background-image: url(/img/logos/eqc.jpg);
}
#operationalsupport .portalBoxInside {
	background-image: url(/img/logos/etools.jpg);
}