/*____________________________________________________
/*____________________________________________________
  Tags
  ____________________________________________________
*/

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #000;
	color: #333;
	line-height: 120%;	
}

a:link, a:visited{
	color: #04364f;
	text-decoration: none;
	text-transform: none;
}

a:hover{
	color: #fff;
	background-color: #04364f;
}

img{
	border: 0px;
}

h1,h4,h5,h6 {
	padding: 0;
	margin: 0;
}

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }

/*____________________________________________________
  Classes
  ____________________________________________________
*/

.morePhotos {
	width: 570px;
	height: 10px;
	padding-bottom: 10px;
	margin: 10px 0px 10px 0px;
	background: url(../images/photo_nav.jpg) repeat-x top left;
	color: #fff;
}

.heading_Large {
	font-family: Arial, Helvetica, sans-serif;
	color: #004B8D;
	font-size: 320%;
	margin-top: 0px;
	padding-bottom: 20px;
}

.heading_Medium ,h1{
	font-weight: light;
	font-family: Arial, Helvetica, sans-serif;
	color: #004B8D;
	font-size: 150%;
	padding-bottom: 10px;
}

.heading_Small {
	font-size: 30px;
	font-weight: light;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #004B8D;
}

.heading_Bold {
	font-weight: bold;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #9FF200;
}

.subHeading_Small {
	color: #014886;
	font-weight: bold;
	padding-top:13px;
}

.subHeading_Size {
	color: #1376cf;
	font-weight: regular;
	padding-top:10px;
}

.subHeading_Medium {
	color: #999999;
	font-size: 125%;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	line-height: 170%;
}

/*____________________________________________________
  Divs
  ____________________________________________________
*/

#wrapper {

	height: 100%;
	min-height: 100%;
	background: #000 URL(http://www.triplecrownofsurfing.com/images/bgrnd.jpg) no-repeat top;
	/* background-attachment: fixed; */
	margin: 0 auto;
}

#reefwrapper {

	height: 100%;
	min-height: 100%;
	background: #000 URL(http://www.triplecrownofsurfing.com/images/reef/background.jpg) no-repeat top;
	background-attachment: fixed;
	margin: 0 auto;
}

#oneillwrapper {

	height: 100%;
	min-height: 100%;
	background: #000 URL(http://www.triplecrownofsurfing.com/images/oneill/oneill_background2.jpg) no-repeat top;
	background-attachment: fixed;
	margin: 0 auto;
}

#billabongmwrapper {

	height: 100%;
	min-height: 100%;
	background: #E51937 URL(http://www.triplecrownofsurfing.com/images/billabongm/background_pipe.gif) repeat-y top;
	/* background-attachment: fixed; */
	margin: 0 auto;
}

#vanswrapper {

	height: 100%;
	min-height: 100%;
	background: #fff URL(http://www.triplecrownofsurfing.com/images/vans/vans_bgrnd.jpg) repeat top;
	background-attachment: fixed;
	margin: 0 auto;
}

#gidgetwrapper {

	height: 100%;
	min-height: 100%;
	background: #B5CC54 URL(http://www.triplecrownofsurfing.com/images/gidget/gidget_background.gif) repeat-y top;
	/* background-attachment: fixed; */
	margin: 0 auto;
}

#billabongwwrapper {

	height: 100%;
	min-height: 100%;
	background: #000 URL(http://www.triplecrownofsurfing.com/images/billabongw/background-billabong.jpg) repeat top;
	background-attachment: fixed;
	margin: 0 auto;
}

#header {
	position: relative;
	padding-top: 0px;
	width: 990px;
}

#headerLinks {
	margin: 0 auto;
	width: 990px;
	height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/nav_bg.jpg) top left repeat-x;
	z-index:2;
}

#thumbWrapper {
	position: relative;
	right: 40px;
	top: 0px;
	height: 50px;
	text-align: right;
	padding-left: 0px;
	padding-top: 26px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.thumbs {
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
    text-align: left;
	width: 450px;
}
.thumbs ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
.thumbs ul li {
	list-style: none;
	display: inline;
	margin-right: 0px;
	margin-left: -4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 0px;
	border-right: 1px #033360 solid;
	border-left: 1px #015299 solid;
}

.thumbs ul .new{
	padding-right: 24px;
	background: url(/images/newLink.gif) top right no-repeat;
}
.thumbs ul .first{
	border-left: none;	
}
.thumbs .last{
	border-right: none;	
}

