/*** @file: highslide.css* @version: 4.1.9*/.highslide-container div {	font-family: Verdana, Helvetica;	font-size: 10pt;}.highslide-container table {	background: none;}.highslide {	outline: none;	text-decoration: none;}.highslide img {	border: 2px solid silver;}.highslide:hover img {	border-color: gray;}.highslide-active-anchor img {	visibility: hidden;}.highslide-gallery .highslide-active-anchor img {	border-color: black;	visibility: visible;	cursor: default;}.highslide-image {	border-width: 2px;	border-style: solid;	border-color: white;}.highslide-wrapper, .highslide-outline {	background: white;}.glossy-dark {	background: #111;}.highslide-image-blur {}.highslide-number {	font-weight: bold;	color: gray;	font-size: .9em;}.highslide-caption {	display: none;	font-size: 1em;	padding: 5px;	/*background: white;*/}.highslide-heading {	display: none;	font-weight: bold;	margin: 0.4em;}.highslide-dimming {	/*position: absolute;*/	background: black;}a.highslide-full-expand {   background: url(graphics/fullexpand.gif) no-repeat;   display: block;   margin: 0 10px 10px 0;   width: 34px;   height: 34px;}.highslide-loading {	display: block;	color: black;	font-size: 9px;	font-weight: bold;	text-transform: uppercase;	text-decoration: none;	padding: 3px;	border: 1px solid white;	background-color: white;	padding-left: 22px;	background-image: url(graphics/loader.white.gif);	background-repeat: no-repeat;	background-position: 3px 1px;}a.highslide-credits,a.highslide-credits i {	padding: 2px;	color: silver;	text-decoration: none;	font-size: 10px;}a.highslide-credits:hover,a.highslide-credits:hover i {	color: white;	background-color: gray;}.highslide-move, .highslide-move * {	cursor: move;}.highslide-viewport {	display: none;	position: fixed;	width: 100%;	height: 100%;	z-index: 1;	background: none;	left: 0;	top: 0;}.highslide-overlay {	display: none;}.hidden-container {	display: none;}/******************************//*       END HIGHSLIDE        *//******************************//******************************//*        DHTML WINDOW        *//******************************/.dhtmlwindow{position: absolute;border: 1px solid #dddddd;visibility: hidden;background-color: white;}.drag-handle{ /*CSS for Drag Handle*/height:30px;padding-top: 2px;text-indent: 5px;font: 20px Arial;background-color: #dddddd;color: white;cursor: move;overflow: hidden;width: auto;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/position: absolute;right: 1px;top: 2px;cursor: hand;cursor: pointer;}* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/width: 100%;}.drag-contentarea{ /*CSS for Content Display Area div*/color: black;height: 150px;padding: 5px;padding-top:20px;overflow: auto;font: 12px Arial;}.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/border-top: 1px solid gray;background-color: #dddddd;height: 13px; /*height of resize image*/}.drag-resizearea{ /*CSS for Resize Area itself*/float: right;width: 13px; /*width of resize image*/height: 13px; /*height of resize image*/cursor: nw-resize;font-size: 0;}.drag-handle{ /*Overwrite default drag handle bar background color with below*/background-color: #dddddd;}#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/position: absolute;background: black url(blackdot.gif);width: 10px;left: 0;top: 0;z-index: 5;visibility: hidden;filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);opacity: 0.5;}/******************************//*    END DHTML WINDOW        *//******************************/span.pirelli { font-family:helvetica,sans-serif,verdana; }

/**************************************
*            email.css                *
**************************************/
div.email {
  font:8pt helvetica,arial,sans-serif;
  font-size:normal;
  padding: 10px;
}

div.emailHeader {
  padding-bottom:10px;
}

div.emailBody {
}

div.emailFooter {
  clear:left;
  font-size: 6pt;
  padding-top:10px;
}

table.emailTable {
font:8pt helvetica,arial,sans-serif;
margin-top:5px;
margin-bottom:5px;
margin-right:100px;
padding:0;
text-align:right;
}

table.emailTable th {
font-weight:normal;
text-align:right;
vertical-align:top;
}

table.emailTable td {
font-weight:normal;
text-align:left;
padding-left:5px;
vertical-align:top;
}

/* ADD THIS STYLE */

.addthis_toolbox .hover_effect
{
/*    width: 200px; */
    padding: 6px 3px 6px 3px;
    border: 0px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 1px solid #fff;
    padding: 2px 2px 2px 14px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 1px solid #008890;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}

/* END ADD THIS STYLE*/

div.commonIncludeBody {
  float:right;
  margin:0px;
  margin-left:20px;
  margin-bottom:20px;
}

/* banner */

#topsection{
/* height: 140px; Height of top section*/
margin-bottom:0px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

img.bannerLogo { 
  border:#000000 0px solid; 
  height:102px;
}

div.bannerLogo {
  font-size:150%;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px;
}

div.banner { 
  width:65%;
  float:right;
  margin-top:0px;
  margin-bottom:0px;
}

div.bannerLine {
  clear:left;
  clear:right;
  align:right;
}

div.bannerBox {
  float:right;
  vertical-align:middle;
  margin: 10px;
  color: #484068;
  align:right;
}

form.searchBox {
  padding:0px;
  margin:0px;
}

input.searchBox {
  vertical-align:middle;
}

select.searchBox {
  vertical-align:middle;
}

div.banner a {
  color:#5A6351;
  text-decoration:none;
}

div.banner a:hover  {
  text-decoration:underline;
}

/* end banner */

/*****************************************
*           tabcontent.css               *
*****************************************/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 20px;
margin-bottom: 0;
list-style-type: none;
color: #484068;
text-align: left; /*set to left, center, or right to align the menu as desired*/
line-height:17px;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 10px;
margin-right: 3px;
border: 1px solid #DADADA;
color: #484068;
/*background: white url(shade.gif) top left repeat-x; */
background:#F0F0F0;

}

.shadetabs li a:visited{
color: #484068;
}

.shadetabs li a:hover{
text-decoration: none;
color: #484068;
background-color: #FFFFFF;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
/* background-image: url(shadeactive.gif); */
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabContent {
display:none;
border:0px solid #FFFFFF;
z-index:1;
}

.tabContent img {
}

@media print {
.tabcontent {
display:block !important;
}
}

/***********************************************
*              end tabcontent.css              *
***********************************************/


/* Support */

a.support  {
  color:#5A6351;
  text-decoration:none;
}

a.support:hover  {
  text-decoration:underline;
}

/****************************************
*           end support                 *
****************************************/

/****************************************
*           Breadcrunb                  *
****************************************/

a.breadcrumb  {
  color:#5A6351;
  text-decoration:none;
}

a.breadcrumb:hover  {
  text-decoration:underline;
}

/****************************************
*           end breadcrumb              *
****************************************/


/****************************************
*           chromestyle.css             *
****************************************/

.chromestyle{
  font-weight: normal;
  font-size:small;
  clear:left;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.chromestyle ul{
  border: 1px solid #DADADA;
  width: 100%;
  /* background: url(chromebg.gif) center center repeat-x; */ /* THEME CHANGE HERE */
  background:#F0F0F0; /* ddd 5A6351 THEME CHANGE HERE */
  /* padding: 4px 0; */
  padding: 3px 7px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center; /*set value to left, center, or right */
  color: #484068;
}

.chromestyle ul li{
  display: inline;
}

.chromestyle ul li a{
  color: #484068;
  padding: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
  /* background: url(chromebg-over.gif) center center repeat-x; */ /*THEME CHANGE HERE*/
  /* background-color: #F0F0F0; */
  text-decoration:underline;
}


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
  content: "";
/*  content: url(downimage.gif); /*uncomment this line to use an image instead*/
}



/* ######## Style for Drop Down Menu ######### */

.dropmenudiv{
  position:absolute;
  top: 0;
  border: 1px solid #DADADA;
  font-size:small;
  line-height:18px;
  z-index:100;
  background-color: #F0F0F0;
  visibility: hidden;
  padding:2px;
}

.dropmenudiv div {
  margin-right:10px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
/* border-bottom: 1px solid #BBB; */ /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
/* ######## color: black; ######### */
color: #484068;
background-color: #F0F0F0;
}

html .dropmenudiv a { /*IE only hack*/
  width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
  text-decoration:underline;
}

/*************************************
*        end chromestyle.css         *
*************************************/

/*******************************************************/
/*                 Basket Review                       */
/*******************************************************/

table.basketReviewTable {
  font:small helvetica,arial,sans-serif;
  color:#484068;
  border:1px #DADADA solid;
  background:#FFFFFF;
  margin:auto;
  margin-top:10px;
  margin-bottom:10px;
  padding:0;
  vertical-align:top;
  text-align:left;
}

table.basketReviewTable th {
  font-weight:bold;
}

table.basketReviewTable td {
}

th.top {
  font-weight:bold;
  border-bottom:1px #DADADA solid;
}

th.total {
  text-align:right;
}

td.productName {
  font-weight:bold;
}

td.productInfo {
  line-height:200%;
  border-bottom:1px #DADADA solid;
}

/*******************************************************/

input.checkoutButton, div.checkoutButton, a.checkoutButton, a.checkoutButton img {
  border:none;
  padding:5px;
  margin:5px;
  text-decoration:underline;
}

@media print {
  #topsection { display:none; }

  #maincontainer { margin: 0 0 0 0; width:100%; }
  #contentwrapper { margin: 0 0 0 0; width:100%; }
  #contentcolumn { margin: 0 0 0 0; width:100%; }
  #innertube { margin: 0 0 0 0; width:100%; }
  #pageBean_text { margin: 0 0 0 0; width:100%; }

  .shadetabs li { display:none; }
  .tabContent { display:block; }
  .toggleHelp { display:none; }
  .toggleMap { display:none; }

  #leftcolumn { display:none; width:0%; }
  #leftcolumn div span { display:none; width:0%; }

  #rightcolumn { display:none; width:0%; }
  #rightcolumn div span { display:none; width:0%; }

  #footer { display:none; }
}


/**************************************
*            advert.css               *
**************************************/

div.advert {
  float:left;
  width: 100%;
  font-size: small;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #DADADA;
  color: #484068;
  background:#FFF;
  text-align: center;
}

div.advert div {
  overflow: hidden;
}


div.advert div.collapsed span {
  display:block;
  padding: 5px 10px;
}

div.advertTitle {
  font-weight: bold;
  text-decoration:none;
  background: transparent;
  color: #484068;
  border: none;
  padding: 0;
  margin: 0;
  margin-top:10px;
}

div.advertImage {
  font-weight: normal;
  text-decoration:none;
  background: transparent;
  color: #484068;
  border: none;
  padding: 0;
  margin: 0;
  margin-top:10px;
}

div.advertImage img {
  border:none;
}

div.advertText {
  text-align:left;
  font-weight: normal;
  text-decoration:none;
  background: transparent;
  color: #484068;
  border: none;
  padding: 0;
  margin: 0;
  margin-top:10px;
}

div.advertLink {
}

/*****************************************
*           end advert.css               *
*****************************************/

span.warning { color:#FF0000; }

body {
font-size: small;
font-family:tahoma, verdana, sans-serif; 
color:#5A6351;
background:#ffffff;
margin:0;
margin-top:10px;
padding:0;
}

#maincontainer{
width: 1000px; /*Width of main container */
margin: 0 auto; /*Center container on page*/
}

#checkoutcontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#helpsection{
background: #ffffff;
margin-bottom:20px;
}

#contentwrapper{
float: left;
width: 100%;
z-index:1;
}

