p, body 
{ 
color: #000000; 
font-family: Verdana, arial, sans-serif; 
font-size: 11px; 
}

td
{ 
color: #000000; 
font-family: Verdana, arial, sans-serif; 
font-size: 11px; 
}

h1 {color: #669966; font-size: 14px; font-weight: bold;}

a:link {color: #3366CC}
a:visited {color: #3366CC}
a:active {color: #3366CC}
a:hover {color: #339933;}

.sidenav {font-family: arial, sans-serif; color: #333333; font-size: 11px;}
.sidenav a:link {color: #333333; text-decoration: none;}
.sidenav a:visited {color: #333333; text-decoration: none;}
.sidenav a:active {color: #333333; text-decoration: none;}
.sidenav a:hover {color: #339933; text-decoration: none;}

.sidenavsub {font-family: arial, sans-serif; color: #333333; font-size: 10px; margin: 0;}
.sidenavsub a:link {color: #333333; text-decoration: none;}
.sidenavsub a:visited {color: #333333; text-decoration: none;}
.sidenavsub a:active {color: #333333; text-decoration: none;}
.sidenavsub a:hover {color: #339933; text-decoration: none;}

.sidenavtitle {font-family: arial, sans-serif; color: #669966; font-size: 14px; font-weight: 800;}

.red {font-family: arial, sans-serif; color: #cc0000; font-size: 10px;}

.incanada {font-family: arial, sans-serif; color: #cc0000; font-size: 10px; margin: 0; font-size: 11px; font-weight: bold;}

.sectionheader {font-family: times, serif; color: #669966; font-size: 25px; font-weight: 800;}

.sectionheader_bck { background-image: url('images/section_header_bckgrnd.jpg'); background-repeat: no-repeat; background-position: left; }

.standout {color: #CC3333; font-size: 11px; font-weight: 900}
.standoutmore {color: #CC3333; font-size: 15px; font-weight: 900;}
.standoutbig {color: #000000; font-size: 26px; font-weight: 900;}
.small {color: #000000; font-size: 11px;}


.title{
color: #000000; font-weight:bold;
font-family: Verdana, arial, sans-serif; 
font-size: 12px; 
}

/* ------Sept 24 2007 New Style for web site updates--------*/

/* Sidenav area */

/* blue sidenav */

#sidenav {
width: 156px;
margin: 0;
float: right;
}

#sidenavbluetop {
width: 156px;
height: 43px;
background-image: url(images/sidenav_topblue.jpg);
background-repeat: no-repeat;
margin: 0;
}

#sidenavblue {
width: 156px;
margin: 0;
background-image: url(images/sidenav_blue_repeater.gif);
background-repeat: repeat-y;
}

#sidenavbluebot {
width: 156px;
height: 17px;
background-image: url(images/sidenav_botblue.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.whitetitle {
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
margin: 0;
padding: 18px 0 0 12px;
}

.sidenavbluelink {
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #4b63a6;
margin: 0;
padding: 0 0 0 10px;
}

#sidenavblue a:link {
color: #4b63a6;
text-decoration: none;
}

#sidenavblue a:visited {
color: #4b63a6;
text-decoration: none;
}

#sidenavblue a:hover {
color: #4ba64d;
text-decoration: none;
}

#bluelist
{
margin: 0 0 0 18px;
padding: 0;
list-style: none;
font-family: arial, sans-serif;
}

#bluelist li 
{
padding: 0 0 0 10px;
background-image: url(images/sidenav_blue_arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#bluelist a:link {
color: #4b63a6;
text-decoration: none;
}

#bluelist a:visited {
color: #4b63a6;
text-decoration: none;
}

#bluelist a:hover {
color: #4ba64d;
text-decoration: none;
}

.seperatorblue {
width: 100%;
height: 2px;
background-image: url(images/sidenav_blue_seperator.gif);
background-repeat: no-repeat;
margin: 5px 0 5px 0;
padding: 0;
}

.space {
width: 100%;
height: 50px;
}

/* new sub-sidenav again */

.subnav {
font-family: arial, sans-serif;
font-size: 11px;
color: #4b63a6;
margin: 0 0 0 18px;
padding: 0;
}

.subnav a:link {
color: #4b63a6;
text-decoration: none;
}

.subnav a:visited {
color: #4b63a6;
text-decoration: none;
}

.subnav a:hover {
color: #4ba64d;
text-decoration: none;
}



/* green sidenav */

#sidenavgreentop {
width: 156px;
height: 43px;
background-image: url(images/sidenav_topgreen.jpg);
background-repeat: no-repeat;
margin: 0;
}

#sidenavgreen {
width: 156px;
margin: 0;
background-image: url(images/sidenav_green_repeater.gif);
background-repeat: repeat-y;
}

#sidenavgreenbot {
width: 156px;
height: 17px;
background-image: url(images/sidenav_botgreen.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.sidenavgreenlink {
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #35852b;
margin: 0;
padding: 0 0 0 10px;
}

#sidenavgreen a:link {
color: #35852b;
text-decoration: none;
}

#sidenavgreen a:visited {
color: #35852b;
text-decoration: none;
}

#sidenavgreen a:hover {
color: #4b63a6;
text-decoration: none;
}

#greenlist
{
margin: 0 0 0 18px;
padding: 0;
list-style: none;
font-family: arial, sans-serif;
}

#greenlist li 
{
padding: 0 0 0 10px;
background-image: url(images/sidenav_green_arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#greenlist a:link {
color: #35852b;
text-decoration: none;
}

#greenlist a:visited {
color: #35852b;
text-decoration: none;
}

#greenlist a:hover {
color: #4b63a6;
text-decoration: none;
}

.seperatorgreen {
width: 100%;
height: 2px;
background-image: url(images/sidenav_green_seperator.gif);
background-repeat: no-repeat;
margin: 4px 0 4px 0;
padding: 0;
}

/* gustbuster page */

.bldtitle {
font-family: arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333;
padding: 0 20px 0 20px;
margin: 12px 0 10px 0;
}

.txt {
font-family: arial, sans-serif;
font-size: 14px;
color: #333;
padding: 0 20px 0 20px;
line-height: 18px;
margin: 0 0 10px 0;
}

.seperator {
border-bottom: 1px solid #d7d7d7;
padding: 0 0 20px 0;
}

.twelvebold {
font-family: arial, sans-serif;
font-size: 12px;
color: #333;
font-weight: bold;
padding: 0 20px 0 20px;
}

.red {
font-family: arial, sans-serif;
font-size: 12px;
color: #cc0000;
font-weight: bold;
}

#bulletlist
{
font-family: arial, sans-serif;
font-size: 12px;
color: #333;
margin: 0 0 0 30px;
padding: 0 0 0 0;
list-style: none;
}

#bulletlist li 
{
padding: 0 0 4px 10px;
background-image: url(images/black_box_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.bluegreytitle {
font-family: arial, sans-serif;
font-weight: bold;
color: #5c84a8;
font-size: 14px;
}

.gustbustertxt {
font-family: arial, sans-serif;
font-size: 11px;
color: #7f7e7e;
font-style: italic;
margin: 0;
padding: 10px 0 0 10px;
}

.umbrellacattxt {
font-family: arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #4d4d4d;
margin: 0;
padding: 0 0 0 10px;
}

#golfumbrellabox {
width: 135px;
height: 158px;
padding: 0;
margin: 0 15px 20px 0;
background-image: url(images/golf_tab_bckgnd.jpg);
float: left;
}

#metroumbrellabox {
width: 135px;
height: 158px;
padding: 0;
margin: 0 15px 20px 0;
background-image: url(images/metro_tab_bckgnd.jpg);
float: left;
}

#classicumbrellabox {
width: 135px;
height: 158px;
padding: 0;
margin: 0 15px 20px 0;
background-image: url(images/classic_tab_bckgnd.jpg);
float: left;
}

#sunblockumbrellabox {
width: 135px;
height: 158px;
padding: 0;
margin: 0 15px 20px 0;
background-image: url(images/sunblock_tab_bckgnd.jpg);
float: left;
}

.shiftbutton {
margin: 65px 0 0 20px;
}

.greenbox {
width: 575px;
margin: 0 0 15px 0;
padding: 15px 0 15px 0;
background-color: #edf6f3;
border: 3px solid #bed3d1;
}

.greenboxtxt {
font-family: arial, sans-serif;
font-size: 11px;
color: #333;
line-height: 16px;
margin: 0;
padding: 0 20px 8px 20px;
}

.italics {
font-style: italic;
}
.clearboth { clear: both; }

/* Footer */

#footerleft {
width: 90%;
float:left;
margin: 10px 0 0 0;
text-align: left;
}

#footerright {
width: 10%;
float:right;
margin: 10px 0 0 0;
text-align: right;
}

.footernav {
font-family: arial, sans-serif;
font-size: 10px;
color: #9b9a9a;
}

.footernav a:link{
text-decoration: none;
color: #9b9a9a;
}

.footernav a:visited {
text-decoration: none;
color: #9b9a9a;
}

.footernav a:hover{
text-decoration: none;
color: #333;
}

.copyright {
font-family: arial, sans-serif;
font-size: 10px;
color: #9b9a9a;
padding: 1px 0 0 0;
}

/* ------ New Golf Umbrella Page -------- */

#golfpagebox {
width: 569px;
height: 264px;
background-image: url(images/golfpage_green_bckgrnd.jpg);
margin: 0 0 0 15px;
}

.features {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 14px;
color: #333;
margin: 10px 0 10px 0;
}

#golfboxright {
width: 260px;
float:right;
margin: 10px 15px 0 0;
padding: 0;
}

#smlbullets
{
font-family: arial, sans-serif;
font-size: 11px;
color: #757575;
margin: 0;
padding: 0;
list-style: none;
}

#smlbullets li 
{
padding: 0 0 1px 10px;
background-image: url(images/black_box_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#styleboxleft {
width: 355px;
float: left;
border-right: 1px solid #ccc;
margin: 10px 0 0 0;
}

#styleboxright {
width: 225px;
float: right;
margin: 10px 0 0 0;
}

.styletitleone {
font-family: arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333;
padding: 0 20px 0 20px;
margin: 12px 0 0 0;
}

.styletitletwo {
font-family: arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333;
padding: 0;
margin: 12px 0 0 0;
}

#stylebotarea {
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #ffcc00;
}

#stylethreebox {
width: 355px;
float: left;
margin: 0;
}

#dontforgetbox {
width: 211px;
height: 159px;
background-image: url(images/golfpage_dontforget_backgnd.gif);
float: right;
margin: 15px 0 0 0;
padding: 0;
}

.dontforgettxt {
font-family: arial, sans-serif;
font-size: 11px;
color: #333;
margin: 50px 20px 0 20px;
}

#bottomholder {
width: 560px;
padding: 0;
margin: 20px 0 20px 20px;
}

#ordernowbox {
width: 275px;
float:left;
border: 1px solid #dce3eb;
background-color: #f5f8fc;
margin: 0;
padding: 0;
}

#miscbox {
width: 260px;
float:right;
margin: 0;
padding: 0;
background-image: url(images/golfpage_misc_img.jpg);
background-repeat: no-repeat;
}

.ordertitle {
font-family: arial, sans-serif;
font-size: 18px;
font-weight:bold;
color: #537da7;
padding: 16px 0 6px 16px;
margin: 0;
}

.ordertxt {
font-family: arial, sans-serif;
font-size: 12px;
color: #333;
padding: 16px 0 0 16px;
margin: 0;
}

.listbox {
font-family: arial, sans-serif;
font-size: 12px;
color: #333;
margin: 0 0 2px 0;
}

.rederror {
font-family: arial, sans-serif;
font-size: 11px;
font-weight:bold;
color: #cc0000;
padding: 0 0 4px 16px;
margin: 0;
}

.formarea {
margin: 0;
}

.securitytxt {
font-family: arial, sans-serif;
font-size: 11px;
color: #333;
margin: 140px 0 0 36px;
}

#pagetitle {
width: 380px;
height: 75px;
background-image: url(images/section_header_bckgrnd.jpg);
background-repeat: no-repeat;
margin: 0;
}

.pagetitletxt {
font-family: times, serif;
font-size: 25px;
font-weight: bold;
color: #669966;
padding: 20px 0 0 20px;
margin: 0;
}

/* Side nav gustbuster logos */

#gustlogos {
width: 152px;
margin: 12px 0 0 0;
background-image: url(images/gustbuster_emblems.gif);
background-repeat: no-repeat;
}

