/* #677A81 grudge
#DBF1E4 S-026
#EEFFFF eff you
#E7FFCF honeydooo
#BAE46E Ching*/

/*
*
GENERIC
*
*/

/* horizontal jump fix (due to vertical scrollbar) - http://manisheriar.com/blog/?p=12 */
html {
     min-height:100%;
}

* {
	margin: 0; padding: 0; /* remove margins and padding on everything */
}
input, textarea {
	padding: 0.1em; /* put defaults back on form fields */
  margin: 0.1em;
}
select {
	min-width:1.5em; /* fix <select> issue in firefox due to no padding/margins */
}
.button input, input.button {
	padding: 0.2em 1em; 	/* n.b. hack for IE in seperate file */
}

.nexttobutton {
  float: left;
  margin-right: 5px;
}

/* not for graphical browsers - stuff for screenreaders and non-css browsers */
.off {
	position:absolute !important;
	top:-1000em !important;
	left:-1000em !important;
}

img {
  border: none;
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table td {
	vertical-align: top;
}

/* FORMS */
input, textarea {/*width: 100%*/; margin-right: -2px; margin-left: -2px; position: relative;}

/*.checkbox input, input.checkbox {width: auto;}*/

td.button {text-align: center;}
/*.button input, input.button {width:auto !important;}*/

/*
*
TYPOGRAPHY
*
*  ..text sizes, line heights and text item margins..
*  based on http://www.thenoodleincident.com/tutorials/typography/
*  
*  worth looking at http://clagnut.com/blog/348/ at some point in the future, especially if there are any issues with text sizing
*  
*/
 
/* fonts */
body, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	font-size: 82%; /* this should be left alone, alter text size for content on #contents element, style other page areas individually */
	/* funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop. */
  text-align: center;
  background-color: #dbdbdb;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
  text-align: center;
}
#contents h1{margin-top:0.6em;margin-bottom:1.2em;}
h2 {
	font-size: 1em;
	font-weight: bold;
}
#contents h2 {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
#contents h3 {
	margin-top: 1.6em;
}
h4 {
	font-size: 1em;
	font-weight: bold;
}
#contents h4 {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
h5 {
	font-size: 1.0em;
	font-weight: bold;
}
#contents h5 {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
h6 {
	font-size: 0.8em;
	font-weight: bold;
}
#contents h6 {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
}
#contents ol, #contents ul, #contents li {
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
}
p {
	font-size: 1.0em;
	line-height: 1.4em;
}


pre {
/* moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay. */
	font-family: monospace;
	font-size: 1em;
}

strong, b {
	font-weight: bold;
}

/* fix for IE 5.x & IE6 quirks mode lack of inheritance */
table {
    font-size: 1em;
}

input[type=image] {
  margin: 0px;
  padding: 0px;
}

/*
*
* #CONTENTS
*
*/

#contents {
	font-size: 1em;
}

/*
DEFAULT SPACING FOR #contents ELEMENTS:

 - use margins with em for all vertical spacing
 - use em/px/% for horizonal spacing, depending on desired effect
 - usually:
  * use padding for horiz spacing on heading elements so bg/borders extend to full width of parent
  * use margin for horiz spacing on other elements so .... i forget why right now but there IS a reason...
*/
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6{
/*	padding: 0 15px;
	margin: 1em 0;*/
	padding: 0 7px;
	margin: 1em 8px;
}
#contents p, #contents pre, #contents blockquote, #contents label, #contents ul, #contents ol, #contents dl, #contents fieldset, #contents address, #contents table, #contents form {
	padding: 0;
	margin: 1em 15px;
}
#contents table{
  margin-top: 0;
  margin-bottom: 0;
}
/* tables need special consideration because by default they are block elements but due to display:table do not necessarily use the full width of their parent.
  hence setting width:100% on tables will not take into account the left/right margins */
#contents table {width: 95%;}

#contents table.layout {padding: 0; margin: 0; width: 100%;}

#contents form.basket_form {
  margin-right:0px;
  margin-left:0px;
}

fieldset {
	padding: .5em;
}

/* LIST ITEMS */
#contents li ul {margin-left: 0;}
#contents li, #contents dd {
	margin-left: 5%;
}
#contents li li, #contents dd {
	margin-left: 3%;
}

