/* basic styles */

body {	margin: 0px;
		padding: 0px;
		text-align: center;
		background: #ffffff url(/img/public/background.jpg) center top no-repeat;
		color: #333333;
		font: 12px Arial, Helvetica, sans-serif;
		
	}
	
	
ul, li {color: #333333;}
	
a:link, a:visited {color: #5f5f5f; text-decoration: underline;}
a:hover {color: #666666;}

.bullet-link a {text-decoration: none; background:  url(/img/public/icons/arrow.gif) no-repeat -10px -5px; padding-left: 15px; height: 25px; line-height: 25px; color: #333333; font-size: 11px; font-weight: bold; }

h1 {color: #333333; text-transform: capitalize; font-size: 20px; font-family: Arial; border-bottom: 1px solid #cccccc; line-height: 40px; height: 40px; margin-bottom: 10px;}
h1.header-image {border: 0px;}
h2 {font-size: 20px; font-weight: bold; margin-bottom: 10px;}
h3 {font-size: 16px; font-weight: bold; margin-bottom: 3px;}
p {margin-bottom: 10px;}

address {font-weight: normal; font-size: 11px;}
address.address-hidden {display: none;}
address.address-visible {display: block;  border: 1px solid #eeeeee; padding: 10px; margin: 10px 0px 0px 25px; width: 420px;}
hr {color: #D9EABD; background-color: #D9EABD; height: 1px; margin: 20px 0px 20px 0px; border: 0; }

dl {line-height: 25px;}
dt {  font-weight: bold; width: 150px; }
dd { margin-left: 160px; margin-top: -25px;}

/* layout css */

.clear-both{clear: both;}
.clear-left{clear: left;}
.no-margin-right {margin-right: 0px !important;}
.no-margin-left {margin-left: 0px  !important;}
.float-right {float: right;}
.float-left {float: left;}
.nobr {white-space: nowrap;}
.no-margin {margin: 0px !important;}
.no-padding {padding: 0px !important;}
.width-auto {width: auto !important;}
form div.display-inline {display: block !important; float: left !important; margin-left: 400px !important; margin-top: 0px !important; margin-bottom: -20px; padding: 0px;}
form div.display-inline input {float: left !important;}

.img {border: 1px solid #cccccc;}
.img-float-right {border: 1px solid #cccccc; float: right; margin: 10px; margin-right: 0px; margin-top: 0px;}

.adsense {height: 60px;
height /**/:auto;
min-height: 60px;
margin-top: 20px;
margin-bottom: 20px;
}


#container { width: 940px; margin: 0px auto 0px auto; text-align: left; padding: 0px; border: 0px solid #ff3300;}
#header {height: 175px; border: 0px solid #ffff33;}
#header h1 {height: 136px; line-height: 136px; border: 0px; margin: 0px; }
#header h1 a {background:  url(/img/public/logo.gif) left bottom no-repeat; width: 505px; height: 136px; line-height: 136px; text-indent: -5000px; display: block; }






#left-column { float: left; width: 220px;  margin: 0px; margin-top: 0px; padding: 0px; padding-bottom: 10px;}
#right-column {  float: right; width: 220px;  margin: 0px 0px 0px 20px; padding: 0px; padding-bottom: 10px; padding-top: 0px; }
#middle-column { margin-left: 240px; margin-right: 240px; margin-top: 20px; }
#middle-column.no-left-column {margin-left: 0px;}
#middle-column.no-right-column {margin-right: 0px;}

/** ----------- css specific to the my account area ----------------- **/
.account-column-left {float: left; width: 300px;}
.account-column-right {float: left; width: 600px; margin-top: -51px;}
#album-image-gallery {margin-right: -30px; margin-left: 0px !important; list-style: none !important; }
#album-image-gallery li {float: left; border: 1px solid #cccccc; background: #ffffff; margin: 25px 29px 0px 0px; width: 162px; height: 127px;}
#album-image-gallery li a {margin: 1px; display: block;}
#album-image-gallery li.border-selected {border: 1px solid #333333;}

#album-image-gallery.account-gallery {margin-top: -15px !important;}

#lightbox-steps {margin-left: 0px !important; list-style: none !important; margin-bottom: 20px; width: 940px; height: 107px; background:  url(/img/public/steps.gif) no-repeat left center;}
#lightbox-steps li {float: left; margin: 0px; padding: 0px; padding-top: 3px;}
#lightbox-steps li#lightbox-step-1 {padding-left: 3px;}
#lightbox-steps li#lightbox-step-1 a {background:  url(/img/public/step-1.jpg) no-repeat left center; height: 99px; width: 206px; display: block; text-indent: -5000px;}
#lightbox-steps li#lightbox-step-2 a {background:  url(/img/public/step-2.jpg) no-repeat left center; height: 99px; width: 238px; display: block; text-indent: -5000px;}
#lightbox-steps li#lightbox-step-3 a {background:  url(/img/public/step-3.jpg) no-repeat left center; height: 99px; width: 267px; display: block; text-indent: -5000px;}
#lightbox-steps li#lightbox-step-4 a {background:  url(/img/public/step-4.jpg) no-repeat left center; height: 99px; width: 223px; display: block; text-indent: -5000px;}

.sort-list {margin-right: -30px; margin-left: 0px !important; list-style: none !important; }
.sort-list li {background: #ffffff; margin-bottom: 20px; border: 1px solid #cccccc; padding: 10px; width: 430px;}

.slide-show-button-holder {}
.slide-show-button {float: right;  padding: 0px; margin-top: -50px;}
.slide-show-button a {float: right;  line-height: 35px; text-decoration: none; width: 199px; height: 35px; display: block; color: #333333; font-size: 12px; font-weight: bold; text-indent: 50px; background:  url(/img/public/view-as-slideshow.gif) no-repeat left center; margin-right: 10px;}
.slide-show-button a.proceed-to-lightbox { line-height: 33px; text-decoration: none; width: 196px; height: 33px; display: block;  text-indent: -5000px; background:  url(/img/public/proceed-to-lightbox.gif) no-repeat left center; margin-top: 0px; margin-bottom: 0px; }
.slide-show-button a.purchase-photographs { line-height: 35px; text-decoration: none; width: 125px; height: 35px; display: block;  text-indent: -5000px; background:  url(/img/public/view-cart.gif) no-repeat left top; margin-top: 0px; margin-bottom: 0px; }
.slide-show-button a.back-to-lightbox{ line-height: 33px; text-decoration: none; width: 179px; height: 35px; display: block;  text-indent: -5000px; background:  url(/img/public/back-to-lightbox.gif) no-repeat left center; margin-top: 0px; margin-bottom: 0px;}
.slide-show-button a.back-to-photographs{margin-right: 10px; line-height: 33px; text-decoration: none; width: 199px; height: 35px; display: block;  text-indent: -5000px; background:  url(/img/public/back-to-photographs.gif) no-repeat left center; margin-top: 0px; margin-bottom: 0px;}
.slide-show-button a.back-to-my-albums { line-height: 33px; text-decoration: none; width: 122px; height: 35px; display: block;  text-indent: -5000px; background:  url(/img/public/my_album_button.gif) no-repeat left center; margin-top: 0px; margin-bottom: 0px; }


.slide-show-button a:hover.purchase-photographs {background-position: left bottom;}


#thumbnail-notice {font-size: 14px; line-height: 35px;}

.cluetip-hidden {display: none;}

.add-to-lightbox {margin-left: 128px; margin-top: 3px; margin-bottom: 2px; background:  url(/img/public/add-to-lightbox.gif) no-repeat left center; height: 29px; width: 173px; display: block; text-indent: -5000px;}

form #lightboxes-table td div {clear: none;}
#lightboxes-table td .lightbox-image-holder {float: left; width: 160px;  border: 1px solid #cccccc; padding: 1px; background: #ffffff;}

#lightboxes-table {clear: both; width: 960px; background: transparent; margin-top: 10px; }
#lightboxes-table td {padding-bottom: 20px; padding-left: 20px; vertical-align: top; text-align: left;}
#lightboxes-table td div.inner-box { border-top: 1px solid #cccccc; width: 450px; padding: 20px 0px 0px 0px; margin-right: 20px;}
#lightboxes-table tr.row-1 td div.inner-box {border-top: 0px;}
#lightboxes-table td.col-one {border-right: 1px solid #cccccc; padding-left: 0px;}
#lightboxes-table td .lightbox-form { float: left; width: 265px; padding: 0px; padding-left: 10px; }
#lightboxes-table td .lightbox-form form {margin: 0px; padding: 0px; width: 265px;}
/*
#lightboxes-table input.add-button {float: right; border: 0px; font-weight: bold; color: #333333; width: 40px;}
*/
#lightboxes-table .print_option_list {border: 1px solid #cccccc; background: #ffffff; margin-left: -10px; width: 260px; padding-bottom: 30px;}
#lightboxes-table .print_option_list span {display: block; margin-bottom: 12px;}
#lightboxes-table .print_option_list span label {width: auto !important; text-align: right !important; padding-right: 15px; }
#lightboxes-table .mini-input {width: 18px; border: 1px solid #cccccc; display: inline; margin-right: 16px;}
#lightboxes-table .remove-link {background:  url(/img/public/remove.gif) no-repeat left center; height: 14px; width: 14px; display: block; text-indent: -5000px; float: right;}
#lightboxes-table .update-total-button {margin: -17px -7px 0px 2px !important;}
#lightboxes-table input.add-button {margin: 0px -10px 0px 0px !important; }
#lightboxes-table .lightbox-total {font-size: 16px; float: right; line-height: 40px; margin-right: -20px; font-weight: bold; }
#lightboxes-table .lightbox-total span {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; line-height: 40px; display: block;}
#lightboxes-table .add-to-cart-button {border: 0px; margin-top: 22px; background:  url(/img/public/add-to-basket.gif) no-repeat left center; height: 20px; width: 130px; display: block; text-indent: -5000px; padding-top: 20px;}
#lightboxes-table .update-cart-button {border: 0px; margin-top: 22px; background:  url(/img/public/update-basket.gif) no-repeat left center; height: 20px; width: 130px; display: block; text-indent: -5000px; padding-top: 20px;}
#lightboxes-table .lightbox-message {width: 300px; color: #339900; font-weight: bold; margin-top: -20px;}
#lightboxes-table .lightbox-message-red {width: 300px; color: #cc3300; font-weight: bold; margin-top: -20px;}

.remove-box { border-top: 1px solid #cccccc; padding: 1px; background: #ffffff; height: 14px; margin-left: -1px; margin-right: -1px;  margin-top: 2px;}
.remove-from-lightbox {display: block; background:  url(/img/public/remove.gif) no-repeat left center; height: 14px; padding-left: 16px; display: block; text-decoration: none !important; font-size: 11px; font-weight: bold;  }

#summary-basket {float: right; margin-top: -80px; width: 300px;}
#summary-basket p {text-align: right;}
#summary-basket span {display: inline; width: 20px; text-indent: -5000px; line-height: 20px; height: 20px; background:  url(/img/public/chevron.gif) no-repeat center center;}
#summary-basket ul {float: right;}
#summary-basket ul li {float: left; margin-left: 10px;}
#summary-basket ul li a.view-lightbox {text-indent: -5000px; display: block; background:  url(/img/public/checkout-buttons.gif) no-repeat left top; height: 20px; width: 99px;}
#summary-basket ul li a.view-cart {text-indent: -5000px; display: block; background:  url(/img/public/checkout-buttons.gif) no-repeat right top; height: 20px; width: 76px;}
#summary-basket ul li a.view-lightbox:hover {background-position: left bottom;}
#summary-basket ul li a.view-cart:hover {background-position: right bottom;}


/** ----------- end my account css ---------------------------------- **/


.show50 {-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); opacity:.50;}
.show25 {-khtml-opacity:.25; -moz-opacity:.25; -ms-filter:”alpha(opacity=25)”; filter:alpha(opacity=25); opacity:.25;}

.width10 {width: 10px;}
.width20 {width: 20px;}
.width30 {width: 30px;}
.width40 {width: 40px;}
.width50 {width: 50px;}
.width60 {width: 60px;}
.width70 {width: 70px;}
.width80 {width: 80px;}
.width90 {width: 90px;}
.width100 {width: 100px;}
.width110 {width: 110px;}
.width120 {width: 120px;}
.width130 {width: 130px;}
.width140 {width: 140px;}
.width150 {width: 150px;}
.width160 {width: 160px;}
.width170 {width: 170px;}
.width180 {width: 180px;}
.width190 {width: 190px;}
.width200 {width: 200px;}
.width400 {width: 400px;}


.middle-column-clear-fixer {display: block; float: left;}
/*#middle-column-inner {margin-left: 20px; padding-top: 25px; margin-right: 20px; width: 562px;  }*/
#content {height: 400px;
height /**/:auto;
min-height: 400px;}

#footer {height: 84px; margin-top: 15px;}

#latest-listings ul li {color: #000000; display: block;}



/** header breadcrumb links **/

#bread-crumb {padding-top: 3px; font-size: 11px; color: #cccccc;  margin-left: 15px; font-weight: bold;}
#bread-crumb a {color: #93C341; text-decoration: none;}

/** header login details **/

ul.login-links {float: right;  height: 20px; margin-top: -30px;}
ul.login-links li {display: block; float: left; margin-right: 15px; line-height: 20px; height: 20px;}

ul.login-links li a {font-size: 11px; display: block; line-height: 20px; height: 20px; font-weight: bold; color: #ffffff; text-decoration: none;}
ul.login-links li a:hover {text-decoration: underline;}

ul.my-account {margin-left: 0px !important; list-style: none !important; }
ul.my-account li a {display: block; line-height: 25px; height: 25px; font-weight: bold; color: #333333; text-decoration: none;}
ul.my-account li a:hover {color: #555555;}

a.back-to-section {background:  url(/img/public/icons/arrow-back.gif) no-repeat left center; padding-left: 8px; text-decoration: none; float: right; margin-top: 15px; position: relative; z-index: 4; color: #0C6825; font-weight: bold;}

a.view-1 {background: url(http://static.evosite.co.uk/img/icons/zoom.png)  no-repeat;  display: block; text-indent: -5000px; overflow: hidden;}

a.link-login {background:  url(/img/public/icons/lock.gif) left center no-repeat;  padding-left: 20px;}
a.link-logout {background:  url(/img/public/icons/lock.gif) left center no-repeat;  padding-left: 20px;}
a.link-register {background:  url(/img/public/icons/user.png) left center no-repeat;  padding-left: 20px;}

a.link-update-password {background:  url(/img/public/icons/user_edit.png) left center no-repeat;  padding-left: 20px;}
a.link-account {background:  url(/img/public/icons/vcard.png) left center no-repeat;  padding-left: 20px;}
a.link-contact-details {background:  url(/img/icons/application_side_list.png) left center no-repeat;  padding-left: 20px;}
a.new-address {background:  url(/img/icons/application_form_add.png) left center no-repeat;  padding-left: 20px;}
a.edit-address {background:  url(/img/icons/application_form_edit.png) left center no-repeat;  padding-left: 20px;}
a.link-order-history {background:  url(/img/icons/table_multiple.png) left center no-repeat;  padding-left: 20px;}
a.link-add-password {background:  url(/img/icons/locked1.gif) left center no-repeat;  padding-left: 20px;}

.live-1 {background: url(/img/public/icons/live-1.gif) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;}
.live-0 {background: url(/img/public/icons/live-0.gif) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;}

.tick-1 {background: url(/img/public/icons/grey-tick.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.tick-0 { width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.approved-1 {background: url(/img/public/icons/approve-1.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.approved-0 {background: url(/img/public/icons/clock.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.internet-1 {background: url(/img/public/icons/sport_golf.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.internet-0 {background: url(/img/public/icons/map_magnify.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.paid-1 {background: url(/img/public/icons/tick.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.paid-0 {background: url(/img/public/icons/money_pound.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.notpaid-1 {background: url(/img/public/icons/information.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;}
.view-listings .live-1 {float: left; margin-right: 5px;}
.view-listings .live-0 {float: left; margin-right: 5px;}

.icon_edit {background: url(/img/public/icons/page_edit.png) no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;}
.icon_delete {background: url(/img/public/icons/approve-0.png)  no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;}
.icon_view {background: url(/img/public/icons/zoom.png)  no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;}
.xedit {background: url(/img/public/icons/page_edit.png) no-repeat; padding-left: 20px; margin-right: 10px; }
.xdelete {background: url(/img/public/icons/approve-0.png)  no-repeat; padding-left: 20px; margin-right: 10px; }
.ximage {background: url(/img/public/icons/image.png)  no-repeat; padding-left: 20px; margin-right: 10px; }

.view-listings {border: 1px solid #cccccc; padding: 10px; margin-bottom: 20px;}
.view-listings-actions {width: 100px; float: right; list-style-type: none;}
.view-listings-actions li {height: 24px;}
.view-listings h4 {border-bottom: 1px solid #cccccc;   margin: -10px -10px 10px -10px; }
.view-listings h4 a {background-color: #ddedc1; display: block; text-decoration: none; padding: 4px;}

.view-listings h4 a:hover {background-color: #4F962C; color: #ffffff; display: block; text-decoration: none; padding: 4px;}

a.small-button {	width: 68px;
	height: 20px;
	border: 0px;
	background: url(/img/public/small-button.gif) no-repeat top left;
	overflow: hidden;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-top: 5px;
	line-height: 20px;
}

/** ---------------- top menu css --------------------- **/

div.top-menu {width: 940px; padding-right: 0px; margin:0px;float: left; background:  url(/img/public/menu.gif) right top no-repeat; height: 39px;}
div.top-menu ul { margin-left: 20px; height: 39px;}
div.top-menu ul li {float: left; margin-right: 10px; height: 39px; line-height: 39px; padding-right: 10px;  background: url(/img/public/top-menu-stripe.gif) right top no-repeat;}
div.top-menu ul li a, div.top-menu ul li a:visited { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 7px; display: block; }
div.top-menu ul li a span {display: block; padding: 0px 5px 0px 0px;}
div.top-menu ul li a:hover {color: #ffffff; background:  url(/img/public/menu-left.gif) left top no-repeat;}
div.top-menu ul li a:hover span {background:  url(/img/public/menu-right.gif) right top no-repeat;}
div.top-menu ul li.selected a {color: #ffffff !important; background:  url(/img/public/menu-left.gif) left top no-repeat;}
div.top-menu ul li.selected a span {background:  url(/img/public/menu-right.gif) right top no-repeat;}
div.top-menu ul li.last {padding-right: 0px; background-image: none; margin-right: 0px;}


/** ---------------- end top menu css ----------------- **/


/** ---------------- home page sections menu ---------- **/


ul.home-page-sections {height: 160px; margin-top: 20px; margin-bottom: 20px; list-style: none !important; margin-left: 0px !important;}
ul.home-page-sections li {float: left; margin-left: 20px; width: 172px;}
ul.home-page-sections li.first {margin-left: 0px;}

ul.home-page-sections li .section-head {width: 172px; height: 36px; background:  url(/img/public/section-header.gif) left top no-repeat;}
ul.home-page-sections li .section-head a {display: block; color: #ffffff; text-decoration: none; font-weight: bold; line-height: 36px; text-indent: 15px;}


/** ---------------- home page mono ------------------ **/

#mono-holder {margin-top: 2px; width: 940px; height: 294px; background:  url(/img/public/flash-background.jpg) left top no-repeat;}
#mono-text {float: right; width: 265px;  margin-right: 15px; margin-top: 22px;  }
#mono-text h1 {color: #ffffff; font-size: 16px; font-weight: bold; clear: none; float: none; border: 0px; margin-bottom: -4px;}
#mono-text p {font-size: 12px; color: #ffffff;}
#mono-holder-gallery { border: 0px solid #ff3300; margin-top: 0px; margin-bottom: 0px !important; width: 745px; height: 500px;  margin-left: 35px; padding-top: 5px;}

#mono-holder.home2 {margin-top: 2px; width: 940px; height: 294px; background:  url(/img/public/mono-back-2.jpg) left top no-repeat !important;}


/** ---------------- end home page mono ------------------ **/

#header-image {margin-top: 2px; margin-bottom: 20px;}

/** ---------------- footer css ----------------------- **/
#footer-inner {height: 84px; width: 940px; margin: 0px auto 0px auto; background:  url(/img/public/footer.gif) left top no-repeat;}
#footer-left {text-align: left; float: left; width: 300px; margin-top: 10px; padding: 0px; margin-left: 20px; font-size: 10px;}
#footer a {color: #333333; text-decoration: none;}
#footer-left-2 {text-align: left; clear: left; float: left; width: 600px; margin-top: 20px; padding: 0px; margin-left: 20px; font-size: 10px;}
#footer-right {float: right; font-size: 10px; margin-right: 20px; margin-top: 10px;}
#footer-right-2  {clear: right; float: right; font-size: 10px; margin-top: 20px; margin-right: 20px;}


/* left column css */

.context-menu-holder h2 { color: #ffffff; height: 36px; width: 220px;  background:  url(/img/public/shared-header.jpg) 0px 0px no-repeat; margin-bottom: 0px;}
.context-menu-holder h2 span {display: block; height: 36px; line-height: 36px; text-indent: 15px; color: #ffffff; font-size: 14px !important; font-weight: bold;}
.context-menu-holder h2 span a {color: #ffffff; text-decoration: none;}
.context-menu-holder ul {padding-top: 3px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6;}
.context-menu-holder ul li {}
.context-menu-holder ul li a  {color: #333333; display: block; border-top: 1px solid #cccccc; height: 29px; line-height: 29px; text-decoration: none; font-size: 12px; font-weight: bold; padding-left: 10px;}
.context-menu-holder ul li a:hover, .context-menu-holder  ul li.selected a {text-decoration: none; font-size: 12px; font-weight: bold; color: #7c7c7c;}
.context-menu-holder ul li.selected ul li a {color: #333333;}
.context-menu-holder ul li.selected ul li.selected a {color: #7c7c7c;}
.context-menu-holder ul li.first-top a {border-top: 0px; margin-top: 0px; border-bottom: 1px solid #cccccc;}
.context-menu-holder ul li.first a {border-top: 0px; margin-top: 0px;}
.context-menu-holder ul li.last {}
.context-menu-holder ul li ul {border: 0px; padding-left: 0px; padding-top: 0px;}
.context-menu-holder ul li ul li a {text-indent: 20px; }
.context-menu-holder ul li ul li ul li a {text-indent: 40px; overflow: hidden; }
.context-menu-holder ul li ul li ul li ul li a {text-indent: 60px; }
.context-menu-holder ul li.first ul li {border-top: 1px solid #cccccc;}
.context-menu-holder {background:   url(/img/public/shared-footer.gif) left bottom no-repeat; padding-bottom: 17px; margin-bottom: 20px;}


/* css for shared content */

.shared-content-wrapper-outer {padding-top: 17px; background:   url(/img/public/shared-header-2.gif) left top no-repeat;}
.shared-content-wrapper {background:   url(/img/public/shared-footer.gif) left bottom no-repeat; padding-bottom: 17px; }
.shared-content-wrapper-inner { font-size: 11px; background-color: #ffffff; padding: 0px 20px 10px 20px;  border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; }
.shared-content-wrapper-inner p { margin: 5px 0px 5px 0px; }
.shared-content-wrapper-inner-line {border-bottom: 1px solid #cccccc; height: 10px; margin-left: 0px; margin-right: 0px;}

.shared-content-wrapper-inner h2 {font-size: 18px; font-weight: normal;}

.shared-links {margin-bottom: 20px;}
.shared-links dl {margin: 10px;}
.shared-links dl dt {font-weight: bold; line-height: 20px;}

.featured-listing {margin-top: 0px; background: #f2f2f2  url(/img/public/featured-listings-footer.gif) left bottom no-repeat;}
.featured-listing dl {padding-bottom: 20px;}
.featured-listing dt {margin-top: 20px; border: 1px solid #cccccc; margin-left: 15px; padding: 0px; width: 198px; height: 80px;}
.featured-listing dd {margin-left: 15px; }
.featured-listing dd a, .featured-listing dd a:visited {text-decoration: none; background:  url(/img/public/icons/arrow.gif) no-repeat -10px -5px; padding-left: 15px; height: 25px; line-height: 25px; color: #93C341; font-size: 11px; font-weight: bold;}








/* sticky footer */
#container {min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -88px;
}
footer, .push {

    height: 88px;

}




/** sections / categories pages **/

ul.sub-sections {clear: both; margin-left: 0px !important; list-style: none !important; }
ul.sub-sections li {float: left; width: 140px; height: 131px; margin-left: 20px; margin-bottom: 20px; background:   url(/img/public/gallery-border.gif) left top no-repeat; }
ul.sub-sections li img {border: 1px solid #d6d6d6; padding: 2px; margin-left: 11px; margin-top: 11px;}
ul.sub-sections li a, ul.sub-sections li a:visited { }
ul.sub-sections li a.gallery-link {display: block; margin-left: 11px; margin-top: 8px; font-weight: bold; color: #333333; text-decoration: none;}
ul.sub-sections li.first {margin-left: 0px;}





/** ----------- public paginator css - used in account area --------- **/

.paging {height: 38px; 
	line-height: 38px; 
	border: 1px solid #cccccc; background-color: #ffffff; clear: both; margin-top: 20px;
	color: #ffffff;
	font-weight: bold;}
.paging a {text-decoration: none;}

div.paging .p2 {display: inline;   line-height: 20px; padding: 2px 5px 2px 5px; border: 1px solid #cccccc;}

div.paging div.disabled {
	display: inline;   line-height: 20px; padding: 2px 5px 2px 5px; color: #cccccc; border: 1px solid #cccccc;
}
div.paging span {
	
	display: inline;   line-height: 20px; padding: 2px;
	border: 1px solid #cccccc;

}

div.paging .page-counter {font-weight: bold; color: #333333; float: left; width: 500px; text-align: right;}

div.paging .page-numbers {display: inline; margin-left: 5px; margin-right: 5px;}

div.paging span a {margin-left: 3px; margin-right: 3px;}
div.paging .previous {width: 60px; margin-right: 5px; }
div.paging .next {width: 60px; margin-left: 5px;}

div.paging .paging-links {float: right;}

div.paging span.current {color: #cccccc;  margin-left: 0px; margin-right: 0px; padding-left: 5px; padding-right: 5px;
	
}
div.paging span a {
}

div.paging .page-links {float: right; margin-right: 10px; }



/** forms **/

/* Forms */


form {
	
	/*margin-right: 20px;*/
	padding: 0;
	
	width: 460px;
	float: left;
	
}

.checkout-form {width: 940px; background: #ffffff; border: 1px solid #ffffff; margin-bottom: 20px; margin-left: -1px; border-right: 0px;}


fieldset {
	border: 1px solid #ccc;
	margin-top: 0px;
	padding: 20px 10px 20px 10px;
	margin-bottom: 20px;
	background-color: #ffffff;
		
}
fieldset legend {
	color: #333333;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	
	
	
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
	background-color: transparent;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
	background-color: transparent;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 5px;
	padding: 10px;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	color: #cc0000 !important;
	/*font-weight: bold;*/
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
	margin-left: 0px;
}
label {
	display: block;
	font-size: 12px;
	padding-right: 20px;
	float: left;
	width: 120px;
	text-align: right;
	color: #333333;
	font-weight: bold;
}
input, textarea {
	float: left;
	display: block;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 220px;
	font-size: 12px;
	
}

input {background: transparent;}
textarea {background: #ffffff; margin-right: 0px;}
.input-field {background-color: #ffffff; border: 1px solid #cccccc;}
select {
	clear: both;
	width: 200px;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	
}
option {
	
	padding: 0 3px;
}

/* styles to line up the checkbox fields */
div.checkbox {width: 167px;  }

div.checkbox input {
	
	margin: 0px;
	float: right;
	width: 10px;
}

div.checkbox label {float: right; }

div.checkbox2 {width: 20px; border: 0px; }

div.checkbox2 input {
	
	margin: 0px;
	float: left;
	width: 10px;
}

div.checkbox2 label {float: left; margin-left: 20px; margin-top: -14px; width: 400px; }

/* styles for multiple checkbox fields */

div.select { }


div.select label {font-weight: bold; margin-bottom: 10px;}
div.select div.checkbox label {font-weight: normal; width: 120px; margin-bottom: 0px; }
div.select div.checkbox {width: 177px;}

select.delivery-address {width: 250px;}


input[type=submit], input[type=reset] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

form div.submit input, .confirm-delete-button, .update-total-button, .add-button {
	
	width: 68px;
	height: 20px;
	border: 0px;
	background: url(/img/public/small-button.gif) no-repeat top left;
	overflow: hidden;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	float: right;
	margin-top: -20px;
	margin-bottom: 20px;
}


form div.checkbox {padding-top: 10px;}
form div.checkbox input {border: 0px;}

form div.checkbox label {float: left; width: 120px;  margin-top: 0px;}

form div.submit input:hover {
	background: url(/img/public/small-button.gif) no-repeat top left;
	color: #666666;
}

form div.submit input#make-payment {
	
	width: 120px;
	height: 35px;
	border: 0px;
	background: url(/img/public/checkout.gif) no-repeat top left;
	overflow: hidden;
	color: #464646;
	text-indent: -5000px;
	font-size: 1px;
	font-weight: bold;
	cursor: pointer;
	
	float: right;
	margin-top: -20px;
	margin-bottom: 20px;
}

form div.submit input#make-payment:hover{
	background-position: left bottom;
}

div.date input {width: 70px;}
div.datetime input {width: 70px;}
div.time input {width: 70px;}

.form-message {margin-left: 140px;}

/** --------------- end forms --------------------- **/

/** --------------- css for file upload form ------ **/

ul.list-list {width: 500px; list-style-type: none; padding: 0px; clear: both;}
ul.list-list li {width: 480px; height: 300px;  margin: 0px; border: 0px solid #cccccc; margin-bottom: 10px; }
ul.list-list li div.input {margin: 0px;  clear: none !important; }
ul.list-list li .list-col-1 {float: left; width: 100px;  clear: none !important; }
ul.list-list li .list-col-2 {float: left; width: 470px;  clear: left !important; }
ul.list-list li .list-col-3 {float: left; width: 470px;  clear: left !important; }
ul.list-list li .list-col-3 label {float: left; width: 80px; }
ul.list-list li .list-col-2 label {float: left; width: 80px; }
ul.list-list li.over {background-color: #CBE1EF;}
#Upload0FilenameRemove {width: 20px; }

/** -------------- end upload form ---------------- **/



table.public {border: 1px solid #ffffff; width: 520px;}
table.public td {background-color: #eeeeee; padding: 4px; border: 1px solid #ffffff;}
table.public th {background-color: #ecf4de; padding: 4px; border: 1px solid #ffffff;}

table.public-2 {border: 1px solid #ffffff; width: 940px;}
table.public-2 td {background-color: #ffffff; padding: 4px; border-bottom: 1px solid #eeeeee; text-align:left; vertical-align: top;}
table.public-2 th {background-color: #333333; color: #ffffff; font-weight: bold; text-align:left; padding: 6px 4px 6px 4px; border: 1px solid #333333; border-bottom: 1px solid #eeeeee;}
table.public-2 tr.total-row td { font-size: 16px; font-weight: bold;  padding-top: 10px; padding-bottom: 10px; }
table.public-2 th a {color: #eeeeee; text-decoration: none;}
table.public-2 th a:hover {color: #ffffff; text-decoration: none;}

.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 8px 8px;
	text-align: left;
	border: 1px solid #cccccc;
}


/** -------------------- css form public forms -------------------- **/
form h2 {clear: both; font-size: 14px; border-bottom: 1px solid #cccccc; padding-bottom: 5px; padding-top: 10px;}
.col-left {width: 220px; float: left; padding: 2px;}
.col-right {width: 220px; float: left;  clear: none; padding: 2px; margin-right: 0px;}
.col-main { float: left;  clear: both; padding: 2px;}
.col-left-check {width: 210px; float: left; }
.col-right-check {width: 210px; float: left;  clear: none;}
.col-left input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;}
.col-right input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;}
.col-main textarea {width: 400px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;}
.col-left label {width: 200px; text-align: left;}
.col-main label {width: 200px; text-align: left;}
.col-right label {width: 200px; text-align: left;}
.col-left-check label {width: 160px; text-align: left; float: left; margin-left: 5px;}
.col-right-check label {width: 160px; text-align: left; float: left;  margin-left: 5px;}
.col-left-check input {width: 10px; margin-top: 3px; float: left; margin-left: -5px;}
.col-right-check input {width: 10px; margin-top: 3px; float: left; margin-left: -5px;}

.contact-form fieldset {width: 450px; padding-right: 0px;}
.contact-form .submit {float: left;}

.required.col-left input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;}
.required.col-right input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;}

.form-errors-holder {color: #cc0000;
	font-size: 12px;
	font-weight: bold;
	
	margin: 0px 0px 10px 0px;
	width: 440px;
	background: #FFE8E8;
	border: 1px solid #cc0000;
	}
.form-errors-holder-inner {padding: 5px 10px 15px 10px;}
.form-errors-holder li {color: #cc0000;}

.message {background-color: #FFE8E8; border: 1px solid #cc0000; color: #cc0000; font-weight: bold; font-size: 14px; padding: 15px; margin-bottom: 10px;}
/*
#ajax-inner-sub .message {background-color: #fafafa; border: 0px solid #cccccc; color: #666666; font-weight: bold; font-size: 14px; padding: 5px; margin-bottom: 5px;}
*/
/** -------------------- end css form public forms -------------------- **/


/*
#middle-column {background: pink; }
.middle-column-clear-fixer {background: yellow;}
#middle-column h1 {background: lime; margin-right: -20px;}
#content {background: beige;}
*/

/** -------------------- ajax code for login pages etc. --------------- **/
.login-pre {text-align: center; height: 400px; padding-top: 40px;}
.login-pre ul {width: 180px; margin-left: 320px; border: 1px solid #cccccc;  height: 60px;}
.login-pre ul li {list-style-type: none; display: inline; float: left;}
.login-pre ul li a.small-button {line-height: 20px; background: url(/img/public/small-button.gif) no-repeat bottom left; text-align: center; text-decoration: none; color: #333333; font-weight: bold; display: block; width: 68px; height: 20px; margin-top: 20px; margin-right: 10px; margin-left: 10px;}

.login-form {width: 430px;  background-color: #ffffff; border: 1px solid #cccccc; margin: 0px 0px 20px 0px; padding-top: 0px;}
.login-form fieldset {margin-top: 0px !important; border: 0px;}
.login-form h2 {width: 432px !important; height: 39px !important; border: 0px solid #333333;  background: url(/img/public/legend-background.jpg) no-repeat top left; color: #ffffff; text-align: center; display: block; margin: -1px !important;}
.login-form label {font-weight: bold; width: 110px;}
.login-form .input input {margin-left: 0px; width: 200px;}
.code-example {padding-left: 90px; font-size: 10px;}


#ajax-inner-sub .login-form {margin-left: auto !important; margin-right: auto !important; float: none;}

form.login-form div.submit input {
	

	margin-top: 30px;
	
}


form.login-form div.error-message {background: #ffffff; margin-bottom: 0px; text-align: right; color: #cc0000; font-weight: bold; padding: 0px; padding-top: 5px; padding-right: 52px;}

.ui-datepicker-trigger {float: left; margin-left: 210px; margin-top: -20px;}

#steps h1 {color: #000000; font-size: 24px; border: 0px; margin-top: 5px;}
#steps h2 {color: #000000; font-size: 14px;}


#map {width: 460px; height: 380px; border: 1px solid #cccccc;}
.map-data {display: none;}
.hcard {width: 80px; height: 15px; display: block; float: right;  background: url(/img/microformat_hcard.png) no-repeat; text-indent: -5000px;}
.address-holder {width: 440px; line-height: 16px; margin-top: 20px; padding: 10px; border: 1px solid #cccccc; background: #ffffff;}
.address-holder a.fn, .address-holder div.org {text-decoration: none; font-size: 12px; font-weight: bold;}
.address-holder span {display: block;}
.address-holder .country-name , .address-holder .tags, .address-holder .email {display: none;}

#album-image-gallery.account-gallery li {height: 180px !important;}
#album-image-gallery.account-gallery li {padding: 5px !important;}

#home-columns {background: url(/img/public/column-background.jpg) no-repeat top left; width: 940px; height: 437px; margin-top: 10px; margin-bottom: -10px; padding-left: 2px; padding-top: 2px;}

#ticker {background: url(/img/public/ticker.jpg) no-repeat top left; width: 940px; height: 49px; margin-top: -10px;}
#ticker ul {padding-top: 13px !important; height: 20px; overflow: hidden;}
#ticker ul li {font-family: "Trebuchet MS", Arial, sans-serif; color: #7f7f7f; font-size: 16px; font-weight: bold; list-style: none;}
#ticker ul li p {display: inline;}
#ticker ul#news li p strong {color: #ffffff !important;}

.home-col {height: 409px; width: 298px; background: url(/img/public/home-col.jpg) no-repeat top left; float: left; margin-top: 10px; margin-left: 10px;}
.home-col-inner {padding: 26px 24px 20px 24px; color: #ffffff; font-size: 12px;}
.home-col-inner h2 a{font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 19px; text-transform: uppercase; color: #ffffff !important; text-decoration: none !important;}
.home-col-link a {font-weight: bold; text-decoration: none; color: #ffffff;}
.home-col-text {height: 115px; text-overflow: hidden; margin-top: 20px; margin-bottom: 5px;}
.home-col-link {margin-bottom: 25px;}

a.mono-cta {margin-bottom: 20px; display: block; margin-left: 3px; background: transparent !important;}
a.mono-cta img {background: transparent !important;}
#mono-text {background: transparent !important;}