@charset "utf-8";
html {
 overflow: scroll;
 overflow: -moz-scrollbars-vertical;
 overflow-x: scroll;
}
body  {
background:url('http://hurley.com/assets/takeovers/jeans2010/hurley-home-page-BG-fall10.jpg');
font: 100% Arial, Verdana, Helvetica, sans-serif;
background-attachment:fixed;
background-color: #000;
background-repeat: repeat-x;
background-position: center top;
margin: 0;
padding: 0;
text-align: center;
color: #FFF;
margin-bottom:20px;
}

a {color:#00aeef; font-size:12px;}
a {
/*\*/
overflow: hidden;
/**/
}
a:active {outline: none;}
.error {color:#F00;}
#container {
width: 900px;
background: #000;
margin: 0 auto;
text-align: left;
clear:both;
}
#header {
position:relative;
margin: 0 auto;
margin-top:0;
width: 900px;
height:65px;
text-align: left;
background-color:#000;
}
.story-break {background-color:#000;padding:1px 0 9px; background-image:url(../images/interface/story_cap.gif); background-position:bottom; background-repeat:no-repeat; }
.story-break hr {background-color:#00aeef;color:#00aeef;height:1px;border:0;}

.story-break-family-profile {background-color:#000;padding:1px 0 9px; background-image:url(../images/interface/story_cap.gif); background-position:bottom; background-repeat:no-repeat; }
.story-break-family-profile hr {background-color:#00aeef;color:#00aeef;height:1px;border:0;}

#top-nav-main {float:left;width:631px;height:65px;background-image:url(../images/interface/tapeHeader_primaryNav.gif); background-repeat:no-repeat; padding-left:0; background-position:center;}
#top-nav-main a {
  position: absolute;
  text-decoration: none;
}
#top-nav-main a h1,
#top-nav-main a span { visibility: hidden; }
a#home { left:28px; width:140px; height:32px; top:15px;}
a#dealers { left:170px;width:137px;top:25px;height:16px;}
a#locator { left:181px;top:25px; width:144px;}
a#shop { left:334px;top:19px;width:74px;height:25px;}

#top-nav-right {position:relative;float:right;width:250px;text-align:right;}
#search-top {margin-top:25px;}
#search-top input {width:153px;}
.input-main {background-color:#000;border:1px solid white;color:#FFF;font-size:12px;border-bottom:0px;border-right:0px;padding:2px;}

/*Social Networking Links*/
#top-nav-right a {
  position: absolute;
  text-decoration: none;
  height:20px;
  width:20px;
  top:25px;
  font-size:9px;
}
#top-nav-right a i { visibility: hidden; }
a#facebook { left:0;}
a#myspace { left:23px; width:22px; height:22px;}
a#twitter { left:0px; width:22px; height:22px;}
a#youtube { left:46px; width:22px; height:22px;}


/*右ナビ*/
#sidebar {
float: right;
width: 212px;
padding:10px 0 0 0 ;
}
#sidebar h2{
padding:0;
margin:0;
}
#sidebar #swf-family-matrix{
margin:0 0 4px;
width:200px;
height:310px;
background:#000000;
}

#sidebar #bn-products{
padding:0;
margin:0 0 0 1px;
position:relative;
}

#sidebar #bn-products ul,
#sidebar #bn-products li{
list-style:none;
margin:0;
padding:0;
border:0;
}


#sidebar #bn-products img{
}

#sidebar .bn-add{
padding:0;
margin:0 0 0 1px;
position:relative;
}

#sidebar .bn-add ul,
#sidebar .bn-add li{
list-style:none;
margin:0;
padding:0;
border:0;
}

#sidebar .bn-add img{
}

/*//右ナビ*/



#mainContent {
  margin: 0 0 30px 0;
padding-top:10px;
  width: 684px;
}

#mainContent-storelocator {
  margin: 0 0 30px 0;
padding-top:10px;
  width: 890px;
}

#mainContent h2,
#mainContent-storelocator h2{
padding:0;
margin:0 0 20px 0;
}

#mainContent h2.follow,
#mainContent-storelocator h2.follow{
padding:0;
margin:20px 0 20px 0;
}

#content-main-copy,
#content-main-copy-blog {width:506px;background-color:#646464;}
/*#content-main-copy p {padding-left:5px;padding-bottom:8px;}*/
#content-main {width:510px;position:relative;}
#mainContent-storelocator #content-main {width:716px;position:relative;}

