/*
CSS - STAR SURF
*/


* {padding:0; margin: 0;}
body {margin:0;padding:0;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:62.5%;background:#000;}
a img {border:none;}


/* CONTAINERS */

#container-navigation {height:57px;padding:35px 0 0 0; background: #fff url(../images/tollfree.gif) no-repeat 70% 0; }
#container-main-index {background:#0a0a0a url(../images/core/bg-main.png) repeat-x center 118px;padding:0 0 10px 0;}
#container-main {background:#0a0a0a url(../images/core/bg-main.png) repeat-x center -142px;padding:0 0 10px 0;}
#container-ctas {background:#0e0e0e url(../images/core/bg-feature.png) no-repeat center center;border-top:1px solid #222;}
#container-footer {background:#000;padding:20px 0;border-top:1px solid #222;}

#ctas {width:1000px;margin:auto;}



/* BANNER */

#banner-home {width:1000px;margin:0 auto;}
#banner {width:420px; height: 234px; margin:0 auto; background: url('../images/banner-bg.jpg') no-repeat 0 0; padding: 0 40px 0 540px; }
#banner img { border: 0; padding: 0; margin: 0; line-height: 0; width: 420px; height: 234px; }


/* CONTENT AREA */

.content-index {width:1000px;margin:auto;color:#979797;line-height:1.8em;}
.content-bg-repeat {background:url(../images/core/bg-content-repeat.gif) repeat-y left top;width:1000px;margin:auto;}
.content-bg-top {background:url(../images/core/bg-content-top.gif) no-repeat left top;}
.content-bg-bottom {background:url(../images/core/bg-content-bottom.gif) no-repeat left bottom;}

.content {color:#979797;line-height:1.8em;padding:40px;}
.content p, .content-index p {font-size:1.2em;padding:0 0 2em 0;}
.content ul, .content-index ul {list-style:none;padding:0 0 20px 10px;font-size:1.2em;}
.content ul li, .content-index ul li {padding:0 0 0 30px;background:url(../images/core/li.gif) no-repeat 0 5px;}
.content a {color:#0087f6;text-decoration:none;}
.content a:hover {color:#0ea5ff;}

.surfboardpage {
	padding-top:5px;
}

.bodyboardpage {
	padding-top:0;
}


div.flasharea {
	padding-bottom:0;
}

h1.pad {padding:40px 0 0 40px!important;background-position:40px 40px!important;}
h2 {font-size:1.4em;color:#fff;text-transform:uppercase;margin:0 0 20px 0;}
h3 {color:#ddd;font-size:1.4em;margin:0 0 1.8em 0;}
h3.collaspe, p.collaspe {margin:0; display: block; clear: both; }

.hidden {display:none;}
.body-pic {padding:10px;}
/*.body-pic {width:226px;background:url(../images/bg-portrait.jpg) no-repeat 0 0;padding:36px 17px 34px 17px;}*/
a.ornate-link {background:url(../images/ornate-link.jpg) no-repeat 0 0;font-size:1.2em;display:block;line-height:2.1em;height:26px;padding:0 0 0 30px;}
a.pdf-link {background:url(../images/icon-pdf.gif) no-repeat 0 0;font-size:1.2em;display:block;line-height:1.4em;height:26px;padding:0 0 0 30px;}

#video-popup {width:374px;padding:27px 27px 46px 27px;}



/* INDEX */

#splash-ad {width:720px;text-align:center;margin:0 auto;padding:40px 0 0 0;}
#splash-ad img {padding:10px;background:#222;}
body.splash {background:#0a0a0a url(../images/core/bg-main.png) repeat-x center 20px;}
a.enter {background:url(../images/buttons/button_enter.gif) no-repeat left top; width:104px;height:31px;display:block;margin:50px auto 0 auto; text-indent:-999px;overflow:hidden;}
a.enter:hover {background-position:0 -31px!important;}

#content-panel-dark {background:url(../images/core/bg-content-panel-dark.jpg) no-repeat center top;width:286px;height:301px;float:left;padding:15px 25px;}
#content-panel-light {background:url(../images/core/bg-content-panel-light.jpg) no-repeat center top;width:614px;height:301px;float:left;padding:15px 25px;/*overflow-y:scroll;*/}

#content-panel-dark .feature-image {margin:0 0 10px 0;}

#content-panel-light a {color:#0087f6;text-decoration:none;}
#content-panel-light a:hover {color:#0ea5ff;}
#scrolling-area { height:290px;}
#latest-news {background:url(../images/bg-latest-news.gif) no-repeat center top;height:22px;padding:15px 20px;margin:0 auto 10px auto;width:960px;text-align:center;}
.newsticker {list-style:none;font-size:1.8em;color:#fff;}
.newsticker a {color:#0087f6;text-decoration:none;}
.newsticker a:hover {color:#0ea5ff;}
.featured-image{margin:0; padding:0; height:260px; float:left;}
input.more-info {width:102px;background:url(../images/buttons/button-more-info.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;float:right;}
input.more-info:hover {background-position:0 -31px!important;}


/* TITLES */

h1 {height:20px;margin:0 0 20px 0;text-indent:-9999px;overflow:hidden;}
body.home h1 {background:url(../images/title/surf-and-skate-superstore.gif) no-repeat left top!important;}
body.surf h1 {background:url(../images/title/surf.gif) no-repeat left top;}
body.skate h1 {background:url(../images/title/skate.gif) no-repeat left top;}
body.body-boards h1 {background:url(../images/title/body-boarding.gif) no-repeat left top;}
body.fashion h1 {background:url(../images/title/fashion.gif) no-repeat left top;}
body.club h1 {background:url(../images/title/club.gif) no-repeat left top;}
body.team h1 {background:url(../images/title/team.gif) no-repeat left top;}
body.downloads h1 {background:url(../images/title/downloads.gif) no-repeat left top;}
body.competitions h1 {background:url(../images/title/win-stuff.gif) no-repeat left top;}
body.links h1 {background:url(../images/title/mates.gif) no-repeat left top;}
body.contact h1 {background:url(../images/title/contact.gif) no-repeat left top;}
body.specials h1 {background:url(../images/title/specials.gif) no-repeat left top;}
body.thankyou h1 {background:url(../images/title/thankyou.gif) no-repeat left top;}
body.featured h1 {background:url(../images/title/featured-products.gif) no-repeat left top;}



body.home h2 {background:url(../images/title/featured-product.gif) no-repeat left top;height:20px;text-indent:-9999px;overflow:hidden;}



/* FOOTER */

div#footer, div.footer {color:#5f5f5f; width:960px; margin:10px auto;line-height:2em;padding:0 20px 0 0;}
div#footer a , div.footer a {margin:0 20px 0 0;font-size:1.2em;color:#5f5f5f;text-decoration:none;}
div#footer a:hover, div.footer a:hover {color:#fff;}
ul#footer, ul.footer {width:980px;margin:auto;list-style:none;color:#5f5f5f;}
ul#footer li , ul.footer li{float:left;width:240px;}



/* SURF */

#flash-surf {text-align:center;}



/* TEAM */

.team-member-portrait {float:left;}
.team-member-info {width:640px;float:left;padding:10px 0 0 20px;}

.team-member-info h3 {
  margin-bottom: 10px;
}

.team-member-info table th {
  font-size: 14px !important;
  text-align: left;
}

.team-member-info table td {
  padding-right: 20px;
}

.team-member-info ul {
  margin: 0;
  padding: 0;
}

.content .team-member-info ul li {
  background: none;
  font-size: 12px !important;
  display: block;
  height: auto;
  padding:0 !important;
}

.team-member-info ul li a.ornate-link {background:url(../images/ornate-link.jpg) no-repeat 0 0;font-size:auto;display:block;line-height: auto;height:auto;padding:0 0 0 30px;}




/* DOWNLOADS */

.downloads-row {margin:0 0 20px 0;padding:20px 0 20px 20px;border-bottom:1px solid #222;}
.downloads-wallpaper {width:280px;float:left;padding:0 20px 0 0;}
.downloads-wallpaper img {padding:10px;background:#222;margin:0 0 20px 0;}
.downloads-logo {width:120px;float:left;margin:0 20px 0 0;}
.downloads-logo img {padding:10px;background:#222;margin:0 0 10px 0;border:0;}
.downloads-row ul {list-style:none;padding:0!important;font-size:1em;}
.downloads-row li {width:300px;float:left;padding:0!important;background:none!important;margin:0;}



/* LINKS */

.link-listings ul {width:900px;padding:0 0 20px 20px;}
.link-listings li {width:270px;float:left;padding:0 0 0 20px;}
.link-listings a {font-size:1.4em;}
.link-listings p {padding:0 20px 20px 20px;}



/* CONTACT FORM */
.contact-details {width:460px;margin:0 0 20px 0;padding:0 0 20px 0; display: block; float: left;}
img.contact-map {margin:0 15px 0 0;float:left;}
div.contact-info {width:220px;float:left;}
#contact-form {width:500px;}



/* CLEARFIX */

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */