#homepagecontent
{
	width: 990px;
	float: left;
}
.wide60{
	width: 500px;
	float: left;
}
.wide30{
	width: 245px;
	float: left;
}
.wide25{
	width: 245px;
	float: left;
}
.padding10{
	padding:10px;
}
.padding15{
	padding:20px 0px 20px 20px
}
a.blockFour:link,a.blockFour:visited
{
display:block;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	box-shadow: 0 1px 2px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.25);
font-weight:bold;
color:#FFFFFF;
background-color:#006600;
padding:10px;
padding-top:8px;
padding-bottom:8px;
position: relative;
text-decoration:none;
}
a.blockFour:hover,a.blockFour:active
{
background-color:#050;text-decoration:underline
}
.clearboth{
	clear: both;
	}
a.two:link{text-decoration:none;color:#040;}
a.two:visited{text-decoration:none;color:#040;}
a.two:hover{text-decoration:underline;}
a.two:active{text-decoration:underline;}
div.clearBottom{height:15px;padding:10px;padding-top:10px;padding-bottom:10px;font-weight:bold;}
div.blockBottom{height:40px;padding:10px;font-size:12px;line-height:150%}
div.blockTop{height:130px;}
div.blockTop:hover img{opacity: 0.80;
filter: alpha(opacity=85);}
div.blockTop2{height:auto;}

/* Navigation Bar */

#megamenu {
	list-style:none;
        width:970px;
	margin:10px 0px 5px 0px;
	height:35px;
	padding:0px 10px 0px 10px;
        z-index:1000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #006600;
	background: -moz-linear-gradient(top, #080, #050);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#080), to(#050));
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}
#megamenu li{
        float:left;
	text-align:center;
	position:relative;
	padding: 4px 3px 5px 3px;
	margin:0px 70px 5px 18px;
	height:25px;
        border:none;
}
#megamenu li:hover{
	border: 1px solid #040;
	background:#FFFFFF;
	padding: 4px 1px 4px 3px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
#megamenu li a {
	font-family: arial, sans-serif;
	font-size:12px;
	font-weight:700;
	color: #FFFFFF;
	display:block;
	outline:0;
	text-decoration:none;
}
#megamenu li .megadrop {
	color: #FFFFFF;
	padding:0px 5px;
}
#megamenu li:hover .megadrop {
	color: #040;
}


th { text-align:left; }

/*****************************************
*           tabcontent.css               *
*****************************************/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 20px;
margin-bottom: 0;
list-style-type: none;
color: #040;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.shadetabs li a{
font-family: arial, sans serif;
font-size: 70%;
color:black;
text-decoration: none;
position: relative;
z-index: 1;
padding: 9px 10px;
margin-right: 3px;
border: 1px solid #DADADA;
/*color: #040;*/
/*background: white url(shade.gif) top left repeat-x; */
background:#F0F0F0;

}

.shadetabs li a:visited{
color: #040;
}

.shadetabs li a:hover{
text-decoration: none;
color: #040;
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              *
***********************************************/

/* banner */

#topsection{
/* height: 140px; Height of top section*/
margin-bottom:0px;
font-family: arial, sans-serif;
font-size: 100%;
}

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

img.bannerLogo { 
  border:#000000 0px solid; 
}

div.bannerLogo {
  font-size:150%;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:20px;
  height:150px;
  vertical-align:middle;
}

a.bannerLogo
{
width:410px;
height:150px;
display:block;
background-image:url("/image/star/the-star-logo-150x410.jpg");
}

div.banner { 
  width:55%;
  float:right;
  margin-top:0px;
  margin-bottom:0px;
}

div.bannerLine {
  clear:left;
}

div.bannerBox {
  float:right;
  vertical-align:middle;
  margin: 10px;
  color: #040;
}

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

input.searchBox {
  vertical-align:middle;
}

select.searchBox {
  vertical-align:middle;
}

div.banner a {
  color:#adadad;
  text-decoration:none;
}

div.banner a:hover  {
  color:#040;
  text-decoration:underline;
}

/* end banner */


/* Support */

a.support  {
  color:#adadad;
  text-decoration:none;
}

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

/****************************************
*           end support                 *
****************************************/

