.mobileOnly { display:none; }
.desktopOnly { display:block; }

/* Mobile Style Starts*/

/* Mobile Main Temporary */
.mobileheadcontact {
width:100%;
display: block;
margin-left: 0px;
margin-right: 10px;
font-size:20px;
font-weight:700;
color: #083e69;
padding: 0px 7px 0px 0px;
}

.mobile-button-text {text-align: left; font-weight:600; font-size:1.1rem; color: #ffffff; padding: 15px 10px 10px 15px;}

/* Mobile Purple Buttons */
.mobile-button-purpleone {width:100%;  background-color: #484068;margin-bottom:3px;}
.mobile-button-purpleone:link visited {background-color:#484068;}      /* unvisited link *//* visited link */
.mobile-button-purpleone:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-purpleone:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-purpletwo {width:100%; background-color: #5A5377;margin-bottom:3px;}
.mobile-button-purpletwo:link visited {background-color:#5A5377;}      /* unvisited link *//* visited link */
.mobile-button-purpletwo:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-purpletwo:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-purplethree {width:100%; background-color: #6D6686;margin-bottom:3px;}
.mobile-button-purplethree:link visited {background-color:#6D6686;}      /* unvisited link *//* visited link */
.mobile-button-purplethree:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-purplethree:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-purplefour { width:100%;; background-color: #7F7995;margin-bottom:3px;}
.mobile-button-purplefour:link visited {background-color:#7F7995;}      /* unvisited link *//* visited link */
.mobile-button-purplefour:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-purplefour:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-purplefive { width:100%; background-color: #918CA4;margin-bottom:3px;}
.mobile-button-purplefive:link visited {background-color:#918CA4;}      /* unvisited link *//* visited link */
.mobile-button-purplefive:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-purplefive:active {background-color:#f39400;text-decoration:none;}  /* selected link */


/* Mobile Teal Buttons */
.mobile-button-tealone {width:100%; background-color: #006D73;margin-bottom:3px;}
.mobile-button-tealone:link visited {background-color:#006D73;}      /* unvisited link *//* visited link */
.mobile-button-tealone:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-tealone:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-tealtwo {width:100%; background-color: #008890;margin-bottom:3px;}
.mobile-button-tealtwo:link visited {background-color:#008890;}      /* unvisited link *//* visited link */
.mobile-button-tealtwo:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-tealtwo:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-tealthree {width:100%; background-color: #33A0A6;margin-bottom:3px;}
.mobile-button-tealthree:link visited {background-color:#33A0A6;}      /* unvisited link *//* visited link */
.mobile-button-tealthree:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-three:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-tealfour { width:100%; background-color: #66B8BC;margin-bottom:3px;}
.mobile-button-tealfour:link visited {background-color:#66B8BC;}      /* unvisited link *//* visited link */
.mobile-button-tealfour:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-tealfour:active {background-color:#f39400;text-decoration:none;}  /* selected link */

.mobile-button-tealfive { width:100%; background-color: #99CFD3;margin-bottom:3px;}
.mobile-button-tealfive:link visited {background-color:#99CFD3;}      /* unvisited link *//* visited link */
.mobile-button-tealfive:hover {opacity: 0.9;text-decoration:none;}  /* mouse over link */
.mobile-button-tealfive:active {background-color:#f39400;text-decoration:none;}  /* selected link */


.mobilewhitetint {
width: 100%;
display: block;
margin-bottom:10px;
backround color: #ffffff;
Opacity: 1;
}
.mobilewhitetint:hover {opacity: 0.5;}  /* mouse over link */

.mobilehead50 {
width: 40%;
display: block;
padding:10px;
float:left;
}

.mobilecontainer {
width: 100%;
display: block;
margin-bottom:10px;
}

div.mobilebot {
background-color : #083e69;
border : #083e69 solid 1px;
color : #fff;
font : bold 20px/1 arial, sans-serif;
padding : 14px 3px 14px 3px;
margin: 0px 0px 10px 0px;
text-align : center;
width : 97%;
}
div.mobilebot:hover {
background-color : #083e69;
cursor : pointer;
}
a.mobilebot:link {
text-decoration : none;
color : #FFFFFF;
}
a.mobilebot:visited {
text-decoration : none;
color : #FFFFFF;
}
a.mobilebot:hover {
text-decoration : none;
color : #FFFFFF;
}
a.mobilebot:active {
text-decoration : none;
color : #FFFFFF;
}

.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}
.rmm a {
	color:#ffffff;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
/*.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}*/
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
        font-size: 1.5em;
	margin:0 auto !important;
        list-style: none;
        padding-top: 0px;
        padding-bottom: 0px;
}

.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:1.1em;
	background-color:#008890;
	background-repeat:repeat-x;
}

.rmm.graphite .rmm-toggled {
	width:100%;
	max-width:640px;
	background-color:#083e69;
	min-height:36px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:48px;
	color:white;
	text-align:left;
	position:relative;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:15px;
	left:15px;
	font-size:1.5em;
	color:white;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:13px;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#33A0A6;
	text-align:left;
	padding:14px 0px 15px 15px;
	border-bottom:1px solid #2E9095;
	border-top:1px solid #47AAAF;
}
.rmm.graphite .rmm-toggled ul li a.rmmpurple {
	display:block;
	width:100%;
	background-color:#6D6686;
	text-align:left;
	padding:14px 0px 15px 15px;
	border-bottom:1px solid #58536D;
	border-top:1px solid #7F7995;
}
.rmm.graphite .rmm-toggled ul li a.rmmgraphite {
	display:block;
	width:100%;
	background-color:#A3A5A7;;
	text-align:left;
	padding:14px 0px 15px 15px;
	border-bottom:1px solid #73787A;
	border-top:1px solid #8D9194;
}

form.MobileSearchBox {
padding : 0;
margin : 0;
font-size: 1.3em;
color: #008890;
}
form.MobileSearchBox img {
border : none;
}
input.MobileSearchBox {
vertical-align : middle;
font-size:1.1em;
}
select.MobileSearchBox {
vertical-align : middle;
}





.wrapper {

	width:100%;
	margin:0 auto;
	position:relative;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	background:#F9F9F9;
	padding:25px;
	border:1px solid #CCC;
}
#contact-form h3 {
	color:#083e69;
	display:block;
	font-size:28px;
	line-height: 28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
	line-height: 28px;
	color:#083e69;
}
#contact-form label span {
	cursor:pointer;
	color:#083e69;
	display:block;
	margin:5px 0;
	font-weight:700;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px 0px 10px 0px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#083e69;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
}
#contact-form button[type="submit"]:hover {
    opacity:0.8;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
	padding: 0px 0px 0px 10px;
}
:-moz-placeholder {
	padding: 0px 0px 0px 10px;
    color:#888;
}
::-moz-placeholder {
    color:#888;
	padding: 0px 0px 0px 10px;
}
:-ms-input-placeholder {
	padding: 0px 0px 0px 10px;
    color:#888;
}



#homepagecontent
{
	width: 990px;
	float: left;
}
.wide60{
	width: 500px;
	float: left;
}
.wide30{
	width: 245px;
	float: left;
}
.wide25{
	width: 25%;
	float: left;
}
.padding10{
	padding:10px;
}
.padding15{
	padding:20px 0px 0px 20px
}
.padding15left{
	padding:20px 0px 0px 0px
}
a.blockFour:link,a.blockFour:visited
{
display:block;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
font-weight:bold;
color:#FFFFFF;
background-color:#083e69;
padding:10px;
padding-top:8px;
padding-bottom:8px;
position: relative;
text-decoration:none;
}
a.blockFour:hover,a.blockFour:active
{
background-color:#083e69;text-decoration:underline
}
.clearboth{
	clear: both;
	}
a.two:link{text-decoration:none;color:#083e69;}
a.two:visited{text-decoration:none;color:#083e69;}
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:0px 0px 15px 5px;
	height:35px;
	padding:0px 10px 0px 10px;
        z-index:1000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: #083e69;
}
#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 #083e69;
	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:13px;
	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: #083e69;
}


th { text-align:left; }

/*****************************************
*           tabcontent.css               *
*****************************************/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 20px;
margin-bottom: 0;
list-style-type: none;
color: #083e69;
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: #083e69;
}

.shadetabs li a:hover{
text-decoration: none;
color: #083e69;
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; 
}

a.bannerLogo
{
width:340px;
height:100px;
display:block;
background-image:url("/image/rotsa/rotsa-logo-340.jpg");
}

div.bannerLogo {
  font-size:150%;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:20px;
  height:120px;
  vertical-align:middle;
}

div.banner { 
  width:60%;
  float:right;
  margin-top:0px;
  margin-bottom:0px;
}

div.bannerLine {
  clear:left;
}

div.bannerBox {
  float:right;
  vertical-align:middle;
  margin: 10px;
  color: #083e69;
}

form.searchBox {
  padding:0px;
  margin:0px;
}

input.searchBox {
  vertical-align:middle;
}

select.searchBox {
  vertical-align:middle;
}

div.banner a {
  color:#083e69;
  text-decoration:none;
}

div.banner a:hover  {
  color:#083e69;
  text-decoration:underline;
}

/* end banner */


/* Support */

a.support  {
  font-size:14px;
  color:#083e69;
  text-decoration:none;
}

a.support:hover  {
  text-decoration:underline;
}

/****************************************
*           end support                 *
****************************************/

/****************************************
*           Breadcrunb                  *
****************************************/
a.breadcrumb{color:#337c4e;text-decoration:none;font-size:12px;margin-left: 5px;}
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: #083e69;
}

.chromestyle ul li{
  display: inline;
}

.chromestyle ul li a{
  color: #083e69;
  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: #083e69;
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:#083e69;
  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:5px 5px 5px 5px; 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: #083e69;
  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: #083e69;
  border: none;
  padding: 0;
  margin: 0;
  margin-top:10px;
}

div.advertImage {
  font-weight: normal;
  text-decoration:none;
  background: transparent;
  color: #083e69;
  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: #083e69;
  border: none;
  padding: 0;
  margin: 0;
  margin-top:10px;
}

div.advertLink {
}

/*****************************************
*           end advert.css               *
*****************************************/

  body { 
    color: #083e69;
    font-family: arial, sans-serif;
    line-height: 150%; 
  }

  h1 {
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 140%;
    color:#083e69;
    padding-bottom: 15px;
  }

  h2,h3,h4,h5,h6 {
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 120%;
    color:#083e69;
    padding-top: 0px;
  }

  .titleDate {
    font-family: arial, sans-serif;
    font-weight: normal;
    color:#083e69;
    text-align:right;
    padding-top: 15px;
    border-top: 1px #505050 dotted;
  }

  .titleBy {
    font-family: arial, sans-serif;
    font-weight: normal;
    color:#083e69;
    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 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{
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: 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: right;
color:#B8CDCE;
font-size:10px;
padding: 4px 0;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
table.dataTable {
font:11px arial,sans-serif;
color:#083e69;
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:#083e69;
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:#083e69;
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: #083e69;
/*        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: #083e69;
        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: #083e69;
/*        background:#F0F0F0; */
        background:#FFF;
}
div.sdbasket div p {
	padding: 0px 10px;
	display: block;
	text-decoration:none;
        color: #083e69;
/*        background:#F0F0F0; */
        background:#FFF;
}
/* div.sdbasket div a.current { */
/* } */
div.sdbasket div a:hover {
	color: #083e69;
	text-decoration: underline;
}
div.sdbasket div form {
	margin: 0px;
        padding: 0px;
}
div.sdbasket div ul {
        color: #083e69;
/*        background:#F0F0F0; */
	margin:0px;
}
div.sdbasket div li {
	padding: 5px 10px;
	margin-left:0px;
	text-decoration:none;
}
div.sdbasket table {
	color: #083e69;
	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: #083e69;
        margin:0px;
        margin-left:5px;
}
div.sdbasket form select {
	margin-bottom:10px;
	color: #083e69;
        margin-left:0px;
}
div.sdbasket form input {
	margin-bottom:10px;
	color: #083e69;
        margin-left:0px;
}

/**************************************
*         end sdbasket.css            *
**************************************/

/**************************************
*            sdmenu.css               *
**************************************/

div.sdmenu {
  float:left;
  width: 100%;
  font-size: small;
  margin-bottom: 10px;

  border-bottom:none;
  color: #083e69;
  background:#FFF;
}

div.sdmenu div {
  color: #083e69;
  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: #083e69;
  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: #083e69;
  background:#FFF;
  font-weight: bold;
  cursor: pointer;
}
a.sdMenuGrouping {
	font-weight: normal;
	text-decoration:none;
	background: transparent;
/*	color: white; */
        color: #083e69;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
}
a.sdMenuCategory {
	padding: 5px 10px;
	background: #FFF;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #083e69;
	text-decoration:none;
        padding-left:20px;
}
a.sdMenuCategoryCurrent {
	padding: 5px 10px;
	background: #CCC;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #083e69;
	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: #083e69;
	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: #083e69;
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: #083e69;
/* 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: #083e69;
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:#083e69; }
div.helpText h3 { font-size:80%; font-weight:bold; color:#083e69; }
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:150px;
    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 !important;
}*/