#contentcolumn{
padding-top: 15px;
margin: 0 330px 0 170px; /*Margins for content column. Should be 0 RightColumnWidth 0 LeftColumnWidth*/
width:500px;
}

#contentcolumnnobasket{
padding-top: 15px;
margin: 0 0 0 170px; /*Margins for content column. Should be 0 RightColumnWidth 0 LeftColumnWidth*/
width:678px;
}

#checkoutcolumn{
padding-top: 15px;
margin: 0 0 0 170px; /*Margins for content column. Should be 0 RightColumnWidth 0 LeftColumnWidth*/
width:678px;
}

#leftcolumn{
padding-top: 15px;
float: left;
width: 168px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
overflow: hidden;
}

#rightcolumn{
padding-top: 15px;
float: left;
width: 328px; /*Width of right column*/
margin-left: -330px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
overflow: hidden;
}

#leftcheckoutcolumn{
padding-top: 15px;
float: left;
width: 168px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(CheckoutContainerWidth)*/
background: #ffffff;
}

#footer{
clear: left;
width: 100%;
background: #ffffff;
text-align: center;
padding: 4px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

h1 {
  color:#646464;
  font-size:small;
}

h2 {
  color:#646464; 
  font-size:small;
  margin-bottom:0px; 
  margin-top:30px;
}

