/* Horse Trader Online Default Style Sheet */

body{
margin: 1px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
background-color: #ffffff;
color: #333333;
}

td{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}

p{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}

li{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}

a{
color: #003366;
}
a:hover{
color: #999999;
}
h1 {
font-size: 10px; color: white; font-weight: bold; display: inline;
}
.navigate{
margin-top: 2px;
}

.ad_h1 {font-size: 10px; color: #000000; font-weight: bold; display: inline;
}

.yellow{
background-color: #ccff00;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000;
border: 1px solid #000;
}
.bluenav{
padding-top: 2px;
padding-bottom: 2px;
background-color: #3366CC;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
border: 1px solid #000;
border-top: 0px;
}
.bluenav a{
color: #fff;
text-decoration: none;
}
.bluenav a:hover{
color: #ccc;
}

.newbluenav{
padding-top: 2px;
padding-bottom: 2px;
background:url(../images/newbluenav.gif) top left no-repeat;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
border: 0px solid #000;
border-top: 0px;
height:22px;
padding-bottom:3px;
}
.newbluenav a{
color: #fff;
text-decoration:none;
}
.newbluenav a:hover{
color: #ccc;
}

.greynav{
padding-top: 2px;
padding-bottom: 2px;
background-color: #ccc;
color: #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
border: 1px solid #000;
border-top: 0px;
}
.greynav a{
color: #000;
text-decoration: none;
}
.greynav a:hover{
color: #3366cc;
}

.lightgrey{
padding-top: 2px;
padding-bottom: 2px;
background-color: #e9e9e9;
color: #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
border: 1px solid #000;
border-top: 0px;
}
.lightgrey a{
text-decoration: none;
}

/* ad layout styles */ 
.title{
border: 1px solid #000;
border-bottom: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
background-color: #e9e9e9;
color: #333;
}
.adtitle{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
border: 1px solid #000;
background-color: #3366cc;
color: #fff;
font-weight: bold;
}
.adcontent{
border: 1px solid #000;
border-top: 0px;
}
/* end ad layout styles */

/* page base style */
.base{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
border: 1px solid #000;
background-color: #3366cc;
color: #fff;
padding: 2px;
margin-top: 2px;
}
.base a{
color: #fff;
background-color: transparent;
text-decoration: none;
}
.base a:hover{
color: #ccc;
background-color: transparent;
}
/* end page base style */



/* Christmas Header */
#header{
border: 1px solid black;
background-color: #3366CC;
color: #fff;
padding: 0px;
margin: 0px;
}
.snow{
background-image: URL(../horse_for_christmas/snow.gif);
}
/* End of Christmas Header */

.whitetext{
color: #fff;
font-weight: bold;
}

.whitetext_large{
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 24px;
}

