@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "swiss_nine";
	src: url('fonts/Swiss_924_BT.ttf') format("truetype");
}

/* These styles make different browsers render more consistently, altering any of these styles will affect the way the entire site renders in all browsers, BE CAREFUL BEFORE EDITING THESE STYLES. Global Defaults for renders these elements should be done the the Default Styles section */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;margin: 0;padding: 0;outline: 0;}

/*----------------------------------
Body Style
----------------------------------*/

html {
    overflow-y: scroll;
}

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	min-width:760px;
	margin:0 0;
	background: #000 url(../images/backgrounds/bg_rpt.jpg) top center repeat-x;
}

fieldset {border: 0;margin: 0;padding: 0;outline: 0;}	

#header {
	width: 974px;
	margin: 0 auto;
	height: 123px;
	position: relative; 
}

#damn_header {
	margin: 0px auto;
	position: relative;
	width: 974px;
}


#header #logo { 
	float:left;
	padding:19px 0 0 124px;
}

#header #logo h1 a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display:block;
	height:95px;
	text-indent:-9999em;
	width:285px;
	position: absolute;
	background: url(../images/backgrounds/logo_volcom_new.png) no-repeat;
	top: 25px;
	left: 45px;
}

#header #menu { 
	position: absolute;
	z-index: 25;
	top: 65px; 
	right: 96px;
	padding: 0px;
	list-style: none outside none;
}	

#header #menu li {
	float: left;
	margin-left: 5px;
}

#header #menu li a {
	color: #000000;
}

#header #menu li a:hover {
	color: #777777;
}

.categorymenu .subnav a, .categorymenu .subnavLit a, .categorymenu .subnavBoy a, .categorymenu .subnavSnow a {
	color:#B20000;
	display:inline;
	height:17px;
	text-indent:1em;
	margin-right: 30px;
	margin-left:13px;
	margin-top:50px;
	position: relative;
}

a {
	color:#B20000;
}

a {
	cursor:pointer;
}

#catalogList {
	float: left;
	margin: 15px 20px;
	width: 140px;
}

#catalogList p {
	margin-top: 20px;
	float: left;
	display: block;
}

#catalogList p a {
	display: block;
}

#catalogList img {
	display: block;
}

#catalogList p:first-child {
	margin-top: 0;
}

.mainCatalogImage {
	float: right;
	width: 551px;
	margin-right: 10px;
}

.mainCatalogImage img {
	margin-top: 15px;
}

.catalog_container {
	margin: 4px auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 760px;
	border: 0;
}

.menuDivHdr {
	border-bottom:1px solid #C9C9C9;
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	margin-left:14px;
	margin-top:14px;
	padding:2px 0;
	position:relative;
	text-transform:uppercase;
	width:186px;
}

.categorymenu ul ul.subnavLit, .categorymenu ul ul.subnavBoy {
	background:url("../images/backgrounds/bg_flyout_large.png") no-repeat scroll center bottom transparent;
	border:0 none;
	height:200px;
	left:-9999em;
	margin:0;
	overflow-x:hidden;
	padding-top:1px;
	text-align:left;
	text-transform:none;
	top:-9999em;
	width:290px;
}

.categorymenu ul ul.subnavBox {
	background-color: white;
	border:0 none;
	height:200px;
	display: none;
	margin:0;
	overflow-x:hidden;
	padding-top:1px;
	text-align:left;
	text-transform:none;
	width:290px;
	position: absolute; 
	z-index: 100;
	display:hidden;
}

.dropdown {
	
}

.nav_popup_box {
	position: absolute;
	background: white;
	display:none;
	top: 28px;
	left: -70px;
	width:190px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px 13px 5px;
	z-index:3;
	filter:alpha(opacity=85);
	opacity:1;
}

/*  nav dropdown style for SHOP link  */
.nav_popup_box_shop {
	position: absolute;
	background: white;
	display:none;
	top: 28px;
	left: -20px;
	width:100px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px 13px 5px;
	z-index:3;
	filter:alpha(opacity=85);
	opacity:1;
}

.nav_popup_box_small {
	position: absolute;
	background: white;
	display:none;
	top: 28px;
	left: -70px;
	width:130px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 13px 10px;
	z-index:3;
	filter:alpha(opacity=85);
	opacity:1;
}

.categorymenu li {
	float:left;
	position:relative;
}

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

