* { padding: 0; margin: 0; }


body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
 	background: black;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	width: 1024px;
	background-image:url('../../images/CDCBack1.png');
}

#Whiteouter {
	 margin: 0 auto;
	 padding-top:20px;
	 width: 900px;
	 background-image:url('../../images/WhiteBack.png');
 
}

.BackButton {
	float:left;
	width:60px;;
	background-image:url('../../images/BackButton.png');
	background-repeat:no-repeat;
	height:40px;
}
.BackButtonSpan {
visibility:hidden;
}

.BackButton a {
	cursor: pointer;
	
	
	}




#page_content { 
 margin: 0 auto;
 width: 860px;
 overflow:hidden;
}

#OuterFooter {
	margin: 0 auto;
	width: 1024px;
	height:107px;
	background-image:url('../../images/CDCfooter.png');

}

#wrapper { 
 margin: 0 auto;
 width: 860px;
}
#faux {
 margin-bottom: 10px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 860px;
 padding: 00px;
 height: 73px;
 margin: 0px;
 background-image:url('../../images/CDCBanner.png')
}
#navigation {
 color: #333;
 width:860px;
 height: 39px;
 padding: 0px;
 margin: 0px;

 
}

#leftcolumn { 
 margin:0px;
 color: #333;
 padding: 0px;
 height:534px;
 width: 208px;
 float: left;
 background-image:url('../../images/leftNav.png');
}

#fullcolumn { 
 margin:0px;
 color: #333;
 padding: 0px;
 
 width: 900px;
 float: left;

}


#leftmiddle { 
 float: left;
 color: #333;
 margin-left: 12px;
 padding: 0px;
 width: 208px;
 display: inline;
 position: relative;
}
#rightmiddle { 
 display: inline;
 position: relative;
 color: #333;
 margin-left: 12px;
 padding: 0px;
 width: 206px;
 float: left;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin-left: 12px;
 padding: 0px;
 width: 206px;
 float: left;
}

#fullcolumn { 
 display: inline;
 color: #333;
 padding: 0px;
 min-height:529px;
 width: 860px;
 float: left;
 overflow:hidden;
 
}

#fullright { 
 display: inline;
 position: relative;
 color: #333;
 margin-left: 10px;
 padding: 0px;
 width: 642px;
 float: left;
 overflow:hidden;
}

.clear { clear: both; background: none; }




#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background:url('../../images/background.gif') #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;

color: black;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{
background:url('../../images/background.gif') #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;


text-decoration: none;
text-align: center;
}


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:860px;
} 

/* Page Templates */

/* Template 1 - Welcome Splash */

#leftcolumn1 { 
 margin:0px;
 color: #333;
 padding: 0px;
 width: 642px;
 float: left;
 overflow:hidden;
}

#leftmiddle1 { 
 float: left;
 color: #333;
 margin-left: 0px;
 padding: 0px;
 width: 424px;
 height:125px;
 display: inline;
 position: relative;
 padding-bottom:10px;
}
#rightmiddle1 { 
 display: inline;
 position: relative;
 color: #333; 
 padding: 0px;
 height:125px;
 width: 206px;
 float: left;
  padding-bottom:10px;
}
#rightcolumn1 { 
 display: inline;
 position: relative;
 color: #333;
 width: 210px;
 height: 450px;
 float: left;
 margin-left:3px;
 padding-left:2px;
 padding-top:70px;
 background:url('../../images/HotDeals.png');
 background-repeat:no-repeat;
}

.FindoutMoreTags {
	width:206px;
	height:34px;
	float:left;
	margin-bottom:10px;
}


.FindoutMore {
	width:206px;
	height:126px;
	float:left;
	padding-left:6px;

	
}

.flashContainer {
	width:642px;
	height:256px;
	margin-left:-10px;
	margin-bottom:20px;
	
}

.HotDealsImage {
	width:206px;
	height:76px;
	float:left;
	padding-bottom:5px;
	


}

.HotDealsBanner {
	width:206px;
	height:47px;
	float:left;

}
/* Page Template 2 - Content Editor */

#PageTitle {
	width:582px;
		font-weight:bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	float:left;
}
#PageImage {
	width:642px;
	height:150px;
	padding-bottom:10px;		
}

#LargePageImage {
	width:642px;
	height:256px;
	padding-bottom:10px;		
}

#LargePageImageARF {
	width:642px;
	height:256px;
	padding-bottom:10px;
}