/* Contact forms style */
.text{
border: 1px solid #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
padding:4px;
width: 150px;
}
.textreq{
border: 1px solid #ff0000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
padding:4px;
width: 150px;
background-color: #e9e9e9;
}
.texta{
border: 1px solid #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
height: 75px;
width: 150px;
}
.submit{
width: 72px;
border: 1px solid #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}

.submit2{
width: 135px;
border: 0px;
background-color:#FFFFFF;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align:left;
}


.error{
color: #003366;
font-weight: bold;
}
.adImg {
border: 1px solid #666;
}
.lightgreynav{
position: relative;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
background-color: #E8E8E8;
color: #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
border: 1px solid #000;
border-top: 0px;
width: 150px;
}

.lightgreynav a{
color: #000;
text-decoration: none;
}
.lightgreynav a:hover{
color: #3366cc;
}

.submenu
{position: absolute;
top: 18px;
line-height: 29px;
border: 0px solid black;
visibility: hidden;}

.input {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
border: 1px solid #666;
width: 150px;
}

.link_table_top { background-color: #DDE3FF; padding-top: 2px; padding-bottom: 2px; font-weight: bold;}
.link_table_top a:link {color: #11407A; text-decoration: none;}
.link_table_top a:visited {color: #11407A; text-decoration: none;}
.link_table_top a:hover {color: #568DD0; text-decoration: none;}

.link_table {border: 1px solid #D8DEFE; border-style:dotted}

.link_table_description {padding-top: 5px; padding-bottom: 5px;}

.form_header {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
background-color:#CCDBF8;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;

}

.form_header_2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
background-color:#E5E5E5;
padding-top: 5px;
padding-bottom: 5px;

}

.mailinput{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;}

.tel_number{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 40px;
font-weight: bold;
color: #3366CC;
}
.offer_text{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #3366CC;
}
.affiliate_text{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}

/**********************************************************************

FORMS

**********************************************************************/

.formRowMain {
	background-color:#FFFFFF;
	margin-bottom:4px;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #ccc;
}

.formRowMain label {
	border-right:0 solid #7A381B;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:0 5px 0 0;
	width:140px;
}

.formRowMain input.genericField {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:170px;
}

.formRowMain select.genericSelect {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:176px;
}

.formRowMain input.genericFile {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:170px;
}

.packageBox {
	background-color:#ffffff;
	width:206px;
	float:left;
	margin-right:4px;
	margin-top:10px;
	border:3px solid #333333;
	margin-bottom:15px;
	}

.property {
	background-color:#ffffff;
	width:635px;
	float:none;
	margin-right:4px;
	margin-top:10px;
	border:3px solid #333333;
	margin-bottom:15px;
	margin-left:0px;
	}
	
.tradeListing {
	background-color:#ffffff;
	width:300px;
	float:left;
	margin-right:15px;
	margin-top:10px;
	border:3px solid #333333;
	margin-bottom:15px;
	}

.packageBoxLast {
	margin-right:0px;
	}

.packageBox .padding {
	padding:5px 12px 12px 12px;
	}

.packageBox ul {
	padding:0;
	margin:0;
	list-style:none;
	height:130px;
	}

.packageBox ul li {
	padding:0;
	margin:0;
	list-style:none;
	background-image:url(../images/arrow-li.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:2px;
	}

.tradeListing ul {
	padding:0;
	margin:0;
	list-style:none;
	height:60px;
	}

.packageBox h2 {
	font-size:14px;
	line-height:43px;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../images/horse-circle.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:40px;
	margin:0;
	}

.packageCost {
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	color:#FFFFFF;
	text-align:center;
	background-color:#023090;
	padding:5px 10px;
	margin:0;
	}

p.sampleAd {
	margin-bottom:10px;
	}

p.selectPackage {
	margin:0 0;
	}
	
p.selectPackage a {
	background-image:url(../images/select-package.gif);
	background-position:0 0;
	width:183px;
	height:55px;
	display:block;
	}
	
p.selectPackage a:hover {
	background-image:url(../images/select-package-hover.gif);
	background-position:0 0;
	width:183px;
	height:55px;
	}

li.bulletPoints {	
	font-size:11px;
	margin-bottom:5px;
	}

h2.pTitle {
	border-bottom:1px solid #666;
	padding-bottom:5px;
	}

.adContactOne, .adContactTwo, adContactThree {
	background:url(../images/icon-phone.gif) top left no-repeat;
	padding-left:16px;
	background-position:3px 2px;
	line-height:22px;
	}

.adContactEmail {
	background:url(../images/icon-email.gif) top left no-repeat;
	padding-left:20px;
	background-position:0 2px;
	line-height:22px;
	}

.adContactWeb {
	background:url(../images/icon-web.gif) top left no-repeat;
	padding-left:20px;
	background-position:1px 4px;
	line-height:22px;
	}

.adVideo {
	background:url(../images/icon-video.gif) top left no-repeat;
	padding-left:22px;
	background-position:2px 3px;
	line-height:22px;
	}

.adInfo {
	background:url(../images/icon-more-info.gif) top left no-repeat;
	padding-left:22px;
	background-position:2px 4px;
	line-height:22px;
	}

.adEmailFriend {
	background:url(../images/icon-email-friend.gif) top left no-repeat;
	padding-left:22px;
	background-position:0px 4px;
	line-height:22px;
	}

ul.advertBullets {
	padding:0;
	margin:0;
	list-style:none;
	}

ul.advertBullets li {
	padding:0;
	margin:0;
	list-style:none;
	background-image:url(../images/arrow-li.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding:0 0 4px 12px;
	margin-bottom:2px;
	font-weight:bold;
	}

table.advertTile {
	width:280px;
	margin-right:25px;
	}
	
table.advertTile th {
	padding:6px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#023090;
	border:1px solid #fff;
	}

table.advertTile td {
	padding:4px 10px;
	font-size:11px;
	border:1px solid #fff;
	}
	
table.advertTile tr {
	background-color:#f2f2f2;
	}

table.advertTile tr.odd {
	background-color:#e2e2e2;
	}
	
/* tooltip */

pre{
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	color:#333333;
	font-size:11px;
	width:400px;
	display:block;
}

img{border:none;}


/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#333;
	font-weight:bold;
	}

/* additonal */
.steps	{ width:643px; height:49px; float:left; margin:0 0 15px 0;}
.steps a { display:block; height:49px; text-indent:-9999px; float:left;}
.steps a.one { width:145px;}
.steps a.two,.steps a.three { width:160px;}
.steps a.four { width:178px;}
.steps1 { background: url(/images/step1-compare-adverts.gif) no-repeat;}
.steps2 { background: url(/images/step2-enter-personal-details.gif) no-repeat;}
.steps3 { background: url(/images/step3-enter-advert-details.gif) no-repeat;}
.steps4 { background: url(/images/step4-payment-details-processing.gif) no-repeat;}

.clear { clear:both;}
.preview_box { position:absolute; width:700px; background:#fff; border:1px solid #333;}
.preview_box .header { padding:5px; background:#3366cc; color:#fff;}
.preview_box .header h1 { font-weight:bold; font-size:12px; float:left; padding:0; margin:0;}
.preview_box .header span { float:right; font-weight:bold; font-size:12px;}
.preview_box .main { float:right; width:520px;}
	.preview_box .main hr { margin:0 10px; color:#cfcfcf;}
	.preview_box .main table { width:100%; margin:0 0 10px 0;}
	.preview_box .main table td { width:33%; line-height:16px;}
.preview_box .side { float:left; width:180px;}
	.preview_box .side img { padding:5px;}
	.preview_box .side p { padding:0 5px; margin:0 0 5px 0;}

/* icons */
.iconEmail 			{ padding:0 0 0 20px; background:url(../images/icon-email.gif) no-repeat; height:16px;}
.iconEmailFriend 	{ padding:0 0 0 20px; background:url(../images/icon-email-friend.gif) no-repeat; height:16px;}
.iconTel 			{ padding:0 0 0 20px; background:url(../images/icon-phone.gif) no-repeat; height:16px;}
.iconGlobe 			{ padding:0 0 0 20px; background:url(../images/icon-web.gif) no-repeat; height:16px;}

/* stats table on front page */
table.stats {}
table.stats th { background:#ccc; padding:5px 3px;}
table.stats th.spacer { background:#fff;}
table.stats td { padding:5px 3px;}
table.stats td.b { background:#eee;}
table.stats td.spacer { width:2%; background:#fff;}
table.stats td.date { width:8%;}
table.stats td.time { width:8%;}
table.stats td.search_engine { width:15%;}
table.stats td.key_phrase { width:18%;}

/* step 4 table */
table.step4 { width:100%;}
table.step4 th { background:#ccdbf8; padding:5px;}
table.step4 tr {}
table.step4 tr td { width:50%; padding:5px;}
table.step4 .odd { background:#e6e6e6;}


/* private advertising form */
form.privates	{}
form .required span { color:#990000; font-weight:bold;}

ul.errors { padding: 5px; margin: 10px 0; background: #ffd9d9; border: 2px solid #cc0000; list-style-type:none;}
.flash							{ background:#f7941d; border:1px solid #fddfbc; padding:10px; font-weight: bold;}
.flash_good						{ background:#d4ebc1; border:1px solid #6ebd30; padding:10px; font-weight: bold;}
.flash_bad						{ background:#e2b6b7; border:1px solid #9e0b0f; padding:10px; font-weight: bold;}
p.flash,p.flash_good,p.flash_bad { margin:0 0 15px 0;}
ul.list_good 	{ padding: 5px; margin: 10px 0; background:#d4ebc1; border:1px solid #6ebd30; list-style-type:none;}
ul.list_bad 	{ padding: 5px; margin: 10px 0; background: #ffd9d9; border: 2px solid #cc0000; list-style-type:none;}
ul.list_notice 	{ padding: 5px; margin: 10px 0; background:#f7941d; border:1px solid #fddfbc; list-style-type:none;}

table td {}

/* tooltips */
.tooltip { padding:10px; background:#3266cc; position:absolute; display:none; border:4px solid #023090;}
.tooltip p { padding:0; margin:0; font-size:10px; color:#FFFFFF; line-height:normal;}

/* new contact us page */
.contact_us { width:684px; padding-left:7px;}
.contact_us .box { padding:10px; border:1px solid #666666; background:#e9e9e9; font-size:12px;}
.contact_us .item { width:338px; background:#f2f2f2; margin-bottom:10px; height:150px;}
.contact_us .item h2 { background:#ccff00; border:1px solid #666666; padding:5px; margin:0 0 10px 0; font-size:13px;}
.contact_us .item p { font-size:11px; padding:0 0 5px 10px; line-height:15px; margin:0;}
.contact_us .item p span { color:#012f8d; font-weight:bold;}
.contact_us .item a { color:#333333;}
.contact_us .item a:hover { text-decoration:none;}
.contact_us .mail { float:left; background: url(../images/icon_home.jpg) no-repeat #f2f2f2; background-position: 250px 50px;}
.contact_us .telephone { float:right; background: url(../images/icon_phonebook.jpg) no-repeat #f2f2f2; background-position: 250px 50px;}
.contact_us .email { float:left; background: url(../images/icon_email.jpg) no-repeat #f2f2f2; background-position: 250px 50px;}
.contact_us .misc { float:right; background: url(../images/icon_people.jpg) no-repeat #f2f2f2; background-position: 250px 50px;}

/* equestrian property adverts */
.prop_link a { color:#42734a; background:#f2ffba;}
.prop_link a:hover { background:none; color:#999999;}
