* {
  margin: 0;
  padding: 0; 
}

/* My Comment */

/* @group search results */
.search .content{
	overflow: hidden;
	width: 608px;
	margin:auto
}
.search_result{
	  padding-top: 15px;
  border-bottom: 2px solid #4d4e4d;
  overflow: hidden;
}
.paginate li{
	float: left;
	margin-right: 10px;
}
.paginate li.previous,.paginate li.next{
	background: url(../images/red_r_double_arrows_on_white.gif) no-repeat top left;
	text-indent: -9999px;
	width: 13px;
	height: 30px;
}
.paginate li.next{
	background: url(../images/red_double_arrows_on_white.gif) no-repeat right top;
}
.product-desc{
	width: 80%;
}
.product-info li{
	margin-bottom: 5px;;
}

/* @end */

/****Element defautls****/
ul,li,dl {
  list-style-type: none;
}
a img, a {
  border: 0;
}

body {
  background-color: #2c2c2c;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px; 
  line-height: 1.6em;
  color: #3d3d3d;
}

address {
  font-style: normal;
}

a:link, 
a:visited, 
a:active, 
a:hover {
  color: #e1162f;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
  /*styles for graphical headers*/
  background-repeat: no-repeat;
  background-position: top left;
}

h3 {
  margin: 0 0 8px 0;
  color: #2a2a2a;
  font-size: 20px;
  text-transform: uppercase;
}

h3 a:link,
h3 a:visited,
h3 a:active,
h3 a:hover {
  color: #2a2a2a;
}

.slideshow-copy {
  margin-top: 10px;
}

h4 {
  padding: 0 0 5px 0;
  color: #6f6f6f;
  font-size: 16px;
  text-transform: uppercase;
  text-indent: -5000px;
}

h4 a:link,
h4 a:visited,
h4 a:active,
h4 a:hover {
  color: #6f6f6f;
}

h5 {
  font-size: 12px;
  margin-top: 20px;
}

p {
  margin-bottom: 1em;
}

.access_txt {
  overflow: hidden;
  text-indent: -5000px;
}

.content {
  font-size: 12px;
}

.col {
  float: left;
}

.clr {
  clear: both;
}


/*General Page Structure*/

#wrapper {
  float: left;
  width: 100%;
  background-image: url('../images/bg_grad.jpg');
  background-repeat: repeat-x;
  background-color: #fff;
  padding-bottom: 28px;
}

#header_wrapper {
  padding: 12px 0 0;
  text-align: center;
}

#main_wrapper {
  min-height: 338px !important; 
  height: 338px; /*min-height for IE6*/
}

#header {
  position: relative; /*fixes issues with relative positioned children*/
  text-align: left;
  width: 926px;
  height: 60px;
  margin: 0 auto;
}

#header h1 {
  float: left;
  text-indent: -5000px;
}

#header h1 a {
  display: block;
  width: 62px;
  height: 51px;
  outline: none;
  background-image: url('../images/logo.png');
  background-repeat: no-repeat;
}

#header ul {
  float: left;
  margin-left: 10px;
 
  width: 547px;
}

#header ul li {
  float: left;
  margin-right: 8px;
}

#header ul li a {
  display: block;
  width: 61px;
  height: 25px;
  background-position: 0 5px;
  background-repeat: no-repeat;
  text-indent: -5000px;
  outline: none;
   background:transparent url(../images/topNav.png) no-repeat top left;
}

#header ul #nav_backpack:hover a, #header ul #nav_backpack.over a, #header ul #nav_backpack.active a {
  background-position: 0 -25px;
}
#header ul #nav_duffel:hover a, #header ul #nav_duffel.over a, #header ul #nav_duffel.active a {
  background-position: -90px -25px;
}
#header ul #nav_messenger:hover a, #header ul #nav_messenger.over a, #header ul #nav_messenger.active a {
  background-position: -167px -25px;
}
#header ul #nav_shop a {
  background-image: url(../images/topNav.png);
}

#header ul #nav_pipeline:hover a, #header ul #nav_pipeline.over a, #header ul #nav_pipeline.active a {
  background-position: -62px -25px;
}
#header ul #nav_pipeline a {
  background-image: url(../images/topNav.png);
  background-position: -62px 0;
}

