/********************************************  CSS RESET  *********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
th { text-align: left; }
address { font-style: normal; }
.clearFloat { clear: both; }
.hidden { display: none; }
body, select, input, textarea { font-family: arial, sans-serif; }
textarea { margin: 0; font-size: 100%; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}


/**********************************************  FONTS  ***********************************************/

h1.bannerHeader {
	width: 458px;
	height: 53px;
	color: #fff;
	font-weight: bold;
	background: url('../images/bg/header-bg.gif');
	position: relative;
	left: -10px;
	text-transform: uppercase;
	font-size: 26px;
	padding: 11px 0 0 50px;
	margin: 0 0 15px 0;
}
.home h1 {
	background: url('../images/logos/logo-roger-david-suit-hire.gif');
	width: 261px;
	height: 88px;
	text-indent: -9999em;
}
p {
	color: #333;
	line-height: 1.25em;
	margin: 0 0 1em 40px;
	font-size: .8125em;
}


/**********************************************  HEADER  **********************************************/

#headerWrapper {
	height: 41px;
	position: relative;
	min-width: 996px;
}
#menu {
	width: 942px;
	margin: 0 auto;
	height: 31px;
	padding: 11px 0 0 54px;
}
#menu li {
	float: left;
	margin: 0 12px 0 0;
}
#menu a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	display: block;
	line-height: 16px;
	padding: 2px;
}
#menu a:hover,
.home #miHome a,
.schoolFormals #miSchoolFormals a,
.corporate #miPersonal a,
.weddings #miWeddings a,
.catalogue #miCatalogue a,
.pricing #miPricing a,
.locations #miLocations a,
.contact #miContact a {
	color: #909090;
}
#headerWrapper .facebookLink {
	position: absolute;
	right: 20px;
	top: 13px;
	display: block;
	width: 62px;
	height: 13px;
	background: url('../images/buttons/btn-facebook.gif');
	text-indent: -9999em;
	overflow: hidden;
	font-size: 0;
}
#headerWrapper .facebookLink:hover {
	background-position: left bottom;
}


/**********************************************  FOOTER  **********************************************/

#footerWrapper {
	height: 57px;
	position: relative;
	min-width: 990px;
}
#footer {
	width: 930px;
	margin: 0 auto;
	color: #4d4d4d;
	font-size: 12px;
	padding: 20px 0 0 50px;
}
#footer a {
	color: #4d4d4d;
	text-decoration: none;
	margin: 0 0 0 13px;
}
#footer a:hover {
	color: #fff;
}
#mailingListForm {
	position: absolute;
	right: 20px;
	top: 15px;
	width: 517px;
	height: 30px;
}
#mailingListForm .tagline {
	font-size: 12px;
	text-transform: uppercase;
	color: #797979;
	margin: 6px 0 0 0;
}
#mailingListForm .success {
	color: #fff;
	text-align: right;
	text-transform: none;
}
#mailingListForm #subscriptionEmail {
	width: 173px;
	padding: 3px 0 3px 6px;
	border: 3px #4d4d4d solid;
	font-size: 12px;
	color: #797979;
	position: absolute;
	right: 25px;
	top: 0;
}
#mailingListForm.error #subscriptionEmail {
	border-color: #790000;
}
#mailingListForm label {
	font-size: 12px;
	color: #797979;
	position: absolute;
	right: 119px;
	top: 6px;
	z-index: 1;
}
.compact#mailingListForm label {
	top: -14px;
}
#mailingListForm .imgBtn {
	position: absolute;
	right: 0;
	top: 2px;
}


/*******************************************  PAGE LAYOUT  ********************************************/

body {
	background: #111;
}
#wrapper {
	background: url('../images/bg/content-wrapper-bg.jpg') repeat-x left top;
	position: relative;
	min-width: 996px;
}
#content {
	width: 980px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	left: 8px;
	z-index: 1;
}
#main {
	min-height: 700px;
	height: auto !important;
	height: 700px;
	width: 504px;
}
#photoContainer {
	position: absolute;
	right: 0;
	top: 0;
	width: 45%;
	max-width: 600px;
	background: #fff;
	overflow: hidden;
	z-index: 1;
	height: 700px;
}
#photo,
#photo ul {
	float: right;
	width: 100%;
	background: no-repeat left top;
	height: 700px;
}
#photo li {
	
}
#photo img {
	position: absolute;
}
.home #photo { background-image: url('../images/photos/school-formal.jpg'); }
.schoolFormals #photo { background-image: url('../images/photos/school-formal.jpg'); }
.corporate #photo { background-image: url('../images/photos/personal.jpg'); }
.weddings #photo { background-image: url('../images/photos/wedding.jpg'); }
.pricing #photo { background-image: url('../images/photos/pricing.jpg'); }
.locations #photo { background-image: url('../images/photos/locations.jpg'); }
.contact #photo { background-image: url('../images/photos/contact.jpg'); }
.misc #photo { background-image: url('../images/photos/pricing.jpg'); }

.photoCover {
	background: url('../images/bg/photo-cover.png') repeat-y left top;
	width: 110px;
	float left;
	position: relative;
	z-index: 1;
	height: 700px;
}
.bgCover {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: #fff;	
}


/********************************************  CATALOGUE  *********************************************/

.catalogue #photoContainer {
	display: none;
}
.catalogue .logo {
	display: none;
}
.catalogue #content {
	padding: 30px 0 0 0;
}
.catalogue #main {
	width: 980px;
}
#catalogueContainer {
	width: 800px;
	margin: 0 auto;
}
.catalogueTooltip {
	position: absolute;
	top: 38px;
	right: 58px;
}


/*********************************************  PRICING  **********************************************/

.pricingIntro {
	background: url('../images/text-replace/pricing-intro.gif');
	width: 320px;
	height: 62px;
	text-indent: -9999em;
	margin-bottom: 20px;
}
.pricingCols {
	overflow: hidden;
	width: 504px;
	font-size: .75em;
	margin: 0 0 15px 0;
}
.pricingCols li {
	float: left;
	width: 128px;
	margin: 0 0 0 40px;
	display: inline;
	background: url('../images/text-replace/pricing-numbers.gif') no-repeat left top;
	padding: 75px 0 0 0;
}
.pricingCols li.p2 { background-position: -128px 0; }
.pricingCols li.p3 { background-position: -256px 0; }

.pricingCols h2 {
	font-weight: bold;
	margin: 0 0 3px 0;
}
.pricingCols ul {
	margin: 2px 0 0 4px;
}
.pricingCols ul li {
	margin: 0;
	line-height: 1.25em;
	background: url('../images/icons/ico-bullet.gif') no-repeat left center;
	padding: 0;
	float: none;
	display: block;
	width: auto;
	padding: 0 0 0 10px;
}
.priceListContainer {
	background: url('../images/bg/latest-pricelist-bg.gif') no-repeat left top;
	width: 396px;
	height: 124px;
	position: relative;
	left: -10px;
}
.priceListContainer a {
	text-indent: -9999em;
	background: no-repeat left top;
	display: block;
	width: 172px;
	height: 68px;
	background-image: url('../images/buttons/btn-download.png');
	position: absolute;
	left: 215px;
	top: 70px
}
.priceListContainer a:hover {
	background-position: right top;
}


/********************************************  LOCATIONS  *********************************************/

.locationMenu {
	width: 363px;
	height: 29px;
	background: url('../images/bg/locations-list-bg.gif');
	margin: -24px 0 0 0;
	position: relative;
	left: -10px;
	padding: 6px 0 0 50px;
}
.locationMenu li {
	float: left;
	margin: 0 10px 0 0;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}
.locationMenu li:hover,
.locationMenu li.selected {
	color: #dbdbdb;
}
.locationsList {
	width: 450px;
	margin: 17px 0 0 30px;
	height: 575px;
}
.locationsList li {
	display: none;
}
.locationsList li.current {
	display: block;
}
.locationsList h2 {
	font-size: .875em;
	text-transform: uppercase;
	line-height: 1.2em;
	margin: 0 0 2px 10px;
}
.locationsList table {
	font-size: .75em;
	width: 100%;
}
.locationsList td {
	padding: 3px 10px;
}
.locationsList .dark td {
	background: #eaeaea;
}
.locationsList td.number {
	text-align: right;
	white-space: nowrap;
}