#PageCaption {
	padding-top:40px;
	min-width:642px;
	width:642px;
	height:34px;
	font-weight:bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
}

#PageCopy {
	padding-top:40px;
	min-width:642px;
	width:642px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:12px;
	
}
			



/* Left Navigation */

.MenuContainer {
	background:url('../../images/LeftNavBack.png') no-repeat;
	width:210px;
	height:394px;
	padding-left:10px;
	padding-top:10px;
}
.urbangreymenu{
width: 186px; /*width of menu*/
padding-left:10px;

}

.urbangreymenu .headerbar{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: white;
	background: black url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 11px; /*31px is left indentation of header text*/
}



strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}


.urbangreymenu .titleBar {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: black;
font-weight:bold; 
display: block;
padding: 10px 0;
padding-bottom:10px;
line-height: 12px;
padding-left: 9px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu .titleBar a {
	color:black;
	text-decoration:none;
	
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font: 10px;
color: black;
background:white;
display: block;
padding: 5px 0;
line-height: 12px;
padding-left: 13px; /*link text is indented 8px*/
text-decoration: none;


}



.urbangreymenu ul li a:active{
color: black;
text-decoration: none;
}


.urbangreymenu ul li a:visited{
color: black;
text-decoration: none;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: black;
text-decoration: none;
}




/*	div#NavigationPrimary - Font-Size is 12px
----------------------------------------------- */
div#NavigationPrimary { font-size: 1.2em; width: 860px;  margin: 0 auto 0 auto; position: relative; }
div#NavigationPrimary ul { list-style: none; overflow: hidden; position: absolute; left: 0px; top: -0px; }
div#NavigationPrimary li { float: left; }
div#NavigationPrimary li a { display: block; height: 39px; margin:0px; }
div#NavigationPrimary li a { background: transparent url('../../images/CDCNavigation.png') 0 -0px no-repeat; cursor: pointer;text-indent: -2000px;}

div#NavigationPrimary .page-item-1 a { width: 65px;}
div#NavigationPrimary .page-item-2 a { width: 90px;}
div#NavigationPrimary .page-item-3 a { width: 95px;}
div#NavigationPrimary .page-item-4 a { width: 75px;} 
div#NavigationPrimary .page-item-5 a { width: 200px;}  
div#NavigationPrimary .page-item-6 a { width: 335px;}
div#NavigationPrimary .page-item-7 a { width: 0px;}
/* gap of 20px between each one*/

div#NavigationPrimary .page-item-1 a { background-position: -0px -0px;  }
div#NavigationPrimary .page-item-2 a { background-position: -65px -0px;  }
div#NavigationPrimary .page-item-3 a { background-position: -155px -0px; }
div#NavigationPrimary .page-item-4 a { background-position: -250px -0px; }
div#NavigationPrimary .page-item-5 a { background-position: -325px -0px; } 
div#NavigationPrimary .page-item-6 a { background-position: -525px -0px; }
div#NavigationPrimary .page-item-7 a { background-position: -800px -0px; }

div#NavigationPrimary .page-item-1 a:hover { background-position: 0 -39px;  }
div#NavigationPrimary .page-item-2 a:hover { background-position: -65px -39px;  }
div#NavigationPrimary .page-item-3 a:hover { background-position: -155px -39px; }
div#NavigationPrimary .page-item-4 a:hover { background-position: -250px -39px; }
div#NavigationPrimary .page-item-5 a:hover { background-position: -325px -39px; } 
div#NavigationPrimary .page-item-6 a:hover { background-position: -525px -39px; }
div#NavigationPrimary .page-item-7 a:hover { background-position: -800px -39px; }


div#NavigationPrimary li#NP01 a { width: 61px; }
div#NavigationPrimary li#NP02 a { width: 133px; }
div#NavigationPrimary li#NP03 a { width: 117px; }
div#NavigationPrimary li#NP04 a { width: 77px; }
div#NavigationPrimary li#NP05 a { width: 104px; }
div#NavigationPrimary li#NP06 a { width: 81px; }
div#NavigationPrimary li#NP01 a span { }
div#NavigationPrimary li#NP02 a span { background-position: 0px -64px; }
div#NavigationPrimary li#NP03 a span { background-position: -213px -64px; }
div#NavigationPrimary li#NP04 a span { background-position: -338px -64px; }
div#NavigationPrimary li#NP05 a span { background-position: -422px -64px; }
div#NavigationPrimary li#NP06 a span  { background-position: -531px -64px; }
div#NavigationPrimary li#NP01 a:hover span {  background-position: 0 -32px;  }
div#NavigationPrimary li#NP02 a:hover span { background-position: -71px -32px; }
div#NavigationPrimary li#NP03 a:hover span { background-position: -213px -32px; }
div#NavigationPrimary li#NP04 a:hover span { background-position: -338px -32px; }
div#NavigationPrimary li#NP05 a:hover span { background-position: -422px -32px; }
div#NavigationPrimary li#NP06 a:hover span  { background-position: -531px -32px; }


/* This will enable the home locator but will not implement just yet DF

body.paint-and-colour div#NavigationPrimary li#NP02 a span { background-position: -71px 0px; }
body.schemes div#NavigationPrimary li#NP03 a span { background-position: -213px 0px; }
body.inspiration div#NavigationPrimary li#NP04 a span,
body.trends div#NavigationPrimary li#NP04 a span { background-position: -338px 0px; }
body.help-and-advice div#NavigationPrimary li#NP05 a span,
body.crown-tv div#NavigationPrimary li#NP05 a span { background-position: -422px 0px; }
body.my-ideas div#NavigationPrimary li#NP06 a span  { background-position: -531px 0px; }*/




/* Navigation Styling */
#PageCQWPTop {
	width:642px;
	padding:10px;
	
}