.categorymenu ul.subnav li .menuDiv, .categorymenu ul.girlsnav li .menuDiv, .categorymenu ul.subnavLit li .menuDiv, .categorymenu ul.subnavBoy li .menuDiv, .categorymenu ul.subnavSnow li .menuDiv {
	float:left;
	margin-top:10px;
	width:126px;
}

#header .categorymenu .subnav, #header .categorymenu .subnavSnow, #header #topNav .storenav, #header .categorymenu .girlsnav, #header .categorymenu .subnavLit, #header .categorymenu .subnavBoy {
	position:absolute;
	z-index:2147483647;
}

.categorymenu ul li:hover ul.subnavLit,
.categorymenu ul a:hover ul.subnavLit {left: -130px; top: 28px;}

.subcategories {
	display:inline;
}

#header .categorymenu ul.subnav li .menuDiv a.submenuLnk, #header .categorymenu ul.subnavSnow li .menuDiv a.submenuLnk, #header .categorymenu ul.subnavLit li .menuDiv a.submenuLnk, #header .categorymenu ul.subnavBoy li .menuDiv a.submenuLnk {
	float:none;
	font-size:1.1em;
	height:17px;
	line-height:normal;
	text-decoration:none;
	white-space:nowrap;
	display: inline;
}

/*  UTILITY BAR STORE DROPDOWN  */
.storenav li a {
	color: #000000;
}

.storenav li a:hover {
	color: #777777;
}

/*
.categorymenu ul.subnavLit li .navCont, .categorymenu ul.subnavBoy li .navCont {
	background:url("../images/backgrounds/bg_flyout.png") no-repeat scroll left bottom transparent;
	height:87px;
	margin-top:2px;
	width:202px;
}
*/

.categorymenu ul.subnav li.navLi, .categorymenu ul.subnavSnow li.navLi {
	height:172px;
}

a.swiss_link {
	margin: 3px;
	font-family: swiss_nine;
	color: white;
	font-size: 20pt;

}	

a.swiss_link_small {
	margin: 3px;
	font-family: swiss_nine;
	color: white;
	font-size: 14pt;
	margin: 7px;
}

a.swiss_link_smaller {
	margin: 3px;
	font-family: swiss;
	color: white;
	font-size: 14pt;
	margin: 7px;
}

.categorymenu ul.subnav .menuDiv a, .categorymenu ul.subnavSnow .menuDiv a {
	float:none;
	height:14px;
	padding:0;
	width:auto;
}

#mainContainer { 
	padding:0; 
	margin: 0;
	background: url(../images/backgrounds/bg_main_n.jpg) top center no-repeat;
	min-height: 800px;
	height:auto !important;
	height:800px;
	width: 100%;
}

#main { 
	width: 760px;
	margin: 15px auto 0 auto;
	min-height: 620px;
	/*
	height:auto !important;
	height:620px;
	*/
	position: relative; 
}	

#header #topNav #searchBox input,#footer input,.pt_contentsearchresult #detailPost .emailsignup input{  float: left;width: 144px;margin: 0;padding:2px 4px;background: #000;color: #BCBCBD;font-size: 10px;border-right: solid 1px #505050;border-bottom: solid 1px #505050;border-top: solid 1px #272727;border-left: solid 1px #272727; }

#footer {
	width: 760px;
	margin: 15px auto 0px auto;
	font-size: 10px;
	padding: 0 8px 25px 17px; 
}

#ftr2nd {margin-top: 36px;}

/***** Footer *****/
#footer .rtMar { margin-right: 27px; }
#footer .rtMarINFO { margin-right: 30px; }
#footer a { display: block;margin: 4px 0;text-decoration: none;color: #BCBCBD }
#footer input,.pt_contentsearchresult #detailPost .emailsignup input {width: 220px;}
#footer #ftr2nd a { display: inline }		
#footer p { margin: 7px 0;color: #BCBCBD;}
#footer #ftr2nd p { float:left; margin-top: 20px }
#footer h3 { border-bottom: none 0px #000;clear: both;margin: 3px 0 3px 0;font-size: 1.1em;background-color:transparent;color:#fff;padding:0;   }
#footer #ftrShare { margin-top: 3px; }
#footer #ftrShare img { margin-right: 9px; }
#footer .ftrLine { height: 8px;width: 220px;background: url(../images/buttons/line_div.gif) center right no-repeat;clear:both; }

