@charset "utf-8";
/* ////////////////// */
/* CARZONE STYLESHEET */
/* ////////////////// */


/* Temporary Styles */
/* #header {height:120px; font-size:18px; border-bottom:4px dotted #ccc; text-align:center; padding-top:10px}
#footer {height:120px; font-size:18px; border-top:4px dotted #ccc; text-align:center; padding-top:10px}*/

/* Generic Styles */
/* body { margin: 0; padding: 0; font: 80%/1.4 Arial, Helvetica, sans-serif; color: #111; background-color: #FFF } /* to be removed when placing live 
/*h2 { margin: 0px; padding: 3px; font-family: Arial, "Times New Roman", Times, serif; font-size: 120%; font-weight: bold; color: #000 }*/
.ola-wrapper {padding: 0px} /* change to 0 when adding to CZ & AT headers */
.ola-wrapper p {padding:2px; font-size:1em;}

.ola-heading {float:left; width:65%; margin: 0 0 15px 0;}
.ola-heading p {margin: 10px 0 2px 0; padding: 0; color:#666;  font-size:11px; font-weight:normal}

.invisible { visibility:hidden; }
.noscreen { display:none !important; visibility:hidden; height:0 }
.offpage { width:0; height:0; margin-left:-3000px; font-size:1%; position:absolute; overflow:hidden; }

/* speech Bubble */
.speech-bubble {background: url(../images/dialog-box.png) no-repeat  0 0; width: 380px;margin: 0 0 0 165px; padding: 20px 20px 0 20px; overflow: hidden;}
span.speech-bubble {background-position: 0 -536px; background-color: #F8F8F8; height: 18px; *height: 20px; display: block; margin: 0 0 0 -20px; padding:0 30px 0 0; }

#updateRegistration span.speech-bubble { background-color: #F1F1F1; }

.info-icon { margin: 0;width: 90px; height:95px; float: left; background-color: #FFF; background-position: right 12px; margin-bottom: 40px;} 
.alert-icon { background-position: right -103px; margin-top: 6px;}

.info-message  { padding: 0 20px 0 60px; margin: 0; background-position: -434px 0; width: 660px; float: left; background-color: #FFF; overflow: hidden; }
span.info-message { background-position: -464px -558px; width: 720px; margin-left:-30px; padding: 0;}


*+html>body .info-message  {overflow: hidden; padding-top:20px; position: relative;}
*html .info-message { overflow: hidden; padding-top:20px; position: relative; }

*+html>body span.info-message { margin-left: -30px; margin-bottom: -35px }
*html span.info-message  { margin-left: -15px; margin-bottom: -35px }

.info-message  h3 {font-size: 14px; color:#D90000; font-weight: bolder;	}
.info-message .message-footer { font-size: 11px; font-weight: bolder;  }


/* top adtype signposting */
.ola-heading div.adType {background: url(../images/adtype-indicator.gif) no-repeat 0 0; font-size: 10px; color: #FFF; width: 89px; height: 14px;float:left; margin: 10px 5px 15px 40px;}
*html .ola-heading div.adType {margin: 10px 5px 15px 20px; } /* IE6 FIX margin alignment */
.ola-heading div.adType span { margin-left: -5000px; text-transform: uppercase; }
.ola-heading div.Trade-adtype { background-position: 0 -16px;}

.ola-heading h1 {font: 19px, arial, Helvetica, sans-serif; font-weight:bold; margin: 0; color:#396ca1;}
.ola-heading h1.step1 {background:url(../images/step1.gif) 0 0 no-repeat; padding-left:38px; font: 19px, arial, Helvetica, sans-serif; font-weight:bold; margin: 0; color:#396ca1;}
.ola-heading h1.step2 {background:url(../images/step2.gif) 0 0 no-repeat; padding-left:38px; font: 19px, arial, Helvetica, sans-serif; font-weight:bold; margin: 0; color:#396ca1;}
.ola-heading h1.step3 {background:url(../images/step3.gif) 0 0 no-repeat; padding-left:38px; font: 19px, arial, Helvetica, sans-serif; font-weight:bold; margin: 0; color:#396ca1;}
.ola-heading h1.step4 {background:url(../images/step4.gif) 0 0 no-repeat; padding-left:38px; font: 19px, arial, Helvetica, sans-serif; font-weight:bold; margin: 0; color:#396ca1;}
.ola-heading h1.step5 {background:url(../images/step5.gif) 0 0 no-repeat; padding-left:38px; font: 19px, arial, Helvetica, sans-serif; font-weight:bold; margin: 0; color:#396ca1;}

ola-heading a.intro-link {color:#636161; font-family:tahoma; font-size:11px; text-decoration:underline}
ola-heading a.intro-link:hover {text-decoration:none}

.ola-global-nav {float:right; width:33%; text-align:right}
.ola-global-nav p {margin:0; padding: 0; color: #666;}
.ola-global-nav h1 {font: 1.7em arial, Helvetica, sans-serif; color: #000; margin: 0}
/* Form Styles */
form {margin:0 }


div.errors, ul.messages  { margin: 10px; padding: 5px 10px; border: #ff0000 1px solid; background-color: #ffffcc;  font-size: 1em; }
div.errors p { margin: 0; }
div.errors img {vertical-align:middle}
div.errors p em, ul.messages li p em { color: #C00; font-style: normal; font-weight: bold; }


ul.messages li { list-style: none;  }
ul.messages li img {vertical-align: middle }
ul.messages li ol { margin-top: 10px; }
ul.messages ol li { list-style: disc; }

div.bdrbg {border:1px solid #ccc;background:#f1f1f1;  }
div.form-container div.form {font-size:1.1em; margin:0; padding:0px; background-color: #f1f1f1; border:1px solid #abaaaa;  min-width: 780px; max-width: 1280px; }
div.form-container div.form .invisible {display:none}
div.form-container .invisible {display:none}
div.form-container div.form .blue-box {background-color:#e4f4fe; border:1px solid #4fade9; padding:7px; margin-top:0px}
div.form-container div.form .white-box {background-color:#fff; border:1px solid #ccc; padding:9px; margin-top:0px}
div.form-container .cr {text-align:center}
div.form-container div.form .format {font-size:0.9em; color:#666}
SPAN.red-button input {display:inline; height:23px; text-align:center; color:#fff; font-weight:bold; width:150px; background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b; text-align:center; position: relative;}
SPAN.grey-button input {height:23px; text-align:center; color:#fff; font-weight:bold; background:#445257 url(../images/package/button-grey-bg.gif) no-repeat 0 0; border:1px solid #445257; text-align:center}
SPAN.red-button-general {display:inline; height:23px; text-align:center; color:#fff; font-weight:bold; background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b; text-align:center}
span.format {font-size:0.9em; color:#666}
/* Tooltip element */
div#qTip {
 padding: 3px;
 border: 1px solid #db0000;
 border-right-width: 1px;
 border-bottom-width: 1px;
 display: none;
 background: #fff;
 color: #000;
 font: bold 13px Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container form p { margin: 0 }
div.form-container input {}
div.form-container h2 {font: 1.3em arial, Helvetica, sans-serif; color: #0077c0; padding-left:5px; font-weight:bold; margin-bottom:2px; margin-top:4px}
div.form-container .details-header {margin:0; padding:0}
div.form-container .details-header h2 {font: 13px, Helvetica, sans-serif; color: #0077c0; font-weight:bold; padding:0; margin:0; padding-top:4px; background:url(../images/details-header.gif) no-repeat 0 0; width:174px; height:25px; position:relative; top:2px;  text-align:center}
div.form-container h2.nomargin {margin:0; padding:0}
div.form-container h4 { background-image: url('../images/step-arrow.gif'); background-repeat: no-repeat; font: 14px Arial, Helvetica, sans-serif; color: #c40508; font-weight:bold; padding-left:15px; padding-top:0px; margin-left:10px; margin-top:10px; margin-bottom:0}
div.form-container .formcontent {float:left; width:73%; margin-left:8px}
div.form-container .helpcontent {float:left; width:24%; margin-top:8px; margin-left:8px}




/* right adtype indicator text*/
div.form-container .topright-adtype-indicator { background: url(../images/adtype-indicator-icon.gif) 0 0 no-repeat; float: right; padding: 2px 0 0 30px; text-align: right; height: 22px;}
div.form-container .topright-adtype-indicator {margin: 5px 5px 0px 0;}
div.form-container .form .advert-summary .topright-adtype-indicator {margin: 0px 5px 5px 0;}
*html div.form-container .form .advert-summary .topright-adtype-indicator {margin: 5px 5px 5px 0;}
div.form-container .helpcontent .topright-adtype-indicator {margin: 0 0 15px 0; }

div.form-container .topright-adtype-indicator span { font-weight: bold; }


div.form-container .new-user-content {float:left; }
div.form-container .already-registered-content {float:right; background-image: url(../images/helpbg.gif) #f1f1f1); margin: 1px 10px 0 0; width: 278px; }
div.form-container form p.note { margin-left: 125px; font-size: 85%; color: #333 }
div.form-container form p.vehicle-details-note {color:#333;font-size:9px;font-family:arial; left:0%;margin-left:352px;position:relative;width:200px; margin-top:5px}
div.form-container form p.email-contact-text { font-weight:bold; text-align: center; margin-top: 10px} 
div.form-container form p.email-contact-text span {font-size: 11px;}
div.form-container form fieldset { margin: 10px 0; padding: 2px; border: #DDD 0px solid}
div.form-container form fieldset div { padding: 0.25em }
div.form-container label, div.form-container span.label {font-size:11px; font-weight:bold; margin-right: 10px; padding-right: 10px; padding-top:0px; width: 105px; display: block; float: left; position: relative; color:#333 }
div.form-container div.new-user-content label, div.form-container div.new-user-content span.label {padding-right: 40px;}

div.form-container label.mile-label {display:inline; font-size:11px; font-weight:bold; margin-right: 0px; padding-right: 0px; padding-top:0px; width: 0px; float: none; position: relative; color:#333 }
div.form-container label.nobold {font-weight:normal; color:#333}
div.form-container div.freefield label {font-size:11px; float:none; width:95%; display:block; font-weight:bold; color:#333 }
div.form-container div.freefield label.nobold {font-size:11px; font-weight:normal; color:#333 }
div.form-container div.freefield .passwordbtn { margin-left:130px }
div.form-container div.field{ float:left; width:49% }
div.form-container div.field label.inline {font-size:10px; float:none; display:inline; padding:0px; margin:0px }
div.form-container div.field input {  }
div.form-container div.fieldfull { float:left; width:98% }
div.form-container div.col3 {float:left; width:32% }
div.form-container label em, div.form-container span.label em {position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00 }
div.form-container form fieldset div.clear {clear:both; padding:0; visibility:hidden}
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; padding:0}
div.form-container div.controlset label.nobold{width:150}
div.form-container div.controlset label.nobold-tel-email{font-weight:normal;width:260}
div.form-container input {margin-top:-2px; margin-bottom:0px}
div.form-container input.radio {margin-top:-2px; margin-bottom:-2px}
div.form-container select {margin-bottom:0px}
div.form-container label.error, 
div.form-container span.error { color: #C00 }
div.form-container input.error, div.form-container select.error,  div.form-container textarea.error { border:2px solid #ff0000; background-color: #ffffcc; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus, div.form-container select:focus  { background-color: #fff; border-color: #fff }
div.clear {clear:both}
div.cleartabs {clear:both; border-bottom:1px solid #abaaaa; margin-left:0px; margin-bottom:0px;  margin-right:0px; padding: 0px; min-width: 780px; max-width: 1289px; max-height:0px; min-height:0px; * position: relative;} 
div.form-container form p.feature { margin-left: 25px; margin-bottom:5px; font-size: 85%; color: #333 }



/* VRM Lookup  
===================*/
#vrm-form-container { width: auto; padding-bottom: 1px; }
#vrm-form-container h3 {  padding: 5px 5px 20px 0; font-size: 1.3em; margin: 0; float: left;}
#vrm-form-container img { float: left; margin-top: 5px}
div.form-container .vrm-sprite, #vrm-lookup-container .vrm-sprite {background: url(../images/vrm-sprite.png) 0 0 no-repeat; }

div.form-container .inner-box { background-color: #F1F9FE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; margin-bottom: 10px; overflow: hidden; }
div.form-container input.reg-box:focus { border-color: black;}
div.form-container .reg-box, #vrm-lookup-container .reg-box {        border: 1px solid black;
	padding: 2px 0 2px 26px;
	margin: 0 10px 0 0; 
	height: 26px;
	width: 7em;
    color: #333 /*#050977*/;
    font-size: 2.1em /*1.6em*/;
    font-weight: normal /*bold*/;
    letter-spacing: 0.05em /*-1px*/;
	background-color: #FFF; 
	float: left;
	text-shadow: #999 1px 1px 2px; 
	text-align:center; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; 
} 

div.form-container .blue-button { background-position: 100% -93px; padding: 0;  float: left; margin-top: 5px; }
div.form-container .blue-button input {  
	background: none transparent;	
	border: 0;
	color: #FFF;
	font-weight: bolder;
	height: auto;
	font-size: 1.2em;
	text-align: left;
	padding: 3px 20px 4px 5px;
	margin: 0;
	display: inline;
	text-align: left;
	cursor: pointer; 
	cursor: hand;	
}

div.form-container .blue-button span { background-position: 0 -93px;  display: block; width: 2px;float: left;  height: 27px; margin:0}
.vrm-nb { color: #666; font-weight: bolder; font-size: 1em;}

/* Writes top Border for non-tabbed pages */
#bordertop3 {border-top:1px solid #abaaaa}
.bgbr {background-color: #f1f1f1; border:1px solid #abaaaa; border-top:0}

div.form-container .new-user-content .inner-box, 
div.form-container #vrm-lookup-container .inner-box {  background-color: #F8F8F8; padding-bottom: 30px!important;  }

div.form-container .new-user-content { padding: 20px 10px;  width: 580px;}

/* VRM lookup on reg page */
#vrm-lookup-container h3 {  }
#vrm-lookup-container.failure h3 { margin: 1em 0 0 0!important; }
#vrm-lookup-container { text-align: center; margin: 0 0 30px;}
#vrm-lookup-container.failure div.vrmlookup-response-inner { padding-bottom: 15px;  } 
#vrm-lookup-container div.vrmlookup-response-inner {  padding: 5px 10px 0px!important; margin: 0;}
#vrm-lookup-container .vrmlookup-response { padding: 5px 10px; font-weight: bold;}

#vrm-lookup-container  div.vrmlookup-response-container div { background-position: -96px -224px }

#vrm-lookup-container p { margin: 0 0 20px; color: #666;  } 
#vrm-lookup-container.failure h3 { color: #396C9F; text-indent: 10px; }

#vrm-lookup-container .field { margin-left: 30px; width: auto;}
#vrm-lookup-container .reg-box { margin-top: 3px; }
#vrm-lookup-container div.vrmlookup-response-container { margin-top: -0.8em; width: 300px; }



/* New Registration */
div.form-container .new-user-content h2 { color: #000;  font-size: 2em; padding: 0; margin: 0;}

#newuser label {width:168px; color:#333; }
#newuser .label {width:158px; color:#333}
#newuser .labelsell {margin-left:160px;}
#newuser span.labelsell {font-size:11px}
div.form-container .red {color:#990000; font-weight:bold}
#dealername {display:none}

#dealername label {display:inline;  }
#dealername label.invisible {display:none}


div.form-container div.agreeterms {margin-left: 171px; padding-top:20px; padding-bottom:20px}
div.form-container div.agreeterms span {color:#C00 !important; font-size:14px !important; font-weight:bold}
div.form-container div.agreeterms label, div.form-container div.agreeterms input {padding-right:10px; display:inline; float:none; color:#333}



/* password security */
div.form-container div.password-message {padding: 35px 20px 0 20px;font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
div.form-container .left-password-message { float: left; }

div.form-container div.password-message h3 { color: #0F76B1; font-size: 12px; margin: 0;  }
div.form-container div.password-message ul{ font-weight: 600; list-style:disc}
div.form-container div.password-message li {padding: 0;  margin: 0;}
div.form-container div.password-message li span { margin: 0;color: #d3060f; font-weight: bolder; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding:0;}
div.form-container div.password-message p { font-weight: bold; clear: both; float: none; width: 100%; }
div.form-container div.password-message p ~ p { margin-top: 10px; }


/* Strength Indicator */ 
.password-indicator { float: left; width:100px;}
#passwordStrength { height:15px;  width:100px; float: none; border: 1px solid #333;margin: 0 0 0 20px;  padding: 0;}
#passwordDescription { font-weight: bold; text-align: center; width:100%; margin: 0 0 0 20px;}
.strength0 {background-position: -476px -582px;}
.strength1 {background-position: -559px -582px;}
.strength2 {background-position: -642px -582px;}
.strength3 {background-position: -723px -582px;}
.strength4 {background-position: -808px -582px;}
.strength5 {background-position: -892px -582px;}


/* Select Package Elements */
div.package-container, div.totalcost-container, div.sundaytimes-container, div.magazine-container {	margin: 0px; padding: 0px; border-bottom: #ccc 1px solid }
div.form-container div.magazinepackage label.invisible { display:none }
div.form-container div.magazinepackage select { width:370px }
div.form-container div.basicpackage, div.form-container div.magazinepackage, div.form-container div.sundaytimespackage, div.form-container div.totalcost {float:left; width:75%  }
div.form-container div.basicpackage h2, div.form-container div.magazinepackage h2, div.form-container div.sundaytimespackage h2 {color:#000; font-size:1.1em; margin-bottom:8px; padding:0; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin-left:5px }
div.form-container div.basicpackage p, div.form-container div.magazinepackage p {color:#000; margin:8px; padding:0}
div.form-container div.totalcost h1 { color:#000; margin:8px; padding:25px; font-size:1.2em; font-weight:bold; text-align:right; font-family: Arial, Helvetica, sans-serif }
div.form-container div.basicpackagecost, div.form-container div.magazinepackagecost, div.form-container div.sundaytimespackagecost, div.form-container div.totalcostpackage { float:right; width:24% }
div.form-container div.totalcostpackage p { color:#c00; font-size:3em; font-weight:bold; text-align:center; margin:10px }
div.form-container div.basicpackage label, div.form-container div.magazinepackage label, div.form-container div.sundaytimespackage label { display: inline; float: none; padding:0; width:95%}
div.form-container div.basicpackage input, div.form-container div.magazinepackage input, div.form-container div.sundaytimespackage label { display: inline; float: none; padding:0}
div.form-container div.basicpackage span.price, div.form-container div.magazinepackage span.price, div.form-container div.sundaytimespackagecost label {padding-left:10px; font-size:1.2em; font-weight:bold}
div.form-container div.basicpackagecost h3, div.form-container div.magazinepackagecost h3, div.sundaytimespackagecost h3 {color:#000; font-size:0.95em; text-align:center; margin-top:10px; margin-bottom:0px; padding:0 }
div.form-container div.basicpackagecost p, div.form-container div.magazinepackagecost p, div.sundaytimespackagecost p {font-size:3em; font-weight:bold; text-align:center; color:#0554d5; padding:0; margin-bottom:20px; margin-top:0px }
div.form-container .package-box {border:1px solid #ccc; background-color:#fff; margin:10px}
div.form-container div.totalcostpackage div.total-package-box {border:1px solid #b2b2b2; color:#fff; background-color:#d3d4d3; margin:10px}
div.form-container div.magazinepreview, div.form-container div.sundaytimesdetails {float:left; width:45%; margin-right:15px}
div.form-container div.magazinedetails, div.form-container div.sundaytimesoptions {float:left; width:49% }
div.form-container div.magazinedetails input.submit { font-weight: bold; color:#000; font-size:0.9em; }
div.form-container div.magazinedetails .editorialdisclaimer { border:1px solid #666; background-color:#fff }
div.form-container div.magazinedetails .editorialdisclaimer p { padding:1px; color:#666 }

div.form-container div.package-container:hover {background-color:#e8f1fd}
div.form-container div.magazine-container:hover {background-color:#e8f1fd}
div.form-container div.sundaytimes-container:hover {background-color:#e8f1fd}
div.form-container div.totalcost-container:hover {background-color:#e8f1fd}

/* Preview Web Advert CSS */
div.form-container div.preview-wrapper {padding:7px; background-color:#fff; border:1px solid #b3b3b3; background-image: url('../images/grey-white-bg.gif'); background-repeat:repeat-x; background-position:bottom}
div.form-container .preview-content {float:left; width:60%; border:0px solid #ccc}
div.form-container .images-content {float:left; width:40%; border:0px solid #ccc; text-align:right}
div.form-container .images-content P {color: #666; font-size:0.9em; margin-right:10px}
div.form-container .images-content P img {vertical-align:middle}

div.form-container div.preview-web-advert {margin-left:0px}

div.form-container div.preview-web-advert h1 {font-size:1.6em; font-family:tahoma; color:#115fdc; font-weight:normal; margin-top:5px; margin-bottom:2px}
div.form-container div.preview-web-advert .price {float:left; width:49%; clear:both; padding:2px}
div.form-container div.preview-web-advert .price div {float:left; width:30%; padding:2px}
div.form-container div.preview-web-advert .emailseller {float:right; width:49%; text-align:right; padding:2px}
div.form-container div.preview-web-advert .year {float:left; width:49%; clear:both; padding:2px}
div.form-container div.preview-web-advert .year div {float:left; width:30%; padding:2px}
div.form-container div.preview-web-advert .telephone {float:right; width:49%; text-align:right; padding:2px}
div.form-container div.preview-web-advert .colour {float:left; width:49%; clear:both; padding:2px}
div.form-container div.preview-web-advert .colour div {float:left; width:30%; padding:2px}
div.form-container div.preview-web-advert .typeofsale {float:right; width:49%; text-align:right; padding:2px}
div.form-container div.preview-web-advert .mileage {float:left; width:49%; clear:both; padding:2px}
div.form-container div.preview-web-advert .mileage div {float:left; width:30%; padding:2px}
div.form-container div.preview-web-advert .location {float:right; width:49%; text-align:right; padding:2px}
div.form-container div.preview-web-advert .vehiclespecwrapper {margin:0px; padding:3px}
div.form-container div.preview-web-advert .transmissionheader, div.form-container div.preview-web-advert .enginesizeheader  {float:left; width:16%; padding-bottom:5px; border:0px solid #ccc; font-weight:bold}
div.form-container div.preview-web-advert .transmission, div.form-container div.preview-web-advert .enginesize {float:left; width:26%; padding:0px; border:0px solid #ccc}
div.form-container div.preview-web-advert .doorsheader, div.form-container div.preview-web-advert .ownersheader {float:left; width:11%; padding-bottom:5px; border:0px solid #ccc; font-weight:bold}
div.form-container div.preview-web-advert .doors, div.form-container div.preview-web-advert .owners {float:left; width:17%; padding:0px;border:0px solid #ccc}
div.form-container div.preview-web-advert .fueltypeheader, div.form-container div.preview-web-advert .bodytypeheader {float:left; width:13%; padding-bottom:3px; border:0px solid #ccc; font-weight:bold}
div.form-container div.preview-web-advert .fueltype, div.form-container div.preview-web-advert .bodytype {float:left; width:13%; padding:0px; border:0px solid #ccc}

div.form-container div.preview-web-advert  h2 {color:#115fdc; font-size:1.1em; margin-bottom:5px; padding:0; margin-left:3px}
div.form-container div.preview-web-advert  p.notlive {border:1px solid #67bdf2; background-color:#d2ebfb; color:#156190; font-size:1em; font-weight:bold}
div.form-container div.preview-web-advert  p img {vertical-align:middle}


div.form-container div.images-content .thumbnail-images-wrapper {margin:5px; padding:10px; text-align:right;  border:0px solid #ccc;}
div.form-container div.images-content .thumbnail-images img { padding:5px; border:1px solid #ccc; background-color:#fff;}
div.form-container div.images-content div.thumbnail-images p img { }

/* Vehicle Photos CSS */
div.form-container div.main-picture {float:left; width:160px; border:1px solid #4fade9; background-color:#d2ebfb; padding:9px; margin:5px; text-align:center; min-height:189px;}

div.form-container div.main-picture h3 {margin:1px; padding:2px; border:0px solid #4fade9;  color:#156190; font-size:1em; font-weight:bold; margin-bottom:4px }
div.form-container div.main-picture img {margin:4px; width:140px; padding:3px; border:1px solid #4fade9; background-color:#fff}
div.form-container div.main-picture p.mainpicnote {color:#000; font-size:9px; text-align:left; background-image: url('../images/idea.gif'); background-repeat: no-repeat; padding-left:20px; height:30px}
div.form-container div.main-picture span.mainphotono {text-align:center; font-size:9px; font-family:arial; color:#000}
 
div.form-container div.other-photos {float:left; width:25%; text-display:center; padding-bottom:10px}
div.form-container div.other-photos span {display:block; text-align:center}
div.form-container div.other-photos span.photono {text-align:center; font-size:9px; font-family:arial; color:#666}
div.form-container div.basic-select-photo {margin-left:190px}
div.form-container div.basic-image-controls {text-align:center; padding-top:15px}
div.form-container div.your-advert-images {float:left; width:425px; border:1px solid #4fade9; background-color:#fff; margin:5px; min-height:150px; text-align:center; padding-bottom:18px; padding-left:9px; padding-right:9px; padding-top:5px;}
div.form-container div.your-advert-images img {float:left; margin:9px; width:80px; padding:3px; border:1px solid #ccc; background-color:#fff;}
div.form-container div.your-advert-images h3 {margin:1px; padding:2px; border:0px solid #4fade9; color:#156190; font-size:1em; font-weight:bold; padding-bottom:5px }
div.form-container div.your-advert-buttons {text-align:left; margin-left:15px}
div.form-container div.your-advert h2 {background-image: url('../images/photo.gif'); margin:0px; vertical-align:middle; height:27px; padding-top:12px; padding-left:33px; background-repeat: no-repeat; font: 16px bold Arial, Helvetica, sans-serif; color:#0077c0}
div.form-container div.your-advert p {font-size:11px; margin:0; padding:0; margin-bottom:10px}

div.form-container div.image-uploader {float:left; width:630px}
div.form-container div.total-uploads { text-align:left; border:0px solid #ccc;}
div.form-container div.total-uploads img {vertical-align:middle}
div.form-container div.total-uploads p {font-size:11px; margin-bottom:10px; color:#000}
div.form-container div.total-uploads span.count {font-size:1.2em}
div.form-container div.total-uploads h2 {background-image: url('../images/monitor.gif'); margin-top:8px; margin-bottom:0px; vertical-align:middle; height:30px; padding-top:9px; padding-left:33px; background-repeat: no-repeat; font: 16px bold Arial, Helvetica, sans-serif; color:#0077c0}
div.form-container div.progress-bar {float:right; border:1px solid #ccc; background-color:#fff; height:20px; width:132px; padding:2px; text-align:left; margin-bottom:7px; margin-left:4px}
div.form-container div.file-count p.files-selected {color:#db0000; font-size:11px; float:right; height:20px; vertical-align:middle}
div.form-container div.total-files-wrapper {text-align:right; border:0px solid #ccc; padding-top:10px}

/* Basic Upload Photos CSS */
div.form-container div.main-image-wrapper {width:98%; background-color:#e4f4fe; border:1px solid #4fade9; padding:4px; margin-top:10px}
div.form-container div.basic-image-wrapper {width:98%; background-color:#fff; border:1px solid #ccc; padding:4px; margin-top:10px}
div.form-container div.main-image-header {float:left; width:80%}
div.form-container div.main-image-header h3 {color:#000; margin:0; padding:0; font-size:1.1em}
div.form-container div.main-image {float:left; width:30%; min-width:170px}
div.form-container div.main-image img {margin:4px; width:160px; padding:3px; border:1px solid #4fade9; background-color:#fff}
div.form-container div.image-header {float:left; width:80%}
div.form-container div.image-header h3 {color:#000; margin:0; padding:0; font-size:1.1em}
div.form-container div.delete-photo {float:left; width:20%; text-align:right; font-size:0.9em}
div.form-container div.delete-photo img {border:0; vertical-align:middle}
div.form-container div.basic-image {float:left; width:30%; min-width:170px}
div.form-container div.basic-image img {margin:4px; width:160px; padding:3px; border:1px solid #ccc; background-color:#fff}
div.form-container div.image-controls {float:left; width:69%}
div.form-container div.image-controls p.label-note {margin-left:124px; font-size:0.7em; color:#666}
div.form-container div.image-controls p.tip {color:#000; font-size:0.9em; text-align:left; background-image: url('../images/idea.gif'); background-repeat: no-repeat; padding-left:20px; padding-top:7px}
div.form-container div.image-controls div.move-buttons {margin:3px; padding:13px; text-align:right; font-weight:bold}

/* Advert Summary CSS */
div.form-container div.payment-summary-wrapper {padding:0; margin:0; width:100%; * padding-bottom: 10px; /*width needed for firefox and IE6 padding-bottom only on IE6*/}
div.form-container div.advert-summary {margin-right:4px;}
div.form-container div.invoice-summary h1 {margin:0; font-size:15px; color:#000; display: inline-block;}
div.form-container div.invoice-summary {background-color:#fff; margin:9px; padding:9px ;}
*html div.form-container div.invoice-summary { float: left; }
div.form-container div.advert-summary div.invoice-summary {border:1px solid #CCCCCC}
div.form-container div.advert-summary p{margin-bottom:-2px;margin-top:0px;}
div.form-container div.advert-summary div.payment-totals-end{margin-top:0px;}
div.form-container div.advert-summary h2 {border-bottom:0px solid #ccc; margin:9px}
div.form-container div.advert-summary h2.invoice{display:inline;font-size:1.4em;} 
div.form-container div.advert-summary h2.invoice-date {display:inline;}
div.form-container div.summary {border:1px solid #ccc; background-color:#fff; margin:9px; padding:9px ; height: 200px;}
div.form-container div.summary h1 {color:#000; font-size:1.4em; margin-top:5px; margin-left:0px; margin-right:35px; margin-bottom:5px; padding:0; display:inline}
div.form-container div.advert-summary h3 { margin:0;font-size: 11px}
div.form-container div.advert-summary .vat-notice { display:block; position:relative;}

/* Euro sign alignment on invoice summary */
div.form-container div.quantity-header .total-text {font-size: 12px; }





/* print invoice */
div.ola-wrapper .print-invoice { background: url(../images/car-print-icon.gif) no-repeat 0 0;	float: right;text-transform: uppercase;	padding: 0 0 0 25px;line-height: 2em;margin:10px 0 5px 0;}

div.invoice-container{position: relative; }
div.form-container div.item-header {float:left; width:63%}
div.form-container div.unit-price {float:left; width:7%;text-align:center;}
div.form-container div.quantity-header {float:left; width:15%; font-size:11px; font-weight:bold; text-align:right; padding: 0 15px 0px 0;}
div.form-container div.quantity-header span { text-align: right; padding: 0; font-size: 11px;} /* only need to apply this for ATIE to alighn euro sign */
div.form-container div.price-header {float:left; width:12%}
div.form-container div.textright {text-align:right}
div.form-container .summarytotal {font-size:11px; font-weight:bold}
div.form-container div.itemised-summary {padding:10px}
div.form-container div.itemised-summary h3 {margin:10px 0px 3px 0px; border-bottom: 1px solid #ccc; }
div.form-container div.itemised-summary p {padding:0; margin:0}
div.form-container div.payment-totals{border-top:1px solid #ccc; margin-top: 8px}
div.form-container div.quantity-header h3 { border-bottom: 1px solid #ccc; margin-right: -30px;}

div.form-container div.quantity-header.private-vat-header,
div.form-container div.price-header.private-price-header 
{
	font-weight: normal; 
	font-size: 10px;	
}

div.form-container div.price-header {float:left; width:12%; }

div.form-container #totalPriceWithoutVAT.price-header,
div.form-container #totalVAT.price-header
{
	font-weight: bold;
	font-size: 11px;
}

div.form-container #totalVAT.price-header
{
	padding-bottom: 10px;
}


div.form-container div.quantity-header.total,
div.form-container div.price-header.total
{ 
	font-size: 12px; 
	font-weight:bold; 
	margin-top: 3px;
}


div.form-container div.quantity-header.total.private-total,
div.form-container div.price-header.total.private-total
{
	margin-bottom: 5px;
	margin-top: 8px;
	padding-top: 2px;
}


div.form-container div.cardholder-details {font-size:11px; border:1px solid #77c9fe; background-color:#e3f4fe; margin:9px; padding:4px; height: 310px;}
div.form-container div.cardholder-details h2 {background-image: url('../images/credit-card.gif'); background-repeat: no-repeat; padding-top:6px; padding-left:50px; height:26px; color:#000; font-weight:bold}

div.form-container div.pay-wrapper {border:1px solid #ccc; background-color:#fff; margin:9px; padding:9px}
div.form-container div.pay-wrapper h1 {color:#000; font-size:1.4em; margin-top:5px; margin-left:0px; margin-right:35px; margin-bottom:5px; padding:0; display:inline}
div.form-container div.pay-button {float:left; width:60%}
div.form-container div.pay-button p {color:#000; font-weight:normal; padding:0px; font-size:11px}
div.form-container div.pay-button img {background-color:#fff; border:0px solid #bfbfbf; padding:5px; vertical-align:middle}
div.form-container div.pay-button input {margin-left:80px;}
div.form-container div.pay-message {float:left; width:40%; }
div.form-container div.pay-message h5 {font-size:14px; background-image: url('../images/message.gif'); background-repeat: no-repeat; padding-left:30px; padding-bottom:4px; margin:0}
div.form-container div.pay-message p {font-size:0.9em; color:#666; font-size:11px; }

/* Advert Invoice CSS */
/* Layout of invoice re-uses Payment summary CSS above */

div.form-container div.invoice-summary {margin-right:4px}
div.form-container div.invoice-summary h2 {border-bottom:0px solid #ccc; margin:9px; text-align:right}
div.form-container div.subtotals-wrapper {margin-top:150px; border-top:1px solid #ccc; padding:0}
div.form-container div.subtotals-header {float:left; width:10%; font-weight:bold}
div.form-container div.total-wrapper {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:10px; margin-bottom:10px; padding:0}
div.form-container div.total-header {float:left; width:10%; font-weight:bold; font-size:1.5em}


/* Next and Previous step CSS */
div.form-container div.step-container hr {width:98%; height:1px; color:#ccc;}
div.form-container div.step-container div.previousstep {float:left; width:45%; margin:12px; font-weight:bold }	
div.form-container div.step-container div.previousstep input {text-align:center}	
div.form-container div.nextstep input {text-align:center}
div.form-container div.nextstep {float:right; width:45%; text-align:right; margin:12px; font-weight:bold }
div.form-container div.step-container SPAN.red-button input {height:23px; text-align:center; color:#fff; font-weight:bold; width:160px; background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b; text-align:center}
div.form-container div.nextstep input {font-weight:bold }

/* Right Hand Side Help & Tips CSS */
div.helpcontent div.contact-box {border: 0px solid #c7c7c7; margin:10px}
div.helpcontent div.contact-box H3 {color:#2087c5; margin:0px} 

/* MyAdverts CSS */
div.form-container div.myadverts-wrapper {padding:0; margin:0; width:100%; float:left /*width and float needed for firefox and IE6*/}
div.form-container div.myadverts-wrapper .atchannellink {text-align:right; font-size:11px; font-weight:bold; margin-top:8px; margin-right:12px;}
div.form-container div.myadverts-wrapper .atchannellink a {color:#0099cc!important}
div.form-container div.vehicle-advert {border:1px solid #ccc; background-color:#fff; margin-left:10px; margin-right:12px; margin-top:12px; margin-bottom:12px}
div.form-container div.myadverts-header {padding-bottom:10px; float:left}
div.form-container div.myadverts-header a {color:#0078db}
div.form-container div.myadverts-wrapper .vehicle-advert .myadverts-details div.myadverts-header h1 {width:550px; color:#000; font-size:16px !important;}
div.form-container div.myadverts-wrapper .vehicle-advert .myadverts-details div.myadverts-header a h1 {color:#3e76ac; text-decoration:underline}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* only webkit-based browsers will read the following styles */
div.form-container div.myadverts-wrapper .vehicle-advert .myadverts-details div.myadverts-header h1 
{ 
	display: inline-block; 
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	max-width: 550px;
}
}

div.form-container div.myadverts-header span.price {white-space:nowrap;;font-size:15px; font-weight:bold; color:#c80f0f;}
div.form-container div.myadverts-header a:hover{text-decoration:none}
div.form-container div.myadverts-header span {padding-left:10px; color:#000; font-weight:bold}
div.form-container div.myadverts-stats span img {vertical-align:middle}
div.form-container div.myadverts-stats {padding-bottom:10px; float:right; width: 327px;}

div.form-container div.myadverts-details {padding:10px; float:left; width:77%; border:0px solid #e6e6e7; border-right:1px dotted #ccc}
div.form-container div.myadverts-details .live-link {float:left; width:350px; margin-top:15px}
div.form-container div.myadverts-details .live-link a {background: url(../images/myadverts-cz.gif) no-repeat 0 0; display:block; height:21px; padding-left:76px; padding-top:10px; color:#0081c6!important; font-weight:bold; font-size:11px; text-decoration:underline}
div.form-container div.myadverts-details .live-link a:hover {text-decoration:none}
div.form-container div.myadverts-details .live-link span {display:block; font-size:9px; color:#666; padding-left:76px;position:relative; top:-5px}
div.form-container div.myadverts-details .sister-live-link {float:left; margin-top:15px}
div.form-container div.myadverts-details .sister-live-link a {background: url(../images/myadverts-at.gif) no-repeat 0 0; display:block; height:21px; padding-left:65px; padding-top:10px; color:#0081c6!important; font-weight:bold; font-size:11px; text-decoration:underline}
div.form-container div.myadverts-details .sister-live-link a:hover {text-decoration:none}
div.form-container div.myadverts-details .sister-live-link span {display:block; font-size:9px; color:#666; padding-left:65px; position:relative; top:-5px}

div.form-container div.myadverts-details h1 {font-size:1.4em; color:#ccc; padding:0; margin-right:8px; display:inline}
div.form-container div.myadverts-photo {float:left; width:160px; border:0px solid #eee}
div.form-container div.myadverts-photo img {width:145px; border:1px solid #ccc; padding:3px}


/* //////////// */
/* Status flags */
/* ///////////  */

.form-container .myadverts-photo .status-flag
{ 
	background: url(../images/myadverts-status-sprite-8.png) no-repeat -1000px 0; 
	position:absolute; 
	width:67px; 
	height:49px; 
	left:56px; 
	margin-top: 4px;
	display: none;
}



/* IE6 png css fix doesn't support background position so an individual image has been created especially so it works with IE6 */
* html .form-container .myadverts-photo .status-flag 
{ 	
	background-image: none;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

div.form-container div.myadverts-photo .notPaid { background-position: 0 0; display: inline; }
div.form-container div.myadverts-photo .advertExpired { background-position: 0 -56px; display: inline;} 
div.form-container div.myadverts-photo .awaitingConfirmation { background-position: 0 -111px; display: inline;}
div.form-container div.myadverts-photo .advertPublishing { background-position: 0 -166px; display: inline;}
div.form-container div.myadverts-photo .advertSold { background-position: 0 -222px; display: inline; }
div.form-container div.myadverts-photo .advertLive { background-position: 0 -277px; display: inline;}

/* IE6 png css fix doesn't support background position so an individual image has been created especially so it works with IE6 */
* html .form-container .myadverts-photo .notPaid { background: url(../images/myadverts-status-notPaid.png) 0 0 no-repeat;  }
* html .form-container .myadverts-photo .advertExpired {  background: url(../images/myadverts-status-expired.png) 0 0 no-repeat} 
* html .form-container .myadverts-photo .awaitingConfirmation { background: url(../images/myadverts-status-reqConf.png) 0 0 no-repeat}
* html .form-container .myadverts-photo .advertPublishing { background: url(../images/myadverts-status-publishing.png) 0 0 no-repeat}
* html .form-container .myadverts-photo .advertSold { background: url(../images/myadverts-status-sold.png) 0 0 no-repeat}
* html .form-container .myadverts-photo .advertLive {background: url(../images/myadverts-status-live.png) 0 0 no-repeat }


div.form-container div.myadverts-info {float:left; width:53%; border:0px solid #000}
div.form-container div.myadverts-info span {display:block; font-size:11px}
div.form-container div.myadverts-info span.price {font-size:1.3em; font-weight:bold; color:#0078db}
div.form-container div.myadverts-info span.summary {font-weight:bold; color:#333}
div.form-container div.myadverts-info span.contact-details { font-weight:normal; color:#666; font-style:italic; padding-bottom:6px}
div.form-container div.myadverts-info span.features { width:340px; height:70px; overflow:hidden; font-size:11px; color:#333}
div.form-container div.advert-status {float:left; width:23%; text-align:center; padding-top:10px; font-size:1.2em; font-weight:bold}
div.form-container div.advert-status span.live {color:#099206; font-size:15px;}
div.form-container div.advert-status span.notpaid {color:#d3060f; font-size:15px;}
div.form-container div.advert-status span.expired {color:#d3060f; font-size:15px;}
div.form-container div.advert-status span.require-confirmation{color:#d3060f; font-size:15px;}
div.form-container div.advert-status span.publishingStatus{color:#ff990c; font-size:15px;}
div.form-container div.myadverts-options {padding:10px; float:right; width:18%}
div.form-container div.myadverts-options span {display:block; padding:3px; width:100%;}
div.form-container div.myadverts-options img {vertical-align:middle; border:0}
div.form-container div.myadverts-options a {color:#056bc0; font-weight:bold; font-size:11px;}
div.form-container div.myadverts-options a:hover {color:#056bc0; text-decoration:underline}
div.form-container div.vehicle-advert {}

div.form-container div.myadverts-options .channel-indicator { display: none;} /* hides channel indicator for cz */

 

/* Intro CSS */
div.form-container div.introcontent {float:left; width:55%; margin-top:10px}
div.form-container div.introcontent p {color:#333}
div.form-container div.introcontent img {border:0px}
div.form-container div.introrightcontent {float:right; width:44%}
div.form-container div.already-registered {border:1px solid #ccc; background-color:#fff; padding:5px; margin-top:8px; margin-bottom:8px}
div.form-container div.introcontent h1, div.form-container div.new-user-content h1 {margin:0px; padding:0; padding-left:5px; font-size:19px; margin-top:8px; margin-bottom:8px; color:#2180b6; font-family:arial; font-weight:bold}
div.form-container div.already-registered h2 {margin-bottom:0px; margin-top:2px}
div.form-container div.already-registered p {margin-bottom:10px; font-size:11px; color:#333}
div.form-container div.forgot-password {margin-left:130px}
div.form-container div.forgot-password a {font-size:0.9em}
div.form-container div.helptext {padding:10px; font-size:11px; color:#666}

html>/**/body #intro-web-panel {background:url(../images/intro-web-panel.jpg) no-repeat 0 0; width:574px; height:293px; margin-left:10px}
#intro-web-panel {background:url(../images/intro-web-panel.jpg) no-repeat 0 0; width:574px; height:293px; margin-left:10px; margin-top:10px}
#intro-web-panel p.intro-para {padding-top:60px; margin-right:200px; margin-left:10px; font-family:verdana; font-size:11px; color:#000; font-weight:bold}
#intro-web-panel p.link {padding-top:60px; margin-left:410px}
#intro-web-panel span {display:block; text-align:center; font-size:14px; font-weight:bold; padding-top:10px; font-style:italic}
#intro-mag-panel {background:url(../images/intro-mag-panel.jpg) no-repeat 0 0; width:574px; height:205px; margin-left:10px;}
#intro-mag-panel p.mag-1st-para {padding-top:60px; margin-right:200px; margin-left:10px; font-family:verdana; font-size:11px; color:#000; font-weight:bold}
#intro-mag-panel p.mag-2nd-para {margin-right:205px; margin-left:10px; font-family:verdana; font-size:11px; color:#000; font-weight:bold}
#intro-mag-bottom {background:url(../images/intro-panel-btm.gif) no-repeat 0 0; width:554px; height:76px; padding:10px; text-align:right; font-size:13px; font-weight:bold; font-family:verdana; margin-left:10px;}
#intro-mag-bottom p {padding-top:1px; margin-right:15px}
#intro-mag-bottom img {vertical-align:middle; border:0}

html>/**/body #trade-intro-web-panel {background:url(../images/trade-intro-web-panel.jpg) no-repeat 0 0; width:574px; height:293px; margin-left:10px}
#trade-intro-web-panel {background:url(../images/trade-intro-web-panel.jpg) no-repeat 0 0; width:574px; height:293px; margin-left:10px; margin-top:10px}
#trade-intro-web-panel p.intro-para {padding-top:60px; margin-right:200px; margin-left:10px; font-family:verdana; font-size:11px; color:#000; font-weight:bold}
#trade-intro-web-panel p.link {padding-top:60px; margin-left:410px}
#trade-intro-web-panel span {display:block; text-align:center; font-size:14px; font-weight:bold; padding-top:10px; font-style:italic}
#trade-intro-mag-panel {background:url(../images/intro-mag-panel.jpg) no-repeat 0 0; width:574px; height:205px; margin-left:10px;}
#trade-intro-mag-panel p.mag-1st-para {padding-top:60px; margin-right:200px; margin-left:10px; font-family:verdana; font-size:11px; color:#000; font-weight:bold}
#trade-intro-mag-panel p.mag-2nd-para {margin-right:205px; margin-left:10px; font-family:verdana; font-size:11px; color:#000; font-weight:bold}
#trade-intro-mag-bottom {background:url(../images/intro-panel-btm.gif) no-repeat 0 0; width:554px; height:76px; padding:10px; text-align:right; font-size:13px; font-weight:bold; font-family:verdana; margin-left:10px;}
#trade-intro-mag-bottom p {padding-top:1px; margin-right:15px}
#trade-intro-mag-bottom img {vertical-align:middle; border:0}

/* Already registered version 2 (blue background) */
div.form-container div.already-registered1-back {background:#719FCF url(../images/registered-bg2.gif) no-repeat scroll 0% 0%;border-left:1px solid #0F4073;border-right:1px solid #0F4073;width:270px;left:-2px;position:relative;}
html>/**/body div.form-container div.already-registered1-back {width:271px;left:-2px;position:relative;top:-4px}
div.form-container div.already-registered1 {background: url(../images/registered-bg.gif) no-repeat 0 0; width:280px; padding-top:55px; margin-top:10px;position:relative;left:-1px;z-index:99}
div.form-container div.already-registered1 label {border:0px solid #ccc; width:70px; font-size:11px; color:#fff; padding-left:5px}

div.form-container div.already-registered1 input{width:150px; height:16px;border:1px solid #0f4073;}

div.form-container div.already-registered1 input.error{border:2px solid #ff0000; background-color: #ffffcc; }

div.form-container div.already-registered1 input.passwordbtn1 {width:150px; height:21px; margin-top:1px}
div.form-container div.already-registered1 .mgn {margin-left:98px}
div.form-container div.already-registered1 h2 {margin-bottom:0px}
div.form-container div.already-registered1 p {margin-bottom:10px; font-size:0.9em; color:#333}
div.form-container div.already-registered1 div.forgot-password1 {background:transparent url(../images/forgotten-password-bg.gif) no-repeat scroll 0% 50%;left:-2px;margin-top:5px;position:relative;top:-10px;width:275px; height:20px}
div.form-container div.already-registered1 div.forgot-password1 a {font-size:10px; color:#fff !important; margin-left:98px; margin-top:5px}
div.form-container div.already-registered1 div.forgot-password1 a:hover {text-decoration:none; color:#dbeaf9 !important}

/* Hold Till Sold Packages
===================================== */

#private-packages {  width: 100%; margin: 0 0 -5px; padding: 0 0 27px; overflow: hidden;}

div.form-container .private-packages-container { clear: both; background-color: #FFF; border-top: solid 1px #CCC; }
div.form-container .private-packages-container h2 { font-size: 2em; color: #000; margin:5px 20px 10px;}

div.form-container .private-package-info  { float: left; margin:0 2%; width: 96%;  padding-bottom: 20px;}
div.form-container .private-package-info p { font-size: 1.2em; line-height: 1.5em;}
div.form-container .private-package-info .two-decriptions p {padding:10px 0;} 
.icons { background:url(../images/package/package-page-icons.png) no-repeat; z-index: 255;}
.icons.ola-descriptions {background-position: -236px -616px; width:80px; height:120px; float:left;}
p.bargain-description {background-position:-853px -280px; height:52px; padding-left:82px;}
.two-descriptions {float:left; width:740px;}

.basic-package-laptop { background-position: 0 -488px; width: 129px; height: 88px; float: none; margin: 10px auto;}
.web .basic-package-laptop { margin-top: 0;  background-position: 0 0; width: 169px; height: 110px; z-index: 150; }
.web .basic-package-laptop-trade { margin: 0;  background-position: 0 -142px; width: 170px; height: 125px; z-index: 150;  padding: 0; }
.bargain-package-laptop { background-position:-700px -488px; width: 129px; height: 88px; float: none; margin: 10px auto;}
.web .bargain-package-laptop { margin-top: 0;  background-position:-673px -230px; width: 169px; height: 110px; z-index: 150; }
.web .bargain-package-laptop-trade { margin: 0;  background-position: 0 -142px; width: 170px; height: 125px; z-index: 150;  padding: 0; }
.web span {  font-weight: bold; text-align: center;  display: block; padding: 0 10px;}
.radius {border-radius: 10px; -moz-border-radius: 10px;  }

.packages-button { float: right; overflow: hidden; height: 1%;}
.packages-button.red-button {position: relative;  margin:10px; float: right;  }
.packages-button.red-button input { font-size: 1.4em; background: url(../images/package/continue-button.png) no-repeat 0 2px;  width: 179px; height:32px; border: 0; cursor: hand; padding:0}
.main-packages-container { position: relative;  top:10px;  float: left; clear: both;  margin-bottom: 20px; width: 100%; min-width:100%; height: 1%;}

.package-section { 	
	width: 90%;
	height: 1%;
	overflow: hidden;
	background: #FFF;
	border: 3px solid #999;
	float: left;
}

div.form-container .package-section h2 { 
	padding: 5px 10px;
	margin: 0;
	background: #6691C8;
	background: -webkit-gradient(linear, left top, left bottom, from(#376CA2), to(#6691C8));
	background: -moz-linear-gradient(top,  #326197,  #36628F); /* for firefox 3.6+ */
	color: #FFF;
	border-radius: 8px; -moz-border-radius: 8px;
	border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
	border-bottom: 2px solid #FFF;
	font-size: 1.7em;
	text-shadow: #000 1px 1px 2px;
	height: 1%;
}

div.form-container .package-section h2 span { color: #FFFF9E; display: inline; font-size: 1em; font-weight: bolder;}

.bargain-star {background:url(../images/package/star.png) no-repeat bottom right;}

/* content filler to enable hover to work*/
.package-section .package-content { float: left; padding: 0 1px 15px; min-height: 230px; height: 23px;}
.package-section .internet-package-text { width: 350px; text-align: center; }

.package-section h3 { font-size: 1.8em;  font-weight: bold; text-align: center; margin: 5px auto 5px }	
.package-section p { text-align: left;}
.package-section span { text-align: center; display: block; font-size: 1.1em;  color: #000; line-height: 1.5em;}
.package-section span ~ strong,  { font-size: 1em;position: relative; top: 20px; }

.package-section .internet-package-text strong {  position: relative; top: 20px; }
.package-section .internet-package-text span strong { top: 0; }

.package-section .col { float: left; margin: 0; padding: 0; }
.package-section .plus-col { float: left; color: #333; font-weight: bolder; margin: 50px 20px;}
.package-section .plus-col span.plus { font-size: 7em;  float: left; width: 75px; padding: 0; } 
.package-section .plus-col span { font-size: 1.4em; float: left; width: auto; padding: 20px 0;}

.package-section .basic-package-laptop { background-position: -328px -349px; width: 324px; height: 128px; float: none; margin: 0 auto;}
.package-section .bargain-package-laptop { background-position:-330px -610px; width: 324px; height: 128px; float: none; margin: 0 auto;}
.package-section .magazine-icon { background-position: 0 -617px; float: left; margin: 5px 10px; width: 100px; height: 135px;}
.package-section .magazine-icon span { margin-top: 140px; }

.package-section .price { font-size: 1.8em; font-weight: bolder; text-align: right; padding: 5px 0 5px 0; margin-bottom: 5px;}
.package-section .selected-label { font-size: 1.7em; font-weight: bolder; float: right; margin: 7px 8px 0 0;}
.package-section .check-box {background-color: #FFF; width: 30px; height: 30px; border: 1px solid #222; float: right; }
.package-section .check-box .tick { background-position: 0 -28455px;width: 40px; height: 40px; margin-top: -10px;   float: none; }

.package-section .package-text {  margin:5px 0; float: left;  width: 160px; display: block; }
/* hover */
.package-section.package-hover, .package-section:hover { border: 3px solid #04BF0C; cursor: hand;cursor: pointer; }
.package-section.display-tick .check-box .tick { background-position: 0 -284px; }

/* common single spot */
.package-section .single-spot-wrapper {   overflow: hidden; float: left; margin: 0;}
.package-section .singlespot {border:1px solid #000; width:150px; background-color: #FFF; margin: 0 40px; padding: 0px; float: left;}
.package-section .singlespot img { border:1px solid #000; width:142px; height: 107px; margin: 4px; padding: 0; }

.package-section .singlespot strong { display: inline; }
.package-section .singlespot span {display: block; font-weight: bolder; text-align: center; }
.package-section .singlespot p { margin: 0 3px; display: block; clear: both; font-size: 1em; }
.package-section .singlespot .price { font-weight: bold; margin: 0 auto;  font-size: 1em;  color: #000; float: none;  padding: 0; }

.package-section .singlespot .private-indicator-text { text-align: left; font-weight: normal; margin: 1px 0 1px 5px; display: block;}

.checkbox-container { float: right;  }
.message-spot-ad {  overflow: hidden; }

/* Special Offer */
#special-offer { 
	margin: 0 10px 10px;  
	width: 875px;
	background: #FFEACA;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FBF78B));
	background: -moz-linear-gradient(top,  #FFF,  #FBF78B); /* for firefox 3.6+ */	
}

#special-offer .package-content { height: 280px;  width: 98%; }
#special-offer .internet-package-text { margin-left: 10px; }
#special-offer .basic-package-laptop, #special-offer .bargain-package-laptop { margin-top: 25px;}
#special-offer .internet-package-text span{ padding: 0 20px;  }


#special-offer .last-col { margin: 80px 0; float: right; width: auto;  }

/* Basic package */
#basic-package.package-section, #upgrade-package.package-section { width: auto;  }
#private-packages #basic-package h2, #private-packages #upgrade-package h2 { text-align: left;}

#basic-package .internet-package-text span ~ strong { font-size: 0.9em;  }
#basic-package.package-section .internet-package-text span {  font-size: 1em;  margin-top: 120px;}


#basic-package h3 { font-size: 1.4em;  }
#basic-package .basic-package-laptop {  background-position: 0 -481px; margin: 25px auto 0; float: left; width: 214px; height: 120px;   }
#basic-package .bargain-package-laptop {  background-position: -690px -480px; margin: 25px auto 0; float: left; width: 214px; height: 120px;   }

#basic-package .last-col, #upgrade-package .last-col  { float: right;  margin-top: 60px;; margin-right: 10px;}
#basic-package .internet-package-text{  margin:0 auto; width:214px; font-size: 1.1em;  }


#upgrade-package .basic-package-laptop {  background-position: 0 -481px;  float: left; width: 210px; height: 120px; }
#upgrade-package .bargain-package-laptop {  background-position:-690px -480px;  float: left; width: 210px; height: 120px; }
#upgrade-package .magazine-icon { clear: both; margin-top: 120px; margin-left: 80px; background-position: -112px -617px }

#upgrade-package .internet-package-text { float: left; width: 162px;  margin-top: 40px;}
#upgrade-package .internet-package-text .plus-col { font-size: 7em; float: none; margin: 0; text-align: center; color: #000;}
#upgrade-package .internet-package-text h3 { font-size: 1.4em; text-align: center; margin:0; padding: 0; } 


/* Package Page Bottom Message container */
#package-page-message { overflow: hidden; position: relative; clear:both; }



/* PACKAGES CSS */
div.stage-header {padding:10px 0 17px 32px; font-size: 1.1em; font-weight:bold; color:#333; width: 500px;}
div.stage-header span {font-size: 1em; color:#095ba0; font-weight:bold; }
div.stage-header img {vertical-align:middle}
div#basic-package {float:left; width:182px; margin-left:5px;  text-align:center}
div#recommended-package {float:left; width:320px; margin-left:10px}
div#upgrade-package {float:left; width:354px; margin-left:10px; margin-right:0px}
.preview-note {padding:10px; font-size:10px; font-family:arial; color:#666}

html>body div#basic-package {margin-left:10px} /* FF fix to push margins out from left hand side */

.packagebox div div div div {background: url(../images/package/tl.gif) no-repeat 0 0;}
.packagebox div div div div div {background: url(../images/package/tr.gif) no-repeat 100% 0;}
.packagebox div div div div div div {background: url(../images/package/bl.gif) no-repeat 0 100%;}
.packagebox div div div div div div div {background: url(../images/package/br.gif) no-repeat 100% 100%;}

.packagebox {background: url(../images/package/dot.gif) repeat-x 0 0 #fff;}
.packagebox div {background: url(../images/package/dotbottom.gif) repeat-x 0 100%;}
.packagebox div div {background: url(../images/package/dotleft.gif) repeat-y 0 0;}
.packagebox div div div {background: url(../images/package/dotright.gif) repeat-y 100% 0;}
div#basic-package .basicpackagecontent {padding:10px 2px 10px 2px; text-align:center}
div#basic-package .basicpackagecontent h1 {font-size:1.4em; font-family:arial; padding:0; margin:0; text-align:center}
div#basic-package .basicpackagecontent h2 {font-size:15px; font-weight:bold; font-family:arial; color:#333; padding:15px 0 2px 0; margin:0}


div#basic-package .basicpackagecontent h2 img {vertical-align:middle}
div#basic-package .basicpackagecontent img.basicpackageimg {padding-bottom:0px}
div#basic-package .basicpackagecontent span.affiliated {text-align:center; padding-left:18px; display:block; font-size:0.9em; color:#999; font-family:arial;}

div#basic-package .basicpackagecontent .soldsticker {position:relative; top:-30px; left:5px; width:168px; height:79px; background:url(../images/package/sold-sticker-basic.gif) no-repeat 0 0 ;}

html>/**/body div#basic-package .basicpackagecontent .soldsticker {position:relative; top:-23px; width:220px; left:5px; height:79px; background:url(../images/package/sold-sticker-basic.gif) no-repeat 0 0;} 

/* Pushes basic package box down in Firefox */
div#recommended-package .rec-packagecontent .soldsticker {position:relative; top:-20px; left:0px; width:220px; height:79px; background:url(../images/package/sold-sticker-rec.gif) no-repeat 0 0 ;} 
div#upgrade-package .upgradedpackagecontent .soldsticker {position:relative; top:-20px; left:5px; width:220px; height:79px; background:url(../images/package/sold-sticker1.gif) no-repeat 0 0 ;}

div#basic-package .basicpackagecontent .soldsticker SPAN, div#upgrade-package .upgradedpackagecontent .soldsticker SPAN
{color:#fff; display:block; padding-left:21px; font-family:arial; padding-top:15px; font-weight:bold; margin:0}
div#recommended-package .rec-packagecontent  .soldsticker SPAN {color:#fff; display:block; padding-left:21px; font-family:arial; padding-top:10px; font-weight:bold; margin:0; padding-top:15px;}

div#basic-package .basicpackagecontent .soldsticker SPAN.price {color:#fff; font-size:17px; display:block; padding-top:12px; padding-left:13px}
div#upgrade-package .upgradedpackagecontent .soldsticker SPAN.price {color:#fff; font-size:18px; display:block; padding-top:7px; padding-left:11px}
div#recommended-package .rec-packagecontent .soldsticker SPAN.price {color:#fff; font-size:18px; display:block; padding-top:7px; padding-left:11px;}

div#recommended-package .rec-packagecontent {padding:10px 2px 10px 2px; text-align:center}
div#recommended-package .rec-packagecontent h1 {font-size:1.7em; font-family:arial; color:#1f75bf; padding:0; margin:0; text-align:center}
div#recommended-package .rec-packagecontent h2 {font-size:1.1em; font-weight:bold; font-family:arial; color:#000; padding:8px 0 2px 0; margin:0}
div#recommended-package .rec-packagecontent h2 img {vertical-align:middle}
div#recommended-package .rec-packagecontent span.affiliated {text-align:center; padding-left:18px; padding-bottom:8px; display:block; font-size:0.9em; color:#505050; font-family:arial;}

.spacer {display:block; margin-bottom:10px}
div#upgrade-package .upgradedpackagecontent {padding:10px 2px 10px 2px; text-align:center}
div#upgrade-package .upgradedpackagecontent h1 {font-size:1.4em; font-family:arial; padding:0; margin:0; text-align:center}
div#upgrade-package .upgradedpackagecontent h2 {font-size:1.1em; font-weight:bold; font-family:arial; color:#000; padding:12px 0 2px 0; margin:0}
div#upgrade-package .upgradedpackagecontent h2 img {vertical-align:middle}
div#upgrade-package .upgradedpackagecontent span.affiliated {text-align:center; padding-left:18px; padding-bottom:8px; display:block; font-size:0.9em; color:#505050; font-family:arial;}
.upgradepackagecontent {padding:10px 2px 10px 2px}
.upgradepackagecontent h1 {font-size:1.3em; font-family:arial; color:#000; padding:0; margin:0; text-align:center}

.rec-packagebox div div div div {background: url(../images/package/rec-tl.gif) no-repeat 0 0;}
.rec-packagebox div div div div div {background: url(../images/package/rec-tr.gif) no-repeat 100% 0;}
.rec-packagebox div div div div div div {background: url(../images/package/rec-bl.gif) no-repeat 0 100%;}
.rec-packagebox div div div div div div div {background: url(../images/package/rec-br.gif) no-repeat 100% 100%;}

.rec-packagebox {background: url(../images/package/rec-dot.gif) repeat-x 0 0 #cbe6fa;}
.rec-packagebox div {background: url(../images/package/rec-dotbottom.gif) repeat-x 0 100%;}
.rec-packagebox div div {background: url(../images/package/rec-dotleft.gif) repeat-y 0 0;}
.rec-packagebox div div div {background: url(../images/package/rec-dotright.gif) repeat-y 100% 0;}

div.basicpackagecontent span.red-button input {position:relative;top:2px;height:23px; text-align:center; color:#fff; font-weight:bold; width:150px; background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b; text-align:center}

.divide {background: url(../images/package/greydivide.gif) repeat-x 0 0; width:100%; height:2px}

div#recommended-package .rec-packagecontent .double-spot-wrapper, 
div#upgrade-package .upgradedpackagecontent .double-spot-wrapper 
{border:1px solid #004e8c; background:url(../images/package/magbg.gif) no-repeat 100% 100% #ffface; width:270px; margin:0px auto;}

div#recommended-package .single-spot-wrapper, div#upgrade-package .single-spot-wrapper  {border:1px solid #000; width:105px; margin:0px auto; background:#fff; height:118px; }

div#recommended-package .rec-packagecontent .triple-spot-wrapper, 
div#upgrade-package .upgradedpackagecontent .triple-spot-wrapper 
{border:1px solid #004e8c; margin:0px auto; width:298px; background:url(../images/package/magbg.gif) 100% 100% #ffface;}

div#recommended-package .triple-spot-wrapper .left-image, div#upgrade-package .triple-spot-wrapper .left-image, div#recommended-package .triple-spot-wrapper .right-image, div#upgrade-package .triple-spot-wrapper .right-image {float:left; width:108px; padding-top:2px; padding-left:2px; padding-bottom:4px; background:url(../images/package/magbg.gif) no-repeat 100% 100% #ffface;}

div#recommended-package .triple-spot-wrapper .left-image IMG, div#upgrade-package .triple-spot-wrapper .left-image IMG, div#recommended-package .triple-spot-wrapper .right-image IMG, div#upgrade-package .triple-spot-wrapper .right-image IMG {width:105px; border:1px solid #000}

div#recommended-package .triple-spot-wrapper .triple-mag-text{float:left; width:75px; height:86px; overflow:hidden; padding-left:2px; background:url(../images/package/magbg.gif) no-repeat 100% 100% #ffface; font-size:9px; font-family:tahoma; color:#666}
div#upgrade-package .triple-spot-wrapper .triple-mag-text {float:left; width:75px; height:86px; overflow:hidden; padding-left:2px; background:url(../images/package/magbg.gif) no-repeat 100% 100% #ffface; font-size:9px; font-family:tahoma; color:#666}

div#recommended-package .triple-spot-wrapper H1, div#upgrade-package .triple-spot-wrapper H1
 {font-size:11px; font-family:verdana; background-color:#004c8d; background-image:url(../images/package-mag-ad-top-right-cnr.gif); background-repeat:no-repeat; background-position:right; width:210px; color:#fff; height:15px; font-weight:bold; text-align:center; padding:1px}


div#recommended-package .triple-spot-wrapper H2, div#upgrade-package .triple-spot-wrapper H2 {font-size:11px; background-color:#004c8d; margin-left:60%; background-image:url(../images/magadvert-bt-lft-edge.gif); background-repeat:no-repeat; background-position:left; color:#fff; height:15px; font-family:verdana; font-weight:bold; padding:1px; padding-left:15px}




div#recommended-package .double-spot-wrapper h1, 
div#upgrade-package .double-spot-wrapper h1 
{display:block; font-size:11px; font-family:verdana; background-color:#004c8d; background-image:url(../images/package-mag-ad-top-right-cnr.gif); background-repeat:no-repeat; background-position:right; color:#fff; height:15px; text-align:center; font-weight:bold; padding:1px}

div#recommended-package .single-spot-wrapper, div#upgrade-package .single-spot-wrapper
 {border:1px solid #000; width:99px; margin:0px auto; background:#fff; padding:2px}
 
div#recommended-package .single-spot-wrapper span.price, 
div#upgrade-package .single-spot-wrapper span.price 
{color:#990000; font-weight:bold}

div#recommended-package .single-spot-wrapper img, div#upgrade-package .single-spot-wrapper img {width:97px; text-align:center; border:1px solid #000}
div#recommended-package .single-spot-wrapper P, div#upgrade-package .single-spot-wrapper P {padding:0; margin:0; font-family:tahoma; font-size:9px}

div#recommended-package .double-spot-wrapper h2, 
div#upgrade-package .double-spot-wrapper h2 
{font-size:11px; background-color:#004c8d; margin-left:40%; background-image:url(../images/magadvert-bt-lft-edge.gif); background-repeat:no-repeat; background-position:left; color:#fff; height:15px; font-weight:bold; padding:1px; font-family:verdana; padding-left:15px; text-align:center; clear:both}

div#recommended-package .double-spot-wrapper .image, 
div#upgrade-package .double-spot-wrapper .image 
{padding:3px; float:left; width:42%; background:#ffface;}

div#recommended-package .double-spot-wrapper img, 
div#upgrade-package .double-spot-wrapper img 
{border:1px solid #000; width:105px}

div#recommended-package .double-spot-wrapper .mag-text
 {float:left; padding:3px; width:52%; height:75px; overflow:hidden; font-size:9px; color:#666; background:url(../images/package/magbg.gif) no-repeat 100% 100% #ffface; font-family:tahoma}

div#upgrade-package .double-spot-wrapper .mag-text {height:75px; float:left; padding:3px; width:52%; overflow:hidden; font-size:9px; color:#666; background:url(../images/package/magbg.gif) no-repeat 100% 100% #ffface; font-family:tahoma}
 
div.rec-packagecontent span.red-button input {position:relative;top:-1px;height:23px; text-align:center; color:#fff; font-weight:bold; width:240px; background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b; text-align:center}

div.upgradedpackagecontent span.red-button input {position:relative;top:-1px;height:23px; text-align:center; color:#fff; font-weight:bold; width:240px; background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b; text-align:center}

#at-mag {float:left; width:32%; margin:10px}
#at-magtext {float:left; width:63%; margin-top:20px}
#at-magtext p {font-size:11px}
#at-magtext li {font-size:11px}
#at-magtext h2 {margin:0; padding:0; margin-top:5px}

.truncation {overflow:hidden}

/* PACKAGE Stage 2 CSS */
#preview-wrapper {border:1px solid #b5b5b5; width:860px; margin:0 auto; padding:0; background:#fff url(../images/package/package2divide.gif) repeat-y 0 0;}
#preview-wrapper .editmagbutton input {height:23px; text-align:center; color:#fff; font-weight:bold; width:150px; background:#445257 url(../images/package/button-grey-bg.gif) no-repeat 0 0; border:1px solid #445257; text-align:center}

#preview-wrapper .web {float:left; width:173px; background: url(../images/package/s2webbg.gif) repeat-x 0 0 #fff; border-right:0px solid #b2b0b0}
#preview-wrapper .web h2 {background:url(../images/package/s2web-icon.gif) no-repeat 0 0 transparent; font-weight:bold; padding-left:20px; margin-top:10px; margin-left:5px; color:#000; margin-bottom:10px}
#preview-wrapper .web P {padding-left:10px; padding-right:10px; padding-bottom:10px; color:#333; line-height:1.3em}
#preview-wrapper .web h3 {background:url(../images/package/s2webtimer.gif) no-repeat 0 0 transparent; font-weight:bold; padding-left:20px; margin-top:10px; margin-left:3px; color:#000; margin-bottom:10px; height:16px; font-family:tahoma; font-size:11px}

#preview-wrapper .mag {float:left; width:685px; border-left:0px solid #b5b5b5}
#preview-wrapper .mag h2 {background:url(../images/package/s2atlogo.gif) no-repeat 0 0 transparent; font-weight:bold; padding-left:60px; padding-top:5px; margin-top:5px; margin-left:5px; color:#000; margin-bottom:10px; height:23px}

#preview-wrapper .mag .advert {float:left; width:460px}
#preview-wrapper .mag .advert H1 {font-size:12px; background-color:#004c8d; background-image:url(../images/package-mag-ad-top-right-cnr.gif); background-repeat:no-repeat; background-position:right; color:#fff; height:15px; text-align:center; font-weight:bold; margin:0; padding:1px}
#preview-wrapper .mag .advert H2 {font-size:12px; background-color:#004c8d; margin:0; margin-left:170px; background-image:url(../images/magadvert-bt-lft-edge.gif); background-repeat:no-repeat; background-position:left; color:#fff; height:15px; padding:1px; padding-left:15px; text-align:center;}

#preview-wrapper .mag .advert .adcol {float:left; width:144px; padding:3px}

#preview-wrapper .mag .advert .singleadcol,
#preview-wrapper .mag .single-advert .singleadcol,
.rec-packagecontent .singlespot .singleadcol,
.upgradedpackagecontent .singlespot .singleadcol
 {width:144px; padding:3px; overflow:hidden; }

#preview-wrapper .mag .advert .adcol IMG, 
#preview-wrapper .mag .advert .singleadcol IMG,
#preview-wrapper .mag .single-advert .singleadcol IMG,
.rec-packagecontent .singlespot .singleadcol IMG,
.upgradedpackagecontent .singlespot .singleadcol IMG
 {border:1px solid #000; width:142px}
 
#preview-wrapper .mag .advert .adcol P,
#preview-wrapper .mag .advert .singleadcol P,
#preview-wrapper .mag .single-advert .singleadcol P, 
.rec-packagecontent .singlespot .singleadcol P,
.upgradedpackagecontent .singlespot .singleadcol P
{margin-bottom:4px; font-size:9px; overflow:hidden}

#preview-wrapper .mag .advert .adcol SPAN,
#preview-wrapper .mag .advert .singleadcol SPAN,
#preview-wrapper .mag .single-advert .singleadcol SPAN,
.rec-packagecontent .singlespot .singleadcol SPAN,
.upgradedpackagecontent .singlespot .singleadcol SPAN
{display:block; font-weight:bold; text-align:center}

#preview-wrapper .mag .advert .adcol P.mag-text-truncation
{font-weight:normal;text-align:left;height:100px}

#preview-wrapper .mag .singlespot SPAN.mag-text-truncation
{height:50px;font-weight:normal;display:inline;}

#preview-wrapper .mag .advert .triplespot {border:1px solid #004e8c; background-color:#ffface; width:450px; margin:0px auto;}
#preview-wrapper .mag .advert .doublespot {border:1px solid #004e8c; background-color:#ffface; width:300px; margin:0px auto; text-align:center}
#preview-wrapper .mag .advert .singlespot, .rec-packagecontent .singlespot, .upgradedpackagecontent .singlespot, #preview-wrapper .mag .single-advert .singlespot  {border:1px solid #000; background-color:#fff; width:150px; margin:0px auto;}
#preview-wrapper .mag .advert .singlespot SPAN.singlespotprice, .rec-packagecontent .singlespot SPAN.singlespotprice,  .upgradedpackagecontent .singlespot SPAN.singlespotprice,#preview-wrapper .mag .single-advert .singlespot SPAN.singlespotprice {color:#d3060f; display:inline}

#preview-wrapper .mag .advert #edit-mag-text {display:none; border:0px solid #ccc; width:450px; text-align:right}
#preview-wrapper .mag .advert #edit-mag-text SPAN {display:block; padding-top:5px; padding-left:5px}
#preview-wrapper .mag .advert #edit-mag-text textarea {width:445px; height:75px;}
#preview-wrapper .mag .advert #edit-mag-text INPUT {margin-bottom:20px}


#preview-wrapper .mag .single-advert {float:left; width:220px}
#preview-wrapper .mag .single-advert .single-spot-price {position:relative; height:58px; left:140px; top:-200px; background:url(../images/package/sold-sticker2.gif) no-repeat 0 0 ;}
#preview-wrapper .mag .single-advert .single-spot-price span {color:#fff; padding-left:28px; padding-top:0px; font-weight:bold; font-size:10px; display:block;  margin:0}
#preview-wrapper .mag .single-advert .single-spot-price span.ssprice {color:#fff; font-size:14px; line-height:13px; font-weight:bold; display:block; padding-top:16px; margin:0; padding-left:15px; padding-bottom:0px}

#preview-wrapper .mag .magedit {float:left; width:290px; padding:0px 5px; margin-top:10px}
#preview-wrapper .mag .magedit SPAN {color:#000; font-family:arial; font-size:10px; display:block; padding-bottom:5px}
#preview-wrapper .mag .magedit SPAN IMG {vertical-align:middle; padding-right:3px}
#preview-wrapper .mag .magedit SPAN A {font-size:10px; font-family:arial;}
#preview-wrapper .editmagbutton {float:left; width:160px; margin-top:10px}
#preview-wrapper .magoptions {float:left; width:192px; margin:5 auto; border:1px solid #c6c6c6; text-align:left; padding:5px}
#preview-wrapper .magoptions SELECT {width:190px}
#preview-wrapper .magoptions h3 {background:url(../images/package/s2webtimer.gif) no-repeat 0 0 transparent; font-weight:bold; padding-left:20px; margin-top:10px; margin-left:0px; color:#000; margin-bottom:10px;  font-family:tahoma; font-size:11px; height:25px}
#preview-wrapper .magoptions LABEL {padding:2px 0px; text-align:left; width:170px}
#preview-wrapper .magoptions A {display:block; padding:10px 0}
.changepackage {text-align:right; margin:0 auto; padding:5px; width:860px; font-weight:bold}
.changepckg {margin-top:10px; text-align:center}
.on-upsell .changepckg input{float:right}
.changepckg INPUT {margin-top:10px}
.changepckg A {display:inline}

#preview-wrapper .upsell {float:left; width:430px; margin:0 auto;  border-top:0px solid #c6c6c6;  padding-top:0px}
#preview-wrapper .upsell A {display:block; padding:10px 0; padding-left:120px}
#preview-wrapper .upsell H3 {color:#cc0202; margin:0; padding:2px 10px; font-size:15px; text-align:left; padding-bottom:15px; font-family:arial}
#preview-wrapper .upsell P {text-align:left; padding:2px 10px; padding-bottom:15px}
#preview-wrapper .upsell LABEL {padding:2px 10px; text-align:left; width:130px}
#preview-wrapper .upsell SELECT {text-align:left; padding:0px; margin:0}
#preview-wrapper .upsell .buttons {padding-top:20px; padding-bottom:10px}
#preview-wrapper .upsell .buttons span.red-button input {display:inline; height:23px; text-align:center; color:#fff; font-weight:bold; width:200px; background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; border:1px solid #97050b; text-align:center}

#additional-options-wrapper .stimage {float:left; width:370px}
#additional-options-wrapper .stimage IMG {border:1px solid #777; margin:10px}



#additional-options-wrapper {border:1px solid #8ccef7; width:860px; margin:0 auto; padding:0; background: url(../images/package/addoptionsbg.gif) repeat-x 0 0 #c8e5fb; margin-bottom:10px; margin-top:10px}
#additional-options-wrapper .options {float:left; width:490px}
#additional-options-wrapper .options H1 {color:#217bbd; font-size:15px; margin-top:10px}

#additional-options-wrapper input.check {display:inline}
#additional-options-wrapper LABEL {width:300px}
#additional-options-wrapper label {font-size:12px}
#additional-options-wrapper .st-copy {float:left; width:70%; padding:10px; color:#333}

#additional-options-wrapper .sundaytimesprices {float:left; width:25%; position:relative; height:58px; background:url(../images/package/sold-sticker2.gif) no-repeat 0 0 ;}
#additional-options-wrapper .sundaytimesprices span {color:#fff; font-size:11px; display:block; padding-top:0px; padding-left:26px; margin:0; padding-bottom:0}
#additional-options-wrapper .sundaytimesprices span.price {color:#fff; font-size:17px; line-height:12px; font-weight:bold; display:block; padding-top:18px; margin:0; padding-left:10px; padding-bottom:0px}

#magcost-wrapper {border:0px solid #8ccef7; width:862px; margin:0 auto; padding:0}
#magcost-wrapper .costmsg {float:left; width:560px; border:1px solid #c7c7c7; background:#fff; margin-right:10px}
#magcost-wrapper .costmsg P {background: url(../images/package/s2msg.gif) no-repeat #fff; padding-left:27px; margin:7px; color:#6b6b6c}

#magcost-wrapper .totalcost {float:right; width:280px; height:48px; background: url(../images/package/magcostbg.gif) 0 0}
#magcost-wrapper .totalcost P {padding:5px; padding-top:8px; text-align:center; color:#c8e5fb; font-size:16px; font-weight:bold; font-family:arial}
#magcost-wrapper .totalcost SPAN {font-size:20px; color:#fff; font-family:arial}
#magcost-wrapper .totalcost SPAN.vat {font-size:10px; color:#fff; font-family:arial}


/* Help Nav Box */

.help-box div div div div {background: url(../images/help-tl.gif) no-repeat 0 0;}
.help-box div div div div div {background: url(../images/help-tr.gif) no-repeat 100% 0;}
.help-box div div div div div div {background: url(../images/help-bl.gif) no-repeat 0 100%;}
.help-box div div div div div div div {background: url(../images/help-br.gif) no-repeat 100% 100%;}

.help-box {background: url(../images/help-dot.gif) repeat-x 0 0 #f8f8f8; color:#3b3b3b; font-family:verdana}
.help-box div {background: url(../images/dotbottom.gif) repeat-x 0 100%;}
.help-box div div {background: url(../images/dotleft.gif) repeat-y 0 0; }
.help-box div div div {background: url(../images/dotright.gif) repeat-y 100% 0;}
.help-box ul {}
.help-box h3 {font-size:13px; font-family:arial;  color:#000; padding:6px; margin:0; color:#333}
.help-box li {font-family:verdana; margin:0; padding:0px; padding-right:9px; list-style:disc; line-height:15px; color:#333; font-size:11px }
.help-box p {font-family:verdana; padding-left:9px; padding-right:9px; padding-bottom:0; padding-top:0; margin:0; line-height:15px; color:#333; font-size:11px}
.help-box p.p25 {padding-left:25px}
.help-box a {font-family:verdana; padding-left:10px; padding-right:10px; line-height:13px}


.bc {padding-top:8px} /* To create space between boxes */
.bc2 {padding-top:10px} /* To create space between top of super sell */
.bct {padding-top:8px; margin-top:3px} /* To create space between top panel */

.help-box SPAN {display:block; text-align:center; padding-top:5px}
.help-box IMG {border:0}
.help-box IMG.header {margin-top:7px; margin-left:8px}
.next-step-top {padding:0px; padding-bottom:20px; padding-top:10px; text-align:right}
.next-step-preview {padding:0px; padding-bottom:0px; padding-top:0px; padding-right:10px; text-align:right}
.no-advert-style {font-size:15px; font-weight:bold }

div.popup {
          position: absolute;
          z-index: 2;
          color: #315d8a;
          background: url(../images/loader1.gif) no-repeat 5% 50% #e7f1fd;
          visibility: hidden;
          width: 180px;
          height: 50px;
		  border: 1px solid #4f87bb;
padding-left:52px; font-weight:bold; padding-top:20px
}


SPAN#ProgressText {font-size:16px}


SPAN.uploadPhoto input {
	height:23px; 
	text-align:center; 
	font-weight:bold; 
	width:100px; 
	background:#d3060f url(../images/package/button-red-bg.gif) no-repeat 0 0; 
	border:1px solid #97050b; 
	text-align:center;
	color:#fff;
	z-index: 3;
	float:right;
	position: relative;
	top: 13px;
	left: 10px;
}

SPAN.uploadPhotoDisable input {
	height:23px; 
	text-align:center; 
	font-weight:bold; 
	width:100px; 
	background:gray url(../images/package/button-grey-bg.gif) no-repeat 0 0; 
	border:1px solid gray; 
	text-align:center;
	color:grey;
	z-index: 3;
	float:right;
	position: relative;
	top: 13px;
	left: 10px;
}

/* Payment Confirmation */
#payment-confirmation p.header {font-size:17px}
#payment-confirmation .success, #payment-confirmation .failure, #payment-confirmation .pending {text-align:center; margin-top:20px; margin-bottom:20px}
#payment-confirmation .success p, #payment-confirmation .failure p, #payment-confirmation .pending p {text-align:center; padding:0; margin:0; font-size:13px}
#payment-confirmation .success span, #payment-confirmation .failure span, #payment-confirmation .pending span {text-align:center; padding:0; margin:0; font-size:11px}

html>/**/body div.editmagbutton input.editmagtextbutton{position: relative;top: -4px;}


#super-sell {background:url(../images/super-sell-bg.jpg) no-repeat 0 0; width:876px; height:128px; margin-left:10px; margin-top: 20px;}
#super-sell p.sell-para-1 {padding-top: 50px; margin-right: 200px; margin-left: 10px; font-family: verdana; font-size: 11px; color:#000; font-weight:bold}
#super-sell p.sell-para-2 {margin-right: 200px; margin-left: 10px; font-family: verdana; font-size: 11px; color:#000;}

div.message {font-size:13px; margin:10px}
div.message p {font-weight:bold; margin-top:10px; margin-bottom:20px}