/* CSS Document */
body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		color:#606060;
		background: #533087 url(../images/layout/site-bkd.jpg) no-repeat top left;
		margin:0;
}

h1 {
		font-size:1.6em;
		color:#533087;
		margin:0;
}

h2 {
		font-size:1.6em;
		padding:0;
		margin:0 0 10px 0;
		color:#533087;
}

h3 {
		color:#ffffff;
		background-color:#533087;
		font-size:1.4em;
		padding:4px 0 4px 10px;
		width:506px;
		margin:0;
}

.clear {
		clear:both;
}

.imgFloatLeft {
		float:left;
		margin:0 5px 20px 0;
}

#outerWrapper {
		width:945px;
		/*height:auto;*/
		padding:15px 0 0 20px;
		margin:0 auto;
		background-color:#ffffff;
}

#header {
		width:925px;
		height:105px;
}

/*-------- NAVIGATION ------------------------------------------------------------------------------------------------------------*/

#nav {
		width:925px;
		height:32px;
		background-image:url(../images/layout/nav.gif);
		background-repeat:no-repeat;
		/*padding:7px 0 0 0;*/
}

#nav ul {
		margin:0;
		padding:0;
}

#nav ul li {
		display:inline;
		/*margin:0 0 0 30px;*/
}

#nav ul li a {
		width:auto;
		height:25px;
		display:block;
		color:#ffffff;
		font-size:1.3em;
		text-decoration:none;
		float:left;
		margin:0 0 0 23px;
		padding:7px 5px 0 5px;
}

#nav ul li a:hover {
		width:auto;
		height:25px;
		background-color:#DBD3E6;
		color:#533087;
}

/*-------- STRAPLINE ----------------------------------------------------------------------------------------------------------*/

#strapline {
		width:915px;
		height:45px;
		background-image:url(../images/layout/strapline_bkd.gif);
		background-repeat:no-repeat;
		background-position:top right;
		font-size:1.8em;
		color:#533087;
		padding:10px 0 0 10px;
}

#strapline span {
		font-size:1.5em;
}

#content {
		width:925px;
}

.bannerContainer {
		background-color:#ffffff;
		padding:0 0 5px 0;
}

/*--------LEFT COLUMN------------------------------------------------------------------------------------------------------*/

#leftColumn {
		width:191px;
		/*min-height:557px;*/
		height:472px;
		background:#DBD3E6 url(../images/layout/leftcolumnfade.jpg) no-repeat bottom;
		float:left;
}

.leftAdBanners {
		width:191px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/

a.prodRangeBanner {
		background: #fff url(../images/banner-adverts/product-range_btn.jpg) no-repeat top left;
		display:block;
		width:191px;
		height:100px;
		cursor:pointer;
		/*margin:0 0 5px 0;*/
}

a.prodRangeBanner:hover {
		background: #fff url(../images/banner-adverts/product-range_btn.jpg) no-repeat bottom left;
		display:block;
		width:191px;
		height:100px;
}

a.monthlySpecBanner {
		background:url(../images/banner-adverts/monthly-special_btn.jpg) no-repeat #ffffff top left;
		display:block;
		width:191px;
		height:125px;
		cursor:pointer;
		margin:5px 0 0 0;
}

a.monthlySpecBanner:hover {
		background:url(../images/banner-adverts/monthly-special_btn.jpg) no-repeat #ffffff bottom left;
		display:block;
		width:191px;
		height:125px;
		margin:5px 0 0 0;
}

a.padiClothBanner {
		background:url(../images/banner-adverts/customise-clothing.jpg) no-repeat #ffffff top left;
		display:block;
		width:191px;
		height:100px;
		cursor:pointer;
		margin:5px 0 0 0;
}

a.padiClothBanner:hover {
		background:url(../images/banner-adverts/customise-clothing_on.jpg) no-repeat #ffffff bottom left;
		display:block;
		width:191px;
		height:100px;
		cursor:pointer;
		margin:5px 0 0 0;
}
/*----------RIGHT COLUMN--------------------------------------------------------------------------------------------------------*/


#rightColumn {
		width:180px;
		height:472px;
		background-color:#DBD3E6;
		float:left;
}

.officialPadiBanner {
		background:url(../images/right-column-adverts/officialpadi_btn.jpg) no-repeat #ffffff top left;
		display:block;
		width:180px;
		height:253px;
		cursor:pointer;
		margin:5px 0 0 0;
}

.officialPadiBanner:hover {
		background:url(../images/right-column-adverts/officialpadi_btn.jpg) no-repeat #ffffff bottom left;
		display:block;
		width:180px;
		height:253px;
		cursor:pointer;
}

#newsletter {
		background:#DBD3E6;
		width:auto;
		height:auto;
		padding:5px;
		margin:5px 0 5px 0;
}

#newsletter span {
		font-size:1.4em;
		font-weight:bold;
		color:#533087;
		
}
/* ----------MID COLUMN---------------------------------------------------------------------------------------------------------- 

#midColumn {
		width:524px;
		height:auto;
		float:left;
		font-size:1.2em;
		padding:30px 10px 0 20px;
		background:url(../images/layout/logos.gif) no-repeat 20px 412px;
}
*/

/* ----------FOOTER-------------------------------------------------------------------------------------------------------------- */

#footer {
		width:925px;
		height:85px;
		background:url(../images/layout/footer02.gif) no-repeat;
		padding:29px 0 0 0;
		color:#ffffff;
}

#footer a {
		color:#ffffff;
}

#footer .footerDetails {
		padding:0 0 0 490px;
}

#footer .designBy {
		padding:18px 0 0 5px;
		display:block;
		color:#434349;
}

#footer .designBy a {
		color:#434349;
}