#content-breakout {width:715px;position:relative;}
#content-main-header {width:506px;height:33px;background-image:url(../images/interface/tapeHeader_blank.gif);background-repeat:no-repeat;}
#content-main-header a {
  text-decoration: none;
  height:10px;
  top:9px;
  font-size:11px;
  font-weight:bold;
  font-family:Verdana, Geneva, sans-serif;
  outline: none;
  color:#000;
}
/*a#surf { left:112px;}
a#music { left:150px;}
a#girls { left:193px;}
a#art { left:232px;}
a#skate { left:261px;}
a#video { left:302px;}*/
#tape-return {margin:9px 0 0 75px; display:none;}
#footer {
text-align:center;
position:relative;
width: 900px;
margin: 0 auto;
margin-top:5px;
color:#FFFFFF;
}
#footer p {
margin: 0;
padding: 0;
font-size:10px;
font-weight:bold;
line-height:14px;
}
#footer #signup {
position:absolute;
left:0px;
font-size:9px;
text-align:left;
color:#FFFFFF;
}

#footer #signin {
position:absolute;
font-size:9px;
text-align:right;
top: 0px;
right: 0px;
color:#FFFFFF;
}

#footer a {font-size:10px;color:#FFFFFF;}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
/* -- clear float -- */
.clear {
display: inline-table;
min-height: 0;
}
.clear:after {
clear: both;
display: block;
height: 0;
visibility: hidden;
content: ".";
}
/* \*/
* html .clear {
height: 0;
}
.clear {
display: block;
}

/* */
/* -- end clear float -- */

p{
margin:0px;
padding:0 0 1em;
line-height:18px;
font-size:14px;
}



/* 左ナビ */
#nav {width:163px;}
#nav h2 {margin:0;}