#header ul #nav_gallery:hover a, #header ul #nav_gallery.over a, #header ul #nav_gallery.active a {
  background-position: -124px -25px;
}
#header ul #nav_gallery a {
  background-image: url('../images/topNav.png');
  background-position: -124px 0;
}

#header ul #nav_about:hover a, #header ul #nav_about.over a, #header ul #nav_about.active a {
  background-position: -186px -25px;
}
#header ul #nav_about a {
  background-image: url('../images/topNav.png');
  background-position: -186px 0;
}

#header ul li# a:hover,#header ul li a,#header ul li.active a{
	background-position: 0 -25px;
}

#header ul li#nav_backpack a{
	width: 84px;
}
#header ul li#nav_backpack a:hover,#header ul li#nav_backpack.over a,#header ul li#nav_backpack.active a{
	background-position: 0 -25px;
}
#header ul li#nav_duffel a{
	background-position:-90px 0;
	width: 70px;
}
#header ul li#nav_duffel a:hover,#header ul li#nav_duffel.over a,#header ul li#nav_duffel.active a{
	background-position:-90px -25px;
}
#header ul li#nav_messenger a{
	background-position:-167px 0px;
	width:86px;
}
#header ul li#nav_messenger a:hover,#header ul li#nav_messenger.over a,#header ul li#nav_messenger.active a{
	background-position:-167px -25px;
}
#header ul li#nav_sling a{
  background-position:-267px 0px;
  width:48px;
}
#header ul li#nav_sling a:hover,#header ul li#nav_sling.over a,#header ul li#nav_sling.active a{
	background-position:-267px -25px;
}
#header ul li#nav_accessories a{
  background-position:-322px 0px;
  width:86px;
}
#header ul li#nav_accessories a:hover,#header ul li#nav_accessories.over a,#header ul li#nav_accessories.active a{
	background-position:-322px -25px;
}
/*Shop Nav Dropdown*/
#header ul #nav_backpack {
  position: relative;
}

#header li#nav_backpack .dropdown a:link,
#header li#nav_backpack .dropdown a:visited,
#header li#nav_backpack .dropdown a:hover,
#header li#nav_messenger .dropdown a:link,
#header li#nav_messenger .dropdown a:visited,
#header li#nav_messenger .dropdown a:hover,
#header li#nav_duffel .dropdown a:link,
#header li#nav_duffel .dropdown a:visited,
#header li#nav_duffel .dropdown a:hover {
  text-indent: 0;
  display: inline;
  width: auto;
  height: auto;
  background-image: none;
  color: #fff;
  font-style: italic; 
}

#header ul li#nav_pulse a{
	background-position:-428px 0;
	width:48px;
}
#header ul li#nav_pulse a:hover,#header ul li#nav_pulse.over a,#header ul li#nav_pulse.active a{
	background-position:-428px -25px;
}

#header ul li#nav_gallery a{
  background-position:-485px 0;
  width:48px;
}
#header ul li#nav_gallery a:hover,#header ul li#nav_gallery.over a,#header ul li#nav_gallery.active a{
	background-position:-485px -25px;
}

#header li .dropdown {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  padding-left: 6px;
  background-image: url('../images/dropdown_bg_left.png');
  background-repeat: no-repeat;
  color: #fff;
  line-height: 1.4em;
}

#header li .dropdown .inner {
  height: 59px;
  width: auto;
  padding:5px 20px 0 12px;
  background-image: url('../images/dropdown_bg_right.png');
  background-repeat: no-repeat;
  background-position: top right;
}

#header li > .dropdown {
	top: auto;
	left: auto;
}

#header li:hover .dropdown, #header li.over .dropdown {
  display: block;
}

#header li .dropdown .col {
  width: 92px;
  margin-right: 8px;
  float: left;
}

#header li .dropdown .last {
  width: 100px;
  margin: 30px 0 0 0;
}

#header li .dropdown h6 {
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 5px;
  border-bottom: 1px solid #fff;
}

#header li .dropdown ul {
  margin: 0;
}

#header li .dropdown li {
  float: none;
  margin: 0 0 2px 0;
}

/*Utility Nav*/
#header .subnav {
  float: right;
  width: 202px;
}

#header .subnav a {
  text-decoration: none;
  color: #626262;
  font-size: 10px;
  line-height: 1.0em;
  background-repeat: no-repeat;
  background-position: center left;
}

