/*---------------------------------------------------------------------------------------
  
                        Website: Horse Transport Search 
                        Author: Allen Design Group
                        Created: September 2009
  
---------------------------------------------------------------------------------------*/

@import "default.css";
html { height: 100%;}
body	{ background: url('../images/bg.png') repeat-x #436081;}

/*---------------------------------------------------------------------------------------
   Base Typography 
---------------------------------------------------------------------------------------*/

/*------------------------------------
   Links
------------------------------------*/
a:link { color: #000;}
a:visited { color: #000;}
a:hover { color: #000;}

/*------------------------------------
   Type
------------------------------------*/
body { font: 62.5% arial, tahoma, arial, helvetica; color: #666;}
#container, #footerContainer { font-size: 1.2em; line-height: 1.4em; text-align: left;}
p { padding: 0 0 1.4em 0;}

/*------------------------------------
   Headers
------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #436081; background: transparent;}
h1 { padding: 1px 0 0 15px;}

/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/
/* Container */
#outerContainer { background: url('../images/bg-footer.png') no-repeat bottom center #fff; margin-top: 6px;  position: relative;}
#container { width: 952px; padding: 0 10px; margin: 0 auto; overflow: hidden;}
#content { overflow: hidden;}

/* Header */
#header { overflow: hidden; width: 100%;}
#logo { float: left;}
#telephone { float: right; width: 580px; text-align: right; color: #424242; font-size: 1.8em; padding: 20px 2px 20px 0;}
#telephone span { color: #436081;  background: transparent;}

/* Footer */

#footerContainer { width: 100%; text-align: center; padding-top: 135px;}
#footer { color: #fff; overflow: hidden; width: 952px; padding: 0 10px 15px; margin: 0 auto; text-align: center;  background: transparent;}
#footer a { color: #fff;  background: transparent;}
#footer a:hover { color: #c0cede;}
#copyright { float: left;}
#design { float: right;}

/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
/*------------------------------------
   Common Elements
------------------------------------*/
.fullContentContainer {background: url('../images/fullcontentTop.png') no-repeat; margin-top: 1.4em;}
.fullContent { background: url('../images/fullcontentBottom.png') no-repeat bottom left; width: 922px; padding: 15px; overflow: hidden;}
.fullContent h2 { color: #397dd9; font-size: 1.2em; font-weight: bold; padding-bottom: .7em;}
.fullContent h2 span {color: #22364f; font-size: .7em;}
.sideContent { float: left; position: relative; margin-top: 28px; width: 200px; padding: 0 13px 0 0;}
.mainContent { float: left; width: 593px; padding: 0 0px 0 20px;}
body.full .mainContent { width: 900px;}

/*------------------------------------
   Home Page
------------------------------------*/
/* Search Box */
#searchContainer { background: url('../images/searchTop.png') no-repeat; float: left; margin-right: 9px;}
#search { overflow: hidden; width: 276px; background: url('../images/searchBottom.png') no-repeat bottom left; min-height: 339px; padding: 3px 18px; color: #152a43; font-size: 1.2em;}
#search h3 { font-size: 1.6em; background: url('../images/magglass.png') no-repeat top right; padding: 10px 0 12px; margin-top: 5px;}
#search .formRow {margin-bottom: 8px;}
#search .formLeft { font-weight:bold; width: 100%; color: #1b1516;}
#search .lookingfor { background: url('../images/horzdiv.png') repeat-x bottom left; padding: 0px 0 8px 0;}
#search .lookingfor .formLeft { width: auto;}
#search .lookingfor .formRight { }
#search .lookingfor input { margin: 0px 5px 0 10px; vertical-align: middle;}
#search .lookingfor .title { vertical-align: middle;}
#search .lookingfor label { margin: 0; padding: 0;}
#search .pickup { }
#search .pickup select { width: 277px; margin-top: 5px;}
#search .options { background: url('../images/horzdiv.png') repeat-x top left; padding: 10px 0 0px 0;}
#search .options .checkbox { margin: 0px 10px 0 0px; vertical-align: middle;}
#search .submitbutton { background: url('../images/horzdiv.png') repeat-x top left; padding: 25px 0 0px 0;}
#search .submit { background: url('../images/button-searchnow.png') no-repeat; width: 103px; height: 32px; overflow: hidden;  text-indent: -9999px; line-height: 1.4em; display: block; float: right; margin: 0;}
	#search .submit:hover { background-position: bottom left;}

/* Main Image */
#mainImage { float: left; position: relative; width: 310px; height: 345px; margin-right: 9px; overflow: hidden;}
#mainImage span { position: absolute; top: 0; left: 0; background: url('../images/mainimageFrame.png') no-repeat; width: 310px; height: 345px;}
#mainImage img { width: 310px; height: 345px;}

/* Wrap */
#twoColWrap { background: url('../images/twoColWrap.png') no-repeat 0 35px; float: left; width: 100%; margin-top: 27px; font-size: 1.1em;}
#twoColWrap h2 { font-size: 2.2em; padding: 0 0 15px 0;}

/* Home Content */
#homeContent { width: 274px; height: 330px; padding: 15px 18px 0 18px; background: url('../images/mainimageFrame.png') no-repeat; float: left;}

/* International */
#international { padding: 15px 0 0 0;}
#international h2 { font-size: 1.8em; padding: 0 0 10px 0;}
#international #globe { float: left; margin-left: -10px;}
#international div { float: left; width: 185px; padding-left: 10px;}
#intro .button-getquote { display: block; width: 274px; height: 80px; background: url('../images/getquote.png') no-repeat; text-indent: -9999px; overflow: hidden;}
	 #intro .button-getquote:hover { background-position: bottom left;}

#intro { padding-top: 3px;}
#intro p { font-size: 1.2em;}
#intro h1 { font-size: 1.9em; padding: 0 0 15px 0;}
#intro .button-transporterreg { display: block; width: 196px; height: 32px; background: url('../images/button-transporterreg.png') no-repeat; text-indent: -9999px; overflow: hidden; float: right; margin-top: 18px;}
	#intro .button-transporterreg:hover { background-position: bottom left;}

#alert {  height: 62px; padding: 15px 0 0; text-align: center;}
#alert a { color: #436081; text-decoration: none; background: url('../images/alert.png') no-repeat; display: inline-block; line-height: 62px; padding: 0 0 0 87px; font-size: 2.2em; font-weight: bold;}


/*------------------------------------
   About Page and Payment Page
------------------------------------*/
body.aboutPage .mainContent, body.paymentPage .mainContent { float: left; width: 593px; padding: 0 0px 0 20px;}
body.aboutPage .sideContent, body.paymentPage .sideContent { float: left; position: relative; margin-top: 28px; background: url('../images/singledivide.png') no-repeat 100% 3px; width: 285px; height: 216px; padding: 0 13px 0 0;}
body.aboutPage .sideContent span, body.paymentPage .sideContent span { background: url('../images/sideimageFrame.png') no-repeat; position: absolute; width: 100%; height: 100%;}

/* Payment */
#os0 { width: 200px; vertical-align: middle;}
#lnkPayPal { margin-top: 0px; vertical-align: middle; margin-left: 10px;}
body.paymentPage .mainContent { padding-top: 30px;}


/*------------------------------------
   Search Page
------------------------------------*/
/* Search Form */
#searchfullContainer { background: url('../images/searchfullTop.png') no-repeat;}
#searchfull { overflow: hidden; width: 916px; background: url('../images/searchfullBottom.png') no-repeat bottom left; color: #152a43; font-size: 1.2em; min-height: 80px; padding: 15px 18px 3px 18px;}
#searchfull h3 { font-size: 1.6em; padding: 0px 0 12px; margin-top: 5px; float: left; width: 90px; line-height: 1.1em;}
#searchfull .formRow {margin-bottom: 8px;}
#searchfull .formLeft { font-weight:bold; width: 100%; color: #1b1516; float: none;}
#searchfull .formRight { float: none;}

#searchfull .lookingfor { background: url('../images/verticaldiv.png') repeat-y top right; width: 148px;  min-height: 65px; padding: 0 30px;}
#searchfull .lookingfor .formLeft { width: auto; padding-top: 5px;}
#searchfull .lookingfor .formRight { margin: 16px 0 0 -10px;}
#searchfull .lookingfor input { margin: 0px 5px 0 5px; vertical-align: middle;}
#searchfull .lookingfor .title { vertical-align: middle; margin-right: 5px;}
#searchfull .pickupdropoff { float: left;  width: auto; padding: 0 30px; background: url('../images/verticaldiv.png') repeat-y top right;  min-height: 65px;}
#searchfull .pickupdropoff .formLeft {  padding-top: 5px;}
#searchfull .pickupdropoff .formRight { margin: 10px 0 0 0;}
#searchfull .pickup { }
#searchfull .pickup select { width: 185px; margin-top: 5px;}
#searchfull .options { background: url('../images/') repeat-x top left; padding: 39px 30px 0px 30px; float: left; width: auto; background: url('../images/verticaldiv.png') repeat-y top right; min-height: 26px;}
#searchfull .options .formRight { margin: 16px 0 0 -10px;}
#searchfull .options input { margin: 0px 7px 0 0px; vertical-align: middle;}
#searchfull .options label { vertical-align: middle; margin-right: 5px;}
#searchfull .submitbutton  { padding: 0px 0 0 5px; margin: 0; float: left; width:120px;}
#searchfull .submit { background: url('../images/button-searchnowlarge.png') no-repeat; width: 104px; height: 64px; overflow: hidden;  text-indent: -9999px; line-height: 1.4em; display: block; float: right; margin: 0;}
	#searchfull .submit:hover { background-position: bottom left;}

/* Search Results */
.searchresults { }
.searchresults .sideContent { float: left; position: relative; border: 0; padding: 0; margin: 0; width: 212px; height: 159px; background: url('../images/singledivide.png') no-repeat 100% 3px;}
.searchresults .sideContent span { background: url('../images/sidelogoFrame.png') no-repeat; position: absolute; width: 212px; height: 159px;}
.searchresults .mainContent{ width: 680px;}
.searchresults .mainContent a { color: #666;}
.searchresults .mainContent a:hover { color: #000;}
.searchresults .sideContent { border: 0; padding: 0; margin: 0; width: 212px; height: 159px; position:relative;
float:left;}
.searchresults .sideContent span { background: url('../images/sidelogoFrame.png') no-repeat;}
.searchresults .getaquote { float: right; display: block; width: 166px; height: 102px; background: url('../images/button-getquoteLarge.png') no-repeat; text-indent: -9999px; overflow: hidden;}
	.searchresults .getaquote:hover { background-position: 0 -102px;}
.searchresults .close { float: right; display: block; width: 166px; height: 102px; background: url('../images/button-getquoteLarge.png') no-repeat 0 -204px; text-indent: -9999px; overflow: hidden;}
	.searchresults .close:hover { background-position: 0 -306px;}
.close2 { background:#F00;}

#noResults { padding: 50px 0; text-align: center; font-weight: bold;}

	
/* Quote Form */
.quoteForm, .quoteForms { }
.quoteForm h2 span, .quoteForms h2 span { color: #22364f; font-size: .7em;}
.quoteForm .area, .quoteForms .area {  overflow: hidden; background: url('../images/horzdiv.png') repeat-x top left; padding: 20px 0 10px;}
.quoteForm .first { background: none; padding-top: 35px;}
.quoteForm .formRow, .quoteForms .formRow { margin-bottom: 0; padding-bottom: 10px;}
.quoteForm .formLeft, .quoteForms .formLeft { text-align: right; padding: 0 10px 0 0; color: #152a43; width: 130px;}
.quoteForm .formRight, .quoteForms .formRight { width: 200px;}
.quoteForm label { margin-right: 15px;}
.quoteForm input[type="radio"] { vertical-align: middle;}
.quoteForm .input, .quoteForms .input { width: 175px; padding: 2px 5px; font-family:Verdana, Geneva, sans-serif;}
.quoteForm .textarea, .quoteForms .textarea { width: 175px; padding: 2px 5px; height: 95px; font-family:Verdana, Geneva, sans-serif; font-size: 1em;}
.quoteForm .last .textarea, .quoteForms .last .textarea { width: 515px !important;}
.quoteForm .submit, .quoteForms .submit { background: url('../images/button-send.png') no-repeat; width: 74px; height: 32px; overflow: hidden;  text-indent: -9999px; line-height: 1.4em; display: block; float: right; margin: 0 15px 0 0;}
	.quoteForm .submit:hover, .quoteForms .submit:hover { background-position: bottom left;}

/* Form Error */
.formError { vertical-align: top;}


/* Paging */
.paging { overflow: hidden; width: 100%; text-align: center; margin-top: 15px;}
.previous { float: left; display: block; width: 127px; height: 32px; background: url('../images/button-previous.png') no-repeat; text-indent: -9999px; overflow: hidden;}
.next { float: right; display: block; width: 100px; height: 32px; background: url('../images/button-next.png') no-repeat; text-indent: -9999px; overflow: hidden;}
.previous:hover, .next:hover { background-position: bottom left;}
.paging ul.pages { list-style: none; margin: 0; padding: 5px 0 0 0;}
.paging ul.pages li { display: inline; margin: 0; padding: 0; font-size: 1.2em;}  
.paging ul.pages li a { padding: 2px 5px; color: #3a7ed9; text-decoration: none; background: transparent;}
	.paging ul.pages li a:hover { color: #000; text-decoration: underline;}
.paging ul.pages li a.selected { background: #3a7ed9; color: #fff; text-decoration: none;}

/*------------------------------------
   Quote Page
------------------------------------*/
body.quotePage .mainContent { width: 688px; }

/*------------------------------------
   Registration Page
------------------------------------*/
body.registrationPage .sideContent { width: 180px; }
body.registrationPage .mainContent { width: 708px; }

/* Registration Form */
.registrationForm .area {  overflow: hidden; background: url('../images/horzdiv.png') repeat-x top left; padding: 20px 0 10px;}
.registrationForm .header { font-size: 1.1em; padding-bottom: 5px; color: #436081; font-weight: bold; background: transparent;}
.registrationForm .first { background: none; padding-top: 35px;}
.registrationForm .formColLeft, .registrationForm .formColLeft2 { float: left; width: 350px}
.registrationForm .formColRight, .registrationForm .formColRight2 { float: left; width: 350px;}
.registrationForm .formColLeft .formLeft, .registrationForm .formColLeft .formRight, 
.registrationForm .formColRight .formLeft, .registrationForm .formColRight .formRight { margin-bottom: 10px;}
.registrationForm .formColLeft2 .formLeft, .registrationForm .formColLeft2 .formRight, 
.registrationForm .formColRight2 .formLeft, .registrationForm .formColRight2 .formRight { margin-bottom: 0;}
.registrationForm .formRow, .registrationForms .formRow { margin-bottom: 0; padding-bottom: 10px;}
.registrationForm .formLeft, .registrationForms .formLeft { text-align: right; padding: 0 10px 0 0; color: #152a43; width: 130px;}
.registrationForm .formRight, .registrationForms .formRight { width: 200px;}
.registrationForm .input, .registrationForms .input { width: 175px; padding: 2px 5px; font-family:Verdana, Geneva, sans-serif;}
.registrationForm .textarea, .registrationForms .textarea { width: 175px; padding: 2px 5px; height: 80px; font-family:Verdana, Geneva, sans-serif; font-size: 1em;}
.registrationForm .fileinput { height: 24px;}
.registrationForm .options { float: left; padding: 0px 0 0 140px; margin-top: -10px;}
.registrationForm .option { float: left; width: 280px; margin-top: 10px; position: relative;}
.registrationForm .option div { float: left;}
.registrationForm .options .checkbox { margin-right: 5px; float: left;}
.registrationForm .upload { margin-top: 10px; float: left; padding-bottom: 15px; width: 100%;}
.registrationForm #pgeFormsInner_ctl00_rbTransportHire_1 { margin-left: 10px;}
.registrationForm input.fileInput { width: 220px;}
.registrationForm .enquiry { padding-left: 0px;}
.registrationForm .enquiry .formLeft { width: 100%; text-align: left;} 
.registrationForm .enquiry .textarea { width: 690px; height: 100px;}
.registrationForm .submit, .registrationForms .submit { background: url('../images/button-send.png') no-repeat; width: 74px; height: 32px; overflow: hidden;  text-indent: -9999px; line-height: 1.4em; display: block; float: right; margin: 0;}
	.registrationForm .submit:hover, .registrationForms .submit:hover { background-position: bottom left;}
/* Double Select */
.multi1 { float: left;}
.multi2 { float: left;}
.multiButtons { float: left; margin-top: 40px; padding: 0 10px;}
.multiButtons div { display: block; float: left; width: 27px; height: 26px; background: url('../images/button.png') no-repeat; text-decoration: none; font-size: 1.2em; line-height: 26px; text-align: center; cursor: pointer;}
.multiButtons div:hover { background-position: bottom left;}
#pgeFormsInner_ctl00_lstRegion1_box1View, #pgeFormsInner_ctl00_lstRegion1_box2View,
#pgeFormsInner_ctl00_lstRegion2_box1View, #pgeFormsInner_ctl00_lstRegion2_box2View
{ height:300px;width:300px; padding: 0 5px;}
#pgeFormsInner_ctl00_lstRegion1_box2Filter, #box1Clear, #box2Clear { display: none;}
.hide { display: none;}
option.copiedOption { display: none;}
option.country { background: #e8e8e9;}
/*.optionvalues1, .optionvalues2 { visibility: hidden;}*/
.listboxhelp { width: 100%; float: left; margin-top: 15px; font-size: .9em;}
.listboxhelp p { padding-bottom: 3px; font-style:italic;}



/*------------------------------------
   Contact Page
------------------------------------*/
body.contactPage .sideContent { width: 250px;}
body.contactPage .mainContent { width: 593px; padding-top: 28px;}

/* Contact Info */
#contactInfo h2 { padding: 0 0 3px 0; }
#contactInfo a { color: #666;}
#contactInfo a:hover { color: #000;}

/* Contact Form */
#contactForm { overflow: hidden; }
#contactForm .formRow { margin-bottom: 0; padding-bottom: 10px;}
#contactForm .formLeft { text-align: right; padding: 0 10px 0 0; color: #152a43; width: 130px;}
#contactForm .formRight { }
#contactForm .input { width: 400px; padding: 2px 5px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .textarea { width: 400px; padding: 2px 5px; height: 195px; font-family:Verdana, Geneva, sans-serif; font-size: 1em;}
#contactForm .submit { background: url('../images/button-send.png') no-repeat; width: 74px; height: 32px; overflow: hidden;  text-indent: -9999px; line-height: 1.4em; display: block; margin: 0 0 0 480px;}
#contactForm .submit:hover { background-position: bottom left;}

/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/
/*------------------------------------
   MainNav
------------------------------------*/
#mainNav { width: 580px; float: right;}
#mainNav ul { margin: 0; padding: 0; list-style: none; float: right;}
#mainNav ul li { margin: 0; padding: 0; display: inline; float: left;}
#mainNav ul li a { display: block; float: left; text-indent: -9999px; overflow: hidden; color: #fff; height: 38px; background: transparent;}
#mainNav ul li.nav-home a { background: url('../images/nav-home.png') no-repeat; width: 39px; margin-right: 10px;}
#mainNav ul li.nav-search a { background: url('../images/nav-search.png') no-repeat; width: 104px;}
#mainNav ul li.nav-quote a {background: url('../images/nav-quote.png') no-repeat; width: 147px;}
#mainNav ul li.nav-about a {background: url('../images/nav-about.png') no-repeat; width: 94px;}
#mainNav ul li.nav-contact a {background: url('../images/nav-contact.png') no-repeat; width: 117px;}
#mainNav ul li a:hover, #mainNav ul li a.selected { background-position: bottom left;}

/*------------------------------------
   MainNav
------------------------------------*/
ul#minorNav { margin: 0; padding: 0; list-style: none; overflow: hidden;}
ul#minorNav li { margin: 0; padding: 0 10px; background: url('../images/bg-footerdiv.png') no-repeat center right; display: inline; }
ul#minorNav li.last { background: none;}
ul#minorNav li a { display: inline;}
ul#minorNav li a.selected { font-weight: bold;}


/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/
/*------------------------------------
   ErrorPage
------------------------------------*/
body.errorPage {}
body.errorPage p#errorMessage { padding: 100px 0; text-align: center;}