h3 {
  color:#646464; 
  font-size:small;
  margin-bottom:0px; 
  margin-top:20px;
}

h4 {
  color:#646464; 
  font-size:small;
  margin-bottom:0px; 
  margin-top:10px;
}

h5 {
  color:#646464; 
  font-size:small;
  margin-bottom:0px; 
  margin-top:10px;
}

h6 {
  color:#646464; 
  font-size:small;
  margin-bottom:0px; 
  margin-top:10px;
}

table.productTable {
font:11px helvetica,arial,sans-serif;
color:#484068;
background:#FFFFFF;
margin:auto;
margin-top:10px;
margin-bottom:10px;
padding:0;
text-align:left;
}

table.productTable th {
font-weight:bold;
text-align:left;
vertical-align:top;
}

tr.tinted td {
background:#EDEDED;
color:#484068;
border:0px white solid;
text-align:left;
}

tr td {
text-align:left;
}

form.productTable {
  padding:0px;
  margin:0px;
}

div.tabcontent {
line-height: 19px; 
}

table.navCentreItem {
border:none;
background:#fff;
margin:auto;
}

table.navCentreItem td {
height:30px;
width:112px;
vertical-align:top;
text-align:center;
font-size:100%;
background:#ddd;
}

table.navCentreItem a {
color:#575556;
text-decoration:none;
font-weight:normal;
}

