@charset "UTF-8";

body {
	margin:0;
	font:100% Arial, sans-serif;
	color: #333; 
	padding:0;
	background: #3e3e34;
}
body#admin {
	background: #f8f8f2;
}

div#content_wrapper {
	background: #f8f8f2 url("images/main-bg.png") center top repeat-x;
}
div#interest_wrapper {
	background: #b0b09b;
	border-top: 1px solid #9d9d8e;
	text-align:center;
	padding:15px 0;
}

div.container{
	width: 960px;
	padding: 0;
	margin:0 auto;
	text-align: left;
}

p {font-size: 110%; line-height: 1.6; margin:0; padding:0 0 15px 0;}
ul, ol {font-size: 100%; line-height: 1.6; margin:0; padding:0 0 15px 0;}
ul li {
	padding: 3px 0; 
	margin:0; 
	list-style:none;
	border-bottom: 1px solid #e3e3d2;
}

a {color: #553466; text-decoration: none; border-bottom: 1px dotted #553466;}
a:hover {text-decoration: none; border-bottom: 1px solid #553466;}



/* layout -------------------------- */

div#header {height: 51px; overflow: hidden;}
div#logo {}
div#content {padding: 10px 0 20px;}

div#hero {margin:0 0 30px;}

div#main_left {float:left; width: 540px; margin:0 50px 0 0;}
div#main_right {float:left; width: 370px; margin:0;}

div.photo_outer {background: url("images/large-pic-shadow.png") bottom no-repeat; padding:0 0 30px;}
div.photo_outer_gallery {background: url("images/gallery-shadow.png") bottom no-repeat; padding:0 0 30px; width: 300px; float:left;}

div.photo_inner {padding: 9px; background: #fff; border: 1px solid #e6e6e6;}
div.photo_inner img {}
div.photo_inner p { text-align: center; padding:5px 0 0}
div.photo_inner a {border-bottom: none;}


div.list_left {float:left; width: 255px; margin:0 30px 0 0;}
div.list_right {float:left; width: 255px; margin:0;}


div.offer_box {
	padding: 10px; 
	background: #fefe86;
	border: 1px solid #ebd835;
	margin: 20px 0;
}
div.offer_box p {
	color: #727250;
	font-size: 85%;
	padding:0;
}



/* lists ---------------------------*/

ul.ticks li {
	padding: 3px 10px 3px 35px;
	background: url("images/tick.png") left center no-repeat;
}

ul li span.name {padding:0 0 0 10px;}
ul li span.price {float:right; margin:0; padding:0;}

ul#price_split li {float:left; width: 255px; display:inline; padding:3px 0; margin:0 30px 0 0;}
ul#price_split li.second {margin:0;}

div.gallery_list {margin: 0 30px 10px 0;}




/* header ---------------------------*/





/* main nav -------------------------- */

div#main_nav {margin:8px 0 20px 0;}

div#main_nav ul {
  margin:0;
  padding:0;
  font-size: 85%;
}
div#main_nav ul li {
  float:left;
  list-style:none;
  margin:0 20px 0 0;
  padding:0 0 0 5px;
  border:none;
}
div#main_nav ul li.selected {
  background:url("images/nav-select-left.png") no-repeat left top;
}
div#main_nav ul a {
  float:left;
  display:block;
  padding:0 8px 5px 3px;
  text-decoration:none;
  color:#4f4f4f;
  border-bottom:none;
}
div#main_nav ul li.selected a {
  background:url("images/nav-select-right.png") no-repeat right top; color:#221814;margin:0;padding:0 8px 5px 3px;
  color: #4b1e65;
}
div#main_nav ul li a:hover {text-decoration: underline;}
div#main_nav ul li.selected a:hover {text-decoration: none;}



/* admin -------------------------- */

table#edit_prices_table {width: 540px; margin:20px 0; border-bottom: 5px solid #e3e3d2;}
table#edit_suppliers_table {width: 540px; margin:20px 0; border-bottom: 5px solid #e3e3d2;}

