/*

BigScrewdriver JShop CSS Style Sheet
Author :  TWN
Date   :  17-May-06
Version:  0.9

*/


/* 

Base Element Styling

*/

body  {
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica,  Verdana,  sans-serif;
font-size: 80%;
height: 100%;
text-align: center;
padding: 0 0 20px 0;
}

a {color: #000000;text-decoration: underline;}

a:hover {color: #33CCFF;text-decoration: underline;}

img{
border: 0; margin: 0; padding: 0;
}

ul {
margin: 0; border: 0; padding: 0;
}

li a{
margin: 0; border: 0; padding: 0;
}



/* 
Foundation Setup
*/

div#uberContainer  {
background-color: #ffffff;
background-image: url(images/bigs/bg-uber.gif);
background-repeat: repeat-y;
border: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding: 0;
position: relative;
text-align: left;
width: 772px;
}

div.header  {
background-color: #cccccc;
background-image: url(images/bigs/bg-fadetop.gif);
background-repeat: repeat-x;
border: 0;
padding: 0px;
position: relative;
text-align: left;
width: 772px;
}

div.leftbar  {
background-color: #cccccc;
float: left;
font-size: 90%;
padding: 0px;
position: relative;
text-align: left;
width: 145px;
}



div.maincontent  {
font-size: 110%;
background-color: #ffffff;
padding: 0px;
border: 0px;
margin: 0px;
float: left;
position: relative;
text-align: left;
width: 480px;
border-style: solid;
border-color: #cccccc;
}

div.rightbar  {
background-color: #cccccc;
font-size: 90%;
padding-left: 0px;
padding-right: 0px;
font-weight: normal;
float: left;
width: 147px;
border: 0px;
}

div#footer  {
background-color: #cccccc;
background-image: url(images/bigs/bg-fadebottom.gif);
background-position: bottom left;
background-repeat: repeat-x;
text-align: center;
padding-top: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 772px;
clear: both;
}

div#footer a {color: #000000;text-decoration: none;}
div#footer a:hover  {color: #000000;text-decoration: underline;}


/*
Header Contents
*/

div.bannerad  {
background-color: #ffffff;
left: 145px;
padding: 0px;
position: absolute;
top: 30px;
width: 480px;

}

div.strapline  {
background-color: #cccccc;
border: 0px;
left: 145px;
position: absolute;
top: 6px;
width: 480px;
}

div.delivery  {
font-size: 80%;
font-weight: bold;
left: 630px;
position: absolute;
top: 6px;
width: 145px;
}

div.delivery img {
margin-top: 5px;
}



/*
Left Bar Detail
*/

ul.leftbar {
margin: 0;
padding: 0;
border: 0;
}

div.leftbar li a  {
color: #000000;
display: block;

margin: 0;
padding: 0;
}


div.leftbar li a.active  {
background-color: #DAE1E3;
color: #FF000D;
font-weight: bold;
margin: 0;
padding: 0;
}

div.leftbar li a.active:hover  {
background-color: #DAE1E3;
color: #FF000D;
}

div.leftbar li a:hover  {

}

div.leftbar p  {
margin-bottom: 5px;
margin-left: 10px;
margin-right: 15px;
margin-top: 5px;
}

div.leftbar ul  {
display: block;
list-style-type: none;
margin-left: 10px;
margin-right: 15px;
padding: 0;
}

/*
Left Bar Search Detail
*/

div.search  {
margin-left: 10px;

}

div.search a  {
text-decoration: none;
font-size: 80%;
color: #000000;
}

div.search a:hover  {
text-decoration: none;
font-size: 80%;
color: #33CCFF;
}

div.search a.active {
text-decoration: none;
color: #000000;
}

/*
Right Bar Detail
*/



div.rightbar p  {
margin-bottom: 5px;
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
border: 0px;

}


div.rightbar ul  {
list-style-type: none;
margin-left: 10px;
padding-left: 0px;
padding-right: 0px;
border: 0px;

}

div.rightbar li a  {
color: #000000;
text-decoration: none;
padding-left: 0px;
padding-right: 0px;
border: 0px;

}

div.rightbar li a:hover  {
text-decoration: none;
padding-left: 0px;
padding-right: 0px;
border: 0px;

}


/*
Right Bar Minicart
*/

div.minicart  {
font-weight: bold;
width: 135px;
margin-bottom: 0;
margin-left: 5px;
margin-right: 0;
margin-top: 0;
padding-left: 0px;
padding-right: 0px;
border: 0px;
}

html > body div.minicart  {
width: 125px;
w\idth: 135px;
padding-left: 0px;
padding-right: 0px;
border: 0px;
}

div.minicartcount  {
float: left;
font-size: 150%;
font-weight: bold;
margin-top: 5px;
margin-left: 5px;
padding-left: 0px;
padding-right: 0px;
border: 0px;
}

div.minicartimg  {
float: left;
margin-left: 10px;
border: 0px;
}

div.minicartlinks  {
clear: both;
color: #000000;
font-size: 90%;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
position: relative;
text-decoration: none;
border: 0px;
}

div.minicartlinks a  {
font-size: 110%;
color: #000000;
text-decoration: none;
border: 0px;
}

div.minicartlinks a.active  {
color: #000000;
text-decoration: none;
border: 0px;
}

/*
Right Bar Brand Logos
*/

div.bigbrands img  {
float: left;
margin-bottom: 8px;
margin-left: 8px;
width: 50px;
height: 50px;
border: 0px;
}

div.bigbrands {
padding: 10px 0 10px 10px;
width: 135px;
border: 0px;
}


