/* CSS Document for CONTACTS 2009 Microsite */
/* All content Copyright The Spotlight. Written by Isabelle Kosciusko. */

/* --------------- default values -------------- */

#hide {
	display: none;
}

* { /* For all elements */
	margin: 0;
	padding: 0;
	border: 0;
}

.clear {
	clear:both;
	height: 10px;
	font-size: 1%;
}

.replace {
	display: none;
}

a:link {
    color: #f7941d;
	text-decoration: underline;
}

a:visited {
	color: #d2790f;
	text-decoration: underline;
}

a:hover {
	color: #febe71;
	text-decoration: underline;
}

body {
	background-color:#fff;
	font-size: 12px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
}

p {
	padding: 0 0 10px 0;
	color: #000;
}

p.orange, .orange {
	color: #f7941d;
}

p.padbot5 {
	padding-bottom: 5px;
}


/* --------------- Basic Layout Elements -------------- */

#frame {
	margin: 0 auto;
	width: 750px;
	position: relative;
	padding: 20px 0 50px 50px;
	text-align: left;
	background: url('../_img/bg.jpg') no-repeat top left;
}

#frame11 {
	margin: 0 auto;
	width: 750px;
	position: relative;
	padding: 20px 0 50px 50px;
	text-align: left;
	background: url('../_img/bg11.jpg') no-repeat top left;
}

#frame #header, #frame11 #header {
	width: 480px;
	height: 110px;
}

#frame #header h1 {
	width: 480px;
	height: 93px;
	background: url('../_img/header_plain.gif') no-repeat top left;
	position: relative;
}

#frame11 #header h1 {
	width: 480px;
	height: 93px;
	background: url('../_img/header_plain11.gif') no-repeat top left;
	position: relative;
}

#header h1 a {
	width: 480px;
	height: 93px;
	display: block;
}

#header h2 {
	width: 480px;
	height: 17px;
	background: none;
	position: absolute;
	top: 85px;
	left: 50px;
}

#header h2 a {
	width: 480px;
	height: 17px;
	display: block;
}

#frame #box h2 {
    color: #f7941d;
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
}

#frame11 #box h2 {
    color: #172983;
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
}

#frame #box h3 {
    color: #f7941d;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}

#frame11 #box h3 {
    color: #172983;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}

#frame #box h4 {
    color: #f7941d;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 5px;
}

#frame11 #box h4 {
    color: #172983;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 5px;
}

#frame #box h5 {
	color: #ca0303;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 10px;
}

#frame #button {
	position: absolute;
	top: 44px;
	right: 59px;
	background: url('../_img/button.gif') no-repeat top left;
	width: 153px;
	height: 155px;
}

#frame11 #button {
	position: absolute;
	top: 44px;
	right: 59px;
	background: url('../_img/button11.gif') no-repeat top left;
	width: 153px;
	height: 155px;
}
 
#button p a  {
	width: 153px;
	height: 155px;
	display: block;
}

/* --------------- Top Navigation -------------- */

#frame ul#topnav, #frame11 ul#topnav {
	display: block;
	height: 15px;
	padding: 0 0 10px 0;
	list-style-type: none;
}

#frame ul#topnav li, #frame11 ul#topnav li {
	height: 13px;
	display: block;
	float: left;
}

#frame ul#topnav li a, #frame11 ul#topnav li a {
	height: 13px;
	display: block;
	float: left;
}

#frame ul#topnav li#home a {
	background: url('../_img/topnav_home.gif') no-repeat top left;
	width: 64px;
}

#frame ul#topnav li#home a:hover, #frame ul#topnav li#home a.active {
	background: url('../_img/topnav_home.gif') no-repeat 0 -13px;
}

#frame ul#topnav li#sections a {
	background: url('../_img/topnav_sections.gif') no-repeat top left;
	width: 102px;
}

#frame ul#topnav li#sections a:hover, #frame ul#topnav li#sections a.active {
	background: url('../_img/topnav_sections.gif') no-repeat 0 -13px;
}

#frame ul#topnav li#buy a {
	background: url('../_img/topnav_buy.gif') no-repeat top left;
	width: 74px;
}

#frame ul#topnav li#buy a:hover, #frame ul#topnav li#buy a.active {
	background: url('../_img/topnav_buy.gif') no-repeat 0 -13px;	
}