#content {
	position: relative;
	margin: 0 auto;
	padding: 7px 15px;
	text-align:center;
	width: 960px;
	text-align: left;
	color:#000;
	min-height: 100%;
	background-color: #fff;
	z-index:1;
}

#content .column {
	position: relative;
	float: left;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#contentLeft{
	height: 100%;
	min-height: 100%;
	width: 630px;
	padding-right: 0px;
}

#contentRight{
	min-height: 100%;
	width: 300px;
	padding-left: 0px;
	margin-left: 20px;
}	

/* end product columns */

#footer {
	position: relative;
	margin: 0 auto;
    text-align: center;
	width: 100%;
	padding-top: 50px;
	clear: left;
	bottom: 0;
	color: #999999;
	height: 4em;
	font-size: 85%;
	text-align: center;
}

#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 5px;
	margin-left: 0;
	padding-left: 0;
	padding-right: 5px;
	border-right: #666666 solid 1px;
}

#footer ul li.last{ 
	border-right: none;
}

#footer a:link, #footer a:visited{
	color:#999999;
}

#footer a:hover{ 
	color:#9FF200;
	background: none;
}

img.buylinks {
	margin: 5px 0;
	}

/*____________________________________________________
  Vert Product menu
  ____________________________________________________
*/

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 145px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

/*____________________________________________________
  Available product colors menu
  ____________________________________________________
*/

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 133px; /*Width of top level menu link items*/
padding: 4px 9px;
border-left-width: 0;
text-decoration: none;
}

.horizontalcssmenu ul li a:hover{
background: #fff;
}

/*____________________________________________________
  Product grid menu
  ____________________________________________________
*/

.productgrid ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.productgrid ul li{
position: relative;
display: inline;
float: left;
border: 2px solid #E0E0E0;
border-left-width: 0;
border-top-width: 0;
padding: 75px 5px 115px 5px;


}

/*Top level menu link items style*/
.productgrid ul li a{
display: block;
width: 170px; /*Width of top level menu link items*/
border-left-width: 0;
text-decoration: none;
}

.productgrid ul li a:hover{
background: #fff;
}

/*____________________________________________________
  Product breadcrumb menu
  ____________________________________________________
*/

ul#navlist
{
margin: 0 0 10px 0;
padding: 2px 0;
white-space: nowrap;
background:#E0E0E0;
}

#navlist li
{
display: inline;
list-style-type: none;
font-size: 11px;
}

#navlist a { padding: 0px 5px; }

#navlist a:link, #navlist a:visited
{
color: #000;
background-color: #E0E0E0;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #E0E0E0;
text-decoration: none;
}
	
/*____________________________________________________
  Network bar
  ____________________________________________________
*/

.networkBar { 
	text-align: center; 
	background-color: #fff; 
	border-bottom: 1px solid #ccc; height: 20px; 
}

.networkFrame { 
	width: 820px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	background-image:  url("http://www.vans.com/vans/images/vans_network-girls.gif"); 
	background-repeat: no-repeat; 
	background-position: 5px 0; 
}

.networkLinks { 
	padding: 5px 10px 0 80px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #999;
	line-height:100%;
}

.networkLinks a, .networkLinks a:link, .networkLinks a:visited, .networkLinks a:active { 
	text-decoration:none; 
	color: #999; 
	padding: 0 10px 0 10px; 
}

.networkLinks a:hover { 
	color: #333;
}

/*____________________________________________________
  Easy Slider Elements
  ____________________________________________________
*/
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:550px;
		}	

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:550px;
		background:#fff;		
		margin-bottom:2em;
		}	

	#container2{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:905px;
		background:#fff;		
		margin-bottom:2em;
		}	
/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:300px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:300px;
		overflow:hidden;
		}	

	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-400px;
		}	

	#prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		height:17px;
		position:absolute;
		left:0px;
		top:10px;
		}	

	#nextBtn{ 
		left:565px;
		}														
	
	#nextBtn2{ 
		left:610px;
		}														

	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/back.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../images/next2.gif) no-repeat 0 0;	
		}												

/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    }
  .post {
    margin:.5em 0 1.0em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:150%;
  font-weight:bold;
  line-height:1em;
  color:#04364f;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#04364f;
  font-weight:bold;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .25em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Arial",Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 .15em;
  padding:0 0 .15em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }