/* ######### Style for Top Section ######### */

#topsection{
background: #FFFFFF;
height: 100px; /* Height of top section*/
margin-bottom:20px;
}

#topsection h1{
margin: 10px;
padding-top: 15px;
}

img.bannerLogo { 
border:#000000 0px solid; 
margin-bottom:10px;
}

div.bannerNews { 
width:30%;
float:right;
margin-bottom:10px;
margin-top:5px;
/*  margin-right:5%; */
}

/* ######### END Style for Top Section ######### */

/* ######### Style for Search Box ######### */


/* ######### END Style for Search Box ######### */

Body {
font-size: 12px;
font-family:arial,helvetica,sans serif; 
color:#484068;
background:#FFFFFF;
margin:0;
margin-top:10px;
padding:0;
}

#maincontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#checkoutcontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#contentwrapper{
float: left;
width: 100%;
z-index:1;
}

#contentcolumn{
padding-top: 15px;
margin: 0 250px 0 200px; /*Margins for content column. Should be 0 RightColumnWidth 0 LeftColumnWidth*/
width:530px;
}

#checkoutcolumn{
padding-top: 15px;
margin: 0 0 0 200px; /*Margins for content column. Should be 0 RightColumnWidth 0 LeftColumnWidth*/
width:738px;
}

#leftcolumn{
padding-top: 15px;
float: left;
width: 198px; /*Width of left column in pixel*/
margin-left: -990px; /*Set margin to that of -(MainContainerWidth)*/
background: #FFFFFF;
}

#rightcolumn{
padding-top: 15px;
float: left;
width: 248px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#leftcheckoutcolumn{
padding-top: 15px;
float: left;
width: 198px; /*Width of left column in pixel*/
margin-left: -950px; /*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:#008890; font-size: 100%;
}

h2 {
color:#008890; 
font-size: 120%; 
margin-bottom:0px; 
margin-top:10px;
}

h3 {
color:#008890; 
font-size: 100%; 
margin-bottom:0px; 
margin-top:10px;
}

h4 {
color:#008890; 
font-size: 100%; 
margin-bottom:0px; 
margin-top:10px;
}

h5 {
color:#008890; 
font-size: 100%; 
margin-bottom:0px; 
margin-top:10px;
}

h6 {
color:#008890; 
font-size: 100%; 
margin-bottom:0px; 
margin-top:10px;
}

table.productTable {
font:10px arial,helvetica,sans serif;
color:#484068;
background:#FFFFFF;
margin:0;
margin-top:10px;
margin-bottom:10px;
padding:0;
text-align:right;
}

table.productTable th {
font-weight:bold;
text-align:center;
vertical-align:top;
}

tr.tint td {
background:#EDEDED;
color:#484068;
border:0px white solid;
}

div.tabcontent {
line-height: 19px; 
}

table.navCentreItem {
border:none;
background:#fff;
}

table.navCentreItem td {
height:35px;
width:95px;
vertical-align:top;
text-align:center;
background:#ddd;
font-size:11px;
}

table.navCentreItem a {
color:#575556;
text-decoration:none;
font-weight:normal;
}

table.navCentreItem a:hover {
text-decoration:underline;
}

table.navCentreItem img {
height:95px;
width:95px;
}

/****************************************
*           chromestyle.css             *
****************************************/

.chromestyle{
/* ######### width: 99%; ######## */
font-weight: normal;
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 #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to left, center, or right */
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
/* ######### color: #494949; ######### */
color: #484068;
padding: 4px 7px;
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;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*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 #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px arial,helvetica,sans serif;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
}


.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*/
/* ######## background-color: #F0F0F0; ########## */
background : #FFFFFF url(linkarrow.gif) no-repeat right center;
}

/*************************************
*        end chromestyle.css         *
*************************************/

/*************************************
*           sdbasket.css             *
*************************************/

div.sdbasket {
	float:left;
	width: 220px;
	font-family: arial,helvetica,sans serif;
	font-size: 12px;
	padding-bottom: 10px;
        	color: #fff;
}
div.sdbasket div {
	background: url(titleBlue.gif) repeat-x;
	overflow: hidden;
}
div.sdbasket div:first-child {
	background: url(toptitleBasketBlue.gif) no-repeat;
}
div.sdbasket div.collapsed {
	height: 25px;
}
div.sdbasket div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	cursor: default;
	border-bottom: 1px solid #ddd;
        
}
div.sdbasket div.collapsed span {
}
div.sdbasket div a {
	padding: 5px 10px;
	background: #FFF;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #484068;
	text-decoration:none;
}
div.sdbasket div p {
	padding: 5px 10px;
	background: #FFF;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #484068;
	text-decoration:none;
}
div.sdbasket div a.current {
	background : #ccc;
}
div.sdbasket div a:hover {
	background : #F0F0F0 url(linkarrow.gif) no-repeat right center;
	color: #484068;
	text-decoration: underline;
}
div.sdbasket div form {
	margin-top: 0px;
        padding: 0px;
}
div.sdbasket div ul {
	background: #FFF;
	color: #484068;
	margin:0px;
}
div.sdbasket div li {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	margin-left:0px;
	text-decoration:none;
}
div.sdbasket table {
	color: #484068;
	font-size: 12px;
}
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: 170px;
	font-family: arial,helvetica,sans serif;
	font-size: 11px;
	padding-bottom: 10px;
	background: url(bottom2.gif) no-repeat right bottom;
	color: #fff;
        cursor: auto;
}
div.sdmenu div {
	background: url(title2.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(toptitle2.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 23px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 23px;
	background: url(expanded.gif) no-repeat 7px center;
	font-weight: bold;
	color: white;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div span:hover {
	text-decoration: underline;
}
div.sdmenu div.collapsed span {
	display: block;
	padding: 5px 23px;
	background: url(collapsed.gif) no-repeat 7px center;
	font-weight: bold;
	color: white;
	border-bottom: 1px solid #ddd;
}
a.sdMenuGrouping {
	font-weight: 550;
	text-decoration:none;
	background: transparent;
	color: white;
	border: none;
	}
a.sdMenuGrouping:hover {
	text-decoration: underline;
}
a.sdMenuCategory {
	padding: 5px 23px;
	background: #FFF;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #484068;
	text-decoration:none;
}
a.sdMenuCategoryCurrent {
	padding: 5px 23px;
	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;
	color: #484068;
	text-decoration: none;
}
/*****************************************
*           end sdmenu.css               *
*****************************************/

/*****************************************
*           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*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #D1D1D1;
color: #484068;
/* background: white url(shade.gif) top left repeat-x; */
background:#DCDCDC;
}

.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              *
***********************************************/

/*****************************************
*           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:#DADADA;
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;
}

.tabcheckout img {
}

@media print {
.tabcheckout {
display:block !important;
}
}

.checkoutButton {
cursor: pointer;
}

/***********************************************
*              end tabcheckout.css              *
***********************************************/


/***********************************************
*              google search css below         *
***********************************************/

/* google search css below */

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #008890;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #008890;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #cc33cc;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #008890;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #484068;
  }
  .gs-webResult.gs-result a.gs-title:hover,


/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: relative;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:normal;
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #484068;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #484068;
  }
  .gsc-cursor-page {
    color: #008890;
  }
  a.gsc-trailing-more-results:link {
    color: #008890;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #008890;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #cc33cc;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #008890;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #484068;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #484068;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #484068;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #484068;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #484068;
  }
    .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008890;
  }

/***********************************************
*              end google search css        *
***********************************************/