/****************************************
*           Breadcrunb                  *
****************************************/
div.breadcrumble{display:none;}
a.breadcrumb{color:#337c4e;text-decoration:none;font-size:12px;margin-left: 37px;}
a.breadcrumb:hover{text-decoration:underline;}
a.breadcrumbCurrent{color:#CCA300;text-decoration:none;font-size:12px;}
a.breadcrumbCurrent:hover{text-decoration:underline;}

/****************************************
*           end breadcrumb              *
****************************************/


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

.chromestyle{
  font-family: arial, sans-serif;
  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: #040;
}

.chromestyle ul li{
  display: inline;
}

.chromestyle ul li a{
  color: #040;
  padding: 0px;
  padding-right: 10px;
  padding-left: 10px;
  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: "v"; */
  /* 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: #040;
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 arial,sans-serif;
  color:#040;
  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: 0px solid #FFFFFF;
  color: #040;
  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: #040;
  border: none;
  padding: 0;
  margin: 0;
  margin-top:10px;
}

div.advertImage {
  font-weight: normal;
  text-decoration:none;
  background: transparent;
  color: #040;
  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: #040;
  border: none;
  padding: 0;
  margin: 0;
  margin-top:10px;
}

div.advertLink {
}

/*****************************************
*           end advert.css               *
*****************************************/

  body { 
    color: #040;
    font-family: arial, sans-serif;
    line-height: 150%; 
  }

  h1 {
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 140%;
    color:#040;
  }

  h2,h3,h4,h5,h6 {
    font-family: arial, sans-serif;
    font-weight: normal;
    font-size: 120%;
    color:#040;
    padding-top: 15px;
  }

  .titleDate {
    font-family: arial, sans-serif;
    font-weight: normal;
    color:#040;
    text-align:right;
    padding-top: 15px;
    border-top: 1px #505050 dotted;
  }

  .titleBy {
    font-family: arial, sans-serif;
    font-weight: normal;
    color:#040;
    padding-bottom: 20px;
    border-bottom: 1px #505050 dotted;
  }

span.warning { color:#FF0000; }

#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 190px; /*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{
font-family: arial, sans-serif;
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{
font-family: arial, sans-serif;
padding-top: 15px;
float: left;
width: 268px; /*Width of right column*/
margin-left: -268px; /*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: right;
color:#B8CDCE;
font-size:10px;
padding: 4px 0;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
table.dataTable {
font:11px arial,sans-serif;
color:#040;
background:#FFFFFF;
margin:auto;
margin-top:10px;
margin-bottom:10px;
padding:0;
text-align:left;
}

table.dataTable th {
font-weight:bold;
text-align:left;
vertical-align:top;
}

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

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

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

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

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-family: arial,sans serif; */
	font-size: small;
	padding-bottom: 10px;
        border: 1px solid #DADADA;
        color: #040;
/*        background:#F0F0F0; */
        background:#FFF;
}
/* div.sdbasket div { */
/*         margin-left:0px; */
/* 	overflow: hidden; */
/* } */
/* div.sdbasket div.collapsed { */
/* 	height: 25px; */
/* } */
div.sdbasket div span {
	display: block;
	padding: 5px 5px;
	font-weight: bold;
        font-size:small;
	cursor: default;
        border-top: 1px solid #DADADA;
        color: #040;
        background:#FFF;
}
div.sdbasket div span:first-child {
        border-top:none;
}
div.sdbasket div.collapsed span {
}
div.sdbasket div a {
	padding: 0px 10px;
	display: block;
	text-decoration:none;
        color: #040;
/*        background:#F0F0F0; */
        background:#FFF;
}
div.sdbasket div p {
	padding: 0px 10px;
	display: block;
	text-decoration:none;
        color: #040;
/*        background:#F0F0F0; */
        background:#FFF;
}
/* div.sdbasket div a.current { */
/* } */
div.sdbasket div a:hover {
	color: #040;
	text-decoration: underline;
}
div.sdbasket div form {
	margin: 0px;
        padding: 0px;
}
div.sdbasket div ul {
        color: #040;
/*        background:#F0F0F0; */
	margin:0px;
}
div.sdbasket div li {
	padding: 5px 10px;
	margin-left:0px;
	text-decoration:none;
}
div.sdbasket table {
	color: #040;
	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: #040;
        margin:0px;
        margin-left:5px;
}
div.sdbasket form select {
	margin-bottom:10px;
	color: #040;
        margin-left:0px;
}
div.sdbasket form input {
	margin-bottom:10px;
	color: #040;
        margin-left:0px;
}

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

/**************************************
*            sdmenu.css               *
**************************************/

div.sdmenu {
  float:left;
  width: 100%;
  font-size: small;
  margin-bottom: 10px;

  border-bottom:none;
  color: #040;
  background:#FFF;
}

div.sdmenu div {
  color: #040;
  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: #040;
  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: #040;
  background:#FFF;
  font-weight: bold;
  cursor: pointer;
}
a.sdMenuGrouping {
	font-weight: normal;
	text-decoration:none;
	background: transparent;
/*	color: white; */
        color: #040;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
}
a.sdMenuCategory {
	padding: 5px 10px;
	background: #FFF;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #040;
	text-decoration:none;
        padding-left:20px;
}
a.sdMenuCategoryCurrent {
	padding: 5px 10px;
	background: #CCC;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #040;
	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: #040;
	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: #040;
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: #040;
/* background: white url(shade.gif) top left repeat-x; */
background:#F0F0F0;
cursor: default;
}

.checkouttabs li a:visited{
color: #040;
}

.checkouttabs li a:hover{
text-decoration: none;
color: #040;
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:#040; }
div.helpText h3 { font-size:80%; font-weight:bold; color:#040; }
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%; }

/*2018 - Menu Edits*/
div#topsection
{
    position:relative;
    padding-bottom:45px;
}

div#topsection div.banner
{
    float:none;
    
    position:absolute;
    top:170px;
    left:0;
}

div#topsection div.banner div.bannerLine div.bannerBox
{
    position:absolute;
    top:-130px;
    right:0;
    left:0;
    width:990px;
    
    margin:0;
    
    text-align:right;
}

div#topsection
{
    display: block;
}