#contents form{margin: 1em 15px; }
table.form td {padding-bottom: 0.5em;}

#contents label{font-weight:bold;}

#contents img.left, #contents img.right {border:1px solid #ccc;padding:3px;}
#contents .left {margin-right: 15px;}
#contents .right {margin-left: 15px;}

/*
*
CUSTOM SITE STUFF
*
*/

#borderleft, #borderright {
  width: 778px; /*768 + 10*/
  margin: 0 auto;
}

#borderright { background: url("/images/border/border_right.jpg") repeat-y top right; }
#borderleft { background: url("/images/border/border_left.jpg") repeat-y top left; }

#bodyDiv {
  width: 768px;
  margin: 0 auto;
  text-align:left;
  background-color: white;
}

#toplogo {
  height: 99px; /*75px;*/
  width: 580px;
}

/* position clickable link to home over logo in header */
#logoHomeLink {
  position: absolute;
  left: 50%;
  margin-left: -384px;
	width: 145px;
	height: 99px;
}

#topbar {
  background-color: white;
  color: black;
}

#banner #toplinks {
  font-size:85%;
  text-align:right;
  vertical-align: bottom;
  padding-right: 1em;
  padding-bottom: .6em;
}

#banner #toplinks a, #header a {
  text-decoration:none;
}

#banner #toplinks a:hover, #header a:hover {
  text-decoration:none;
}

#banner #toplinks form {
  padding: 0;
  margin: 0;
}

#banner #toplinks img {
  padding: 1px;
  background: white;
  border: 1px solid #ccc;
}


#basketIcon {
  vertical-align: top;
}

#header {
  padding-left:0em;
  padding-bottom:0em;
  padding-top:0;
  font-size: 0.95em;
  height: 1.85em;
  line-height: 1.5em;
}

#leftcol {
  width: 175px;
  padding: 8px;
  background-color: #F3F3F3;
}

#leftcol h2, #rightcol h2 {
  font-size: 1.2em;
  margin: 4px 0 8px 0;
  font-weight: normal;
}

.leftbox {
/*  width: 160px;
  background-color:#ffffcd;
  border: 1px #CFCFCF solid;
  margin: 1em;*/
  font-size: 0.9em;
  padding-bottom: 6px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}

#rightcol {
  width: 208px; /*177px;*/
  padding: 0px;
  background:  #F3F3F3;
  border-left: 1px solid black;
}

#rightcol .leftbox {
  position: relative;
  margin: 0px;
  padding: 5px 8px;
  background:  #F3F3F3;
  font-size: 0.85em;
  border: none;
}

#rightcol li
{
list-style-image: url(/images/arrow.gif);
list-style-type: none;
line-height: 1.4em;
margin-left: 1.5em;
}

#lb_browse li {
font-weight: bold;
font-size: 1.1em;
}

#contents {
	min-height: 300px;
	padding-bottom: 1em;
}

#footer {
  background: #f3f3f3;
  padding: 8px 1em;
  border-top: 1px #CFCFCF solid;
  font-size: 0.85em;
  line-height: 1.3em;
}
#footer a{
  text-decoration:none;
}

.image_and_price {
  text-align:center;
}

.productinfo {
  border-top: 1px #CFCFCF solid;
  padding: 0.5em 0;
}
  .image_and_price {
    width: 120px;
    vertical-align:top;
  }
.productinfo img, .product_option img {
border: 1px solid #ccc;
padding: 1px;
}
.product_details form {
font-size: 0.85em;
}
.product_details .button {
font-size: 1em;
}

.product_price {
  font-weight:bold;
}

.product_details h3 {
  font-weight:bold;
  margin-bottom: 0.1em;
  margin-top: 0!important;
}

.product_details h4 {
  font-weight:normal;
  margin-bottom: 0.1em;
  margin-top: 0.8em;
}

.product_description {
}

table.product_options tr {
  border-bottom: 1px solid #ddd;
}

.product_option  {
  width: 200px;
  font-size: 85%;
  font-weight: bold;
  vertical-align: middle;
}

.product_option img {
  float: left;
  margin-right: 5px;
}

