/*	------------------------- colors ---------------------------
  dark-gold : #5c5019;
  gold : #978c57;
  light-gold : #e9ecd1
  magenta : #b0128d;
  light-magenta: #dd8ccb;
*/
/*	------------------------- container ------------------------
  i absolutly position the container in the center rather then having it be centered
  using a margin: auto beacuse the div is floated to the left already, to fit with my
  framework for easy float clearing and broweser compatibitliy, and when i absolutly 
  position anything else, they will all nicely be centerd in the content as well... the only negitive 
  caviaut is that if the browser window is shrunk to a width smaller then the width
  of this containing element, the left side will be unviewable.. even upon scrolling..
  but this has an easy fix with javascript..
*/
#container, #jax_container {
  width: 100%;
  min-width: 960px;
}
#container {
  width: 100%;
  overflow: hidden;
  float: none;
  margin-top: 20px;
  padding-bottom: 20px;
}
#full_screen {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
#jax_container {
  position: absolute;
  z-index: 50;
}
#extras {
  clear: both;
}
.content_centered {
  width: 960px;
  left: 50%;
  margin-left: -480px;
}
body {
  background: transparent url(/images/global/background-overlay.png) scroll no-repeat 50% 0;
  min-height: 700px;
}
html {
  overflow: scroll;
  background: transparent url(/images/global/background-pattern-white.jpg) scroll repeat 0 0;
}
/*	------------------------- logo style ------------------------
  i use an image inside of the h1 tag so that it will show up when it is printed..
  background-images don't show up when printed..
*/
#sidebar h1 {
  position: relative;
  text-indent: -10000px;
  line-height: 0em;
  float: left;
  padding-bottom: 40px;
}
#sidebar h1 a, #sidebar h1 a img {
  display: block;
  float: left;
}

/*	------------------------- navigation ------------------------
  i started using lists again i think.. it tecnicaly makes more sense as when you have sub navigation due to 
  the navigation elements now have more proper binding, rather then a loose binding
  
  * archive: i quit using lists for navigations.. i guess technicaly they are still a list of pages in which
  you can accsess.. but it's something i'm currently trying..
*/
.navigation, .navigation li, .navigation a, .navigation ul {
  position: relative;
  display: block;
  float: right;
  white-space: nowrap;
  clear: both;
}
.navigation li {
}
.navigation a {
}
ul.navigation.arrangments {
  font-size: 1.6em;
  clear: both;
  text-align: right;
  right: -10px;
  padding-bottom: 40px;
}
ul.navigation.arrangments li {
  border-top: 1px solid #e9ecd1;
  width: 100%;
}
ul.navigation.arrangments li a {
  padding: 0 10px;
  color: #5c5019;
}
ul.navigation.arrangments li a:hover, ul.navigation.arrangments li.current-menu-item a {
  color: #978c57;
}
ul.navigation.arrangments ul {
  font-size: .7em;
}
ul.navigation.arrangments ul li {
  border-top: 0;
}

/*	------------------------- header style ------------------------
*/
#sidebar {
  width: 200px;
  margin-right: 30px;
  padding-bottom: 125px;
}
#sidebar h2 {
  clear: both;
  font-size: 1.7em;
  font-variant: small-caps;
  text-align: center;
  top: 20px;
  margin-bottom: 40px;
  position: relative;
  color: #978c57;
}
/*	------------------------- footer style ------------------------
*/
#footer {
  width: 100%;
  background: transparent url(/images/global/footer-background.png) scroll no-repeat 0 0;
  margin-left: -30px;
  padding-right: 60px;
  padding-top: 20px;
  text-align: right;
  margin-top: 20px;
  height: 30px;
}
#footer h4 {
  float:left;
  font-size: 1.3em;
  margin-left: 120px;
  margin-top: -100px;
  text-align: right;
  width: 110px;
}
#footer h4 small {
  font-size: .7em;
  color: #5c5019;
  border-top: 1px solid #978c57;
  display: block;
}
/*	------------------------- content style ------------------------
*/
#content {
  width: 700px;
  background: transparent url(/images/global/header-background.png) scroll no-repeat 100% 30px;
  padding: 0 30px;
  margin-right: -30px;
}
#content h3.headline {
  width: 100%;
  text-align: right;
  padding-bottom: 20px;
  font-size: 1.5em;
  font-variant: small-caps;
}
#content h3 strong {
  font-size: 1.3em;
  color: #5c5019;
  display: block;
}
div.main {
  width: 650px;
  padding: 20px 25px 25px 25px;
  margin-top: 10px;
  background: transparent url(/images/global/trans_white_80.png) scroll repeat 0 0;
}
div.full {
  width: 100%;
}
div.content {
  width: 400px;
}
div.callout {
  width: 210px;
}
div.right {
  margin-left: 20px;
}
div.left {
  margin-right: 20px;
}
/*	------------------------- shop style ------------------------
*/
#gmap {
  height: 300px;
  width: 100%;
  border: 3px double #E9ECD1;
  margin-left: -3px;
  margin-bottom: 10px;
}
#gmap div {
  float: none;
}