table.navCentreItem a:hover {
text-decoration:underline;
}

table.navCentreItem img {
height:125px;
width:125px;
}

/*************************************
*           sdbasket.css             *
*************************************/

div.sdbasket {
	float:left;
	width: 100%;
	font-size: small;
	padding-bottom: 10px;
        border: 1px solid #DADADA;
        color: #484068;
        background:#FFF;
}
div.sdBasketTitle {
	display: block;
	padding: 5px 5px;
	font-weight: bold;
        font-size:small;
	cursor: default;
        border-top: 1px solid #DADADA;
        color: #484068;
        background:#FFF;
}
div.sdbasket div span {
        display:block;
        padding:5px 5px;
        font-weight:bold;
        font-size:small;
        cursor:default;
        border-top:1px solid #DADADA;
        color:#484068;
        background:#fff;
}
div.sdbasket div span:first-child {
        border-top:none;
}
span#quantityStepCountSpan {
        display:inline;
        padding:0px;
        margin:0px;
        border:0px;
        font-weight:normal;
}
div.sdbasket div a {
	padding: 0px 10px;
	display: block;
	text-decoration:none;
        color: #484068;
        background:#FFF;
}
div.sdbasket div p {
	padding: 0px 10px;
	display: block;
	text-decoration:none;
        color: #484068;
        background:#FFF;
}
div.sdbasket div a:hover {
	color: #484068;
	text-decoration: underline;
}
div.sdbasket div form {
	margin: 0px;
        padding: 0px;
}
div.sdbasket div ul {
        color: #484068;
	margin:0px;
}
div.sdbasket div li {
	padding: 5px 10px;
	margin-left:0px;
	text-decoration:none;
}
div.sdbasket table {
	color: #484068;
	font-size:small;
}
div.sdbasket table th {
	padding:2px 4px 2px 4px;
	margin:0px;
	border:1px;
	vertical-align:top; 
}
div.sdbasket table td {
	padding:2px 4px 2px 4px;
	margin:0px;
	border:1px;
	vertical-align:top; 
}
div.sdbasket form {
	color: #484068;
        margin:0px;
        margin-left:5px;
}
div.sdbasket form select {
	margin-bottom:10px;
	color: #484068;
        margin-left:0px;
}
div.sdbasket form input {
	margin-bottom:10px;
	color: #484068;
        margin-left:0px;
}

/**************************************
*         end sdbasket.css            *
**************************************/

/**************************************
*            sdmenu.css               *
**************************************/