.floatleft	{
	float:left;
}

.box-offset {
	top:-35px;
	position:relative;
}

.image-offset {
	left: -9px;
	position:relative;
}

.contentasset {
}

.clear {clear:both;}

#emailsignup, #emailsignupfinished, #emailsignupunsubscribed,#emailSignBottom {margin: 0 10px 0 10px; font-size: 1.1em;float:left;width:540px;}
#emailsignup .emailsignupdesc, .emailsignupmessage {font-size: 1.2em; margin: 5px 0 5px 0;}
#emailsignup .formactions {float: left; margin-left: 150px;}
#emailsignup label {font-weight: normal; font-size: 1em;}
#emailsignup .radio .value {margin: 0 5px 0 0;}
#emailsignup .radio label {margin: 0 0 0 5px;}
#emailsignupfinished em {font-style: normal; font-weight: bold;}
#emailSignRight {float: right;width: 180px;margin-right: 8px;}

#header #topNav #searchBox button,#footer button,.pt_contentsearchresult #detailPost .emailsignup button { float:left;background: url(../images/buttons/btn_go.gif) no-repeat;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:0 none;	padding:0;text-indent: -9999px;width: 28px; height: 20px;margin-left: 6px; }

/*  android giveaway  */
#android-giveaway {
	float: left;
	width: 219px;
	height: 26px;
}

.sitesearch { display: inline; }
.sitesearch form.simplesearch input.simplesearchinput {float: left;width: 144px;margin: 0 0 0 310px;padding:2px 4px;background: #000;color: #BCBCBD;font-size: 10px;border-right: solid 1px #505050;border-bottom: solid 1px #505050;border-top: solid 1px #272727;border-left: solid 1px #272727; }
.sitesearch form.simplesearch input.simplesearchinput:focus {background-color:#333;color: #BCBCBD}
.sitesearch button,.nohitssearch button,.errorsearch button {cursor:pointer; float:right;background: url(../images/buttons/btn_go.gif) no-repeat;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:0 none;	padding:0;text-indent: -9999px;width: 28px; height: 20px;margin-left: 6px;}
.sitesearch button span {background:transparent none;visibility: hidden;}

#footer #ftr2nd a { display: inline }
#footer #ftr2nd p { float:left; margin-top: 20px }	


#mainContainer label { 
	width:120px; 
}

#mainDarkbar {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width:760px;
}

table.auto-align { 
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	left: 3px;
	position: relative;	
}

div.auto-align { 
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	left: 3px;
	position: relative;	
}

div.auto-align-center {
	margin: 10px auto;
	left: 3px;
	position: relative;
	border-style: none;
	width: 760px;
}

table { 
	border-style: none;	
}

label { width:120px; }

a {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}

#topHeaderNav { letter-spacing:.8em; }
#bottomHeaderNav { letter-spacing:.8em; }

.footer {  
	width: 760px;
	position: relative;
	margin: 0 auto 12px auto;
}

.img_icons {
	cursor:pointer;
}

.footer ul { margin:0; padding:0; list-style:none;}
.footer li { float:left; }
#navFooterTop ul a { float:left; padding:0 1.1em; display:block; } 
#navFooterBottom ul a { float:left; padding:0 2em; display:block; } 
.footer a { padding: 0 16px; }
.footer a #first { padding-left: 0; text-align: center; }

.clearthefloats {clear: both;}

.clearboth { clear: both; height: 0px; margin: 0; padding: 0; display: block; overflow: hidden; }


#missModRSVP{position:absolute; top:465px; left:80px; padding:0; margin:0; }
#missMod{background:url(admin/uploadfiles/missmod/spring09Swimcover_850.jpg); height:551px; width:850px; color:black; }

#dealerDivision img { margin: 5px 15px; }
.storeLookup { width: 760px; margin: 10px 10px; }

#darkbarNav { float: left; width: 150px; margin: 5px 5px; }
#darkbarNav p { margin: 5px 0; }
#darkbarContent { float: left; margin: 10px 0 10px 10px; width: 590px; }
#darkbarHeader { margin: 10px 0; width: 590px; }
#darkbarNavTitle { font-weight: bold; text-transform: uppercase; }
.darkbarStory { margin: 10px 0; }
.darkbarThumb { width: 90px; float: left; margin: 0 0; }
.darkbarUpcoming { color: red; }
.darkbarTitle { width: 495px; margin-left: 5px; float: left; }