div.gallery {
}
div.gallery div.basins {
  height: 479px;
  width: 639px;
  overflow: hidden;
  border: 3px double #E9ECD1;
}
div.gallery div.basins img {
  position: absolute;
  top: 0;
  left: 0;
}
div.gallery div.thumbs {
  display: none;
}
.dotted_underscore {
  display: inline-block;
  border-bottom: 1px dotted #e9ecd1;
  width: 2em;
  height: 1px;
  margin: 0 .5em .3em .3em;
}
.product {
}
.product h3 {
  float: left;
}
.product h5 {
  float: left;
  margin-top: 4px;
}
.size-full {
  
}
.product_list {
  width: 675px;
}
.product_list .product {
  margin-right: 25px;
  width: 200px;
  margin: 10px 25px 10px 0;
}
.product_list .product h4 {
  font-size: 1.6em;
  line-height: 1.2em;
  margin-bottom: 5px;
  height: 2.4em;
}
.product_list .product h4:first-line {
  font-size: 1.4em;
}
.product_list .product h5 {
  background: transparent url(/images/global/trans_white_80.png) scroll repeat 0 0;
  width: 195px;
  padding-left: 5px;
  position: relative;
  height: 25px;
  line-height: 25px;
  margin-top: -29px;
  color: #5c5019;
}
.product_list a:hover img {
  opacity: .7;
  filter: alpha(opacity=70);
}
.product_list a img {
  margin-left: -4px;
  margin-bottom: 0;
  float: left;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 200px;
  height: 130px;
}
.product_list .item_no_image span {
  display: block;
  float: left;
  width: 200px;
  height: 30px;
  padding: 50px 0;
  text-align: center;
}
.product_list .product form {
  float: left;
  margin-top: 10px;
  font-size: .75em;
  width: 100%;
}
.product_list .product form fieldset {
  width: 100%;
}
.product_list .product form input[type=submit] {
  float: right;
  margin-left:0;
}
.single_product .product form {
  float: right;
}
.deskman h4 a, .deskman h4 a:visited, .deskman h3 a, .deskman h3 a:visited {
  color: inherit;
}


table.productcart {
  width: 100%;
  border-collapse:collapse;
  font-size: 8px;
  border-top: 1px solid #e9ecd1;
  border-bottom: 1px solid #e9ecd1;
  margin-bottom: 10px;
}
table.productcart td, table.productcart th {
  vertical-align: top;
}
table.productcart thead {
  font-size: 2em;
  height: 1em;
  line-height: 1.2em;
  background: transparent url(/images/global/background-pattern-white.jpg) scroll repeat 0 0;
}
table.productcart thead th {
  padding-left: 20px;
}
table.productcart tbody td, table.productcart tbody th {
  padding: 10px 0;
  border-top: 1px solid #e9ecd1;
}
table.productcart h4 {
  padding-right: 10px;
}
table.productcart th {
  padding-right: 20px;
  width: 60%;
}
table.productcart th img {
  float: left;
  margin-right: 15px;
  margin-bottom: 0;
}
table.productcart tfoot {
  background: transparent url(/images/global/background-pattern-white.jpg) scroll repeat 0 0;
}
table.productcart tfoot td, table.productcart tfoot th {
  border-top: 1px solid #e9ecd1;
  padding-top: 5px;
  padding-bottom: 5px;
}
table.productcart tfoot th  {
  text-align: right;
  color: #5c5019;
}
table.productcart tfoot th * {
  color: #5c5019;
}
table.productcart tbody td form {
  white-space: nowrap;
  padding-right: 20px;
  float:right;
  padding-top: 5px;
}
table.productcart tbody tr.product_row th h3 {
  padding-top: 5px;
}
.deskman table.productcart.inline_form input[type="submit"] {
  margin: 0;
}
.deskman table.productcart.inline_form input {
  display: inline;
  float: none;
}
.wpsc_gateway_container table {
  margin: 10px 42px;
  border-top: 1px solid #E9ECD1;
  clear: both;
  float: left;
  margin: 5px 20px 0 0;
  padding: 10px 0 0 22px;
  width: 100%;
}
.wpsc_gateway_container table tr td {
  font-size: 1.4em;
  padding-right: 20px;
  padding: 2px 20px 2px 0;
}
.deskman .wpsc_gateway_container table tr td input, .deskman .wpsc_gateway_container table tr td input[type=text] {
  font-size: .8em;
  margin: 0 10px;
  display: inline-block;
  float: none;
}
.wpsc_gateway_container table tr td input[name=card_number] {
  font-size: 1em;
  width: 14em;
}
.deskman input {
  margin: 0.6em 10px 0 0;
}
.error {
  background-color: #cf7b83;
  color: #fff;
  padding: 10px 15px;
}
.notification {
  color: #cf7b83;
}
.deskman h4.error {
  margin: 0;
  padding: 0;
  background-color: #fff;
}
input.error, .deskman input.validation-error {
  border-color: #ff3f54;
}

