body
{
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin: 0px;
    background: url(images/golfbg.jpg) #fff fixed repeat-x left top;
    font-size: 0.8em;
    color: #fff;
}
.image{
	border-style:solid;
	border-color: white;
	border-width: 2px;
	padding:2px;	
}
a:link
{
    text-decoration: none;
    color: #f0ffff;
}
a:visited
{
    text-decoration: none;
    color: #f8f8ff;
}
a:hover
{
    text-decoration: underline;
    color: #fffca7;
}
a:active
{
    text-decoration: none;
    color: #fff;
}

input, select, textarea
{
    font-size:1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6
{
   font-family: Sans-Serif;
   margin: 2px 0 2px 0;
}


h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #fff;
}

hr
{
    width: 80%;
    color: #fff;
}

img
{
    border: none;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */

.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}

/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */

form
{
    margin: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}

/* main block */

#mainblock
{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-image: url(images/MainBlockBgGrow.gif);
}

#leftblock
{
    width: 193px;
    display: block;
    float: left;
    margin: 0;
}

#righttblock
{
    width: 587px;
    display: block;
    float: left;
    margin: 0;
}

#footer
{
    width: 780px;
    background-color: Transparent;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    font-family: Verdana, Tahoma, Arial;
    font-size: 0.75em;
    clear: both;
}

#brands
{
    width: 700px; 
    border: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px; 
    padding-bottom: 5px; 
    margin-top: 10px;
    text-align: center;
}

/* --------------- */

/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/

/* Picture at the top of the site */
#poster
{
    width: 780px;
    height: 208px;
}

#navtop
{
    background: url(images/NavTop.gif) no-repeat;
    width: 193px;
    height: 44px;
    display: block;
    float: left;
}

#navpanel
{
    width: 193px;
    display: block;
    float: left;
    font-family: Tahoma, Arial;
    font-size: small;
    font-weight: bold;
    text-transform: capitalize;
    background-attachment: scroll;
    background-image: url(images/NavBgGrow.gif);
    background-repeat: repeat-y;
}

#navpanel .unselectedtab
{
    width: 158px;
    padding: 2px 10px 5px 15px;
    background-color: Transparent;
    display: block;
    float: left;
}

#navpanel .selectedtab
{
    width: 158px;
    padding: 2px 10px 5px 15px;
    background-color: #557841;
    display: block;
    float: left;
}

#navpanel .sublinkspanel
{
    width: 158px;
    padding: 5px 10px 5px 15px;
    background-color: #71975b;
    font-size: 0.8em;
    display: block;
    float: left;
}

#navpanel ul
{
    margin-top: 0px;
    margin-bottom: 0px;
}

#navbottom
{
    background: url(images/NavBottom.gif) no-repeat;
    width: 193px;
    height: 55px;
    display: block;
    float: left;
}

#leftcontentpanel
{
    width: 168px;
    display: block;
    float: left;
    margin-top: 10px;
    padding-left: 25px;
    overflow: hidden;
}

#leftcontentpanel .rightborder
{
    width: 173px;
    background-image: url(images/LeftCnBorder.gif);
    background-repeat: repeat-y;
    background-position: right;
}

/* Navigation Panel Ends Here */
/* -------------------------- */

/* Content Panel Starts Here */
/* -------------------------- */

#mainpanel
{
    width: 547px; /* add 30 for padding */
    display: block;
    float: left;
    padding: 10px 20px 20px 20px;
    background: url(images/MainPanelBg.gif) no-repeat;
}

#mainpanel a
{
    text-decoration: underline;
}
#mainpanel h1
{
    font-size: 20px;
    color: #fffca7;
}

#mainpanel h2
{
    font-size: 20px;
}


#clublabel /* Used For Headings */
{
    background: url(images/ClubLabel.gif) no-repeat;
    width: 587px;
    height: 56px;
    display: block;
    float: left;
    padding-top: 65px;
    text-align: center;
}

#clublabel h1
{
    font-size: 24px;
    color: #fffca7;
}

#pagebottom
{
    width: 780px;
    height: 24px;
    background-attachment: fixed;
    background-image: url(images/PageBottom.gif);
    background-repeat: no-repeat;
}

/* Admin Classes */

.editpanel
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 542px;
    background-color: Transparent;
}

.editmetapanel
{
    display: block;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 540px;
    background-color: Transparent;
    margin-bottom: 10px;
    border: solid 1px wheat;
}

.fullwidth
{
    width: 533px;
    height: 20px;
    vertical-align: middle;
    display: block;
    border: dotted 1px #000;
}

.editpanel label
{
    width: 535px;
    display: block;
    height: 20px;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.topbottompanel
{
    width: 547px;
    height: 30px;
    padding-top: 7px;
    background-color: #ccff66;
    margin-bottom: 5px;
    color: #000;
}
.topbottompanel label
{
    font-weight: bold;
    font-size: small;
}

.statuspanel
{
    width: 537px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #ccff66;
    color: #000;
    font-weight: bolder; 
}

.copyright
{
    font-family: Tahoma;
    font-weight: bold;
    display: block;
    margin-top: 8px;
    text-transform: none;
    clear: both;
}

.errorhighlight
{
    background-color: lemonchiffon;
}

.metaContainerPanel
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    display: block;
    float: left;
    width: 530px;
    background-color: Transparent;
    border: solid 1px #fffca7;
}

.numberOfMetaPanel
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 542px;
    background-color: Transparent;
    text-align: center;
    margin-top: 10px;
}

/*-----------------*/

/* Photo Gallery Classes */
img.mainimg
{
    display: block;
    width: auto;
    height: auto;
    border: solid 1px #151515;
}

.imagetitle
{
    display: block;
    font-family: Tahoma;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.imagedescription
{
    display: block;
    font-family: Arial;
    font-weight: bold;
    margin-top: 8px;
}

.slideshowbuttondiv
{
    display: block;
    margin-top: 10px;
}

/* ----------------------- */

/* Request Quote Classes */

.containerpanel
{
    width: 523px;
    border: solid 2px wheat;
    padding: 10px;
    margin-top: 10px;
}

.fieldspanel
{
    width: 501px;
    border: solid 1px wheat;
    padding: 10px;
    overflow: hidden;
}

.fieldspanel label
{
    display: block;
    float: left;
    width: 190px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
}

.fieldspanel .field
{
    display: block;
    float: left;
    clear: right;
    width: 290px;
    margin-bottom: 10px;
    border: solid 1px #fff;
}

.fieldspanel .dropdownfield
{
    display: block;
    float: left;
    margin-bottom: 10px;
    border: solid 1px #fff;
}
.statusPanel
{
    width: 523px;
    border: solid 2px wheat;
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
}

.validatorCalloutHighlight
{
    background-color: Olive;
}

.customimgborder
{
    border: solid 2px #fff;
}

.gallerybg
{
    background-color: #fff;
}

/* -----------------------*/