#header .subnav form {
  clear: both;
  margin-bottom: 6px;
}

#header .subnav a.login {
  float: right;
  background-image: url('../images/arrow_block_icon.gif');
}

#header .subnav a.cart {
  float: right;
  background-image: url('../images/cart_icon.gif');
}

#header #search {
  display: block;
  float: left;
  height: 25px;
  background-image: url('../images/search_left.png');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #4d4e4d;
  padding: 0 0 0 26px;
}

#header #search input.text {
  display: block;
  float: left;
  width: 151px;
  border: none;
  background-color: #4d4e4d;
  font-family: Helvetica, Arial, verdana;
  color: #fff;
  padding: 6px 0 0 0;
  margin: 0; 
}

#header #search button {
  display: block;
  float: left;
  width: 21px;
  height: 25px;
  margin: 0 0 0 4px;
  padding: 0;
  border: none;
  background-image: url('../images/search_button.png');
  background: transparent;  
  text-indent: -5000px;
}

#main_wrapper {
  text-align: center;
}

#main {
  width: 926px;
  margin: 0 auto;
  text-align: left;
}

#footer_wrapper {
  clear: both;
  height: 180px;
  padding: 50px 0 0 0;
  border-top: 4px solid #000;
  background-image: url('../images/footer_bg_grad.jpg');
  background-repeat: repeat-x;
  text-align: center;
}

#footer {
  clear: both;
  text-align: left;
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 926px;
  font-size: 11px;
  color: #767676;
  border-top: 1px solid #3a3a3a; 
}

#footer a {
  color: #767676;
}

#footer #footer_number {
  float: left;
}

#footer #footer_nav {
  float: right;
  text-align: right;
}

#footer #footer_nav li {
  float: left;
}

#footer #footer_nav li.sep {
  margin: 0 10px;
}

/***** General Content Elements ****/
#main a.section_link:link, 
#main a.section_link:visited, 
#main a.section_link:active, 
#main a.section_link:hover {
  font-style: italic;
  color: #e1162f;
  font-size: 12px;
} 

/*Three column layout*/
.three_col .col {
  float: left;
  width: 292px;
  margin: 0 24px 0 0;
}

.three_col .last {
  margin-right: 0;
  margin-top: 43px;
}
.three_col.music-page .last{
	margin-top: -19px;
}

/*Two Column Layout*/
.two_col .content {
  float: left;
  width: 608px;
}

.content_left .content {
  margin-right: 26px;
}

.content_right .content {
  margin-left: 26px;
}

.two_col .sidebar {
  float: left;
  width: 292px;
}


#main .features li {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #000;
}

#main .features li a:link,
#main .features li a:visited,
#main .features li a:active,
#main .features li a:hover {
  display: block;
  color: #727272;
  font-size:12px;
}

#main .features li .blurb {
  display: block;
  padding: 0 50px 0 0;
  background-image: url('../images/double_arrow.gif');
  background-repeat: no-repeat;
  background-position: center right;
}

#main .features li a:link .headline,
#main .features li a:visited .headline,
#main .features li a:active .headline,
#main .features li a:hover .headline {
  display: block;
  padding: 0 50px 0 0;
  background: none;
  color: #fff;
  text-transform: uppercase;
  font-size:13px;
  font-weight: bold;
}

#main .features li a:hover .headline {
  text-decoration: underline;
  color: #fff;
}

#main .features li h4 {
 padding-bottom: 3px;
}

#main .callout {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #b4b5b4;
}

#main .callout ul.sample_images {
  margin: 20px 0 0 0;
}

#main .callout ul.sample_images li {
  float: left;
  margin-right: 21px;
}
#main .callout ul.sample_images{
	
}
#main .callout ul.sample_images li.last {
  margin-right: 0;
  margin-top: 0;
  
}

.sidebar .nav {
  margin-bottom: 18px;
}

.sidebar .nav li {
  border-bottom: 1px solid #b4b5b4;
  font-size: 12px;
}

.sidebar .nav li a {
  display: block;
  padding: 12px 0 12px 12px;
  margin: 0 12px 0 0;
  background-repeat: no-repeat;
  background-position: center right;
  color: #8a8a8a;
  font-style: italic;
}

