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

body { background-image:url(../images/bodybg.jpg); background-repeat:no-repeat; background-color:#eafafe; background-position: center top; }
html { font-family: helvetica, arial, san-serif; margin:0; padding:0;  }

h1 { padding:8px 0 0 0; margin:0; font-size:22px; font-weight:normal; letter-spacing:.5px; color:#339eb9; } 
h2 { padding:8px 0 0 0; margin:0; font-size:16px; font-weight:normal; letter-spacing:.5px; color:#339eb9; }
h3 { padding:8px 0 0 0; margin:0; font-size:13px; font-weight:bold; }
h4 { padding:8px 0 0 0; margin:0; font-size:14px; font-weight:bold; font-color:#0d435c; }
h4 a { font-color:#0d435c; text-decoration:none;}
h4 a:hover { font-color:#d68628; }

img { border:0; }
#underline { width:90%; border-bottom:1px solid #cecece; }

#hr {width:96%; color:cecece; background-color:#cecece; height:1px; border:0; }

#wrap { margin:0 auto; padding:0; width:900px; border:1px solid #bdbdbd; color:#052831; background-color:#fcfcfd; }

#header { height:93px; border:0; margin:0; padding:0; background-image:url(../images/nav-top.gif); background-repeat:no-repeat; background-position:bottom; }
#header-text { font-family:"Times New Roman", Times, serif; font-size: 16px; float:right; padding:30px 30px 10px 0; color:#339eb9;  }
#header-text a { color:#339eb9; text-decoration:none;  }
#header-text a:hover { color:#d68628; text-decoration:underline; }
#no-script { background-image:url(../images/gallery/lg/01.jpg); background-repeat:no-repeat; margin:0; padding:0; border:0; }
/*------------------------------------------ Navigation ----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#nav { background-image:url(../images/navigation.gif); background-repeat:repeat-x;  }
ul#topnav { margin: 0; padding: 0; width: 900px; list-style: none; position: relative; font-size: 13px; text-transform:uppercase; background:url(../images/navigation.gif); background-repeat:no-repeat; }
/*--Set relative positioning on the unordered list itself - not on the list item--*/ 
ul#topnav li { float: left; margin: 0; padding: 0; } 
/*--Divider for each parent level links--*/
ul#topnav li a { padding: 6px 10px; display: block; color: #0d435c; text-decoration: none; }
ul#topnav li a:hover { color:#d68628; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span { padding: 10px 0; position: absolute; left: 0; top:24px; display: none; /*--Hide by default--*/ width: 900px; color: #0d435c; font-size:12px; }
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

#subnav { height:28px; background-image:url(../images/nav-bottom.gif); background-position:top; background-repeat:no-repeat; clear:both; }

#subsubnav { border:0; margin:0; padding:0; border-bottom:1px dotted #cecece; border-top:1px dotted #cecece; font-size:11px; text-transform:uppercase ; }
#subsubnav ul { list-style:none; padding:0 5px 0 5px; margin:2px; }
#subsubnav li {display:inline; padding:0 5px 0 5px; margin:0; }
#subsubnav a { color:#0d435c ; text-decoration:none; }
#subsubnav a:hover { color:#d68628; text-decoration:underline; } 

/*------------------------------------------ Home Page -----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#indexgallery {padding:0; margin:0; }


/*------------------------------------------ Default Page Settings -----------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#gallery {padding:8px; color:#0d435c; }
#gallery p { padding:4px 0 4px 0; margin:0; font-size:13px; line-height:14px;  }
#gallery a { text-decoration:none; color:#0d435c; }
#gallery a:hover { text-decoration:none; color:#d68628; }
#gallery ul { padding:0 0 4px 0; margin:0; list-style:none; }
#gallery li { padding:0 0 0 14px; margin:0; width:66%;line-height:18px; font-size:12px; }


#copy { margin:0; padding:8px 0 8px 0; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;  }
#copy p { margin:0; padding:8px 0 8px 0; line-height:18px; }
#copy a { text-decoration:none; color:#0d435c; }
#copy a:hover { text-decoration:none; color:#d68628; }

#footer { height:57px; background-color:#fcfcfd; font-family:Arial, Helvetica, sans-serif; clear:both; font-size:11px; }
#foot-links { padding:0; padding-top:8px; }
#bottom-text-left { float:left; color:#339eb9; font-size:9px; vertical-align:bottom; letter-spacing:1px; padding:0; padding-left:10px; }
#bottom-text-right { float:right; color:#339eb9; font-size:9px; vertical-align:bottom; letter-spacing:1px; }
#bottom-text-right a { color:#339eb9; text-decoration:underline; }
#bottom-text-right a:hover { text-decoration:none; }

#photo-description { font-size:12px; float:right; width:350px;}

#descriptor {font-size:11px; }

#whitespace { height:50px; clear:both; }

#footer-shadow { margin:0 auto; padding:0; text-align:center; }


/*------------------------------------------ Press Page ----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#news-copy { margin:0; padding:0; border:0; border-bottom:1px solid #cecece; }
#news-copy p { margin:0; padding:4px 0 4px 0; } 


/*------------------------------------------ Contact Page --------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#contact { width:200px; padding:0 15px 15px 15px; margin:0; background-image:url(); margin-left:50px; border:1px solid #cecece; background-color:#f3fcff; }
#contact-table { }
#contact-table p {padding:0; padding-top: 10px; margin:0; }
#contact-table td {border:0; border-bottom:1px dotted #cecece; }

/*------------------------------------------ Shows Page ----------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#showstable { text-align:center; width:96%; padding:0; margin:0; font-weight:normal; color:#0d435c; text-transform:uppercase; font-size:12px; border:0; border-bottom:1px solid #cecece; }
#old-shows {float:right; margin:10px 80px 10px 30px; padding:10px; filter:alpha(opacity=50);	-moz-opacity:0.5;	-khtml-opacity: 0.5;	opacity: 0.5; background-color:#efefef; border:1px solid #cecece; }


/*------------------------------------------ Celebs Page ---------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#celebrity-gallery { padding:0 8px 0 8px; background-image:url(../images/celebs.jpg); background-repeat:no-repeat; background-position:top right; }
#celebrity-gallery #copy p { width:550px; }


/*----------------------------------------- Retailers Page -------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#retailers-left { float:left; height:465px; width:50%; }
#retailers-right { float:left; height:465px; width:50%; }


/*-------------------------------------- Shop Buckles Page -------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#shop { text-align:center; }
#shoptable { text-align:center; width:98%; padding:0; margin:0; font-weight:normal; color:#0d435c; text-transform:uppercase; font-size:13px; border:0; border-bottom:1px solid #cecece; }
#shoptable td { width:25%; }
#shoptable tr {vertical-align:top; }
#shoptable a { color:#0d435c; text-decoration:none; }
#shoptable a:hover { color:#d68628; }
#shop-images { padding:0; margin:0;padding-bottom:8px; }

#shop-copy { padding:8px 0 8px 0; font-size:12px; font-weight:normal; line-height:18px; text-align:center; }
#shop-copy p { padding:0; line-height:16px; line-height:18px; }

#store { width:100%; padding:8px; border:0; margin:0; }
#sale-table { background-color:#fff; border-top:1px dotted #cecece; border-bottom:1px dotted #cecece; margin-top:10px; }
#store-gallery { text-align:center; margin:0; padding:0; vertical-align:top; }
#product-detail {border:1px dotted #bdbdbd; margin:0; padding:0; background-color:#ffffff; }

#size-info { text-align:left; padding:0; margin:0; margin-left:10px; margin-right:10px; color:#339eb9; border:0; border-top:1px dotted #cecece; font-size:11px; }

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 460px;
  width: 320px;
  /* Add scroll-bars */
  overflow: auto;
  border:1px dotted #baced6; 
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 600px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url(../images/salebg.jpg);
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #0d435c;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}