@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	font:0.8em Arial;
	background:#FFF url(../images/background.gif) no-repeat;
	color:#333;
}

#container {
	margin:15px auto;
	width:970px;
}

#main {
	width:780px;
	float:left;
}



/* Headings */
h1 {
	margin:0px 0px 10px;
	width:276px;
	height:20px;
	background:url('../images/h1-bg.gif') no-repeat;
}

h1 span {
	display:none;
}



/* Navigation */
#nav {
	padding:1px 0px 0px;
	width:780px;
	height:19px;
	background:url('../images/nav-bg.gif') no-repeat;
}

#nav ul li {
	margin:0px 22px;
	display:inline;
	text-align:center;
	font-size:0.8em;
}

#nav ul li.last {
	margin:0px 0px 0px 10px;
}

#nav ul li a {
	color:#FFF;
}

#nav ul li a:hover {
	color:#CCC;
}


a.openClose {background:transparent url(../images/openClose.gif) 0 0 repeat-x;display:block;width:10px;height:10px;}
a.closeOpen {background:transparent url(../images/openClose.gif);background-position:0 -10px;}


/* Banner */
#banner {
	margin:1px 0px;
	width:780px;
}



/* Search */
#search {
	margin:0px 0px 1px;
	padding:5px 6px;
	width:768px;
	height:15px;
	background-color:#1E7AAD;
}

#search form label {
	margin:1px 5px 0px 0px;
	color:#FFF;
	font-size:0.8em;
	float:left;
}

#search form select,
#search form input.inputtext {
	margin:0px 15px 0px 0px;
	float:left;
	height:16px;
	width:160px;
	border:none;
	font-size:0.8em;
	color:#333;
}

#search form input.inputtext {
	padding:0px 2px;
}



/* Large Nav */
#large-nav {
	margin:0px 0px 8px;
	width:780px;
	min-height:90px;
	background:#1E7AAD url('../images/large-nav-bg.gif') no-repeat;
}

#large-nav ul {	
	margin:8px 0px 0px 0px;
	padding:0px 5px;
	width:120px;
	float:left;
}

#large-nav ul li {
	padding:0px 0px 2px;
	list-style-type:none;
	font-size:0.8em;
	color:#FFF;
}

#large-nav ul li a {
	color:#FFF;
}



/* Right Column */
#rightcol {
	float:right;
	width:240px;
}



/* Yellow Image Boxes in Right Column & Listings Column */
.right-image-box,
.right-image-box-wide,
.right-image-box-end,
.listings-image-box,
.listings-image-box-wide,
.listings-image-box-end {
	height:200px;
	background-color:#FAD98A;
}

.right-image-box {
	margin:0px 0px 8px 8px;
	float:left;
	width:112px;
}

.right-image-box-wide,
.listings-image-box-wide {
	margin:0px 0px 8px 8px;
	float:right;
  width:232px;
}

.listings-image-box {
	margin:0px 8px 8px 0px;
	float:left;
	width:112px;
}

.right-image-box-end,
.listings-image-box-end {
	margin:0px 0px 8px;
  float:right;
  width:112px;
}

.right-image-box IMG,
.right-image-box-end IMG,
.listings-image-box IMG,
.listings-image-box-end IMG {
  max-height:142px;
  width:112px;
}

.right-image-box-wide IMG,
.listings-image-box-wide IMG {
  max-height:143px;
  width:232px;
}

.right-image-box h3,
.right-image-box-wide h3,
.right-image-box-end h3,
.listings-image-box h3,
.listings-image-box-wide h3,
.listings-image-box-end h3 {
	padding:8px 6px;
	font-size:0.85em;
	color:#1E7AAD;
}

.right-image-box p,
.right-image-box-wide p,
.right-image-box-end p,
.listings-image-box p,
.listings-image-box-wide p,
.listings-image-box-end p {
	margin:8px 10px 0px 0px;
	font-size:0.8em;
	color:#1E7AAD;
	float:right;
}

.right-image-box a,
.right-image-box-wide a,
.right-image-box-end a,
.listings-image-box a,
.listings-image-box-wide a,
.listings-image-box-end a {
	color:#1E7AAD;
}



/* Wide Column */
#widecol {
	width:780px;
	float:left;
}

#widecol #contentwide {
	padding:10px;
	width:572px;
	float:right;
}



/* Left Column */
#leftcol {
	width:540px;
	float:left;
}

#leftcol #content {
	margin:0px 0px 8px;
	padding:10px;
	width:520px;
	min-height:180px;
	background-color:#FAD98A;
}




/* Wide Column & Left Column */
#leftcol #content h2,
#widecol #contentwide h2 {
	margin:0px 0px 10px;
	font-size:1.4em;
	color:#1E7AAD;
}

#leftcol #content h3,
#widecol #contentwide h3,
#widecol #contentwide h3 a {
	margin:7px 0px 7px;
	font-size:1em;
	color:#1E7AAD;
}