a.subscribe {
  display: block;
  margin: 0 60px 0 12px;
  font-size: 12px;
  font-style: italic;
  line-height: 23px;
  padding-left: 35px;
  background-image: url('../images/icons/rss.gif');
  background-repeat: no-repeat;
  background-position: center left;
}
.post a{
	font-style: italic;
}
div.post h3 a{
	font-style: normal;
}
p.desc_text {
  margin: 12px 60px 12px 12px;
  color: #8a8a8a;
  font-size: 12px;
  font-style: italic;
}

.pagination li {
  float: left;
  font-size: 12px;
}

.pagination a:link,
.pagination a:visited,
.pagination a:hover,
.pagination a:active {
  display: block;
  color: #6f6f6f;
  width: 13px;
  text-align: center;
  line-height: 13px;
  vertical-align: middle;
}

.pagination a:hover,
.pagination a.active {
  color: #e1162f;
}

.pagination .next {
  display: block;
  width: 13px;
  height: 13px;
  padding: 0 10px 0 0;
  background-image: url('../images/red_double_arrows_on_white.gif');
  background-repeat: no-repeat;
  background-position: center right;
  text-indent: -5000px;
}

.pagination .prev {
  display: block;
  width: 13px;
  height: 13px;
  padding: 0 0 0 10px;
  background-image: url('../images/red_r_double_arrows_on_white.gif');
  background-repeat: no-repeat;
  background-position: center left;
  text-indent: -5000px;
}

.gallery_grid {
  clear: both;
}

.gallery_grid li {
  float: left;
  width: 140px;
  height: 180px;
  margin: 24px 15px 0 0;
  overflow: hidden;
}

.gallery_grid li.last {
  margin-right: 0;
}

.gallery_grid a:link,
.gallery_grid a:visited,
.gallery_grid a:hover,
.gallery_grid a:active {
  color: #2b2b2b;
}

.gallery_grid a:hover .title_name {
  text-decoration: underline;
}

.gallery_grid a:hover .date {
  text-decoration: none;
} 

.gallery_grid .title {
  display: block;
  background-image: url('../images/red_double_arrows_on_white.gif');
  background-repeat: no-repeat;
  background-position: center right;
  color: #2b2b2b;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2em;
}

.gallery_grid .date {
  display: block;
  color: #6f6f6f;
}

/*Headers*/
.section_header {
  
}

.section_header h2 {
  height: 45px;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 20px 0 75px 0;
  text-indent: -5000px;
}

h2#about_ful_header {
  width: 253px;
  background-image: url('../images/headers/about.jpg');
}

h2#pipeline_header {
  width: 424px;
  background-image: url('../images/headers/pulse.png');
}

h2#gallery_header {
  width: 205px;
  background-image: url('../images/headers/gallery.jpg');
}
h2#shop_page_header{
	background-image: url(../images/headers/shop-ful.gif);
}
h4#stay_updated_header {
  width: 111px;
  height: 16px;
  background-image: url('../images/headers/stay_updated.gif'); 
}

h4#featured_categories_header {
  width: 176px;
  height: 16px;
  background-image: url('../images/headers/featured_categories.gif'); 
}

h4#recent_pipeline_posts_header {
  width: 183px;
  height: 16px;
  background-image: url('../images/headers/recent_pipeline_posts.gif'); 
}

h4#featured_artists_header {
  width: 117px;
  height: 12px;
  background-image: url('../images/headers/featured_artists.gif');
}

h4#friends_of_ful_header {
  width: 120px;
  height: 16px;
  background-image: url('../images/headers/friends_of_ful.gif');
}

h4#ful_events_header {
  width: 89px;
  height: 16px;
  background-image: url('../images/headers/ful_events.gif');
}

#main .content_header {
  width: 608px;
  height: 107px;
  margin: 0 0 32px 0;
  background-repeat: no-repeat;
  background-position: top left;
  color: #fff;
}

#main .content_header h3 {
  font-size: 14px;
  color: #fff;
  padding: 15px 0 0 12px;
  margin-bottom: 0;
}

#main .content_header p {
  padding: 8px 12px 0 12px;
}

#main .bealest_bg {
  background-image: url('../images/headers/bealest_bg.jpg');
  margin-top: 20px;
}

/*Category Icons*/
.category_as_scene_on {
  background-image: url(../images/red_double_arrows_on_white.gif);
}