#frame ul#topnav li#advertise a {
	background: url('../_img/topnav_advertise.gif') no-repeat top left;
	width: 110px;
}

#frame ul#topnav li#advertise a:hover, #frame ul#topnav li#advertise a.active {
	background: url('../_img/topnav_advertise.gif') no-repeat 0 -13px;
}

#frame ul#topnav li#getlisted a {
	background: url('../_img/topnav_getlisted.gif') no-repeat top left;
	width: 110px;
}

#frame ul#topnav li#getlisted a:hover, #frame ul#topnav li#getlisted a.active {
	background: url('../_img/topnav_getlisted.gif') no-repeat 0 -13px;
}

/***** TOPNAV11 *****/

#frame11 ul#topnav li#home a {
	background: url('../_img/topnav11_home.gif') no-repeat top left;
	width: 64px;
}

#frame11 ul#topnav li#home a:hover, #frame11 ul#topnav li#home a.active {
	background: url('../_img/topnav11_home.gif') no-repeat 0 -13px;
}

#frame11 ul#topnav li#sections a {
	background: url('../_img/topnav11_sections.gif') no-repeat top left;
	width: 102px;
}

#frame11 ul#topnav li#sections a:hover, #frame11 ul#topnav li#sections a.active {
	background: url('../_img/topnav11_sections.gif') no-repeat 0 -13px;
}

#frame11 ul#topnav li#buy a {
	background: url('../_img/topnav11_buy.gif') no-repeat top left;
	width: 74px;
}

#frame11 ul#topnav li#buy a:hover, #frame11 ul#topnav li#buy a.active {
	background: url('../_img/topnav11_buy.gif') no-repeat 0 -13px;	
}

#frame11 ul#topnav li#advertise a {
	background: url('../_img/topnav11_advertise.gif') no-repeat top left;
	width: 110px;
}

#frame11 ul#topnav li#advertise a:hover, #frame11 ul#topnav li#advertise a.active {
	background: url('../_img/topnav11_advertise.gif') no-repeat 0 -13px;
}

#frame11 ul#topnav li#getlisted a {
	background: url('../_img/topnav11_getlisted.gif') no-repeat top left;
	width: 110px;
}

#frame ul#topnav li#getlisted a:hover, #frame11 ul#topnav li#getlisted a.active {
	background: url('../_img/topnav11_getlisted.gif') no-repeat 0 -13px;
}


/* --------------- Content Elements -------------- */

#frame #content {
	position: relative;
	}

#frame #content #box {
	float: left;
	width: 430px;
	background: url('../_img/box_bg.gif') no-repeat top left;
	padding: 15px 15px 5px 15px;
	margin-top: 2px;
}

#frame11 #content #box {
	float: left;
	width: 430px;
	background: url('../_img/box_bg11.jpg') no-repeat top left;
	padding: 15px 15px 5px 15px;
	margin-top: 2px;
}

#frame #content #bottom {
	background: url('../_img/box_bottom.png') no-repeat top left;
	display: block;
	height: 10px;
	width: 460px;
	float: left;
	}
	
#frame11 #content #bottom {
	background: url('../_img/box_bottom11.png') no-repeat top left;
	display: block;
	height: 10px;
	width: 460px;
	float: left;
	}

#frame #content #right, #frame11 #content #right {
	width: 265px;
	height: 278px;
	position: absolute;
	top: 315px;
	right: 0;
}

#frame #content #right blockquote p {
	width: 182px;
    color: #f7941d;
	height: 73px;
}

#frame11 #content #right blockquote p {
	width: 182px;
    color: #f7941d;
	height: 73px;
	padding-top: 135px;
}

#footer {
	padding-top: 10px;
	width: 90%;
}

#footer p {
	color: #666;
	font-size: 95%;
}

#footer p.copyright {
	float: left;
	width: 300px;
}

#footer p.publishing {
	float: right;
	text-align: right;
}

#content #box ul.bodyshort {
	width: 205px;
	list-style-type: none;
	float: left;
	padding-bottom: 10px;
}

#content #box ul.bodyshort li {
	padding-left: 16px;
    color: #f7941d;
	background: url('../_img/bulletpoint.gif') no-repeat top left;
	padding-bottom: 2px;
}