th {color: #505050; font-size: 100%;margin:0; padding: 5px;line-height: 1.2; background: #e3e3d2; font-weight: normal; text-align: left;}
th.image {width: 130px;}
th.desc {width: 340px;}
th.price {width: 100px;}
th.details {width: 440px;}
th.delete {width: 70px;}

td {text-align: left; padding: 5px; font-size: 80%;border-bottom: 2px solid #e3e3d2; vertical-align: middle;}

td img {margin:5px 0; border: 1px solid #ccc;}

td.add_new {color: #505050; font-size: 100%;margin:0; padding: 5px;line-height: 1.2; background: #e3e3d2; font-weight: normal; text-align: left;}




/* footer -------------------------- */

div#footer {margin:30px 0 0; border-top: 1px solid #e3e0d9; padding:5px 0;}
div#footer p {color: #999; font-size: 70%;}
div#footer a {color: #999;}




/* Hs and Ps -------------------------- */
h1 {color: #4b1e65; font-size: 250%;font-family:Georgia, serif;margin:0; padding: 0 0 20px;line-height: 1.2; font-weight:normal;}
h1 a {text-decoration: none; border-bottom: 1px dotted #4b1e65;color: #4b1e65;}
h1 a:hover {text-decoration: none; border-bottom: 1px solid #4b1e65;}


h2 {color: #2772a2; font-size: 140%;font-family:Arial, sans-serif;margin:0; padding: 0 0 10px;line-height: 1.2;}


h3 {color: #505050; font-size: 100%;margin:0; padding: 5px 10px;line-height: 1.2; background: #e3e3d2; font-weight: normal;}


h4 {color: #22221d; font-size: 150%;font-family:Georgia, serif;margin:0; padding: 0 0 10px;line-height: 1.2; font-weight:normal;}

h4.happy {background: #95d479; padding: 10px; margin:0 0 15px; border: 1px solid #4e9d2a;}
h4.sad {background: #e06f6f; padding: 10px; margin:0 0 15px; border: 1px solid #9d2a2a;}

div.offer_box h4 {color: #8a7c09; font-size: 130%; padding:0 0 5px;}


p.right {text-align:right;}
p.center {text-align:center;}
p.float_right {float:right; padding:10px;}
p.no_pad {padding:0;}

p.note {margin:-10px 0 0 0; color: #666; font-size: 70%;}

p.testimonial {padding:0 0 10px;}
p.client {text-align: right; font-size: 85%; padding:0 0 5px; margin:0 0 20px; border-bottom: 1px solid #e3e3d2;}

p.supplier_url {font-size: 85%; padding:0 0 5px;}
p.supplier_desc {padding:0 0 20px; margin:0 0 20px; border-bottom: 1px solid #e3e3d2;}

p.more {text-align:right; font-size: 75%; }
p.more a {
	color: #7927a2; 
	border-bottom: none; 
	text-decoration: underline;
	background: url("images/link-bullet.png") left center no-repeat;
	padding:0 0 0 10px;
}

p.enquiries {
	float:right;
	color: #000;
	margin:10px 0 0;
	font-size: 85%;
}
p.enquiries strong {font-size: 170%; margin:0 0 0 10px;}

p.admin_edit {margin:5px 5px 0 0; padding: 0; font-size: 80%; float:right;}
p.admin_edit a {color: #fff; background: #a651d3; border-bottom: none; text-decoration: none; padding:3px 5px; border: 1px solid #7c2f9d;}
p.admin_edit a:hover {border-bottom: none; border: 1px solid #4f1668;}

p.small {
	font-size: 75%;
	margin-top: 5px;
}


div#interest_wrapper p {color: #3e3e34; padding:0; font-size: 90%;}
p.footer {color: #b0b09b; padding: 10px 0; text-align: center; font-size: 90%;}

a.link {color:#7927a2; border-bottom: 1px dotted #7927a2; text-decoration: none;}
a.link:hover {border-bottom: 1px solid #7927a2;}


/* images-------------------------- */





/* clears -------------------------- */
div.clear_left {clear: left;line-height: 0.1; height: 1px;}
div.clear_left_white {clear: left;line-height: 0.1; height: 1px; background: #fff;}
div.clear_right {clear: right;line-height: 0.1; height: 1px;}
div.clear_both {clear: both;line-height: 0.1; height: 1px;}



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

form#edit_prices_form, form#edit_photos_form, form#login_form {margin:0; padding:0;}


/* labels ----------------------------------------- */

form#login_form label {
	float: left;
	width: 200px;
	margin:15px 0;
	clear:left;
}
form#edit_suppliers_form label {
  margin: 0 5px 10px;
}
form#edit_suppliers_form label span {
  font-size: 0.9em;
  color: #666;
}


/* form elements --------------------------------------- */

input.login_text {width: 200px;margin: 10px 5px; background: #fff; border: 2px solid #c6c6b6; padding: 5px 3px; font-size: 14px;color: #666;vertical-align: middle;}

input.edit_title {width: 400px;margin: 5px; background: #fff; border: 2px solid #c6c6b6; padding: 5px 3px; font-size: 14px;color: #666; vertical-align: middle}

input.edit_text {width: 200px;margin: 5px; background: #fff; border: 2px solid #c6c6b6; padding: 5px 3px; font-size: 14px;color: #666;vertical-align: middle;}
input.edit_text_small {width: 50px; margin:5px; background: #fff; border: 2px solid #c6c6b6; padding: 5px 3px; font-size: 14px;color: #666;vertical-align: middle;}

input.edit_file {margin: 5px 10px;}

textarea.edit_textarea {width: 400px;margin: 5px; background: #fff; border: 2px solid #c6c6b6; padding: 5px 3px; font-size: 14px;color: #666;vertical-align: middle;}

/* form buttons --------------------------------------- */

input.submit_btn {
	background: #087d05;
	color: #fff;
	font-size: 105%;
	font-family:Arial, sans-serif;
	font-weight: bold;
	border: 1px solid #065804;
	padding:5px 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	margin:10px 0 10px 10px;
	cursor: pointer;
	vertical-align: middle;
}