.category_music {
  background-image: url('../images/red_double_arrows_on_white.gif');
}

.category_photos {
  background-image: url('../images/red_double_arrows_on_white.gif');
}
.category_friends_of_ful{
	background-image:url('../images/red_double_arrows_on_white.gif') ;
}
.category_ful_bags{
	background-image:url('../images/red_double_arrows_on_white.gif') ;
}
.category_style{
	background-image:url('../images/red_double_arrows_on_white.gif') ;
}
/***Home specific changes***/
 #index #wrapper {
  /*background image has to be reiterated for IE6*/
  background-image: url('../images/bg_grad.jpg');
  background-repeat: repeat-x;
  background-color: transparent;
  padding: 0;
}

 #index #header_wrapper {
  position: relative;
  margin-bottom: 326px;
  z-index: 1000;
}

/*Home - Hero Element*/
 #hero_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 398px;
  text-align: center;
}

#hero_wrapper #slide_nav {
  position: absolute;
  bottom: 10px;
  right: 50%;
  width: 89px;
  margin-right: -463px;
  padding-left: 6px; 
  background-image: url('../images/slide_nav_left.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

#hero_wrapper #slide_nav .inner {
  padding: 3px 6px 3px 0;
  height: 19px; 
  background-image: url('../images/slide_nav_right.gif');
  background-repeat: no-repeat;
  background-position: top right;
}

#hero_wrapper #slide_nav a:link,
#hero_wrapper #slide_nav a:hover,
#hero_wrapper #slide_nav a:active,
#hero_wrapper #slide_nav a:visited {
  display: block;
  width: 20px;
  height: 12px;
  padding: 3px 0 4px 0;
  text-align: center;
  float: left;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  background-image: url('../images/slide_nav_active.gif');
  background-repeat: no-repeat;
  background-position: 20px top;
}

#hero_wrapper #slide_nav a:hover,
#hero_wrapper #slide_nav a.active:link,
#hero_wrapper #slide_nav a.active:hover,
#hero_wrapper #slide_nav a.active:active,
#hero_wrapper #slide_nav a.active:visited {
  background-position: top left;
}

.hero {
  width: 100%;
  height: 398px;
  background-position: center top;
  background-repeat: no-repeat;
}

.hero_inner {
  width: 926px;
  margin: 0 auto;
  text-align: left;
}

.hero_content {
  width: 330px;
  height: 35px;
  padding: 228px 0 0 87px;
}

.hero_content p {
  margin: 0;
  color: #6f6f6f;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.hero_content a:link, 
.hero_content a:visited, 
.hero_content a:active, 
.hero_content a:hover {
  font-size: 12px;
  font-style: italic;
  color: #e1162f;
}

#hero_gameon { 
  background-image: url('../images/heros/game_on.jpg'); 
}

#hero_music {
	background-image: url(../images/heros/michelle-penn.jpg);
}
#hero_lost{
	background-image: url(../images/heros/lost.jpg);
}
/*Home - Content*/
 h4 {
  font-size: 14px;
  color: #fff;
}

 #main {
  color: #727272;
}

 .three_col {
  padding-top: 10px;
}
#index .col a {
display:block;
margin-bottom:5px;
}
#main .features {
 /* margin-top: 40px; */
}

 .features h4 {
  text-indent: 0;
}

 #main #music_player {
  margin-top: 40px;
}

 #main .callout {
  border-color: #000;
}

 #main .bottom {
  margin-bottom: 0;
  border-bottom: none;
}

#index #footer_wrapper {
  background-image: none;
  border-top: none;
}

 #index #main_wrapper {
  background-image: url('../images/home_bg_grad.jpg');
  background-repeat: repeat-x;
}


h4#browse_pipeline_header {
  width: 108px;
  height: 12px;
  background-image: url('../images/headers/browse_pipeline.gif');
}

h4#pipeline_archives_header {
  width: 60px;
  height: 12px;
  background-image: url('../images/headers/archives.gif');
}