.stopfakesLeft{ width:150px; text-align:right; }
.stopfakesRight{ width:610px; text-align:left; }
#stopfakesMain label{ float:left; width:15em; }
#stopfakesMain{ margin: 0 5px 50px 10px; }
#stopfakesMain input[type="text"]{ width: 200px; }

#crustyOnlineReg label { width:120px; float:left; text-align:right; padding-right:5px;}
#crustyOnlineReg {text-align:left;}

#changeDealers{ width:800px; } 
#changeDealers label{ float: left; width: 120px; font-weight: bold;}
#changeRetailLogin label{ float: left; width: 120px; font-weight: bold;}
#marquee
{
	vertical-align: top;
	width: 760px;
	margin: 0 0;
	padding: 0 0;
}
#marquee div { display: inline; }	

#homeHappenings { float: left; width: 225px; vertical-align: top; }
#homeHappenings img { float: left; padding: 2px; }
#homeNewFutures { float: left; width: 225px; }
#homeLTKRF { float: left; }


/* Header Customer Info Panel */
/*----------------------------*/
.headercustomerinfo {float:left;background: #000;top:0px;z-index:99;color:#8a8a8a;height: 20px;line-height: 20px;font-size: 102.5%;}
.headercustomerinfo a {color:#b20000;}

.minicart a {color:white;}
.minicart .minicarttotal {background:url('../images/buttons/cart_icon.gif') no-repeat scroll 0 0 transparent;width:68px;height: 20px;margin: 8px;}
.minicart .minicarttotal .cartlabel {display: none;}
.minicart .minicarttotal a,.minicart .minicarttotal .emptycart {display:block;float:right;margin-right: 1px; margin-top: 3px; color: #fff;width: 15px;text-align: center;}
.minicartcontent .link2cart {margin:2px 0 0 0;float: right}
.minicartcontent .link2cart a {width:67px; background-position:0px -154px; }
.minicartcontent .link2cart a:hover {background-position: -114px -154px;}
.checkoutminicart .imageexpanded {background: transparent url(../images/buttons/nav_arrow.gif) no-repeat 0 0;float:left;height: 15px;width: 15px;}
.checkoutminicart .imagecollapsed {background: transparent url(../images/buttons/nav_arrow_expand.gif) no-repeat 0 0;float:left;}
.checkoutminisummary .ordertotals .value {padding-bottom: 0px;}
.checkoutminisummary .checkoutordertotals .ordertotals {line-height: normal;font-size: 1.1em}
.checkoutminisummary .checkoutminicart {margin-bottom: 4px;}
.checkoutminisummary .minishipment,.checkoutminisummary .minibillingaddress,.checkoutminisummary .minipaymentinstrument {margin: 3px 5px;;font-size: 1.1em;overflow: hidden;}

.minicart { position:absolute;right:80px;top:0px;z-index:999999;}
.minicart .minicarttotal .cartlabel {margin: 0px 5px 0px 0px;text-transform: uppercase;}
.minicart .minicarttotal .welcomedivider {margin:0px 3px;}
.minicartcontent {background-color: #fff;border: 5px solid #6a0000;color: #333;display: block;right:5px;margin:0px;padding: 2px 4px;position: absolute;top:27px;width: 250px;z-index:9999999;}
.minicartcontent .minicartclose {background:transparent url(../images/icon_close.gif) no-repeat top right;cursor:pointer;float:right;padding:0 12px 0 0;white-space:nowrap;width:auto;}
.minicartcontent .minicartcontainer .minicarttotal {background-color:#CCCCCC;color:#fff;clear:both;padding:1px 3px;text-align:right;}
.minicartcontent .checkoutminicart .summaryproduct {border-bottom: 1px dashed #CCC;}
.minicartcontent .minicarttotals {background-color:#fff;margin:10px 0 5px 0;}
.minicartcontent .minicarttotals table.ordertotalstable {float:right;width:auto;}
.minicartcontent .minicarttotals tr {display:none;}
.minicartcontent .minicarttotals tr.ordersubtotal {display:block;color: #000;}
.minicartcontent .minicarttotals td {text-align:right;}
.minicarttotals .ordersubtotal .label, .minicarttotals .ordersubtotal .value {font-weight:bold;padding-bottom: 0px;}
.minicartcontent .minicartslot {background-color:#ededed;border: 1px solid #CCC;font-size:1.2em;font-weight:bold;margin:4px auto;padding:4px;text-align:center;}
.tblJustAdd .detailscolumn .productattributes .productid {display:none;}
.cart .tblJustAdd td.detailscolumn {text-align: left;font-size: 1.1em;width: auto;}
.cart .tblJustAdd td.quantitycolumn {text-align: center;width: 80px;font-size: 0.8em;vertical-align:middle;}
.cart .tblJustAdd tr.tablerow {border-bottom: none 0px #fff;}
.cart .tblJustAdd td.detailscolumn button.textbutton {font-size: 1.0em;font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, arial, sans-serif;}
/* Mini Cart Product Display */
.checkoutminicart {max-height: 175px;overflow:auto;padding: 0 2px;}
.checkoutminicart .summaryproduct {border-bottom: 1px solid  #CCC;padding: 3px 0px;}
.checkoutminicart .imagecollapsed img {height: 50px;margin: 0px 10px;width: 50px;}
.checkoutminicart .name {font-size:1.1em;height: 1.3em;overflow: hidden;text-decoration: underline;padding-right:2px}
.checkoutminicart .attributes {overflow:hidden;}
.checkoutminicart .attribute {float: left;font-size:1.0em;margin: 0px 3px 0px 0px;}
.checkoutminicart .attribute .clear {clear:none;}
.checkoutminicart .pricing {display: block;text-align: right;margin-right:5px}


#header #topNav { position: absolute;z-index: 999;top: 0px; right: 100px;background: #000;padding: 8px; }		
#header #topNav img { float: left;margin-right: 9px; }
#header #topNav #searchBox input,#footer input,.pt_contentsearchresult #detailPost .emailsignup input{  float: left;width: 144px;margin: 0;padding:2px 4px;background: #000;color: #BCBCBD;font-size: 10px;border-right: solid 1px #505050;border-bottom: solid 1px #505050;border-top: solid 1px #272727;border-left: solid 1px #272727; }
#header #topNav #searchBox button,#footer button,.pt_contentsearchresult #detailPost .emailsignup button { cursor:pointer; float:left;background: url(../images/buttons/btn_go.gif) no-repeat;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;border:0 none;	padding:0;text-indent: -9999px;width: 28px; height: 20px;margin-left: 6px; }		
#header #topNav ul.ulTop { list-style:none outside none;float: left;width: 230px;height: 20px;margin-left: 5px; }
#header #topNav ul.ulTopList { list-style:none outside none;float: left;width: 338px;height: 20px;margin: 0; }
#header #topNav ul li { float:left;height:20px; }
#header #topNav ul li a.topLnk { background:url('../images/buttons/topNav_sprites_n.gif') no-repeat scroll 0 0 #000;display: block;height:20px;text-indent:-9999em;margin-right: 9px; }
#header #topNav ul li.navAcct a.topLnk,body#girls #header #topNav ul li.navAcct a.topLnk { background-position: 0px 0px; width: 66px; }
#header #topNav ul li.navShop a.topLnk,body#girls #header #topNav ul li.navShop a.topLnk { background-position: -66px 0px; width: 46px; }
#header #topNav ul li.navHelp a.topLnk,body#girls #header #topNav ul li.navHelp a.topLnk { background-position: -112px 0px; width: 39px; }
#header #topNav ul li.navList a.topLnk,body#girls #header #topNav ul li.navList a.topLnk { background-position: -151px 0px; width: 80px; }		
#header #topNav ul li.navAcct a.topLnk:hover,body#girls #header #topNav ul li.navAcct a.topLnk:hover { background-position: 0px -20px; }
#header #topNav ul li.navShop a.topLnk:hover,#header #topNav ul li.navShop a.active,body#girls #header #topNav ul li.navShop a.topLnk:hover,body#girls #header #topNav ul li.navShop a.active { background-position: -66px -20px; }
#header #topNav ul li.navHelp a.topLnk:hover,body#girls #header #topNav ul li.navHelp a.topLnk:hover { background-position: -112px -20px; }
#topNav ul li:hover ul.storenav, #topNav ul a:hover ul.storenav {left: 222px;top:28px;}

#discover_link {
cursor: pointer;
height: 23px;
margin-left: 210px;
margin-top: 45px;
position: absolute;
width: 56px;
}

#topNav ul li ul.storenav {left:-9999em;top:-9999em;margin:0;padding:0;overflow-x:hidden;text-align:left;text-transform:none;background:transparent url(../images/backgrounds/bg_store_flyout.png) bottom center no-repeat;border:0px;padding:0;width:160px;height: 75px;}
#topNav ul li ul.storenav li {padding-top: 10px;}
#header .categorymenu ul.subnav li .menuDiv a.submenuLnk:hover,#header .categorymenu ul.subnavLit li .menuDiv a.submenuLnk:hover,,#header .categorymenu ul.subnavBoy li .menuDiv a.submenuLnk:hover,.storenav li div a:hover { color: #000;}
#header .categorymenu .subnav,#header #topNav .storenav,#header .categorymenu .girlsnav,#header .categorymenu .subnavLit,#header .categorymenu .subnavBoy { position: absolute; z-index: 100;}

#header .categorymenu .navShift,#header #topNav .navShift {left: -9999em;top:-9999em;}
#header #topNav ul li.navShop a.topLnk:hover,#header #topNav ul li.navShop a.active,body#girls #header #topNav ul li.navShop a.topLnk:hover,body#girls #header #topNav ul li.navShop a.active { background-position: -66px -20px; }

/***** Search Bar *****/
/* .sitesearch { float:right;margin-top:21px;margin-right:103px; width:279px; } */ /* without android */
.sitesearch { float:right;margin-top:21px;margin-right:103px; width:499px; }
.sitesearch label {display: none;}

.media_link {
	display: inline;
	float:left;
	margin-right: 5px;
}

.media_link img {
	display: block;
	margin: 0 5px 0 0;
}

#blogMain
{
	width: 760px;
}
#blogContent 
{ 
	width: 650px; 
	margin-left: 10px; 
	float: left;
	
}

#blogNav
{
	float: left;
	width: 100px;
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 19px;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li {
	float: left;
	width: 10em;
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/*----------------------------------
Text Styles
----------------------------------*/
.mainContent
{
	text-align: left;
	text-transform: uppercase;
}
.mainContentBlack
{
	color: #000000;
	text-transform: uppercase;
}
.contentBlack {color:#000000;}
.pipelineContest
{
	text-transform: uppercase;
	font-weight: bold;
	color:white;
}

.bodyContent
{
	text-transform: none;
}
.smallContent
{
	font-size: 8px;
	text-transform: uppercase;
}

.smallContentWhite
{
	font-size: 9px;
	text-transform: uppercase;
}
.smallContentBlack
{
	font-size: 9px;
	text-transform: uppercase;
	color: #000000;
}
.bigContent
{
	font-size: 15px;
	text-transform: none;
}
.bigPink
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #FF3366;
	text-transform: uppercase;
	text-decoration: none;
}
.superBigPink
{
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	color: #FF3366;
	text-transform: uppercase;
	text-decoration: none;
}
.contentYellow
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #ccff66;
	text-transform: none;
}			
.bigRed
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	color: #CE1B22;
	text-transform: none;
}
.red
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}
.smallRed
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
	color: #CE1B22;
	text-decoration: none;
}
.yellow
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFF33;
	text-decoration: none;
}
.purple
{
	color: #C0C;
	font: 11px Verdana, Geneva, sans-serif;
	text-decoration:none;
}

/*-----------------------------------
PBRJ live webcast style
-----------------------------------*/
div#heats
{
	position: absolute;
	width: 760px;
	height: 500px;
	top: 469px;
	left: 0px;
}

p.heats
{
	float: left;
	width: 190px;
	text-align: center;
}



/*----------------------------------
Anchor Styles
----------------------------------*/
a.black
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
a.yellowLink
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 20px;
	color: #FFFF33;
	text-decoration: none;
}
a.yellowMedium
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 16px;
	color: #FFFF33;
	text-decoration: none;
}
a.yellowSmallLink
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFF66;
	text-decoration: none;
}
	a.yellowSmallLink:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFF66;
	text-decoration: underline;
}
a.redBig
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	color: #CE1B22;
	text-decoration: none;
}
a.smallRed
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
	color: #CE1B22;
	text-decoration: none;
}
a.smallRedCaps
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
	color: #CE1B22;
	text-decoration: none;
	text-transform: uppercase;
}
a.white
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.whiteUppercase
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

