/* ---------------GLOBAL STYLES--------------- */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 line-height: 150%
}
body#main {
 background: #fff url(graphics/pt_tile.gif) top center repeat-x;
 margin: 0 auto;
 color: #666;
}
h1 {
 font-size: 22px;
 color: #333;
 margin-bottom: 0px;
 font-weight: normal;
}
h2 {
 font-size: 16px;
 color: #666;
 margin: 10px 0 4px 0;
}
h2.location {
 font-size: 16px;
 color: #666;
 margin: 0 0 10px 0;
}
h3 {
 font-size: 140%;
 font-weight: normal;
 color: #339900;
 margin: 18px 0 6px 0;
}
h3.small {
 font-size: 110%;
 font-weight: normal;
 color: #339900;
 margin: 0 0 7px 0;
}
p {
 margin-bottom: 12px;
}
.greentext {
 color: #339900;
}
hr.thin {
 height: 1px;
 border: 0;
 color: #ccc;
 background-color: #ccc;
 width: 100%;
 margin-bottom: 20px;
}
table.center {
 margin: 0 auto;
 text-align: center;
}

/* ---------------LINKS--------------- */

a:link, a:visited {
 color: #3a3a3a;
 text-decoration: none;
}
a:hover {
 color: #e73f35;
 text-decoration: none;
}
a.text_sm:link {
 color: #666;
 text-decoration: none;
}


/* ---------------SHARED--------------- */

img {
 behavior: url(graphics/iepngfix.htc);
}
.largelink {
 font-size: 110%;
}
.clear {
 clear: both;
}
.clearall {
 clear: all;
}
p.padspace {
 margin-bottom: 30px;
}
.marginright {
 margin-right: 40px;
}
.paddown {
 padding-bottom: 12px;
}
.padtop {
 padding-top: 20px;
}
.odd {
 background: #e7e7e7;
}
.indentleft {
 padding-left: 20px;
}
.phone { 
 font-size: 110%;
}

/* ---------------COLUMNS--------------- */

#container {
 width: 900px;
 margin: 0 auto;
}
#mainWrapper {
 width: 900px;
 margin: 24px 0 20px 0;
}
#mainWrapper:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
* html #mainWrapper {height: 1%;}

.column {
 float: left;
 padding: 10px;
}
#col1 {
 width: 630px;
 margin-right: 30px;
}
#col2 {
 width: 190px;
 border-left: 1px solid #ccc;
 min-height: 820px;
}
#locwrapper {
 padding: 6px;
 border: 1px solid #fff;
}
#locwrapper:hover {
 background: #f6f6f6;
 border: 1px solid #ccc;
}
#loc-col {
 float: left;
 margin-right: 30px;
}
#loc-col img {
 padding: 2px;
 border: 1px solid #ccc;
}
.extra {
 width: 260px;
}

/* ---------------HEADER--------------- */

#header {
 width: 900px;
 margin: 0 auto;
}
#logo {
 height: 67px;
 width: 150px;
 padding-top: 13px;
}
#logo h1 {
 text-indent: -9999px;
 margin: 0;
}
#logo a {
 background: url(graphics/planet_tan_logo.png) no-repeat left top;
 height: 70px;
 width: 150px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}
#nav {
 width: 900px;
}
#main_menu ul {
 float: right;
 margin-right: 60px;
}

/* ---------------HOME SLIDESHOW--------------- */

.welcome {
 width: 590px;
 height: 378px;
 position: relative;
 margin-bottom: 50px;
}
#slideshow {
 width: 450px;
 height: 249px;
 padding: 0; 
 margin: 10px 0 0 140px; 
 overflow: hidden
}
.girl {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 99;
}
.ss_container {
 position: absolute;
 text-align: right;
 width: 590px;
 z-index: 1;
}

/* ---------------CONTENT--------------- */

.memberships {
 text-align: center;
 margin-bottom: 30px;
}
#equiplist .thumb {
 float: left;
 width: 200px;
 margin-right: 24px;
 margin-bottom: 14px;
}
#equiplist hr.thin {
clear: both;
}
.videowrapper {
 width: 311px;
 text-align: center;
}
.videowrapper p {
 margin: 4px 0 14px 0;
}
.ic-logos img {
 margin-right: 20px;
}
.sponsors {
 height: 350px;
}
#flash_storecoupons {
 height: 170px;
}

/* ---------------FOOTER--------------- */

#footer {
 margin: 0 auto;
 width: 900px;
 text-align: center;
 padding: 14px 0;
clear: both;
}
.zipsearch {
 margin: 12px 0 12px 0;
 font-size: 115%;
}
.copyright {
 font-size: 90%;
}

/* ---------------FORMS--------------- */