/********************************************  HOME PAGE  *********************************************/

.homeCols {
	overflow: hidden;
}
.homeCols .col {
	float: left;
	width: 196px;
	margin: 0 0 0 40px;
	display: inline;
}
.homeCols .col p {
	margin-left: 0;
}
.homeCols h2 {
	color: #111;
	margin: 0 0 6px 0;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}


/*******************************************  CONTACT FORM  *******************************************/

.contactForm {
	width: 465px;
	height: 348px;
	background: url('../images/bg/contact-form-bg.jpg') no-repeat left top;
	margin: 0 0 0 23px;
	padding: 50px 0 50px 0;
	position: relative;
}
.contactForm ol {
	margin: 0 0 0 50px;
}
.contactForm li {
	height: 33px;
	width: 350px;
	float: left;
}
.contactForm label {
	color: #5d4b2d;
	font-size: 16px;
	float: left;
	width: 110px;
	margin: 5px 0 0 0;
}
.contactForm label img {
	position: relative;
	top: -5px;
}
.contactForm ol input,
.contactForm ol textarea {
	float: left;
	border: 2px #89724b solid;
	font-size: 13px;
	width: 231px;
	padding: 3px 0 3px 5px;
}
.contactForm ol .textareaRow {
	height: 135px;
}
.contactForm ol textarea {
	height: 125px;
}
.contactForm ol .error input, .contactForm ol .error textarea {
	border-color: #790000;	
}
.contactForm ol input.short {
	width: 80px;
}
.contactForm .errorMsg {
	position: absolute;
	left: -5px;
	top: 18px;
	width: 359px;
	height: 28px;
	padding: 2px 0 0 55px;
	color: #fff;
	margin: 0;
	background: url('../images/bg/error-msg-bg.gif');
}
.contactForm .submitBtn {
	position: absolute;
	right: -41px;
	bottom: 26px;
}
.contactForm .submitBtn a {
	text-indent: -9999em;
	background: no-repeat left top;
	display: block;
	width: 172px;
	height: 68px;
	background-image: url('../images/buttons/btn-send.png');
}
.contactForm .submitBtn a:hover {
	background-position: right top;
}


/**********************************************  COMMON  **********************************************/

.logo {
	height: 170px;
	position: relative;
}
.logo a,
.logo h1 {
	position: absolute;
	top: 55px;
	left: 37px;
}
.tiles {
	overflow: hidden;
	margin: 40px 0 20px 40px;
	width: 485px;
}
.home .tiles {
	margin-top: 0;
	margin-bottom: 5px;
}
.tiles a {
	text-indent: -9999em;
	background: no-repeat left top;
}
.tiles a:hover {
	background-position: right top;
}
.tiles .catalogue {
	width: 195px;
	height: 203px;
	float: left;
	margin: 0;
}
.tiles .catalogue a {
	display: block;
	background-image: url('../images/tiles/view-catalogue.jpg');
	width: 195px;
	height: 203px;
	text-indent: -9999em;
}
.home .catalogue {
	margin-top: 35px;
}
.tiles .findStore {
	background-image: url('../http://www.rogerdavidsuithire.com.au/images/tiles/find-a-store.jpg');
	width: 214px;
	height: 209px;
	float: right;
}
.tiles .promo {
	float: right;
	position: relative;
	width: 287px;
}
.btnGetAnswers,
.btnDownloadIt {
	text-indent: -9999em;
	width: 172px;
	height: 68px;
	background-position: left top;
	display: block;
}
.btnGetAnswers { background-image: url('../images/buttons/btn-get-answers.jpg'); }
.btnDownloadIt { background-image: url('../images/buttons/btn-download-it.jpg'); }

.btnGetAnswers:hover,
.btnDownloadIt:hover {
	background-position: right top;
}

.anchorlink {
	font-weight:bold;
	color:#333;
	text-decoration:none

}