.nav-links {margin:0 0 0 8px;background-color:#646464; font-size:10px; line-height:16px; padding:0 0 3px 0; list-style:none;}
.nav-links li {margin:0; padding:0 0 0 3px ;}
.nav-links a { text-decoration:none;color:#FFF;outline: none; font-size:10px}
.nav-links a:hover {color:#00aeef;}

/*// 左ナビ */


/*メインニュース*/

#news {margin:0 0 5px 10px;width:667px;position:relative;}
#news #s4 { z-index:1;}

#news-sub {margin-left:10px;width:667px;position:relative;height:30px;}
#news-caption {font-size:10px;margin-left:5px; width:75%;}
#news-caption a {color:#FFF; text-decoration:none;font-size:10px;}
#news-caption-pre {color:#646464;font-weight:bold;}
.news-collapsed {background-color:#C0C0C0;}
#news-pager {position:absolute;z-index:90; color:#FFF; font-size:11px;font-weight:bold;right:0px;top:2px;
/*background-color:#000;
opacity: .8;  
 For IE 5-7   
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
 For IE 8   
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
}

#news-pager a, #s7 strong { margin: 0 2px; padding: 1px 3px; text-decoration: none; color:#FFF;font-size:10px;}
#news-pager a.activeSlide { color:#2299c4; }
#news-pager a:focus { outline: none; }
#news-expand {position:absolute;right:0px;top:2px;}
#news-expand a {color:white;outline:none;text-decoration:none;font-size:9px;}
#news-expand a:hover {color:#646464;}
/*//メインニュース*/




/*FAMILY*/
#family-table{
margin:0px auto 0px;
}
/*//FAMILY*/

/*StoreLocator width:;716px;以下*/
#swf-storelocator{ width:680px; height:500px; background:#000000;}
/*//StoreLocator*/

#faces {margin:0;padding:0;}
#cal {
width:201px;
    border-color: #646464;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-spacing: 0;
}
#cal td {
font-size:9px;
    border-color: #646464;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 2px;
text-align:center;
}
.profile-name {font-size:16px;color:#00aeef;}
.profile-details {font-size:12px; float:right; width:auto; position:absolute;top:3px;left:185px;}
.prod-details {font-size:10px; float:right;position:absolute;top:3px;width:300px;right:4px;}
.blog-header{width:506px;position:relative;}
.blog-title {margin:0 3px 0 3px;}
.blog-title a {
font-size:12pt;
color:#00aeef;
text-decoration:none;
font-weight: bold;
}
.blog-body {font-size:12px; padding:3px 0 0 0; margin:0 3px 0 3px;}
.blog-body-follow {font-size:12px; padding:1em 0 0 0px;margin:0 3px 0 3px; display:none;}
.blog-body-follow-show {font-size:12px; padding:8px 0 0 0px;margin:0 3px 0 3px;}
.blog-body-follow p,.blog-body-follow-show p,.blog-body p {font-size:inherit;line-height:normal;}
.blog-body p { padding:0 0 0 0;}
.blog-body-follow img,.blog-body-follow-show img,.blog-body img {border:0; margin:0 0 0 -3px;}


.blog-date {font-size:9px;margin-left:3px;}
.blog-image {display:block; margin:3px auto 3px auto;}
.blog-movie {display:block; margin:3px auto 3px auto; text-align:center;}
.blog-gallery-nav {font-size:10px;text-align:right;padding-right:4px;}
.blog-expand,.blog-gallery-nav a, .str-sub-links {font-size:10px;color:#00aeef;text-decoration:none;outline:none;}
.blog-expand {padding-left:3px;}
.MsoNormal {line-height:normal;}

.bioDiscHeader {
                font-size: 14pt;
                color: #00aeef;
                text-transform: uppercase;
}

.bioTitleLarge {
                font-size: 14pt;
                color: #00aeef;
                vertical-align: top;
}

.bioTitle {
                font-size: 10pt;
                color: #00aeef;
                font-weight: bold;
margin:0 1em 0 0;
}
.stream-load {outline:none;}
.sbar {font-size:10px;padding:0 3px 8px ;margin-top:8px;}
.sbar a {outline:none;color:#00aeef;}
.cal-date {font-size:9px;color:#FFF;}
#family-paging-parent ,#paging-parent { padding:8px 0 5px 0 ; width:100%; text-align:center}
#family-paging ,#paging { text-align:center; margin:0 auto;}
#family-paging a ,#paging a {color:#00aeef;padding-left:10px; text-decoration:none; font-size:13px;}

#search-top {margin-bottom:0;padding-bottom:0;}
.gallery-caption {font-size:10px; font-style:italic;padding-left:3px;color:#000;}
.hidden{ display:none;}
/*LEGACY*/
.user-alert{font-size:11px; font-weight:bold; color: red}
.text-large {font-size:large; color:#858585; font-weight:bold;}
.text-large-white {font-size:15px; color:#FFFFFF; font-weight:bold;}
.text-medium {font-size:12px; color:#858585; font-weight:bold;}
.text-medium-lightgray {font-size:13px; color:#858585; font-weight:bold;}
.text-medium-white {font-size:13px; color:#FFFFFF; font-weight:bold;}
.text-medium-gray {font-size:13px; color:#858585; font-weight:bold;}
.text-small-darkgray-bold {font-size:10px; color:#808080; font-weight:bold;}
.text-small-gray-bold {font-size:11px; color:#858585; font-weight:bold;}
.text-small-gray {font-size:11px; color:#858585;}
.text-small-white {font-size:11px; color:#FFFFFF;}
.subsite-header {width:auto; margin-bottom:15px;}
.blog-main-title {font-size:20px; font-weight:bold; color:#00AEEF;}
.form-label {font-size:13px; font-weight:bold; background-color:#333333;}
.form-submit { font-size:16px; font-weight:bold; padding: 5px;}
.video-embed-input {width:460px; font-size:9px;}

/*SlideShow GALLERY*/
.blog-gallery {padding:4px 0 0 3px; font-weight: bold; font-size: 10pt;}
.blog-slideshow {margin-top: 3px; height: 284px; position: relative;}
.blog-slideshow img {display: none; position: absolute; top: 0px; left: 0px; opacity: 0;}
.blog-slideshow img.ss01 { z-index:99;display: block;}
.blog-slideshow img.ss02 { z-index:98;}
.blog-slideshow img.ss03 { z-index:97;}
.blog-slideshow img.ss04 { z-index:96;}
.blog-slideshow img.ss05 { z-index:95;}
.blog-slideshow img.ss06 { z-index:94;}
.blog-slideshow img.ss07 { z-index:93;}
.blog-slideshow img.ss08 { z-index:92;}
.blog-slideshow img.ss09 { z-index:91;}
.blog-slideshow img.ss10 { z-index:90;}
.blog-slideshow img.ss11 { z-index:89;}
.blog-slideshow img.ss12 { z-index:88;}
.blog-slideshow img.ss13 { z-index:87;}
.blog-slideshow img.ss14 { z-index:86;}
.blog-slideshow img.ss15 { z-index:85;}
.blog-slideshow img.ss16 { z-index:84;}
.blog-slideshow img.ss17 { z-index:83;}
.blog-slideshow img.ss18 { z-index:82;}
.blog-slideshow img.ss19 { z-index:81;}
.blog-slideshow img.ss20 { z-index:80;}
.blog-slideshow img.ss21 { z-index:79;}
.blog-slideshow img.ss22 { z-index:78;}
.blog-slideshow img.ss23 { z-index:77;}
.blog-slideshow img.ss24 { z-index:76;}
.blog-slideshow img.ss25 { z-index:75;}
.blog-slideshow img.ss26 { z-index:74;}
.blog-slideshow img.ss27 { z-index:73;}
.blog-slideshow img.ss28 { z-index:72;}
.blog-slideshow img.ss29 { z-index:71;}
.blog-slideshow img.ss30 { z-index:70;}
.blog-slideshow img.ss31 { z-index:69;}
.blog-slideshow img.ss32 { z-index:68;}
.blog-slideshow img.ss33 { z-index:67;}
.blog-slideshow img.ss34 { z-index:66;}
.blog-slideshow img.ss35 { z-index:65;}
.blog-slideshow img.ss36 { z-index:64;}
.blog-slideshow img.ss37 { z-index:63;}
.blog-slideshow img.ss38 { z-index:62;}
.blog-slideshow img.ss39 { z-index:61;}