.deskman input.billingaddress {
  width: 34em;
}
.deskman input.billingcity {
  width: 12em;
}
.deskman input.shippingstate {
  width: 2em;
}
.deskman input.billingpostcode {
  width: 5em;
}
.deskman input.billingfirstname {
  width: 10em;
}
.deskman input.billinglastname {
  width: 13em;
}
.deskman input.billingphone {
  width: 9em;
}

table.wpsc_checkout_table {
  width: 100%;
}
table.wpsc_checkout_table td {
  vertical-align: top;
}
table.wpsc_checkout_table textarea {
  height: auto;
}
div.user-profile-links {
  font-size: 1.3em;
  padding-bottom: 15px;
}
div.wrap {
  width: 100%;
}
div.wrap table tr td strong {
  display: inline-block;
  padding-bottom: 10px;
}
div.wrap table tr td:first-child {
  vertical-align: top;
  font-size: 1.3em;
  padding-right: 40px;
}
div.wrap table tr td:first-child table tr td:first-child {
  font-size: 1em;
}





.log_expander_icon {
  display: none;
}
table.logdisplay{
  width: 100%;
  background: transparent url(/images/global/background-pattern-white.jpg) scroll repeat 0 0;
}
table.logdisplay table.logdisplay {
  background: transparent url(/images/global/background-pattern-white.jpg) scroll repeat 0 0;
}
table.logdisplay table.logdisplay td {
  padding-right: 10px;
}
table.logdisplay tr.toprow td {
  text-align: center;
  font-size: 1.7em;
  background: transparent url(/images/global/background-pattern.jpg) scroll repeat 0 0;
}
table.logdisplay tr.toprow td:first-child {
  font-size: 1.7em;
}
table.logdisplay tr.toprow2 td {
  text-align: left;
  background: transparent url(/images/global/background-pattern.jpg) scroll repeat 0 0;
}
table.logdisplay tr td{
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
td.processed{
  text-align: left;
  min-width: 140px;
  width: 140px;
  white-space: nowrap;
}
td.processed a{
  border-bottom: none;
}
td.processed a img{
  margin-left: 5px;
}
div#form_field_form_container{
  padding: 0px;
  margin: 0px;
}  
div#form_field_form_container div, div#form_field_form_container div table {
  padding: 0px;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}  
div#form_field_form_container div table tr td{
  padding: 0px;
  margin: 0px;
}
table.logdisplay td.details {
  padding: 0px;
  background-color: #fff;
}
div.order_status {
	width: 104%;
	text-align: left;
	padding:13px 25px 1px 9px;
}
div.order_status table {
}
div.order_status table.logdisplay{
	margin: 4px 0px 4px 0px;
}
div.order_status table.customer_details {
	margin: 4px 0px 4px 0px;
}
div.order_status table.customer_details tr td {
	text-align: left;
}
div.order_status div{
  width: 100%;
  padding:0px 0px 1em 0px;
  display: block !important;
}
div.order_status ul{
  list-style-type: none;
  margin: 1ex 0px 0px 0px;
  padding: 0px;
}
div.order_status ul li{
  padding-left: 0px;
}
div.order_status ul li input{
  margin: 0px 2px -2px 0px;
}
img.log_expander_icon {
  margin-right: 3px;
}
div.wpsc_page_numbers{
  margin-bottom: 5px;
}