.bestumbrella {
font-family: arial, sans-serif;
font-size: 11px;
font-style: italic;
color: #333; 
padding: 194px 0 0 0;
text-align: center;
}

.joinemail {
font-size: 11px;
font-weight: bold;
}

.joinemail a:link {color: #333333; text-decoration: none;}
.joinemail a:visited {color: #333333; text-decoration: none;}
.joinemail a:active {color: #333333; text-decoration: none;}
.joinemail a:hover {color: #339933; text-decoration: none;}

/* Rollover GustBuster stuff */

.grayborder { border: #333 solid 1px; }


.rolloverlist {
font-family: arial, sans-serif;
font-size: 11px;
color: #333;
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}

.rolloverlist li {
padding: 0 0 1px 10px;
background-image: url(images/black_box_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

/* SunBuster Page */

.lenstxt {
font-family: arial, sans-serif;
font-size: 11px;
margin: 0;
color: #000;
}

#lensbox {
width: 175px;
height: 198px;
background-color: #ebf1f9;
border: 1px solid #3a70b8;
padding: 8px;
}

.bldlenstxt {
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #1d5093;
margin: 0;
}

/* Sunbuster Pages */

#sunboxholder {
width: 580px;
margin: 0 0 0 18px;

}

#sunboxleft {
width: 245px;
float: left;
background-color: #e1f0f5;
border: 1px solid #afafaf;
margin: 0;
padding: 15px;
}

#sunboxright {
width: 245px;
float: right;
background-color: #edf6e6;
border: 1px solid #afafaf;
margin: 0;
padding: 15px;
}

.eyeweartxt {
font-family: arial, sans-serif;
font-size: 11px;
color: #333;
margin: 0;
line-height: 16px;
}

.eyeweartitle {
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #333;
margin: 0;
}

/* new horizontal dept layout */

.brand {
font-family: verdana, sans-serif;
color: #9c9c9c;
font-size: 10px;
margin: 0;
}

.productname {
font-family: verdana, sans-serif;
color: #696969;
font-size: 11px;
font-weight: bold;
margin: 0 0 3px 0;
}

.price {
font-family: verdana, sans-serif;
color: #696969;
font-size: 11px;
margin: 0;
}

.details {
font-family: verdana, sans-serif;
font-size: 10px;
color: #669966;
margin: 0;
}

.details a:link {
text-decoration: underline;
color: #669966;
}

.details a:visited {
text-decoration: underline;
color: #669966;
}

.details a:hover {
text-decoration: underline;
color: #3366cc;
}

.billingheader {
font-weight:bold;
background-color: #f4f4f4;
padding: 4px;
}

.basket-link {
font-size: 11px;
margin: 0 0 0 8px;
padding: 4px 0 0 0;
}

.basket-link a:link {color: #339933; text-decoration: none;}
.basket-link a:visited {color: #339933; text-decoration: none;}
.basket-link a:hover {color: #000; text-decoration: none;}