/*Home - Bag Browser*/
#bag_browser {
  position: relative;
  height: 18px;
  background-color: #2b2b2a;
  padding: 120px 0 15px 0;
  z-index: 1000;
}
#bag_browser .mask {
/*background:transparent url(../images/left_grad.png) no-repeat scroll left top;*/
bottom:43px;
height:110px;
left:0;
overflow:hidden;
position:absolute;
width:100%;
}
img.grad{
position:absolute;
top:428px;
z-index:10000000;
}
img.grad.right_grad{
	right:0
}
* html img.grad{
	display: none;
}
#bag_browser .slider {
/*background:transparent url(../images/left_grad.png) no-repeat scroll left top;*/
bottom:0;
left:0;
padding:0 25px;
position:absolute;
z-index:;
}
#tooltip_overlay{
  display: none;
  position: absolute;
  z-index: 500;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0; /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0.65;
  -moz-opacity: 0.65; /* older Gecko-based browsers */
  filter:alpha(opacity=65); /* For IE6&7 */
}

#bag_browser .mask {
  width: 100%;
  height: 110px;
  position: absolute;
  left: 0;
  bottom: 43px;
  overflow: hidden;
} 

#bag_browser .slider {
  position: absolute;
  bottom: 0; 
  left: 0;
  padding: 0 25px 0 25px;
}

#bag_browser .slider li {
  position: relative;
  float: left;
  margin: 0 15px 0 0;
}

#bag_browser .slider li a {
  position: relative;
  display: block;
  width: 102px;
  height: 80px;
  overflow: hidden;
  z-index: 900;
}

#bag_browser .slider li a img {
  position: absolute;
}

#bag_browser .nav {
margin:4px auto 0;
overflow:hidden;
padding:0 0 0 12px;
width:926px;
}

#bag_browser .shop_all {
  float: right;
}

#bag_browser .nav h6 {
  float: left;
  font-weight: normal;
  font-size: 11px;
  color: #969696;
  margin-right: 8px;
}

#bag_browser .nav ul {
  float: left;
  margin-right: 16px;
}

#bag_browser .nav ul li {
  float: left;
  margin-right: 8px;
}

#bag_browser .nav a:link,
#bag_browser .nav a:visited,
#bag_browser .nav a:active,
#bag_browser .nav a:hover {
  color: #e5e5e5;
  font-style: italic;
}

#bag_browser .tooltip {
  /*display: none;*/
  position: absolute;
  font-family: Helvetica;
  left: -400px;
  z-index: 2000;
  opacity: 0;
  width: 392px;
  height: 259px;
  top: -226px;
  background-image: url('../images/tooltip.png');
  /*IE only*/
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='www.ful.com/ful/images/tooltip.png');
}

#bag_browser .tooltip[class] {
  /* for non-IE6 */
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url('../images/tooltip.png');

}

#bag_browser .tooltip p {
  margin: 0;
  font-style: italic;
  color: #fff;
}

#bag_browser .tooltip a.more_bags, #bag_browser .tooltip a.reviews {
  background-image: url('../images/tooltip_single_red_arrow.png');
  background-position: center right;
  background-repeat: no-repeat;
  display: block;
  width: 190px;
  font-size: 11px;
}

#bag_browser .tooltip a.buy_now {
  display: block;
  width: 163px;
  height: 25px;
  text-indent: -5000px;
  background-position:left top;
  background-repeat:no-repeat;
  background-image: url('../images/buy_now.png');
  margin-top: 5px;
}
#bag_browser .tooltip .image {
  float: left; 
  margin-left: 10px; 
  margin-top: 25px;
}
#bag_browser .tooltip .image img { 
  width: 148px; 
  height: 206px;
}

#bag_browser .tooltip .info { 
  float: left;
  margin-left: 23px; 
}

#bag_browser .tooltip .name {
  text-indent: 0px;
  font-size: 15px;
  background-image: url('../images/tooltip_double_red_arrow.png');
  background-position: center right;
  background-repeat: no-repeat;
  color: #3D3D3D;
  display: block;
  width: 190px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0px;  
}

#bag_browser .tooltip .description {
  border-top: 1.5px solid #e3e3e3;
  padding-top: 7px;
  line-height: 16px;
  font-size: 11px;
  max-width: 200px;
}

#bag_browser .tooltip .features {
  margin-top: 7px;
  list-style: disc;
  padding-bottom: 7px;
  border-bottom: 1.5px solid #e3e3e3;
  margin-bottom: 7px;
}

#bag_browser .tooltip .features li {
  text-indent: -7px;
  margin-left: 7px;
}