.PageCQWPBottom{
	padding-top:10px;
}

.CQWPContainer {
	
	
	width:206px;
	padding-left:7px;
	float:left;
	padding-bottom:12px;
	
}

.CQWPContainer a {
	
	text-decoration:none;
	border-style:none;
		
}

.CQWPHeading {
	padding:2px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
	font-size:12px;
	
}

.CQWPHeading a{
	padding-top:2px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size:11px;
	text-decoration:none;
}
.CQWPHeading a:active{
    text-decoration:none;
    color:black;

}
.CQWPHeading a:hover{
    text-decoration:none;
    color:black;

}

.CQWPHeading a:visited{
    text-decoration:none;
    color:black;

}

.CQWPHeading a:link{
    text-decoration:none;
    color:black;

}


.CQWPHeadline {
	padding:2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:gray;
	font-size:10px;
	height:70px;
	

}
.CQWPHeadlineImage a {
	
	text-decoration:none;
	border-style:none;
	
}

.CQWPImage {
	border-style:none;
}



/* Footer styling */


.FooterTop {
	width:1024px;
	margin-left:62px;
	padding-top:20px;
}

.FooterMain {
	width:1024px;
	padding-left:62px;
	padding-top:5px;
}

.FooterLink {
	float:left;
	width:120px;
	color:white;
}

.FooterTermsLink {
	float:left;
	width:1024px;
	color:white;
	text-align:center;
}

.FooterTop a{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size:10px;
	text-decoration:none;
	border-style:none;

}

.FooterMain a{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size:10px;
	text-decoration:none;
	border-style:none;

}

.FooterLink a{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size:10px;
	text-decoration:none;
	border-style:none;

}
.FooterTermsLink a{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size:10px;
	text-decoration:none;
	border-style:none;

}


.ContactTitle {
	background-image:url('../../Images/CrownBullet.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	height:25px;
	font-size:10px;
	color:black;
	text-transform:uppercase;
	height:25px;
	padding-top:5px;
	width:130px;
	text-align:left;

	
}

.ContactTitleTextBox {
	background-image:url('../../Images/CrownBullet.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	height:25px;
	font-size:10px;
	color:black;
	text-transform:uppercase;
	height:25px;
	padding-top:5px;
	min-width:160px;
	text-align:left;
	vertical-align:top;
	


}

.ContactTextBox {

	color:black;
	font-size:12px;
	background:#EAEAEA;
	height:25px;
	padding-top:5px;
	width:300px;	    
 	border: 1px solid #284279;	
	
	
	}


.ContactTextArea  {
	color:black;
	font-size:12px;
	background:#EAEAEA;
	width: 300px;
	height: 120px;	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	overflow:auto;
	border: 1px solid #284279;
}

.ContentHeadline{
	background:black;
	height:50px;
	font-size:12px;
	
	color:black;
	float:inherit;
	display:block;
}

.ContentHeadlineExtra{
	
	height:150px;
	font-size:12px;
	color:black;
	float:inherit;
}

.FullWidth {
	width:642px;
	height:35px;
}