a.redCaps
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
	text-transform: uppercase;
}
a.red
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}

	a.red:active
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}

	a.red:visited
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}

	a.red:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: underline;
}
a.white
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.btmNav
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

	a.btmNav:active
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

	a.btmNav:visited
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

	a.btmNav:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: uppercase;
}
/*----------------------------------
Form Styles
----------------------------------*/
input.formJoin
{
	width: 138px;
	height: 10px;
	border: 0px none;

	font-family: Arial;
	font-size: 10px;
}

input.contest
{
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	width: 190px; 
	color : #FFFFFF; 
	background-color: #000000; 
	border-color: #FFFFFF; 
	border: 1px groove #FFFFFF;
}

select.contest
{
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	width: 190px; 
	color : #FFFFFF; 
	background-color: #000000; 
	border-color: #FFFFFF; 
	border: 1px groove #FFFFFF;
}

/*-----------------------------------------
MORE VOLCOM TEAM
-----------------------------------------*/

div#moreVolcomTeamNav
{
	width: 155px;
	margin-left: 5px;
	float: left;
}

div#makespace
{
	margin: 5px 0;
}

div#moreVolcomTeamContent
{
	width: 600px;
	float: left;
}
div#moreVolcomTeamContent p
{
	width: 600px;
	margin-top: 35px;
}
div#moreVolcomTeamContent img
{
	float: left;
	margin: 5px 10px 5px 0;
}