/*** Pages ***/
#published_pages .content {
  margin-bottom: 100px;
}

/*** Pipeline ****/
div.post ul.post-info{
	margin: 10px 0 0;
}
div.post ul.post-info li{
	margin-right: 10px;
}
li.post {
  margin: 0 0 8px 0;
  border-bottom: 1px solid #B4B5B4;
}

.post h3 {
  background-repeat: no-repeat;
  background-position: center right;
  line-height: 24px;;
}

.post .info {
  line-height: 1.2em;
  margin-bottom: 10px;
  color: #6f6f6f;
}
.post-content img{
	margin-bottom: 20px;
}
#comments {
  margin-top: 40px;
  padding-top: 15px;
  border-top: 2px solid #4d4e4d;
}

#comments h4#comment_header {
  float: left;
  display: inline; /*fixes IE6 double margin*/
  margin-left: 12px;
}

h4#comment_header {
  display: block;
  width: 67px;
  height: 12px;
  background-image: url('../images/headers/comments.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

a.post_comment_btn {
  float: right;
  display: block;
  width: 99px;
  height: 20px;
  background-image: url('../images/post_comment_btn.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  text-indent: -9999px;
}

#comments ul {
  margin-top: 25px;
}

#comments cite {
  font-style: normal;
  font-weight: bold;
}

#comments li {
  margin-bottom: 14px;
  padding: 0 12px 14px 12px;
  border-bottom: 1px solid #939393;
}

.blog_pagination .prev_page {
  float: right;
}

.blog_pagination .next_page {
  float: left;
}

.blog_pagination .disabled {
  display: none; 
  color: #6f6f6f;
}

/*Pipeline Footer Browser*/
#published_blog_posts #footer_wrapper {
  /*height: auto;*/
  padding-top: 32px;
  margin-bottom: 100px;
}

#pipeline_browser {
  width: 926px;
  margin: 0 auto 32px;
  text-align: left;
  color: #d1d1d1;
}

#pipeline_browser .categories {
  float: left;
  width: 608px;
}

#pipeline_browser .dates {
  float: left;
  width: 292px;
  margin-right: 14px;
}

#pipeline_browser a:link,
#pipeline_browser a:visited,
#pipeline_browser a:active,
#pipeline_browser a:hover {
  color: #d1d1d1;
}

#pipeline_browser .dates a:link,
#pipeline_browser .dates a:visited,
#pipeline_browser .dates a:active,
#pipeline_browser .dates a:hover {
  color: #8a8a8a;
}

#pipeline_browser h4 {
  color: #fff;
  margin-bottom: 15px;
}

#pipeline_browser h5 {
  margin-top: 0;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}

#pipeline_browser .col {
  width: 146px;
  margin-right: 7px;
}

#pipeline_browser .last {
  margin-right: 0;
}

#pipeline_browser ul li {
  margin-bottom: 12px;
}

#pipeline_browser .dates ol li {
  float: left; /*So that this will contain inner floats*/
  width: 100%;
  clear: both;
  padding: 0 0 8px 10px; 
  margin: 0 0 8px 0;
  border-bottom: 1px solid #000;
}

#pipeline_browser .dates ol li.bottom {
  margin-bottom: 0; 
  border-bottom: none;
}

#pipeline_browser .dates ol li li {
  float: left;
  clear: none;
  width: auto;
  padding: 0;
  margin: 0 8px 0 0;
  border-bottom: none;
}
/* ========== MUSIC/BAND PAGE =========*/


#main{
	overflow:hidden
}
#main_wrapper{
	height:auto !important
}
.pipeline-list h3 a{
	font-size: 13px;
	color:#fff;
}
.pipeline-list p a{
	color: #727272;
	background: transparent url(../images/double_arrow.gif) no-repeat right center;
	display:block;
	padding-right:20px
}
.pipeline-list{
	border-bottom:1px solid #1e1f21;
	margin-bottom:10px
}

h4#latest_posts_header,#h4 featured-song{
	background: transparent url(../images/latests_post.png) no-repeat left;
	width:292px;
	height:37px;
	margin-top:35px;
}
h4#latest_music_posts_header{
	background: transparent url(../images/latests_music_post.png) no-repeat top left;
	height: 27px;
}
h4#featured-song{
	
}
h4#featured-song{
	background: transparent url(../images/featured_song.png) no-repeat;
	width:292;
	height:37px
}