.unavailable_notice {
  color: red;
}

div.clearall {
  height:0px;
  font-size:2px;
}
.clearall {
  clear:both;
}

#prodimages img {
  padding: 3px;
}

.imgright {
  float:right;
}

.imgleft {
  float:left;
  margin-right:1.5em;
  margin-bottom:1em;
}

#notice {
  border: 2px solid #bc0004;
  padding: 1em;
  margin: 1em;
  font-weight: bold;
  text-align: center;
}

/* basket */

table#basket {
  margin-top: 1em;
}
table#basket td{
  vertical-align:middle;
}

.quantity_column {
  width:80px;
}

td.total_label {
  text-align: right;
  font-size: 120%;
  padding-right: 1.5em;
}

td.total {
  font-size: 120%;
  padding: 0.2em 0;
  text-align: right;
}

td.postage_label {
  padding: 3px 0px 3px 56px; /* 50 image width + 6 padding (#basket tr img) */
}

#main #contents #basket tr img {
  margin: 3px 3px 3px 0px;
  width: 50px;
}

#main #contents #basket tr {
  border-top: 1px dotted black;
}

#main #contents #basket tr.carttitle {
  border: none;
}


#basket a img {
  padding: 1px;
  border: 1px solid #ccc;
  background: white;
}

#basket a {
  text-decoration: none;
}


#total {
  border: none;
}

#checkout_actions {
  padding-top: 5px;
  padding-bottom: 5px;
}

#checkout_actions a {
  color: white;
}

.carttitle {
  font-weight: bold;
  text-align: center;
}

.carttitle td {
padding: 0.3em;
}

#cartmenu {
  float: right;
  border-left: 1px dotted; /*240073*/
}

#totalcell {
  font-weight: bold;
/*  border-top: 1px solid; */
  border-bottom: 2px solid;
}

.separator {
  border-bottom: 1px dotted #330099; /*240073*/
  clear: both;
}

.productimage {
  float: left;
  padding:1.3em;
  margin-right: 0em;
}

.prod_price {
font-weight: bold;
}

.productimage img {
border: 1px solid #ccc;
padding: 1px;
}


.basket_form {
  display:inline;
}

.quotes_l, .quotes_r {
vertical-align: top;
}
/*
.testimonial {
font-size: 0.9em;
}*/
.testimonial_author {
text-align: right;
}

table#home_menu {
width: 368px;
margin-right: 0;
margin-top: 10px;
}

#home_menu img {
padding: 1px;
margin: 2px;
border: 1px dotted #999;
}

#home_menu a:hover img {
border: 1px solid black;
}

.product_options_info {
  clear:left;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.product_table td {
vertical-align: middle;
}

.product_table a {
text-decoration: none;
}

.product_table a:hover {
text-decoration: underline;
}

.product_table td {
border: 1px solid #eee;
text-align: center;
padding: 5px;
vertical-align: top;
}

.product_table img {
border: 1px solid #ccc;
padding: 1px;
}

.product_table a:hover img {
border: 1px solid black;
}

.product_table td h3 {
margin: 0 5px!important;
}

.product_table .product_price {
font-weight: normal;
}

#paypal {
  float:right;
  text-align:center;
  padding-left: 5px;
}

#contents .productActions {
  margin: 1em 15px;
  font-size: 85%;
  padding: 0.2em;
}

#home_banner {position: relative; height: 185px; margin-left: -188px; background-image: url(/images/summer-banner.jpg); background-repeat: no-repeat; border: 1px solid #ccc; border-width: 1px 0; margin-top: 5px; margin-right: 5px;}

.productAction {
  display: inline;
  padding-right: 2em;
  vertical-align:middle;
}

.productAction a {
  vertical-align:middle;
}

.askAFriend td {
  padding-top: 1em;
}

.emailSample {
  margin: 1em;
  padding:1em;
  border: 1px gray dashed;
}
.emailSample .emailBody {
  padding-top: 0.75em;
  margin-top: 0.75em;
  border-top: 1px solid gray;
}
.emailLink {
  padding-left: 0.75em;
}
.emailSample .customMessage {
  font-style:italic;
}
.fieldWithErrors input {
  background-color: bisque;
}