#content #box p.smlbtns {
	float: left;
	width: 205px;
}

#content #box p.smlbtns img {
	padding-bottom: 5px;
}

/* --------------- Sections Elements -------------- */


#frame #content #box ul#sectionid {
	list-style-type: none;
	width: 100%;	
	height: 30px;
	display: block;
	padding-bottom: 8px;
}

#frame #content #box ul#sectionid li {
	float: left;
	height: 30px;
	width: 60px;
	padding-right: 10px;
}

#frame #content #box ul#sectionid li a {
	display: block;
}


#frame #content #box ul#sectionid li#ab a {
	display: block;
	background: url('../_img/btn_sections_ab.gif') no-repeat top left;
	height: 26px;
	width: 60px;
}

#frame #content #box ul#sectionid li#ab a:hover, #frame #content #box ul#sectionid li#ab a.active {
	background: url('../_img/btn_sections_ab.gif') no-repeat 0 -26px;
}

#frame #content #box ul#sectionid li#cf a {
	display: block;
	background: url('../_img/btn_sections_cf.gif') no-repeat top left;
	height: 26px;
	width: 60px;
}

#frame #content #box ul#sectionid li#cf a:hover, #frame #content #box ul#sectionid li#cf a.active {
	background: url('../_img/btn_sections_cf.gif') no-repeat 0 -26px;
}

#frame #content #box ul#sectionid li#gr a {
	display: block;
	background: url('../_img/btn_sections_gr.gif') no-repeat top left;
	height: 26px;
	width: 60px;
}

#frame #content #box ul#sectionid li#gr a:hover, #frame #content #box ul#sectionid li#gr a.active {
	background: url('../_img/btn_sections_gr.gif') no-repeat 0 -26px;
}

#frame #content #box ul#sectionid li#sz a {
	display: block;
	background: url('../_img/btn_sections_sz.gif') no-repeat top left;
	height: 26px;
	width: 60px;
}

#frame #content #box ul#sectionid li#sz a:hover, #frame #content #box ul#sectionid li#sz a.active {
	background: url('../_img/btn_sections_sz.gif') no-repeat 0 -26px;
}

#content #box ul.body {
	width: 100%;
	list-style-type: none;
	float: left;
	padding-bottom: 10px;
}

#frame #content #box ul.body li {
	padding-left: 16px;
	padding-bottom: 2px;
    color: #f7941d;
	background: url('../_img/bulletpoint.gif') no-repeat top left;
}

#frame11 #content #box ul.body li {
	padding-left: 16px;
	padding-bottom: 2px;
    color: #172983;
	background: url('../_img/bulletpoint11.gif') no-repeat 0 2px;
}

/* --------------- Adverts Pages -------------- */

#frame #quotes, #frame11 #quotes {
	position: absolute;
	top: 425px;
	right: 60px;
	width: 207px;
	height: 226px;
}

#frame #right blockquote p {
    color: #f7941d;
	font-size: 12px;
	line-height: 1.3em;
}

#frame11 #right blockquote p {
    color: #172983;
	font-size: 12px;
	line-height: 1.3em;
}

p.btnright {
	width: 98%;
	text-align: right;
}

#frame #content #box p.smlleft, #frame11 #content #box p.smlleft {
	float: left;
	width: 250px;
}

#frame11 #content #box p.smlright {
	position: absolute;
	top: 175px;
	right: 305px;
	height: 54px;
	padding: 0;
	width: 145px;
}

table#sizetbl {
	border: 1px solid #172983;
	color: #172983; 
}

.purple, td.purple {
	background: #172983 !important;
	color: #fff !important;
	}

table#sizetbl th {
	padding: 8px 5px;
	text-align: center;
	background: #172983;
	color: #fff; 
}

table#sizetbl td {
	padding: 8px 5px;
	text-align: center;
	background: #fff;
	color: #172983; 
}

table#sizetbl td.light {
	background: #e7e9f2;
	color: #172983;
}

p.half {
	width: 180px;
	float: left;
	padding: 5px 10px;
}

/* --------------- Get listed Pages / Form -------------- */

p.fineprint {
	font-size: 90%;
	color: #666;
}

p.fineprint2 {
	font-size: 90%;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
}