#main #music_player.callout{
	margin-top:0 !important;
}
.three_col{
	padding-top:12px !important
}
.music-page.three_col{
	padding-top: 55px !important;
}
.hero{
	background-image: url(../images/hero_velcro.jpg);
}
.hero{
	/*margin-top: -65px;*/
}
#hero_music .hero_content{
	padding-top:295px
}
.inner #main_wrapper{
	background-image:url(../images/home_bg_grad.jpg);
background-repeat:repeat-x;
orig.html (line 64)
background-color:#2C2C2C;
}

#wrapper-head{

}
#main .callout ul.sample_images {
margin:20px 0 0;
overflow:hidden;
}
p{
	color:#727272
}
.title-header{
	background: transparent url(../images/sample_header.gif) no-repeat top left;
}
.box{
	margin-top:20px
}
.inner #footer_wrapper{
	background: none;
	border:none
}


/*** Gallery ***/
#overlay {
  display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 500px;
	background-color: #131313;
}
#lightbox {
  display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10005;
	text-align: center;
}

#lightbox .slide {
  position: relative;
  margin: 0 auto;
  width: 200px;
  text-align: left;
  color: #6f6f6f;
}

#lightbox .slide a.close:link,
#lightbox .slide a.close:visited,
#lightbox .slide a.close:active,
#lightbox .slide a.close:hover {
  color: #fff;
  font-size: 12px;
  padding-left: 23px;
  vertical-align: middle;
  background-image: url('../images/double_arrow_left.gif');
  background-repeat: no-repeat;
}

#lightbox .slide .nav {
  display: block;
  position: absolute;
  top: 50%;
  width: 51px;
  height: 49px;
  text-indent: -5000px;
  outline: none;
  background-position: top right;
  background-repeat: no-repeat;
}

#lightbox .slide .prev {
  left: -80px;
  background-image: url('../images/lg_red_arrow_left.gif');
}

#lightbox .slide .next {
  right: -80px;
  background-image: url('../images/lg_red_arrow_right.gif');
}

#lightbox .preloader {
  width: 100px;
  padding: 0 0 0 24px;
  margin: 10px auto;
  color: #e1162f;
  background-image: url('../images/preloader.gif');
  background-repeat: no-repeat;
  background-position: center left;
}

/*** Sifr CSS ***/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h3 {
    font-family: Helvetica;
    height: 30px;
    visibility: hidden;
  }
  
  .sIFR-active .hero_content p {
    font-family: Helvetica;
    visibility: hidden;
  }
}
/* =Clearfix (all browsers)
--------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}
.float{
	float: left;
}
.float-right{
	float: right;
}
.clear{
	clear:both
}

.show_image {
  width: 540px;
  margin: auto; 
}

.show_image #previous {
  top: 320px;
  left: -100px;
  float: left;
  position: relative;
}

.show_image #next {
  top: 320px;
  right: -100px;
  float: right;
  position: relative;
}


.show_image img {
  max-width: 412px;
}

.show_image h1 {
}

.slideshow-copy p {
  font-size: 16px; 
}
/*========= CONTACT ==========*/
.contact_info{
	
}
.contact_info p{
	margin-bottom: 0;
}
.contact_info div.float{
	margin-right: 50px;
	margin-bottom: 10px;
}
p.press_inquiries{
	margin-top: 10px;
}

/*======= BULK ORDERS PAGE =========*/
.bulk_order form{
	width: 360px;
}
.bulk_order div.float{
	margin-right: 10px;
}

input{
	border:1px solid #BBBBBB;
	padding:3px;
}

.bulk_order form li{
	margin-bottom: 5px;
}
.bulk_order form label{
	display: block;
}
 .input_phone_fax input{
	width: 166px;
}
 .input_city input{
	width: 213px;	
}
.bulk_order div.float.input_zip,.bulk_order div.float.input_phone_fax.fax{
	margin-right: 0;
}
.input_name input,.input_email input,.input_comments textarea{
	width: 352px;
}
.input_comments textarea{
height: 100px;	
}
.corporate_order{
margin-left: 75px;	
}
.bulk_order,.corporate_order,h2.head_thanks{
	margin-top: 20px;
}
.bulk_order h2,.corporate_order h2{
	margin-bottom: 10px;
}