div#sliding_cart {
  width: 100%;
  right: -10px;
  float: right;
  clear: both;
  
}
div#sliding_cart table {
  width: 115%;
  margin-left: -15%;
  border-collapse: collapse;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e9ecd1;
}
div#sliding_cart table tr td, div#sliding_cart table tr th {
  padding: 0 10px;
  font-size: 1.3em;
}
div#sliding_cart table tr td {
  text-align: right;
}
div#sliding_cart table thead td, div#sliding_cart table thead th {
  font-size: 1.4em;
  border-bottom: 1px solid #e9ecd1;
  color: #978c57;
}
div#sliding_cart table tbody tr:first-child th,div#sliding_cart table tbody tr:first-child td {
  padding-top: 5px;
}
div#sliding_cart table tbody tr th, div#sliding_cart table tbody tr td {
}
div#sliding_cart table tfoot th {
  width: 100%;
  text-align: right;
  color: #978c57;
}
div#sliding_cart table tfoot th, div#sliding_cart table tfoot td {
  border-top: 1px solid #e9ecd1;
  padding-top: 5px;
  font-size: 1.4em;
}
div#sliding_cart table tfoot td {
}

.cart-navigation {
  float: right;
  clear: both;
}
ul.navigation.account {
  text-align: right;
  margin: 0;
  font-size: 1.2em;
}
ul.navigation.account li {
  padding: 0;
}
ul.navigation.account:first-child li:first-child {
  font-size: 1.5em;
  font-variant: small-caps;
  font-weight: bold;
  line-height: 1.3em;
}
ul.navigation.account li a {
  padding: 0 10px;
}
ul.navigation.account li a:hover, ul.navigation.account li.current-menu-item a {
  color: #978c57;
}



div#delivery_choice h4 {
}
div#delivery_choice h5 {
  margin-bottom: 0;
  line-height: 1.5em;
  float: left;
  font-size: 1.8em;
}
div#delivery_choice h5 strong {
  font-style: normal;
}
div#delivery_choice h5 a {
  color: #978c57;
}
div#delivery_choice h5 a:hover {
  text-decoration: underline;
}
div#delivery_choice h5 a.active {
  color: #b0128d;
  text-decoration: underline;
}

#popin {
}

.overlay  {
  background: #fff;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  opacity:0;
  filter: alpha(opacity=0);
  z-index:10;
}
.popin {
  background: transparent url(/images/global/trans_white_80.png) scroll repeat 0 0;
  left:50%;
  margin-left:-320px;
  margin-top:20px;
  opacity:0;
  filter: alpha(opacity=0);
  padding:15px;
  position:absolute;
  top:0;
  width:600px;
  z-index:50;
  border: 4px double #e9ecd1;
}
.popin div.title {
  padding-bottom:10px;
  width:100%;
}
.popin div.title h3 {
  float:left;
  font-size:3.2em;
}
.popin div.title h4 {
  float:left;
  font-size:1.8em;
  line-height:1em;
}
.popin div.title div.actions {
  float:right;
  text-align:right;
  white-space:nowrap;
}
.popin div.title div.actions span.close {
  font-size: 1.2em;
  cursor: pointer;
}
.popin div.content {
  background-color: #fff;
  overflow:hidden;
  width:100%;
}
.popin div.content div.deskman {
  padding: 10px;
}
.popin div.content fieldset {
  border-width: 0;
  margin-top:0;
  padding-top:0;
}
.popin div.content fieldset.epic {
  border-width: 1px;
}
.notifier {
  float: none;
  clear: both;
  background-color: #406b9b;
  padding: 10px;
  margin-bottom: 10px;
  color: #d9d4c3;
}
.popin .notifier {
  float: none;
  clear: both;
  background-color: #cf7b83;
  padding: 10px;
  margin-bottom: 10px;
  color: #fff;
}
.popin .notifier * {
  color: #fff;
}
div.stripped {
  font-size: 1.2em;
}

div.stripped table {
  font-size: .7em;
  width: 100%;
}
div.stripped table thead img, div.stripped table thead h2 {
  display: none;
}
#content table thead th {
  width: 33%;
}
#content.stripped table h3 {
  
}
#content.stripped table h3 strong {
  display: inline;
  font-size: 1em;
}
#content table tbody td {
  padding: 0 !important;
}

#checkout-purchase, .popin input[type=submit] {
  float: right;
  font-size: 2em;
  font-weight: bold;
  font-variant: small-caps;
  border-width: 2px;
}


.single_gateway {
  clear: left;
  width: 75%;
}