div.sdmenu {
  float:left;
  width: 100%;
  font-size: small;
  margin-bottom: 10px;
  border: 1px solid #DADADA;
  border-bottom:none;
  color: #484068;
  background:#FFF;
}

div.sdmenu div {
  color: #484068;
  background:#FFF;
  border-bottom: none;
  overflow: hidden;
}

div.sdmenu div:first-child {
/*	background: url(toptitle.gif) no-repeat;  */
}
div.sdmenu div.collapsed {
  border-bottom: 1px solid #DADADA;
  height: 25px;
}
div.sdmenu div span {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #DADADA;
  color: #484068;
  background:#FFF;
  font-weight: bold;
  cursor: pointer;
}
div.sdmenu div span:hover {
  text-decoration:underline;
}
div.sdmenu div.collapsed span {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #DADADA;
  color: #484068;
  background:#FFF;
  font-weight: bold;
  cursor: pointer;
}
a.sdMenuGrouping {
	font-weight: normal;
	text-decoration:none;
	background: transparent;
/*	color: white; */
        color: #484068;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
}
a.sdMenuCategory {
	padding: 5px 10px;
	background: #FFF;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #484068;
	text-decoration:none;
        padding-left:20px;
}
a.sdMenuCategoryCurrent {
	padding: 5px 10px;
	background: #CCC;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #484068;
	text-decoration:none;
}
a.sdMenuCategory:hover {
/*	background : #F0F0F0 url(linkarrow.gif) no-repeat right center; */
	background : #FFF url(linkarrow.gif) no-repeat right center;
	color: #484068;
	text-decoration: underline;
}
a.sdMenuGrouping:hover {
	text-decoration: underline;
}
/*****************************************
*           end sdmenu.css               *
*****************************************/

/*****************************************
*           tabcheckout.css               *
*****************************************/

.checkouttabs{
padding: 3px 0;
margin-left: 0;
margin-top: 20px;
margin-bottom: 0;
list-style-type: none;
color: #484068;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.checkouttabs li{
display: inline;
margin: 0;
}

.checkouttabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #DADADA;
color: #484068;
/* background: white url(shade.gif) top left repeat-x; */
background:#F0F0F0;
cursor: default;
}

.checkouttabs li a:visited{
color: #484068;
}

.checkouttabs li a:hover{
text-decoration: none;
color: #484068;
cursor: default;
}

.checkouttabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.checkouttabs li a.selected{ /*selected main tab style */
/* background-image: url(shadeactive.gif); */
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.checkouttabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcheckout {
display:none;
border:0px solid #FFFFFF;
z-index:1;
}

div.tabcheckout span {
clear:left;
}

.tabcheckout img {
}

@media print {
.tabcheckout {
display:block !important;
}
}

.checkoutButton {
cursor: pointer;
color:blue;
text-decoration:underline;
background:none;
border:none;
margin:none;
padding:none;
vertical-align:center;
}

/***********************************************
*              end tabcheckout.css              *
***********************************************/


div.helpText { display:none; background:#F0F0F0; padding:15px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; text-align:left; width:600px;}
div.helpText h2 { font-size:100%; font-weight:bold; color:#484068; }
div.helpText h3 { font-size:80%; font-weight:bold; color:#484068; }
span.toggleHelp { color:blue; text-decoration:underline; cursor:pointer; padding-left:10px; font-weight:normal; }
span.showHelp { color:blue; text-decoration:underline; cursor:pointer; padding-left:10px; font-weight:normal; }
span.hideHelp { color:blue; text-decoration:underline; cursor:pointer; text-align:right; width:100%; padding-left:10px; font-weight:normal; }
div.hideHelp { color:blue; text-decoration:underline; cursor:pointer; text-align:right; width:100%; }

div.mapText { display:none; background:#F0F0F0; padding:15px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; width:600px;}
span.toggleMap { color:blue; text-decoration:underline; cursor:pointer; padding-left:10px; font-weight:normal; }
span.showMap { color:blue; text-decoration:underline; cursor:pointer; padding-left:10px; font-weight:normal; }
span.hideMap { color:blue; text-decoration:underline; cursor:pointer; text-align:right; width:100%; padding-left:10px; font-weight:normal; }
div.hideMap { color:blue; text-decoration:underline; cursor:pointer; text-align:right; width:100%; }