input {
 border: 1px solid #999;
 padding: 3px;
 margin-bottom: 3px;
}
#contact label {
 float: left;
 width: 200px;
 margin-right: 12px;
 font-weight: bold;
}
#contact textarea {
 border: 1px solid #999;
 padding: 3px;
 margin-bottom: 3px;
 width: 463px;
 height: 190px;
}
#contact input {
 width: 463px;
}
#contact select.formSelect {
 margin-bottom: 5px;
}
input.radio {
 display: inline;
 width: 12px;
 border: none;
 background: #fff;
}
#contact .formfield {
 padding-bottom: 4px;
 clear: left;
}
#contact .boxes{
 width: 1em;
}
#submit {
 margin-top: 12px;
 width: 90px;
 padding: 3px;
 color: #fff;
 background: #339900;
 border: 0;
}
#submit:hover {
 color: #fff;
 cursor: pointer;
 background: #f0bc00;
}
#form label.error {
 margin-left: 10px;
 width: auto;
 display: inline;
}
#form input{
 margin-bottom: 5px;
}
.formtextRequired, .formtext {
 margin: 6px 0 4px 0;
}

/* ---------------SIFR--------------- */

.sIFR-flash {
 visibility: visible !important;
 margin: 0;
 padding: 0;
}
.sIFR-unloading .sIFR-flash {
 visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
 visibility: visible !important;
}
.sIFR-alternate {
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 display: block;
 overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
 margin: 0pt; 
 padding: 0pt; 
 overflow: auto; 
 letter-spacing: 0px; 
 float: none;
}
.sIFR-active h1#pagetitle {
 visibility: hidden;
 font-family: Verdana;
 line-height: 1em;
}
.sIFR-active h1#pagetitle {
 padding-bottom: 0px;
 margin-bottom: 0px;
 font-size: 22px;
 color: #333;
 display: block;
}

/* ---------------NEWS--------------- */

.newsListHeadline {
 font-weight: bold;
}
.newsListPublishline {
 font-size: 85%;
 color: #666;
}
.newsListBlurb {
 margin: 6px 0 24px 0;
}
.newsHeadline {
 font-weight: bold;
 font-size: 110%;
}
.newsPublished {
 font-size: 85%;
 color: #666;
}
.newsBody {
 margin: 6px 0 24px 0;
}

/* ---------------FAQ--------------- */

.faqQuestion {
 font-weight: bold;
}
.top {
 float: right;
 font-size: 85%;
}
.top a:link {
 color: #e73f35;
}
#mainWrapper ul {
 margin: 0 0 20px 20px;
 list-style: square;
}

/* ---------------PHOTO ALBUM--------------- */

/* Photo Lister */
.photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;}
.photoAlbumListerWrapper:hover {border:1px solid #86AC63;}
.photoAlbumListerWrapper span {display:block;}
.photoAlbumListerWrapper img {padding-bottom:5px;}
.photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoAlbumDescription span {
 color:#ccc;
 font-size:90%;
}
.thumbnail { 
 float:left;
 margin-right: 30px;
 padding:5px;
 position:relative;
 width:150px;
 height: 150px;
 border:1px solid #fff;
}
.thumbnail:hover {border:1px solid #86AC63;}
.thumbnail img {padding-bottom:5px;}
.thumbnail span {
 width:150px;
 font-size: 85%;
 line-height: 105%;
}

/* Photo Detail */
.photoAlbumDetail{margin:10px 0;}
.photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;}
.photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoRemote-3 span a:hover,div.photoRemote-3 span a:active{border:1px solid #86AC63;color:#000;}
.photoAlbumbody{clear:both;}
.photoGalleryImage div {margin:0 auto;}
.photoGalleryImage img {border:1px solid #ccc;padding:5px;}
.photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;}
/* ModuleEnd::photo */

/* ---------------NEWS TICKER--------------- */

#scrolling {
 float: right;
 width: 500px;
 padding: 8px 0 14px 0;
}
.tickercontainer { /* the outer div with the black border */
 width: 500px; 
 height: 27px; 
 margin-left: 50px; 
 padding: 0
 overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
 position: relative;
 width: 450px;
 overflow: hidden;
}
ul.newsticker { /* that's your list */
 position: relative;
 left: 450px;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
ul.newsticker li {
 float: left; /* important: display inline gives incorrect results when you check for elem's width */
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-size: 110%;
 color: #999;
}
ul.newsticker span {
margin: 0 50px 0 0;
}

/* ---------------SITE MAP--------------- */

#sitemapwrapper li {
 font-size: 90%;
 padding-bottom: 4px;
 list-style-type: none;
 border-bottom: none;
}

/* ModuleBegin::directory */
.directoryListWrapper { }
.directoryDetailWrapper { }
.directoryName { }
.directoryCategory { }
/* ModuleEnd::directory */