/*
Right Bar Newsletter Detail
*/

div.Newsletter  {
margin-left: 10px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
border: 0px;

}





/*
All Purpose Detail
*/

div.sidebreak  {
background-image: url(images/bigs/bg-sidebreak.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0;
width: 100%;
}

img.sectionimage {
border: 0;
padding: 0;
margin-top: 10px;
margin-bottom: 5px;
}

/*
  Section Detail including standard, Brand and Brand Sub
*/


/*
 Single Product Page Display Detail
*/

img.brandlogo {
width: 75px;
padding: 10px;
}

div.mp_container {
font-size: 90%;
float: left;
width: 238px;
height: 150px;
padding: 10px 0 0 0;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
background-color: #ffffff;
}

html > body div.mp_container {
 width: 240px;
 w\idth: 238px;
}

img.product_image {
padding-top: 10px;
}

img.buy_image {
margin: 0 ;
padding: 0;
border: 0;
}

p.product_title{
font-size: 100%;
margin: 0 0 0 0 ;
}

p.product_listprice{
margin: 0px 0px 5px 0px;
font-size: 90%;
color: #999999;
text-decoration: line-through;
font-style: italic;
}

p.product_description{
margin: 0px;
font-size: 125%;
font-weight: bold;
}

p.product_ourprice1{
margin: 0;
padding: 2px 0px 0px 5px;
background: #ffcc00;
font-size: 90%;
font-weight: normal;
color: #000000;
}

p.product_ourprice2{
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 5px;
background: #ffcc00;
font-size: 140%;
font-weight: normal;
color: #000000;
}

p.product_vat{
margin: 0;
padding: 2px 0px 0px 5px ;
color: #333333;
font-size: 90%;
font-weight: normal;
}

p.product_save{
margin: 0px;
padding: 2px 0px 2px 5px;
background: #ff6600;
color: #ffffff;
font-size: 100%;
font-weight: normal;
}

div.mp_images {
float: left;
width: 90px;
padding-right: 10px;
padding-left: 10px;
height: 145px;
}

html > body div.mp_images {
 width: 110px;
 w\idth: 90px;
}

div.mp_text {
float: left;
font-family: Arial, Helvetica,  Verdana,  sans-serif;
width: 119px;
}

div.brand_header {
width: 479px;
border-right: 1px solid #cccccc;
margin: 0px;
background-color: white;
}

html > body  div.brand_header {
 width: 479px;
 w\idth: 480px;
}

div.brand_header_left {
font-size: 80%;
color: black;
float: left;
position: relative;
margin: 0px;
padding: 20px;
width: 198px;
}

html > body div.brand_header_left {
 width: 238px;
 w\idth: 198px;
}

div.brand_header_right {
background-color: white;
position: relative;
float: left;
padding: 20px;
width: 200px;
}

html > body div.brand_header_right {
 width: 200px;
 w\idth: 180px;
}

/* 
  Single Product Page Detail
*/

div.products {
float: left;
width: 480px;
clear: left;
}

div.product_only {
 width: 480px;
 margin: 0; border: 0; padding: 0;
}

td.product_only {
 font-size: 90%;
}

div.product_only_left {
 width: 120px;
 float: left;
 padding: 10px;
}

html > body div.product_only_left {
 width: 140px;
 w\idth: 120px;
}

div.product_only_right {
 width: 317px;
 float: left;
 padding: 10px;
}

html > body div.product_only_right {
 width: 339px;
 w\idth: 317px;
}

/*
JUNK CSS - HTML to be cleansed of these tags
*/


div.generic_text  {
  width: 440px;
  padding: 20px;
  font-size: 90%;
}

html >body div.generic_text {
 width: 440px;
 w\idth: 442px;
}

div.generic_text h1 {
font-size: 200%;
display: block;
padding: 5px; 
background-color: #ffcc00;
color: black;
}

div.generic_text h2 {
font-weight: bold;
font-size: 150%;
}

div.generic_text h3 {
font-weight: bold;
font-size: 130%;
}

td.field-backing-title {
font-size: 90%;
}

td.field-backing-content {
font-size: 90%;
}

td.table-backing-content {
font-size: 90%;
}

font.normal-field-title {
font-size: 90%;

}

/*
Cart Stle
*/

.cart_errors {
font-size: 90%;
font-weight: bold;
color: red;
}

td.cart_table_heading {
background-color: #0099ff;
font-weight: bold;
font-size: 70%;
color: #ffffff;
}

td.cart_table_item {
font-size: 70%;
font-weight: bold;
background-color: #ffe882;
color: #000000;
}

a.go_button
{
display: inline;
width: 25px;
padding: 4px 5px 4px 20px;
background: url(../images/bigs/btn-go.gif) no-repeat 0 0;
text-decoration: none
}

a.go_button:link,
a.go_button:visited
{
color: #000000;
}

a.go_button:hover
{
background-position: 0 -20px;
color: #037
}


a.buy_button
{
display: inline;
width: 37px;
height: 22px;
padding: 2px 5px 4px 28px;
background: url(../images/bigs/btn-buy.gif) no-repeat 0 0;
text-decoration: none;
}

a.buy_button:link,
a.buy_button:visited
{
color: #000000;
text-decoration: none;
}

a.buy_button:hover
{
background-position: 0 -22px;
color: #037
text-decoration: none;
}









div.checkoutnav, div.checkoutnav li a, div.checkoutnav li a { 
  width: 120px;

  font-weight: normal;
  }
  
table.delivery_desc{
font-size: 100%
}