#leftcol #content h4,
#widecol #contentwide h4 {
	margin:0px 0px 15px;
	padding:0px 0px 3px;
	font-size:1.1em;
	color:#990000;
}

h4.success {
	border-bottom:1px solid #CCC;
}

h5.error {
	margin:0px 0px 2px 120px;
	color:#990000;
	font-size:0.9em;
	clear:both;
}

#leftcol #content p,
#widecol #contentwide p {
	margin:0px 0px 10px;
	/*font-size:0.85em;*/
	font-size:11px;
} 

#leftcol ul,
#widecol ul {
	margin:0px 0px 10px;
}

#leftcol ul li,
#widecol ul li {
	margin:0px 15px 3px;
	/*font-size:0.85em;*/
	font-size:11px;
	list-style-position:inside;
	list-style-type:square;
}

#leftcol ul li a,
#widecol ul li a,
#leftcol #contentwide a,
#widecol #contentwide a {
	color:#1E7AAD;
	font-weight:bold;
}

#leftcol #content p IMG,
#widecol #contentwide p IMG {
	margin:0px auto;
	display: block;
}

#leftcol ul.sitemap li,
#widecol ul.sitemap li {
	width:250px;
}



/* Dividers */
hr {
	margin:10px 0px;
	height:1px;
	width:572px;
	background-color:#CCC;
	border:none;
}

hr.dividercustomer {
	margin:20px 0px;
	clear:both;
}

hr.dividerview {
	margin:20px 0px;
	height:1px;
	width:335px;
	background-color:#CCC;
	border:none;
}



/* Article holder on articles.php */
.articleholder {
	width:572px;
	clear:both;
}


/* Image holder on view-listing.php */
.imgholder {
	width:235px;
	margin:0px 8px 8px 0px;
	float:left;
}

.imgholder IMG {
	margin:0px 0px 10px;
	float:left;
	max-width:230px;
}

.listingholder {
	width:329px;
	float:right;
}



/* Image holder on customer-editlistingphotos.php */
.editimgholder {
	margin:0px 8px 8px 0px;
	float:left;
	clear:both;
}

.editimgholder IMG {
	max-width:200px;
	max-height:200px;
}



/* Thumbnails on articles.php */
.articlethumb {
	margin:0px 10px 0px 0px;
	width:60px;
	height:60px;
	float:left;
}



/* Left Column Left Side Images */
#leftimages {
	width:188px;
	float:left;
}

.left-images-box {
	margin:0px 8px 8px 0px;
	width:180px;
	height:180px;
	background-color:#FAD98A;
	float:left;
}

.left-images-box h3 {
	padding:8px 6px;
	font-size:0.85em;
	color:#1E7AAD;
}

.left-images-box IMG {
  max-width:180px;
  max-height:125px;
}

.left-images-box p {
	margin:6px 10px 0px 0px;
	font-size:0.8em;
	color:#1E7AAD;
	float:right;
}

.left-images-box a {
	color:#1E7AAD;
}



/* Left Column Left Side Special Offers */
.specialoffers {
	margin:0px 0px 8px;
	padding:10px 8px;
	width:164px;
	background-color:#FAD98A;
	float:left;
}
.specialoffers_right {
	margin:0px 0px 8px 8px;
	padding:10px 8px;
	width:216px;
	background-color:#FAD98A;
	float:left;
}

.specialoffers h3 {
	margin:0px 0px 8px;
	font-size:1em;
	color:#1E7AAD;
}

.specialoffers p {
	margin:0px 0px 8px;
	font-size:0.9em;
}

.specialoffers a {
  color:#1E7AAD;
}

.specialoffers a.grey {
  color:#333;
}



/* Left Column Right Side Listings */
#leftcol #listings {
	width:352px;
	float:right;
}

.listing {
	margin:0px 0px 8px;
	clear:both;
	height:95px;
	background-color:#1E7AAD;
}

#leftcol #listings .listing {
	width:352px;
}

#widecol #contentwide .listing {
	width:572px;
}

.listing .listingimgholder {
  height:95px;
	width:110px;
  float:left;
  line-height:95px;
}

.listing .listingimgholder IMG {
	margin:0px 10px 0px 0px;
  float:left;
	/*max-width:100px;
	max-height:95px;*/
	width:100px;
	height:75px;
  //vertical-align:middle;
}

#widecol #contentwide .listing h3,
#leftcol #listings .listing h3 {
	margin:0px;
	padding:10px 5px 0px;
	font-size:0.85em;
}

#widecol #contentwide .listing h3 a,
#leftcol #listings .listing h3 a {
	color:#FAD98A;
}

#widecol #contentwide .listing p,
#leftcol #listings .listing p {
	margin:5px 10px 0px;
	font-size:0.8em;
	color:#FFF;
}

#widecol #contentwide .listing a,
#leftcol #listings .listing a {
	color:#FFF;
}



/* Adverts */
#bannerscol {
	margin:0px 0px 8px;
	width:182px;
	float:right;
}

#bannerscol IMG {
	margin:0px 0px 8px;
}



/* Sitemap Holder */
.sitemap-box {
	float:left;
	width:450px;
}