div#region
{
	margin: 15px 0;
	padding-bottom: 25px;
}

p#MVTimages
{
	margin: 0 0 35px 0;			
}
/*--------------------------------------------
VOLCONTESTS
----------------------------------------------*/

div#volcontests
{
	margin: 25px 25px;
	width: 710px;
}

div#volcomThanks
{
	width: 350px;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 15px 15px;
}


.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
	}
.clearfix {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clearfix {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clearfix {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}


	#damn-container {
		margin: 0px auto;
	}

	#player {
		background-image: url(http://www.volcom.com/images/damnam/player.jpg);
		height: 414px;
		width: 725px;
		margin: 0px auto;
		position:relative;
	}

	#send_to_container {
		margin: 0px auto;
		width:760px;
		position:relative;
		left:20px;
	}

	#ooyala_player {
		position:relative;
		top:2px;
	}

	.img_icons {
		cursor:pointer;
	}

	#damn_submit {
		background:url("http://www.volcom.com/images/damnam/send_button.jpg");
		width:75px;
		border:solid 1px #FFF;
		height: 22px;
	}

	.damn_input {
		background: #000;
		border:solid 1px #FFF;
		height: 18px;
		color:#FFF;  
	}

	.damn_input_name {
		width:150px;
	}

	.damn_input_email {
		width:150px;
	}

	.damn_input_message {
		width:300px;
	}

	#response {
		width:760px;
		text-align:center;
		font-size:28px;
		font-family:"arial black", Times, serif;
	}

	#generic_container {
		width: 100%;
	}

/*drop down region selector*/
ul#region-parent {
	list-style:none;
	margin:7px 0 0 0;
	padding:0;
	display:block;
	z-index:99;
	position:relative;
	width:100px;
}
ul#region-parent li {
	background: none repeat scroll 0 0 #333;
	color:#999;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-size:11px;
	line-height:22px;
	margin:0;
	padding:0px;
	position:relative;
	z-index:999;
	text-align:center;
	text-transform:uppercase;
	width:100px;
}
ul#region-parent li ul#region-children {
	display:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#region-parent li:hover ul#region-children {
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
}
ul#region-parent ul#region-children li {
	display:block;
	height:20px;
	width:100px;
	padding-bottom:3px;
	border-top:1px solid #000;
}
ul#region-parent ul#region-children li a {
	color:#ddd;
	display:block;
	height:100%;
	text-decoration:none;
	width:100%;
	font-size:10px;
	margin: 0 !important;
}
ul#region-parent ul#region-children li:hover {
	background-color:#111;	
}
#changeRegion {
	font-size:8px;
}




/*  MOBILE SHELL  */
#mobile-shell {
	width: 100%;
	height: 60px;
	background: #fff200;
	margin: 0 0 10px 0; padding: 0;
	text-align: center;
}