/* General Link styles
------------------------------------------------ */

a:link    {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover   {color: #0000FF; text-decoration: underline;}
a:active  {color: #666666; text-decoration: none;}




a.underline:link    {color: #666666;  border-bottom: 1px dashed #666666; text-decoration: none;}
a.underline:visited {color: #666666;  border-bottom: 1px dashed #666666; text-decoration: none;}
a.underline:hover   {color: #0000FF;  border-bottom: 1px dashed #666666; text-decoration: none;}
a.underline:active  {color: #666666;  border-bottom: 1px dashed #666666; text-decoration: none;}


span.inline-links {padding-right:12px;color: #666666; font: normal 90% Verdana, Arial, Helvetica, sans-serif;}
span.inline-links a:link {color: #666666; text-decoration:underline;}
span.inline-links a:visited {color: #666666; text-decoration:underline;}
span.inline-links a:hover {color: #0000ff;}
span.inline-links a:active {color: #666666; text-decoration:underline;}


 a.buttonlink-b         {text-align:center;color: #555;width:auto;line-height:12px; text-decoration:none;padding:5px 9px 5px 8px;margin:0 0 7px 0; background-image: url("../images/misc/button_bkgd_blue_off.gif");background-repeat: repeat-x;  float: left;}
 a.buttonlink-b:link    {color: #555;width:auto;line-height:10px; text-decoration:none;padding:5px 9px 5px 8px;margin:0 0 7px 0;}
 a.buttonlink-b:visited {color: #555;width:auto;line-height:10px; text-decoration:none;padding:5px 9px 5px 8px;margin:0 0 7px 0;}
 a.buttonlink-b:hover   {color: #555;background-image: url("../images/misc/button_bkgd_blue_on.gif");background-repeat: repeat-x;}
 a.buttonlink-b:active  {color: #555;text-decoration:none;}


 a.buttonlink-g         {text-align:center;color: #555;width:auto;line-height:12px; text-decoration:none;padding:5px 9px 5px 8px;margin:0 0 7px 0; background-image: url("../images/misc/button_bkgd_green_off.gif");background-repeat: repeat-x;  float: left;}
 a.buttonlink-g:link    {color: #555;width:auto;line-height:10px; text-decoration:none;padding:5px 9px 5px 8px;margin:0 0 7px 0;}
 a.buttonlink-g:visited {color: #555;width:auto;line-height:10px; text-decoration:none;padding:5px 9px 5px 8px;margin:0 0 7px 0;}
 a.buttonlink-g:hover   {color: #555;background-image: url("../images/misc/button_bkgd_green_on.gif");background-repeat: repeat-x;}
 a.buttonlink-g:active  {color: #555;text-decoration:none;}
 
 
 /*used for space between buttons*/
 div.space{ width: 8px; float: left; background-color: #ffffff; border : 1px solid #ffffff; }
 
/* Container
------------------------------------------------ */

body {margin: 0px;padding: 0px; background: #FFFFFF;text-align: center;}
#main {position: relative;margin: 0px auto;width: 768px;padding:0px;text-align: left;}


/* Header
------------------------------------------------ */


#header {height: auto;width: 768px;margin: 0px;padding: 0px;position: relative;text-align: left;}

#nav-helper
{
    height: 1.8em;
    width: 752px;
    margin: 0px ;
    padding: 8px 8px 0px 8px;
    position: relative;
    text-align: right;
    background: #FFFFFF;
}

#masthead
{
    height: 150px;
    width: 768px;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
}

#nav-store
{
    height: 1.8em;
    width: 768px;
    margin: 0px ;
    padding: 6px 0px 0px 0px;
    position: relative;
    text-align: left;
    background: #FFFFFF;
  border-bottom:1px solid #CECECE;
}



/* Footer
------------------------------------------------ */

/* Breadcrumb
------------------------------------------------ */

#breadcrumb
{
    width:760px;
    height:2em;
    margin: 1px 0px 1px 0px ;
    padding-top: 8px;
  padding-left: 8px;
    position: relative;
    text-align: left;
}

span.breadcrumb-home {color: #666666; font: bold 90% Verdana, Arial, Helvetica, sans-serif;}
span.breadcrumb {color: #666666; font: normal 90% Verdana, Arial, Helvetica, sans-serif;}
span.breadcrumb a:link {color: #666666; text-decoration:underline;}
span.breadcrumb a:visited {color: #666666; text-decoration:underline;}
span.breadcrumb a:hover {color: #333333;}
span.breadcrumb a:active {color: #666666; text-decoration:underline;}


/* Navigation & Lists
------------------------------------------------ */

#navcontainer
{
    width:768px;
    height:30px;
    margin: 1px 0px 1px 0px ;
    padding-top: 18px;
    position: relative;
    text-align: center;
    background: #a6aeb4;
}

.menu {height:26px;padding:0;margin:0;border-bottom:1px dotted #DEE3E6;}

.menu ul {padding:0;margin:0;}

.menu li{font-weight:bold;padding:0;list-style-type: none;margin:0;float:left;position:relative;z-index:100;}


/* use the table to position the dropdown list */
.menu table{position:absolute;border-collapse:collapse;z-index:80;left:-1px;top:24px;}

/* style all the links */
.menu a, .menu :visited {text-transform:uppercase;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;display:block;font-size:10px;width:110px;padding:7px 0;color:#444;background:#FFFFFF;text-decoration:none;padding-left:10px;margin-right:1px;text-align:left;border-bottom:1px solid #DEE3E6;}

/* style the links hover */
.menu :hover{color:#000;}

/* hide the sub level links */
.menu ul ul {list-style-type: none;padding:0;margin:0;visibility:hidden;position:absolute;width:120px;height:0;}

.menu ul ul li {font-weight:normal;}

/* style all the links */
.menu ul ul a, .menu ul ul :visited {text-transform:uppercase;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;display:block;font-size:10px;width:110px;padding:7px 0;color:#666666;background:#F0F0F0;text-decoration:none;padding-left:10px;margin-right:1px;text-align:left;border-bottom:1px solid #DEE3E6;}


/* make the sub level visible on hover list or link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;}



#tabcontainer {padding-top:4px;margin-bottom:0px;margin-left: 0;clear:both;}

ul#tablist
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 26px;
border-bottom: 1px solid #DEE3E6;
margin-left: 0;
}

ul#tablist li
{
float: left;
height: 21px;
background-color: #F0F0F0;
margin: 2px 0px -2px 6px;
border: 1px solid #DEE3E6;
}

ul#tablist li#active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

ul#tablist li.myorders
{
   background-image: url('../images/misc/myorders.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
}

ul#tablist li.mydetails
{
   background-image: url('../images/misc/mydetails.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
}

ul#tablist li.myfavourites
{
   background-image: url('../images/misc/myfavourites.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
}

ul#tablist li.myaddresses
{
   background-image: url('../images/misc/myaddresses.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
}

li.active a { color: #000; }

#tablist a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 5px 8px 5px 28px;
margin: 0px 0px -2px 0px;
}

#tablist a:hover { background-color: #fff; }

ul#tablist li.myorders a:hover
{
   background-color: #fff;
   background-image: url('../images/misc/myorders.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
  
}

ul#tablist li.mydetails a:hover
{
   background-color: #fff;
   background-image: url('../images/misc/mydetails.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
  
}

ul#tablist li.myfavourites a:hover
{
   background-color: #fff;
   background-image: url('../images/misc/myfavourites.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
  
}

ul#tablist li.myaddresses a:hover
{
   background-color: #fff;
   background-image: url('../images/misc/myaddresses.gif');
   background-repeat: no-repeat;
   background-position: 6px 4px;
  
}


/* Layout
------------------------------------------------ */

.container-float-rigid
{
  width: 555px;
    height: auto;
  float: right;
  padding: 0px 0px 0px 0px;
    margin: 0px;
}

.first-float-rigid
{
  width: 198px;
    height: auto;
    float: left;
  padding: 0px;
    margin: 0px;  
}


.second-float-rigid
{
  width: 554px;
    height: auto;
    float: left;
  padding: 0px 0px 0px 0px;
    margin: 0px;
}

.third-float-rigid
{
    height: 400px;
  width: 1px;
    float: right;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}


#lhscontainer
{
  width: auto;
  height: auto;
  position: relative;
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0px;
  padding: 0px;
    color: #000000;
}

#maincontainer
{
  width: auto;
  height: auto;
  position: relative;
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0px;
  padding: 0px;
    color: #000000;

}

#rhscontainer
{
  width: auto;
  height: auto;
  position: relative;
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0px;
  padding: 0px;
    color: #000000;
}


#featured
{     
    height:auto;
  width:auto;
  position: relative;
  margin:0px 0px 16px 0px;
  padding: 0px 0px 6px 0px;
  border-bottom: 3px solid #DEE3E6;
}


.first-col-rigid
{
  width: 210px;
    height: auto;
    float: left;
  padding: 0px;
    margin: 0px;  
}


.second-col-rigid
{
  width: 210px;
    height: auto;
    float: right;
  padding: 0px 0px 0px 0px;
    margin: 0px;
}

#lhscolumn
{
  width: auto;
  height: auto;
  position: relative;
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0px;
  padding: 0px;
  margin-left:70px;
  color: #000000;
}

#rhscolumn
{
  width: auto;
  height: auto;
  position: relative;
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0px;
  padding: 0px;
  color: #000000;
}



/* Panels And Callouts
------------------------------------------------ */

.featured-service
{     
    width:275px;
  height:auto;
  position: relative;
  margin:0px;
  padding: 0px;
}


.panel-title-lhs, .panel-title-main
{
  font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 1.1em;
  font-weight: bold;
  color: #666666;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 0px;
}
.panel-title-lhs
{
  text-transform: uppercase;
}

.panel-title-main
{
  text-transform: normal;
}


.panel-lhs
{
  height: auto;
    position: relative;
    text-align: left;
  width: 198px;
    margin: 0px 0px 14px 0px;
}

.panel-main
{
  height: auto;
    position: relative;
    text-align: left;
  width: 554px;
    margin: 0px 0px 14px 0px;
}


.panel-inner {

  border-left: 1px solid #DEE3E6;
  border-right: 1px solid #DEE3E6;
  background: #FFFFFF; 
  color: #838383;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 2px;
}

.panel-content {

  font-size: 90%;
  line-height: 1.1em;
}


/* Rounded Edges
------------------------------------------------ */

.top-left {

  margin-right: 8px; /* clip right corner */
  background-image: url('../images/misc/callout_top_left.gif');
  height: 8px; /* vertical: show first half of the image with the top-corners in it */
  font-size: 2px; /* correct height for IE */
}


.top-right {

  margin-top: -8px; /* to level of top-left corner */
  margin-left: 8px; /* clip left corner */
  background-image: url('../images/misc/callout_top_right.gif'); 
  background-position: 100% 0; /* show bg-image starting at the right */
  height: 8px; 
  font-size: 2px;
}

.bottom-left {

  margin-right: 8px; /* clip right corner */
  background-image: url('../images/misc/callout_bottom_left.gif');
  background-position: 0 -8px; /* show under half of the image */
  height: 8px;
  font-size: 2px;
}

.bottom-right {

  margin-top: -8px; /* to level of bottom-left corner */
  margin-left: 8px; /* clip left corner */
  background-image: url('../images/misc/callout_bottom_right.gif'); 
  background-position: 100% -8px; /* under half, right side */
  height: 8px; 
  font-size: 2px; 
}

.notopgap {
  margin-top: 0;
}

.nobottomgap {
  padding-top: 1px;
  margin-bottom: 0;
  text-align: left;
}


/* Product Lines
------------------------------------------------ */



/* Products
------------------------------------------------ */

.out-of-sock{color: red;}

.products-az {height:auto;width:auto;position: relative;margin:0px 0px 5px 0px;padding:0px;}
.products-az a {margin: 0px 2px 0px 0px;line-height: 1.3em;}
.products-az a:link {color: #999999; text-decoration:none;}
.products-az a:visited {color: #999999; text-decoration:none;}
.products-az a:hover {color: #0066CC;}
.products-az a:active {color: #999999; text-decoration:underline;}


.product-sm {margin:0px;padding:0px;}
.product-sm ul {margin:0px;padding:0px;list-style-type: none;}
.product-sm li {display:block; float:left; margin:0 padding:0; width:180px; height:auto;border-bottom: 1px dotted #DEE3E6;}


.product-sm-image {height:auto;width:52px;position:relative;float:left;}
.product-sm-details {margin-top:2px;margin-bottom:8px;font-size: 100%;line-height: 1.3em;height:auto;width:128px;position: relative;float:right;}


/*
Added by james for the three in a row view for displaying products
*/
.product-v-sm {margin:0px;padding:0px}
.product-v-sm ul {margin:0px;padding:0px;list-style-type: none}
.product-v-sm li {display:block;float:left;margin:0;padding:0;width:178px;height:auto;border-bottom: 1px dotted #DEE3E6}
.product-v-sm-image {height:auto;width:50px;float:left;border: 0px solid pink;}

.product-v-sm-details {
  margin-top:2px;
  margin-bottom:5px;
  font-size: 100%;
  line-height: 1.3em;
  height:170px;
  width:120px;
  float:right;
  }

.product-v-sm-details div.section-one{  
  height:140px;
}

.product-v-sm-details div.section-two{
  
}

.product-med {  margin:0px; padding:6px 4px 0px 4px; }
.product-med ul {margin:0px;padding:0px;list-style-type: none;}
.product-med li {display:block; float:left; margin:0; padding:0px 0px 12px 0px; width:262px; height:auto;bordwer;  height:210px; margin-top:10px;}

.product-med-image {height:auto;width:124px;position:relative;float:left;}

.product-med-image div{
  
  margin-top: 5px;

}


.product-med-details {

  margin-top:4px;
  margin-bottom:8px;
  font-size: 100%;
  line-height: 1.2em;
  height:auto;
  width:120px;
  position: relative;
  float:left;
  
}

.product-large-image {height:auto;width:200px;position:relative;float:left;}
.product-large-details {margin-right:4px;margin-top:4px;margin-bottom:8px;font-size: 110%;line-height: 1.2em;height:auto;width:310px;position: relative;float:right;}

.product-large-status {padding-top:2px;height:auto;width:200px;position:relative;float:left;font-size: 140%;text-align:right;}
.product-large-also {margin-top:36px;margin-right:4px;margin-bottom:8px;font-size: 90%;line-height: 1.2em;height:auto;width:310px;position: relative;float:right;}


.product-line-image {height:auto;padding:4px 0px 4px 4px;width:128px;position:relative;float:left;}
.product-line-details {margin-right:4px;margin-top:4px;margin-bottom:8px;font-size: 100%;line-height: 1.2em;height:auto;width:400px;position: relative;float:right;}

.stock-status {height:auto;padding:16px 0px 0px 0px;width:auto;position:relative;}

.login-panel {padding:0;margin:0px 0px 8px 0px;height:auto;width:262px;position:relative;float:left;}
.register-panel {padding:0;margin:0px 0px 8px 0px;font-size: 100%;line-height: 1.2em;height:auto;width:262px;position: relative;float:right;}


span.product-line {font-family: Arial, Verdana;color:#000000;font-weight:bold;font-size:150%;line-height:1.2em;}
span.product-name {font-family: Arial, Verdana;color:#000000;font-weight:bold;font-size:95%;line-height:1.2em;}
span.product-brand {color:#999999;font-size:95%;line-height:1.3em;font-weight:bold;}
span.product-size {color:#999999;font-size:95%;line-height:1.3em;}
span.product-price {font-family: Impact, Arial, Verdana;color:#666666;font-weight:normal;font-size:220%;line-height:1.2em;}
span.product-rrp {color:#999999;font-size:90%;}
span.product-saving-pounds {color:#999999;font-size:90%;}
span.product-saving-percent {color:red;font-size:90%;}


span.product-description {font-family: Arial, Verdana;color:#000000;font-weight:normal;font-size:95%;line-height:1.2em;}

span.instock {font-weight:bold;color:#55e352;font-size:80%;}
span.nostock {font-weight:bold;color:red;font-size:80%;}

span.table-entry {color:#666666;font-weight:normal;font-size:100%;line-height:1.3em;}
span.table-saving {color:red;font-size:100%;line-height:1.3em;}
span.table-bold {text-align:right;color:#666666;font-weight:bold;font-size:100%;line-height:1.3em;}
                  
.basket-key {padding:12px;margin:24px 6px 6px 6px;height:auto;width:236px;position:relative;float:left;background:#F0F0F0;}
.basket-total {margin:24px 0px 6px 6px;font-size: 100%;line-height: 1.2em;height:auto;width:256px;position: relative;float:right;}


.product-small
{     
    height:auto;
  width:auto;
  position: relative;
  float:left;
  margin:0px 0px 0px 0px;
  padding:12px 12px 0px 12px;
  font-size: 90%;
  background: #F0F0F0;
}

table.products {width:100%;margin-top:8px;border:0;}
th.products {margin:0;border:0;}
th.products-end {margin:0;border:0;text-align:right;}
td.products {padding-top:8px;padding-bottom:8px;}
td.products-buttons {text-align:right;}
td.products-end {padding-top:8px;padding-bottom:8px;text-align:right;}
td.products-separator {width:100%;height:1px;padding:0;margin:0;background: #DEE3E6;}

/* Checkout
------------------------------------------------ */



/* Profile
------------------------------------------------ */



/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{ line-height: 1.1em;}


h1 { font-family: Arial, Verdana; font-size: 165%; font-weight: normal; color: #333333; }
h2 { font-family: Arial, Verdana; font-size: 135%; font-weight: normal; color: #333333; }
h3 { font-family: Arial, Verdana; font-size: 155%; font-weight: normal; color: #999999; }
h4 { font-size: 125%; font-weight: normal; color: #777777; }
h5 { font-size: 115%; font-weight: normal; color: #999999; }
h6 { font-size: 100%; font-weight: bold; color: #666666; }

h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address
{ margin:  0.1em 0; padding: 0;}

p{line-height: 1.4em; margin:  0.1em 0; padding-bottom: 7px;}



/* Apply Left Margin:
---------------------------------------------------------------- */

ul, li, dd {margin-left: 1.6em;}
ul {padding-bottom: 1em;}
li {padding-bottom: .2em;}

blockquote
{
     color:#666666;
     font-size: 110%;
     padding: 4px 12px 4px 12px;
   line-height: 1.4em;
     margin-right:1.6em;
     margin-bottom:1em;
}



/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{margin: 0;padding: 0;font: normal 100.01%/1.1em Verdana, Arial, sans-serif;}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */

html[xmlns] pre { font-size: 1.3em;}
.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

/* Form Styles
---------------------------------------------------------------- */

input.search {}
input.disabled {padding:2px;border: 1px solid #cdcdcd;}
input.required, textarea.required {padding:2px;border: 1px solid #cdcdcd;}
input.notrequired, textarea.notrequired {padding:2px;border: 1px solid #cdcdcd;}
span.required {font-weight: bold;}
span.notrequired {font-weight: normal;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00;color : #000;}



.validation-advice
{
    width:150px;
    background-image: url(../images/misc/icon_error.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #ff0000;
    padding: 6px 0px 2px 25px;
    margin-left: -6px;
    font-size: 90%;
}

.validation-advice#advice-validate-one-required-radio
{
    width:150px;
    background-image: url(../images/misc/icon_error.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #ff0000;
    padding: 6px 0px 2px 27px;
    margin-left: 0px;
    font-size: 90%;
}

.fieldset-wrapper {
  width: auto;
  height: auto;
  padding: 6px 6px 18px 6px ;
  margin: 8px 4px 12px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #D8E3E4;
  background: #F0F0F0;
}

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

form fieldset
{
  padding: 0px; 
  margin: 0px; 
  border: 0;  
}
  
form fieldset legend {  font-weight: bold;color: #9CADBD;font-size: 120%;line-height: 110%;}
form input#textarea{width:160px;}

form input#reset {margin-left:6px; /* set margin-left back to zero on reset button (set above) */}
form input#submit {margin-left:144px; /* set margin-left back to zero on reset button (set above) */}
.form-container { font-size: 100%;width: auto;float:left;height: auto; }
.form-row {width:auto;clear: both; padding: 0.4em; margin: 0; }


label { font-weight: normal; font-size: 100%;}
.field-label {display: block;float: left;width: 102px;padding: 0px 0px 2px 2px;margin: 0 0 5px 0;text-align: left;}
.field-label-checkbox {padding: 1px 1px 16px 1px;margin: 1px 0 4px 0;text-align: left;}
.field-label-radio {display: block; float: left;width: auto;padding: 3px 5px 0 0;margin: 0 0 5px 12px;text-align: left;}
.field-table-label {float: left;width: auto;padding: 0;margin: 0;text-align: left;}


.field-widget {}
.field-widget-checkbox {}
.field-widget-radio {margin-right:12px;padding-bottom:4px; float:left;}

input:focus, textarea:focus, input.sffocus, textarea.sffocus{
background-color: lightyellow;
}



/* Buttons
---------------------------------------------------------------- */

.buttons

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:4px 7px 4px 0;
  background-image: url('../images/misc/button_bkgd_blue_off.gif');
  background-repeat: repeat-x;
    border:0;
    font-family: Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:120%;
    text-decoration:none;
    font-weight:bold;
    color:#555;
    cursor:pointer;
    padding:2px 8px 2px 6px; /* Links */
}


.buttons_large a, .buttons_large button{
    display:block;
    float:left;
    margin:4px 7px 4px 0;
  background-image: url('../images/misc/button_bkgd_blue_off.gif');
  background-repeat: repeat-x;
    border:0;
    font-family: Arial, Verdana, sans-serif;
    font-size:100%;
    height: 17px;
    line-height:120%;
    text-decoration:none;
    font-weight:bold;
    color:#555;
    cursor:pointer;
    padding:2px 8px 2px 6px; /* Links */
}

.greenbuttons_large a, .greenbuttons_large button{
    display:block;
    float:left;
    margin:4px 0 4px 0;
  background-image: url('../images/misc/button_bkgd_green_off.gif');
  background-repeat: repeat-x;
    border:0;
  font-family:Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:120%;
    height: 17px;
    text-decoration:none;
    font-weight:bold;
    color:#555;
    cursor:pointer;
    padding:2px 8px 2px 6px; /* Links */
}

.greenbuttons a, .greenbuttons button{
    display:block;
    float:left;
    margin:4px 0 4px 0;
  background-image: url('../images/misc/button_bkgd_green_off.gif');
  background-repeat: repeat-x;
    border:0;
  font-family:Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:120%;
    text-decoration:none;
    font-weight:bold;
    color:#555;
    cursor:pointer;
    padding:2px 8px 2px 6px; /* Links */
}

.bluebuttons a, .bluebuttons button{
    display:block;
    float:left;
    margin:4px 0 4px 0;
  background-image: url('../images/misc/button_bkgd_blue_off.gif');
  background-repeat: repeat-x;
    border:0;
  font-family:Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:120%;
    text-decoration:none;
    font-weight:bold;
    color:#555;
    cursor:pointer;
    padding:2px 8px 2px 6px; /* Links */
}

.redbuttons a, .redbuttons button{
    display:block;
    float:left;
    margin:4px 7px 4px 0;
  background-image: url('../images/misc/button_bkgd_red_off.gif');
  background-repeat: repeat-x;
    border:0;
  font-family:Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:120%;
    text-decoration:none;
    font-weight:bold;
    color:#555;
    cursor:pointer;
    padding:2px 7px 2px 6px; /* Links */
}


.buttons button, .greenbuttons button, .redbuttons button{
    width:auto;
    overflow:visible;
    padding:3px 7px 2px 7px; /* IE6 */
}
.buttons button[type], .greenbuttons button[type], .redbuttons button[type]{
    padding:2px 7px 3px 6px; /* Firefox */
    line-height:18px; /* Safari */
}
*:first-child+html button[type]{
    padding:0px 11px 0px 9px; /* IE7 */
}


/* STANDARD */

button:hover, .buttons a:hover{
  background-image: url("../images/misc/button_bkgd_blue_on.gif");
  background-repeat: repeat-x;
    border:0;
    color:#555;
}
.buttons a:active{
  background-image: url("../images/misc/button_bkgd_blue_off.gif");
  background-repeat: repeat-x;
    border:0;
    color:#555;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#555;
}
.buttons a.positive:hover, button.positive:hover {
  background-image: url("../images/misc/button_bkgd_green_on.gif");
  background-repeat: repeat-x;
    border:0;
    color:#555;
}
.buttons a.positive:active{
  background-image: url("../images/misc/button_bkgd_green_off.gif");
  background-repeat: repeat-x;
    border:0;
    color:#555;
}

/* NEGATIVE */

.redbuttons a.negative, button.negative{
    color:#555;
}
.redbuttons a.negative:hover, button.negative:hover{
  background-image: url("../images/misc/button_bkgd_red_on.gif");
  background-repeat: repeat-x;
    border:0;
    color:#555;
}
.redbuttonstons a.negative:active{
  background-image: url("../images/misc/button_bkgd_red_off.gif");
  background-repeat: repeat-x;
    border:0;
    color:#555;
}

/* Images
------------------------------------------------ */

img {border:none;}



/* James
------------------------------------------------ */
div.address{
  border-bottom: 1px solid #DEE3E6;
  padding: 5px;
  padding-top: 10px;
  position: static;
  height:100%;
}

/*FAQ section*/

div.faq-answer{
  border-bottom: 1px solid #DEE3E6; 
  padding-bottom:10px; 
  margin-bottom: 10px;
}

div.faq-question{
  margin-bottom: 10px;
}

div.faq{
  margin-left:60px; 
  width: 400px;
}

div.bottom-links{
  text-align:center;
}


div.footer-cont{

  float:none;
  position:absolute;
  width: 770px;
  margin-left: -385px;
  left:50%;
}
div.second-footer-cont{
  text-align:center;
}

div.bottom-links a{
  style="text-align:left;"
}



/*******Sitemap***********/

.box-left{

  width:265px;  
    clear: both;
}

.box_right{	
  
  
  clear: both;
  width:265px;
  border: 1px solid blue;
  
}
div.float-l{
  float: left;
}


/*****Checkout ****/

div.checkout-status{  
  margin-left:10px;  
}

div.checkout-status-on{
  vertical-align:top;
  font-size: 10pt;
  font-weight:bold;
}

div.checkout-status-off{
  vertical-align:top;
  font-size: 10pt;
  font-weight:normal;
  color:#bdbdbd;
}
div.checkout-status-on img{
  padding-left:10px;
  padding-right:10px;
}

div.checkout-status-off img{
  padding-left:10px;
  padding-right:10px;
}

/*******shipping info popup********/

div.popup-main{
  text-align: left;
  margin:5px;
  padding:5px;
  border:1px solid #DEE3E6;
}
div.popup-main table{
  border:1px solid #DEE3E6;
}

div.popup-main table tr{
  background-color:#edeef0;
}

div.popup-main table tr td{
  border-top:1px solid #DEE3E6;
  border-right:1px solid #DEE3E6;
  padding: 5px;
}

div.padded-box{
 
 padding: 2px;
 
}

div.error-text{
  color:red;
}

div.link_list{

  margin: 40px;

}

div.link_form{  
  padding-left: 60px;
}

span.small{
  
  font-style: italic;
  font-size: 4pt;

}

a.xchange_links{

  text-decoration: underline;
  font-weight: bold;
  font-size: 10pt;

}