/* Search page */

.categories {
  margin: 0px 15px;
}

.categories img {
  padding: 1px;
  background: white;
  border: 1px solid #ccc;
}

/* View Basket page */

#use_promotional_code {
  color: white;
  margin-bottom: 20px;
}

#basketbuttons {
  margin: 10px 15px 0px 15px;
}

#basketbuttons form {
  padding: 0px;
  margin: 0px;
}

/* View Basket link */
#basketinfo {
  width: 188px;
  padding: 0px 10px 1px 10px;
}

#basketinfo a {
  display: inline;
  width: auto;
}

#basketinfo .basket, #basketinfo:hover .basket,
#header .menu #basketinfo a.basket:hover  {
  padding-left: 22px;
  background-repeat: no-repeat;
  background position: top left; 
}

/* search box */

#searchbox {
  padding-top: 30px;
  background-repeat: no-repeat;
  background-position: top center;
}

/* featured hover effects */

#featured {
  padding-top: 30px;
  background-repeat: no-repeat;
  background-position: top center;
}

.featured .title {
  font-weight: bold;
  text-decoration: none;
}

.featured img {
  border: 1px solid #ccc;
  padding: 1px;
  background-color: #fff;
  margin-bottom: 2px;
}

.featured a:hover img {
  border: 1px solid black;
}

#featured a.normal {
  color: inherit;
  text-decoration: none;
}

.item_details h3 .price {
  font-size: .9em;
}

.item_details {
  padding-bottom: 5px;
}

#item_1 .item_details, #item_2 .item_details,
#item_3 .item_details, #item_4 .item_details,
#item_5 .item_details, #item_6 .item_details,
#item_7 .item_details, #item_8 .item_details,
#item_9 .item_details, #item_10 .item_details,
#item_11 .item_details, #item_12 .item_details,
#item_13 .item_details, #item_14 .item_details,
#item_15 .item_details, #item_16 .item_details,
#item_17 .item_details, #item_18 .item_details,
#item_19 .item_details, #item_20 .item_details {
  display: none;
}


#item_1:hover .item_details, #item_2:hover .item_details,
#item_3:hover .item_details, #item_4:hover .item_details,
#item_5:hover .item_details, #item_6:hover .item_details,
#item_7:hover .item_details, #item_8:hover .item_details,
#item_9:hover .item_details, #item_10:hover .item_details,
#item_11:hover .item_details, #item_12:hover .item_details,
#item_13:hover .item_details, #item_14:hover .item_details,
#item_15:hover .item_details, #item_16:hover .item_details,
#item_17:hover .item_details, #item_18:hover .item_details,
#item_19:hover .item_details, #item_20:hover .item_details {
  display: block;
}

#item_1:hover .teaser, #item_2:hover .teaser,
#item_3:hover .teaser, #item_4:hover .teaser,
#item_5:hover .teaser, #item_6:hover .teaser,
#item_7:hover .teaser, #item_8:hover .teaser,
#item_9:hover .teaser, #item_10:hover .teaser,
#item_11:hover .teaser, #item_12:hover .teaser,
#item_13:hover .teaser, #item_14:hover .teaser,
#item_15:hover .teaser, #item_16:hover .teaser,
#item_17:hover .teaser, #item_18:hover .teaser,
#item_19:hover .teaser, #item_20:hover .teaser {
  display: none;
}


#contents p {
  text-align: justify;
  margin: 0px 23px;
}

/* ebay listing */

#ebay {
  padding: 1em;
}

#ebay_list td {
  vertical-align: top;
}

.ebay_item {
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  margin: 0.5em;
  padding: 0.5em;
}

.ebay_item h2 a {
  text-decoration: none;
}

.ebay_item img {
  padding 1px;
  background: white;
  border: 1px solid #ccc;
  width: 100px;
  margin: 5px;
}

/* help submenu */

ul#help_menu {
  padding-top: 30px;
  background-repeat: no-repeat;
  background-position: top center;
}

ul#help_menu li {
  padding: 2px 0px;
}

ul#help_menu li a {
  text-decoration: none;
  color: black;
}

.button-to, .button-to div {
  display: inline;
}