@charset "UTF-8";


/*GLOBAL RESET
--------------*/
body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, form, 
fieldset, legend, input, textarea, p,
blockquote, th, td 											{ margin: 0; padding: 0; }
table 														{ border-collapse: collapse; border-spacing: 0; padding: 0;  width: 100%; }
fieldset,
img,
a img 														{ border: 0; }
caption,
th 															{ text-align:left;}
q:before,
q:after 													{ content:''; }
input, 
textarea, 
select 														{ font-family:inherit; font-size: inherit; font-weight: inherit; }
button														{ border: none; background: none; }
.clearer													{ margin: 0; padding: 0; clear:both; }
legend,
hr.hide														{ display: none; }


body														{ font: 0.69em/1.3em Arial, Helvetica, sans-serif; color: #333; text-align: center; background: #e5e5e5 url(/content/images/shared/backgrounds/bg.jpg) 0 0 repeat-x; }


/*TYPOGRAPHY
------------*/
#content a:link,
#content a:visited											{ color: #000; }
#content a:hover,
#content a:active											{ color: #999; text-decoration: none;}

#content p,
#content ol,
#content ul,
#content dl													{ margin-bottom: 0.91em; }

#content li													{}

#content h1													{ font-size: 1em; color: #002a5c; margin-bottom: 0.91em; }
#content h2													{ font-size: 1em; color: #111; }
#content h3													{ font-size: 1em; color: #444; }
#content h4													{ font-size: 1.2em; color: #444; font-weight: normal; line-height: 1.4em; }


.title-container											{ width: 262px; color: #002a5c; backg//round: #061d37 url(/content/images/shared/backgrounds/title-top.gif) 0 0 no-repeat; margin-bottom: 0; font-size: 1.36em; font-weight: bold; }
.title-container .inner-title-container						{ padding: 7px 0px; back//ground: url(/content/images/shared/backgrounds/title-bottom.gif) 0 100% no-repeat; }
* html .inner-title-container								{ overflow: auto; height: 1%; }
#content .title-container h1								{ margin: 0;}



/*IMAGES
-------*/
img.left													{ float: left; margin: 0 10px 10px 0; }
img.right													{ float: right; margin: 0 0 10px 10px; }


/*STRUCTURE
-----------*/
#wrap														{ width: 960px; text-align: left; margin: 24px auto; background: url(/content/images/shared/backgrounds/content-bg.jpg) 0 0 repeat-y; }
#outer-wrap													{ background: url(/content/images/shared/backgrounds/header-bg.jpg) 0 0 no-repeat; }
#inner-wrap													{ background: url(/content/images/shared/backgrounds/footer-bg.jpg) 0 100% no-repeat; min-height: 390px; padding: 20px; }
* html #inner-wrap											{ height: 350px; }
.fitting-size 												{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #002c5d;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	marjin-left: 10px;
}

/*Header*/
#header														{ position: relative; height: 350px; }

#header h1													{ width: 165px; height: 152px; position: absolute; top: -40px; left: 0; z-index: 9999;  cursor: pointer;  }
#main-menu													{ position: absolute; top: 0; left: 180px; width: 290px; z-index:9998; }
#main-menu ul												{ margin: 0; }
#main-menu li												{ list-style: none; float: left; padding-right: 5px; margin-right: 5px; border-right: 1px solid #3f3f3f; }
#main-menu li a												{ height: 11px; display: block; background-repeat: no-repeat; background-position: 0 0; }
#main-menu li a:hover										{ background-position: 0 -11px; }
#main-menu li a span										{ display: none; }
#main-menu li a#mm-about-us									{ background-image: url(/content/images/shared/menu/mm-about-us.gif); width: 48px; }
#main-menu li a#mm-store-locator							{ background-image: url(/content/images/shared/menu/mm-store-locator.gif); width: 78px; }
#main-menu li a#mm-contact-us								{ background-image: url(/content/images/shared/menu/mm-contact-us.gif); width: 60px; }

/*Banner*/
#banner														{ width: 883px; height: 324px; background-position: 100% 0; background-repeat: no-repeat; position: absolute; top: 10; left: 30px; }
.home-banner												{ background-image: url(/content/images/home/banner-home.jpg); }
.about-banner												{ background-image: url(/content/images/banners/about.jpg); }
.workwear-banner											{ background-image: url(/content/images/products/workwear-essentials/banner-workwear.jpg); }
.classics-banner											{ background-image: url(/content/images/products/classics/banner-classics.jpg); }
.footwear-accessories-banner								{ background-image: url(/content/images/products/footwear-accessories/banner-footwear-accessories.jpg); }

#banner #sub-menu											{ background:url(/content/images/shared/sub-menu/submenu-bg.gif) 0 0 no-repeat; width: 143px; height: 324px; }
#banner #sub-menu ul										{ padding: 126px 0 0 0; }
#banner #sub-menu li										{ list-style: none; text-align: right; clear: both; }
* html #banner #sub-menu li									{ height: 14px; }
#banner #sub-menu li a										{ float: right; display: block; height: 14px; background-position: 100% 0; background-repeat: no-repeat; }
#banner #sub-menu li a span									{ display: none; }

#banner #sub-menu li a#sm-workwear-essentials				{ background-image: url(/content/images/shared/sub-menu/sm-workwear-essentials.gif); width: 127px; margin-bottom: 9px; }
#banner #sub-menu li a#sm-workwear-essentials:hover,
#banner #sub-menu li a#sm-workwear-essentials.active		{ background-image: url(/content/images/shared/sub-menu/sm-workwear-essentials2.gif); }

#banner #sub-menu li a#sm-classics							{ background-image: url(/content/images/shared/sub-menu/sm-classics.gif); width: 120px; margin-bottom: 6px; }
#banner #sub-menu li a#sm-classics:hover,
#banner #sub-menu li a#sm-classics.active					{ background-image: url(/content/images/shared/sub-menu/sm-classics2.gif); }

* html #banner #sub-menu li a#sm-classics					{ margin-bottom: 5px; }

#banner #sub-menu li a#sm-weather							{ background-image: url(/content/images/shared/sub-menu/sm-weather.gif); width: 65px; margin-bottom: 7px; }
#banner #sub-menu li a#sm-weather:hover,
#banner #sub-menu li a#sm-weather.active					{ background-image: url(/content/images/shared/sub-menu/sm-weather2.gif); }

* html #banner #sub-menu li a#sm-weather					{ margin-bottom: 5px; }

#banner #sub-menu li a#sm-protective						{ background-image: url(/content/images/shared/sub-menu/sm-protective.gif); width: 65px; margin-bottom: 9px; }
#banner #sub-menu li a#sm-protective:hover,
#banner #sub-menu li a#sm-protective.active					{ background-image:url(/content/images/shared/sub-menu/sm-protective2.gif); }

* html #banner #sub-menu li a#sm-protective					{ margin-bottom: 3px; }

#banner #sub-menu li a#sm-hi-visiblity						{ background-image: url(/content/images/shared/sub-menu/sm-hi-visibility.gif); width: 75px; margin-bottom: 8px; }
#banner #sub-menu li a#sm-hi-visiblity:hover,
#banner #sub-menu li a#sm-hi-visiblity.active				{ background-image:url(/content/images/shared/sub-menu/sm-hi-visibility2.gif); }

* html #banner #sub-menu li a#sm-hi-visiblity				{ margin-bottom: 4px; }


#banner #sub-menu li a#sm-food-industry						{ background-image: url(/content/images/shared/sub-menu/sm-food-industry.gif); width: 81px; margin-bottom: 10px; }
#banner #sub-menu li a#sm-food-industry:hover,
#banner #sub-menu li a#sm-food-industry.active				{ background-image: url(/content/images/shared/sub-menu/sm-food-industry2.gif); }

* html #banner #sub-menu li a#sm-food-industry				{ margin-bottom: 5px; }

#banner #sub-menu li a#sm-footwear-accessories				{ background-image: url(/content/images/shared/sub-menu/sm-footwear-accessories.gif); width: 134px; margin-bottom: 7px; }
#banner #sub-menu li a#sm-footwear-accessories:hover,
#banner #sub-menu li a#sm-footwear-accessories.active		{ background-image:url(/content/images/shared/sub-menu/sm-footwear-accessories2.gif); }

* html #banner #sub-menu li a#sm-footwear-accessories		{ margin-bottom: 4px; }

#banner #sub-menu li a#sm-id-kit							{ background-image: url(/content/images/shared/sub-menu/sm-id-kit.gif); width: 40px; }
#banner #sub-menu li a#sm-id-kit:hover,
#banner #sub-menu li a#sm-id-kit.active						{ background-image: url(/content/images/shared/sub-menu/sm-id-kit2.gif); }






/*Content*/
#content													{ padding: 0 30px 50px 30px; min-height: 320px; }
#content.home												{ padding: 0 30px 20px 30px; min-height: 200px; }

* html #content												{ height: 320px; }
#content.home												{ height: 220px;}
#content #sub-content										{}


/*Footer*/
#footer span												{ display : none; }
#footer ul													{ float: left; width: 340px; }
#footer li													{ list-style: none; float: left; padding-right: 5px; margin-right: 5px; border-right: 1px solid #3f3f3f; }
#footer li a												{ height: 11px; display: block; background-position: 0 0; background-repeat: no-repeat; }
#footer li a:hover											{ background-position: 0 -11px; }
#footer li a#ft-privacy-terms								{ background-image:url(/content/images/shared/footer/ft-privacy-terms.gif); width: 130px; }								
#footer li a#ft-sitemap										{ background-image:url(/content/images/shared/footer/ft-sitemap.gif); width: 45px; }								
#footer li a#ft-customer-service							{ background-image:url(/content/images/shared/footer/ft-customer-service.gif); width: 100px; }								
#footer p#copyright											{ float: left; width: 60px; height: 11px; background: url(/content/images/shared/footer/copyright-txt.gif) 0 0 no-repeat; }
#footer p#we-interactive a									{ float: right; width: 170px; height: 11px; background: url(/content/images/shared/footer/site-design-txt.gif) 0 0 no-repeat; }
#footer p#we-interactive a:hover							{ background-position: 0 -11px; }

/*FORMS
-------*/

.form-container												{ background-position: 0 0; background-repeat: no-repeat; margin-bottom: 0.91em; }
.inner-form-container										{ padding: 5px; padding-bottom:0; background-position: 0 100%; background-repeat: no-repeat; }
* html .inner-form-container								{ overflow: auto; height: 1%; }

/*Product Search & Store Locator*/
.product-search,
#content.home .store-locator								{ width: 262px;  }

.product-search												{ position: absolute; right: 20px; bottom: 10px; }
#content.home .store-locator								{ margin-left: 218px; }

.product-search												{ background-color: #9e212b; background-image: url(/content/images/shared/backgrounds/product-search-top.gif); }
.product-search .inner-form-container						{ background-image: url(/content/images/shared/backgrounds/product-search-bottom.gif); }

#content.home .store-locator								{ background-color: #061d37; background-image: url(/content/images/shared/backgrounds/store-locator-top.gif); }
#content.home .store-locator .inner-form-container			{ background-image: url(/content/images/shared/backgrounds/store-locator-bottom.gif); }

.product-search p,
#content.home .store-locator p								{ display: inline; }

.product-search label,										
#content.home .store-locator label							{ background-position: 0 50%; background-repeat: no-repeat; width: 100px; height: 17px; $height: 24px; display: block; float: left; }

* html .product-search label,										
* html .store-locator label									{ height: 20px; }

.product-search label span,										
.store-locator label span									{ display: none; }
.store-locator label										{ background-image:url(/content/images/shared/backgrounds/store-locator-txt.gif); }
.product-search label										{ background-image:url(/content/images/shared/backgrounds/product-search-txt.gif); background-position: 0 3px; }

.product-search label.error									{ background: none; width: 220px; color: #FFF; padding: 2px 5px 2px 25px; margin-top: 5px; background: #6F0710 url(/content/images/shared/icons/search-error-icon.gif) 3px 50% no-repeat; $height: 1%; }
* html .product-search label.error							{ height: 1%; }

.product-search input,
.store-locator input										{ width: 100px; height:12px; vertical-align:top;}
.product-search p.submit button								{ width: 30px; height: 20px; cursor: pointer; }
.store-locator p.submit input								{ width: auto; }

/*Client Login*/
#client-login												{ position: absolute; top: -19px; right: 0; width: 440px; height: 100px; overflow: hidden; }
#box-outer 													{ height: auto;  }
#client-form												{ background: #9F9995; padding-bottom: 5px; display: none;   }
#client-form form											{ display: block; padding: 5px 5px; }
#client-login form p										{ float: left; width: 180px; }
* html #client-login form p									{ overflow: auto; height: 1%; vertical-align:text-bottom; }
#client-login form p label									{ padding-right: 5px; float: left; width: 50px; padding-top: 2px; }
* html #client-login form p label							{ padding-top: 3px; }
#client-login form p label.error							{ display: block; width: 150px; color: #FFF; padding: 2px 0 2px 23px; background: #766f6a url(/content/images/shared/icons/error-icon.gif) 3px 50% no-repeat; margin-top: 5px; border-right: 3px solid #9F9995; }
#client-login form p input									{ width: 110px; }
#client-login form p.submit									{ width: 30px; }
#client-login form p.submit input							{ width: auto; }

#client-login a:link,
#client-login a:visited										{ color: #5c534c; text-decoration: none; }
#client-login a:hover,
#client-login a:active										{ color: #FFF; text-decoration: underline; }
#forgot-password											{ float: none; margin: 0px 5px; padding: 3px 0 3px 10px; display: block; background: #9F9995 url(/content/images/shared/icons/arrow.gif) 0 50% no-repeat; border-top: 1px solid #BFB8B3; }
.reposition													{ overflow: hidden; }


/*javascript enabled styles*/
#client-login #login-toggle a 								{ visibility: visible; background:url(/content/images/shared/buttons/client-login-btn.gif) 0 0 no-repeat; width: 96px; height: 19px; display: block; cursor: pointer; color: #FFF; float: right; margin-right: 35px; }
#login-toggle a span										{ display: none; }
.reposition													{ overflow: hidden; }





/*Home*/
#content.home												{ padding: 0 20px 20px 30px;}
#content.home #main-content									{ float: left; width: 365px; padding-right: 20px; padding-top: 30px; }
#content.home #sub-content									{ float: right; width: 455px; }
#content.home h1											{ margin-bottom: 1em; }
.news														{ clear: both; overflow: auto; width:465px; }
* html .news												{ height: 1%; }
.news img													{ float: left; border: 0px solid #FFF; margin: 0 10px 10px 0; }

#catalogue-fitting-pdf										{  padding-left: 173px;padding-top:10px;}
#catalogue-fitting-pdf ul									{ background:url(/content/images/home/catalogue-fitting-bg.gif) 0 0 no-repeat; height: 33px; }
#catalogue-fitting-pdf li									{ list-style: none; float: left; }
#catalogue-fitting-pdf li a									{ height: 16px; display: block; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; }
#catalogue-fitting-pdf li a span							{ display: none; }
#catalogue-fitting-pdf li a#download-catalogue				{ background-image:url(/content/images/home/download-catalogue1.gif); width: 114px; margin: 12px 7px 0 11px; }
#catalogue-fitting-pdf li a#download-catalogue:hover		{ background-image:url(/content/images/home/download-catalogue2.gif); }
#catalogue-fitting-pdf li a#download-fitting				{ background-image:url(/content/images/home/download-fitting1.gif); width: 118px; margin: 4px 0 0 20px;}
#catalogue-fitting-pdf li a#download-fitting:hover			{ background-image:url(/content/images/home/download-fitting2.gif);}
#catalogue-fitting-pdf p									{ margin-left: 10px; padding-left: 10px; background:url(/content/images/home/pdf-arrow.gif) 0 50% no-repeat; }

/*Product pages*/
#content.products #main-content								{ float: right; width: 680px;  p//adding-top: 15px;  }
#content.products #sub-content								{ float: left; width: 162px;  pad//ding-top: 15px; }

#garment-menu li											{ list-style: none; border-bottom: 1px solid #dedede; padding: 2px 0; $height: 1%; }
* html #garment-menu li										{ height: 1%; }
#garment-menu li a											{ display: block; width: 162px; height: 17px; background-position: 0 -17px; background-repeat: no-repeat; }
#garment-menu li a span										{ display: none; }
#garment-menu li a:hover,
#garment-menu li a.active									{ background-position: 0 0 ; }

#garment-menu li a#gm-overalls								{ background-image:url(/content/images/products/shared/garment-menu/gm-overalls.gif); }
#garment-menu li a#gm-shirts								{ background-image:url(/content/images/products/shared/garment-menu/gm-shirts.gif); }
#garment-menu li a#gm-vests									{ background-image:url(/content/images/products/shared/garment-menu/gm-vests.gif); }
#garment-menu li a#gm-polos									{ background-image:url(/content/images/products/shared/garment-menu/gm-polos.gif); }
#garment-menu li a#gm-jackets								{ background-image:url(/content/images/products/shared/garment-menu/gm-jackets.gif); }
#garment-menu li a#gm-trousers								{ background-image:url(/content/images/products/shared/garment-menu/gm-trousers.gif); }
#garment-menu li a#gm-coats									{ background-image:url(/content/images/products/shared/garment-menu/gm-coats.gif); }
#garment-menu li a#gm-windcheaters							{ background-image:url(/content/images/products/shared/garment-menu/gm-windcheaters.gif); }
/*High-Visibility*/
#garment-menu li a#gm-windcheaters_coats					{ background-image:url(/content/images/products/shared/garment-menu/gm-windcheaters-coats.gif); }
/*Workwear Essentials*/
#garment-menu li a#gm-trousers_shorts						{ background-image:url(/content/images/products/shared/garment-menu/gm-trousers-shorts.gif); }
/*Accessories & Footwear*/
#garment-menu li a#gm-accessories							{ background-image:url(/content/images/products/shared/garment-menu/gm-accessories.gif); }
#garment-menu li a#gm-footwear								{ background-image:url(/content/images/products/shared/garment-menu/gm-footwear.gif); }


*html #page-info											{ height: 1%; }
#page-info													{ $height: 1%; }
#content #page-info h1										{ float: left; width: 200px; margin: 0; }
#pagination													{ float: right; width: 250px; text-align: right; }
#pagination li												{ list-style: none; display: inline; padding-right: 5px; margin-right: 5px; border-right: 1px solid #CCC; }
#pagination li.last											{ list-style: none; display: inline; padding-right: 5px; margin-right: 5px; border: none; }
#content #pagination li a									{ color: #999; }				
#content #pagination li.current a							{ font-weight: bold; text-decoration: none; color: #061d37; }


.garment													{ float: left; width: 153px; margin: 0 10px 10px 0; padding: 2px; background: #EFEFEF; border: 1px solid #E3E3E3; }
.garment img												{ float: left; }
.garment .text												{ width: 75px; float: right; }
#content .garment h2										{ font-weight: normal; font-size: 0.95em;  line-height: 1.1em; margin-bottom: 5px;}
#content .garment h2 span									{ font-weight: bold; color: #061d37; display: block; }
.garment .text p											{ font-size: 0.90em; line-height: 1.1em; }
.garment a,
.over a														{ text-decoration: none; }

.over														{ background: #e0dede; border: 1px solid #cdcaca; cursor: pointer; }
.over h2 a													{ color: #061d37;  }



.detail														{ float: none; width: auto; margin: 0; padding: 5px; } 
.detail #info												{ float: right; width: 450px; padding-top: 10px; }
.detail #info h1											{ font-size: 1.4em; color: #e51937; }
#content .detail #info h1 span								{ color: #002a5c; }
.detail #info dl											{ border-bottom: 1px solid #CCC; width: 410px; }
.detail #info dt,
.detail #info dd											{ padding: 2px 0; border-top: 1px solid #CCC; }
.detail #info dt											{ float: left; width: 100px; font-weight: bold; }
.detail #info dd											{ margin-left: 110px; width: 290px; }

#icons														{ clear: both; overflow: auto; min-height: 59px; _height: 1%; margin-bottom: 10px; }
#icons img													{ display: inline; height: 59px; width: 58px; margin: 0 3px 3px 0; } 
/*#icons li													{ list-style: none; float: left; display: block; height: 59px; width: 58px; background-position: 0 0; background-repeat: no-repeat; }
#icons li#warehouse											{ background-image:url(/content/images/products/shared/icons/icon-warehouse.gif); }
#icons li#sun												{ background-image: url(/content/images/products/shared/icons/icon-sun.gif); }
#icons li#hand												{ background-image: url(/content/images/products/shared/icons/icon-hand.gif); }
#icons li span												{ display: none; }
*/
#options													{ height: 34px; margin-bottom: 20px; }
p#fitting-btn a												{ float: left; display: block; width: 137px; height: 19px; background:url(/content/images/shared/buttons/fitting-btn.gif) 0 0 no-repeat; margin-right: 10px; }
p#style-notes-btn a											{ float: left; display: block; width: 90px; height: 19px; background:url(/content/images/shared/buttons/style-notes-btn.gif) 0 0 no-repeat; margin-right: 10px; }
p#style-notes-btn a span,
p#fitting-btn a span										{ display: none; }

/*Store Locator*/

#content.store-locator #main-content						{ float: left; width: 300px; }
#content.store-locator #sub-content							{ float: right; width: 550px; padding-top: 35px; }
.state														{ display: none; }
/*map*/
#state ul													{ width: 300px; height: 335px; background: url(/content/images/store-locator/map.gif) 0 0 no-repeat; position: relative; }
#state li													{ list-style: none; }
#state li a													{ display: block; position: absolute; }
#state li a#map-nsw											{ width: 92px; height: 72px; top: 155px; left: 205px; }
#state li a#map-nt											{ width: 74px; height: 108px; top:20px; left: 120px;}
#state li a#map-qld											{ width: 105px; height: 125px; top:30px; left: 195px;}
#state li a#map-sa											{ width: 84px; height: 115px; top:130px; left: 120px;}
#state li a#map-tas											{ width: 54px; height: 34px; bottom:35px; right: 22px;}
#state li a#map-vic											{ width: 57px; height: 25px; bottom:85px; right: 37px;}
#state li a#map-wa											{ width: 115px; height: 185px; top:35px; left: 3px;}
#state li a	span											{ display: none; }

/*stores*/
.store														{ float: left;  width: 240px; margin: 0 10px 10px 0; min-height: 85px; background: #EFEFEF; border: 1px solid #E3E3E3; padding: 5px; }
* html .store												{ height: 85px; }

/*Contact Us*/
#form-container												{ float: left; width: 450px; }
#form-container .row										{ padding: 5px 0; overflow: auto; min-height: 1%; clear: both; }
#form-container .label										{ float: left; width: 200px; }
#form-container .field										{ float: right; width: 240px; }
#content #form-container form p								{ margin: 0; }	
#form-container input,
#form-container select,
#form-container textarea									{ width: 220px; }	
#form-container .checkbox									{ display: block; }
#form-container .checkbox input								{ width: auto; margin: 0 10px 0 0; }
#form-container .checkbox p									{ padding: 2px 0; display: block; wi//dth: 220px; height: 1%; overflow: auto; }
#form-container p#submit									{ padding-top: 5px; border-top: 1px solid #999; }
#form-container p#submit input								{ width: auto; pad//ing: 3px 10px; back//ground: #9E212B; color: #FFF; bor//der: 1px solid #FFF; cursor: pointer; text-transform: uppercase; }

#head-office												{ float: right; width: 380px; }

#content.sitemap ul li										{ list-style: none; list-style-image:url(/content/images/shared/icons/blue-arrow.gif); list-style-position: outside; margin-left: 2em; line-height: 1.5em; }
#content.sitemap ul li ul li								{ list-style-image:url(/content/images/shared/icons/red-arrow.gif); }
.AspNet-TreeView-Collapse									{display: none;}

#content h1.table-heading									{ padding-top: 15px; padding-bottom: 5px; width: 100%; white-space: nowrap; color: #000; }
table														{ margin-bottom: 5px; clear: both; }
table td													{ padding: 2px 0; }
table tr.odd td												{ background: #CFCFCF; }