/* Contact Form */
form#contact {
	margin:20px 0px 0px;
}

form#contact label {
	padding:3px 0px 0px;
	width:120px;
	font-size:0.9em;
	clear:both;
	float:left;
}

form#contact input.inputtext,
form#contact select {
	margin:0px 0px 10px;
	width:250px;
	float:left;
	color:#333;
}

form#contact input.inputtextsmall {
	margin:0px 0px 10px;
	float:left;
	clear:both;
	color:#333;
}

form#contact #captchaholder {
	float:left;
}

form#contact #captchaholder IMG {
	margin:0px 0px 10px;
	float:left;
}

form#contact input.inputcheckbox {
	margin:0px 10px 10px 120px;
	float:left;
	clear:both;
}

form#contact textarea {
	margin:0px 0px 10px;
	width:400px;
	height:150px;
	float:left;
	color:#333;
}

.checkbox-holder {
	margin:0px 0px 10px;
	width:280px;
	float:left;
}

form#contact input.checkbox {
	width:25px;
}

form#contact input.submit {
	margin:0px 0px 20px 120px;
	float:left;
	clear:both;
}

.btn-search {
	border:none;
	height:17px;
	width:51px;
	/*background:url('../images/btn-search.gif');*/
	display:block;
	text-decoration:none;
	background-color:#1E7AAD;
	border:solid #FFFFFF 1px;
        color:#fff;
        font-size:10px;
        font-weight:bold;
}

.btn-search:hover {
	/*background-position:-51px;*/
	text-decoration:none;
	cursor:pointer;
	background-color:#2C87B9;
}



/* Footer */
#footer {
	
	width:970px;
	clear:both;
	
}
#container {
   height:100%;
}

#footer p {
	margin:5px 10px 0px;
	font-size:0.8em;
	color:#666;
}

#footer ul.blue {
	padding:10px;	
	/*width:970px;	*/
	/*margin-left:15px;30px*/
	list-style-type:none;
	
}

#footer ul.blue li {
	margin:0px 4px 0px 0px;
	font-size:0.67em;	
	text-transform:uppercase;
}

#footer ul.blue li a {
	color:#FFF;
}

#footer ul.bottomnav {
	margin:0px 10px;
	font-size:0.8em;
}

#footer ul.bottomnav li {
	display:inline;
}

#footer ul.bottomnav li a,
#footer a {
	color:#666;
}



/* Buttons */
.advertise {
	background-color: #1E7AAD;
    border: medium none;
    color: #FFFFFF !important;
    display: block;
    font-size: 10pt !important;
    height: 21px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 112px;
}

.advertise:hover {
	/*background-position:-163px;*/
	background-color:#2C87B9;
	text-decoration:none;
	cursor:pointer;
}

.advertise span {
	display:none;
}

.btn-sendemail,
.btn-visitwebsite,
.btn-logout,
.btn-view-article {
	margin:10px 10px 0px 0px;
	border:none;
	height:30px;
	width:108px;
	display:block;
	text-decoration:none;
	float:left;
}

.btn-sendemail {
	background-color: #1E7AAD;
    color: #FFFFFF !important;
    font-size: 10pt;
    height: 21px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    width: 115px;
}
.btn-sendemail:hover{
	background-color:#2C87B9;
}

.btn-visitwebsite {
	background-color: #1E7AAD;
    color: #FFFFFF !important;
    font-size: 10pt;
    height: 21px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    width: 107px;
}
.btn-visitwebsite:hover{
	background-color:#2C87B9;
}

.btn-logout {
	float:right;
	background-color: #1E7AAD;
    color: #FFFFFF !important;
    float: right;
    font-size: 10pt;
    height: 21px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 110px;
}

.btn-view-article {
	/*float:right;
	background:url('../images/btn-view-article.gif');*/
	background-color: #1E7AAD;
    color: #FFFFFF !important;
    float: right;
    font-size: 10pt;
    height: 21px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 110px;
}

.btn-sendemail:hover,
.btn-visitwebsite:hover,
.btn-logout:hover,
.btn-view-article:hover {
	/*background-position:-108px;
	text-decoration:none;
	cursor:pointer;*/
	text-decoration:none;
	background-color:#2c87b9;
}

.btn-sendemail SPAN,
.btn-visitwebsite SPAN,
.btn-logout SPAN,
.btn-view-article SPAN {
	display:none;
}



/* Generics */
a {
	text-decoration:none;
	color:#1e7aad;
}

a:hover {
	text-decoration:underline;
}

a.alphabet {
	margin:0px 5px 0px 0px;
	font-size:1.2em;
}

IMG {
	border:none;
}

IMG.thumbnail {
	width:100px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.italic {
	margin:-5px 0px 0px;
	display:block;
	font-style:italic;
	font-weight:bold;
	font-size:0.85em;
}

.homepagebanner {
	max-width:780px;
}

.clearit {
	clear:both;
	height:0px;
	width:100%;
	line-height:0.0px;
	font-size:0px;
}