form#get_listed {
	width: 420px;
}

form#get_listed fieldset {
	border: 1px solid #7f89ba;
}

form#get_listed fieldset p {
	background: #e7e9f2;
	height: 20px;
	padding: 5px;
	width: 408px;
}

form#get_listed fieldset p.odd {
	background: none;
}

form#get_listed fieldset p.oddbtn {
	width: 395px;
	padding: 10px;
	background: none;
}


form#get_listed fieldset p.oddbtn2 {
	width: 420px;
	padding: 10px;
	background: none;
}

form#get_listed fieldset p label {
	float: left;
	width: 165px;
	text-align: right;
	padding-top: 5px;
}


form#get_listed fieldset p.long {
	width: auto;
	height: 46px;
	text-align: left;
	background: #e7e9f2;
	padding-left: 15px;
}

form#get_listed fieldset p.long label {
	width: 390px;
	text-align: left;
	padding: 2px 5px 5px 0;
}

form#get_listed fieldset p.long select {
	width: 390px;
	height: 22px !important;
	border: 1px solid #7f89ba;
	padding: 1px;
	color: #000;
	font-size: 12px;
}

form#get_listed fieldset.nobg p input.image, form#get_listed fieldset p input.image {
	float: right;
	background: none;
	width: 96px !important; 
	height: 23px !important; 
	border: 0px; 
	margin: 0px; 
	padding: 0px;
}
	

form#get_listed fieldset p input {
	float: right;
	width: 210px;
	margin-right: 10px;
	height: 15px;
	border: 1px solid #7f89ba;
    color: #172983;
	font-size: 12px;
	padding: 2px;
	background: url('../_img/input_bg.gif') no-repeat top left;
}

form#get_listed fieldset.nobg {
	border: none;
	padding: 0;
}

form#get_listed fieldset.nobg p {
	background: none;
	padding: 5px 0 10px 0;
	height: 32px;
	width: 410px;
}

form#get_listed fieldset.nobg p label {
	float: left;
	padding: 0 0 5px 0;
	width: 405px;
	text-align: left;
}

form#get_listed fieldset.nobg p input {
	float: left;
	width: 415px;
	height: 14px;
	border: 1px solid color: #7f89ba;
    color: #172983;
	font-size: 12px;
	padding: 2px;
	background: url('../_img/input_bg.gif') no-repeat top left;
}

p.padtop, #frame #content #box form#get_listed fieldset.nobg p.padtop {
	padding-top: 10px;
}

textarea {
	background: url('../_img/input_bg.gif') no-repeat top left;
	width: 415px;
	height: 60px;
	border: 1px solid #7f89ba;
	float: left;
    color: #172983;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	overflow-y: scroll;
}

form#get_listed fieldset.nobg p.autoheight {
	height: auto;
}

form#get_listed fieldset.nobg p.auto {
	width: 420px;
	height: 30px;
	padding: 10px 0 0 0;
	color: #fff;
}

form#get_listed fieldset.nobg p.auto input#submit {
	color: #fff;
	border: none;
	margin: 0 0 0 7px;
	background: url('../_img/btn_submit.gif') no-repeat top right;
	height: 33px;
	with: 108px;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	outline: none;
}

form fieldset p label span {
	color: #ca0303;
}


/* --------------- ERROR FIELD -------------- */

#right #error, #right #leadCreationError {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 180px;
	border: 2px solid #ca0303;
	background: #fff;
	color: #ca0303;
	padding: 10px;
}


#right #error p, #right #leadCreationError p {
	color: #ca0303;
}

#right #error h5, #right #leadCreationError h5 {
	color: #ca0303;
	font-size: 14px;
	line-height: 1.2em;
	padding-bottom: 10px;
}

#right #error ul, #right #leadCreationError ul {
	color: #ca0303;
	list-style-type: none;
}


#right #error ul li, #right #leadCreationError ul li {
	color: #ca0303;
	padding-left: 15px;
	padding-bottom: 5px;
	background:  url('../_img/bulletpoint_error.gif') no-repeat top left;
}

form fieldset p.oddbtn span.address {
	float: left;
	font-size: 90%;
	width: 100%;
	display: block;
	color: #c00;
	line-height: 1.2em;
	padding: 5px 0 10px 0;
}