f/*-----------------------------------------------------------------------------

    Author:    David Montgomery
    
    *** Font size (px/em) ***
    
    10  font-size: 0.833em;
    11  font-size: 0.917em;
    12  font-size: 1em;
    13  font-size: 1.083em;
    14  font-size: 1.167em;
    15  font-size: 1.25em;
    16  font-size: 1.333em;
    18  font-size: 1.5em;
    20  font-size: 1.667em;
    
    
    *** Colors ***
    
    1. Background           #fff
    2. Body Text            #000
    3. Form Background      #ededed
    4. Header Background    #002241
    5. Headings             #0071bb
    6. Join Form Text       #002241
    7. Links                #0071bb
    8. Nav Background       #0071bb
    
    
    *** Groups ***
    
    Global
    Sticky footer
    Typography
    Header
    Layout
    Navigation
    Footer
    Forms
    Tables
-----------------------------------------------------------------------------*/

/* =Global
-----------------------------------------------------------------------------*/

/*** reset ***/
body, td, th, textarea, input {
  font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}
html,body,form,fieldset,input,select {margin: 0; padding: 0;}
sup {vertical-align: top;}
a img {border: none;}
table, tr, td, input, select, textarea, ul, ol { font-size: 1em; vertical-align: top; }
em, strong { font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; }

* {
    padding: 0;
    margin: 0;
}

a {
    outline: none;
}
body {
    font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    background: #ccc;
    font-size: 75%; /* 12 */
    line-height: 1.333em; /* 16 */
}

#container {
    width: 1010px;
    margin: 0 auto;
    background: #245f5a url(/images/bg-tile.png) repeat-x 0 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    padding: 0;
    margin: 0;
    height: 0;
    clear: both;
    overflow: hidden;
}

.accessibility {
    position: absolute;
    left: -999em;
}

ul {
    list-style: none;
}

a {
    color: #D2BB5D;
    text-decoration: none;
	font-weight:bold;
	font-variant:small-caps;
}

a:hover {
    color: #187DBA;
	
}
/*** Global Content ***/

/* General list */
.content ul {

}

p {
    line-height: 18px;
}

ol { 
    list-style: decimal;
    list-style-position: outside;
    margin: 0 0 15px 20px; /* Need to tweak for IE */
}


/* 
-----------------------------------------------------------------------------*/
tr.tr_hover td, tr.stripe.tr_hover td, tr.tr_hover th, tr.stripe.tr_hover th { /* rollover on table */
    background: #fdfada;

}



/* =Typography
-----------------------------------------------------------------------------*/

h1 {
    margin-bottom: 2px;
}
h1.welcome_to_the_stetson_group {
    background: transparent url(/images/h1-welcome.png) no-repeat 0 0;
    height: 11px;
}

h1.shop_online {
    background: transparent url(/images/h1-shop-online.png) no-repeat 0 0;
    height: 11px;
}

h1.stetson_group_photo_gallery {
    background: transparent url(/images/h1-stetson-group-photo-gallery.png) no-repeat 0 0;
    height: 11px;
}

h1.contact {
    background: transparent url(/images/h1-contact.png) no-repeat 0 0;
    height: 11px;
}

h1.current_shows {
    background: transparent url(/images/h1-current-shows.png) no-repeat 0 0;
    height: 11px;
}

h1.cds_for_sale {
    background: transparent url(/images/h1-cds-for-sale.png) no-repeat 0 0;
    height: 11px;
}

h1.merchandise_for_sale {
    background: transparent url(/images/h1-merchandise-for-sale.png) no-repeat 0 0;
    height: 11px;
}

h1.dvds-for-sale {
    background: transparent url(/images/h1-dvds-for-sale.png) no-repeat 0 0;
    height: 11px;
    margin-bottom: 6px;
}

h1.stetson_group_tour_partners {
    background: transparent url(/images/h1-stetson-group-tour-partners.png) no-repeat 0 0;
    height: 11px;
    margin-bottom: 6px;
}

h1.equipment_hire {
    background: transparent url(/images/h1-equipment-hire.png) no-repeat 0 0;
    height: 13px;
}

h1.about_stetson {
    background: transparent url(/images/h1-about-stetson.png) no-repeat 0 0;
    height: 11px;

}

h1.stetson_history {
    background: transparent url(/images/h1-stetson-history.png) no-repeat 0 0;
    height: 13px;
}

h1.checkout{
    background: transparent url(/images/h1-checkout.png) no-repeat 0 0;
    height: 11px;
}

h1.past_shows{
    background: transparent url(/images/h1-past-shows.png) no-repeat 0 0;
    height: 11px;
} 

h3 {
    font-size: 15px;
    margin-bottom: 10px;
}


h2.h2_example1 {
    background: transparent url(/images/h2-example.png) no-repeat 0 0;
    height: 11px;
    margin-bottom: 18px;
}

h3.cds_for_sale {
    background: transparent url(/images/h3-cds-for-sale.png) no-repeat 0 0;
    height: 11px;
    margin-top: 20px;
}

h3.merchandise_for_sale {
    background: transparent url(/images/h3-merchandise-for-sale.png) no-repeat 0 0;
    height: 11px;
    margin-top: 20px;
}

h3.dvds_for_sale {
    background: transparent url(/images/h3-dvds-for-sale.png) no-repeat 0 0;
    height: 11px;
    margin-top: 20px;
}

p {
    margin-bottom: 12px;
}

/* @end */

/* @group Header */

/* =Header
-----------------------------------------------------------------------------*/
a.logo {

    display:block;
    height:185px;
    left:16px;
    position:absolute;
    top:14px;
    width:414px;
}

#header {
    position: relative;
    height: 204px;
    background: #040202 url(/images/bg-banner.jpg) no-repeat 100% 0;
}



/* =Layout
-----------------------------------------------------------------------------*/
.content {
    padding: 0 0 0 17px;
    color: #fff;
}

.col1 {
    float: left;
    width: 630px;
    margin-right: 73px;
    display: block;
}

.col1.sale {
    width: 705px;
    margin-right: 10px;
}

body.gogoTemplatePage .col1,
body.full_width .col1 {
    margin-right: 0;
    width: 100%;
}

.col2 {

    float: left;
    width: 265px;
    padding-top: 30px;
}

/*** Sidebar ***/

.picture_holder {
    margin-bottom: 15px;
    text-align: center;
}


img.sub_head {
    padding-top: 20px;
}

/* =Content
-----------------------------------------------------------------------------*/
.image_content {
    float: left;
    padding: 0 10px 0 0;
}


/* =Navigation
-----------------------------------------------------------------------------*/
/*** START - Top nav  ***/

  #nav {
    background: url(/images/bg-nav.png) no-repeat 0 0;
    height: 34px;
    width: 984px;
    margin-left: 13px;
    margin-bottom: 35px;
}

#nav ul {
    width: 160px; /* 1st level drop down width */ 
    border: 2px solid #7d9597;
    position: absolute;  /* 1st level drop down position */ 
    top: 28px;
    left: 13px;
    display: none;
    float: left;
    background: #25625d;
    padding-bottom: 15px;
    padding-top: 0 !important;
}

#nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#nav li {
    padding-top: 11px;
    position: relative;
    list-style: none;
    float: left;
   
}

    

#nav ul li {
    border-top: 0;
}

#nav li a {
    float: left;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    background: url(/images/drop_menu/drop_bg.jpg) repeat-x bottom left; /* If you want this you can`t have the arrow */
    width: 130px; /* Width of buttons top level */
    height: 17px;
    text-indent: -999em;
}

#nav li ul li a {
    display: block;
    width: 140px; /* Width of buttons 2nd level */
    padding: 0 0 0 20px; /* Sub Menu Styles */
    text-decoration: none;
    color: #777;
    text-align: left;
    border-right: none;
    font-weight: bold;
    line-height: 25px;
    background: none;
    clear: both;
    float: none !important;
    border: 1px solid #25625d;
}

/** html #nav li ul li a {
    width: 160px;
    w\idth: 140px;
}*/

ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { 
    display: none; /* Hide sub-menus initially */
}

ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { 
    display: block; /* The magic */
}

ul#nav li.menuparent {
    background: transparent url(/images/drop_menu/bullet_down.gif) no-repeat right center;
}

ul#nav li li.menuparent {
    background: transparent url(/images/drop_menu/bullet_down.gif) right center no-repeat;
}

ul#nav li.menuparent:hover,
ul#nav li.over {
    /*background-color: #f9f9f9 !important;*/
}

ul#nav li a:hover { 
    color: #fff;
    background: #cc0000;

}


/*** END - Top nav  ***/

/*** nav buttons ***/


#nav li#home a {
    margin-left: 35px;
    background: transparent url(/images/bg-buttons.png) no-repeat 0 0;
    width: 51px;

}

#nav li#home a:hover, #nav li#home.current a {
    background-position: 0 -39px;
}

#nav li#show a {
    margin-left: 21px;
    background: transparent url(/images/bg-buttons.png) no-repeat -51px 0;
    width: 61px;
}

#nav li#show a:hover, #nav li#show.current a {
    background-position: -51px -39px;
}

#nav li#photo a {
    margin-left: 22px;
    background: transparent url(/images/bg-buttons.png) no-repeat -112px 0;
    width: 134px;
}

#nav li#photo a:hover, #nav li#photo.current a {
    background-position: -112px -39px;
}

#nav li#about a {
    margin-left: 23px;
    background: transparent url(/images/bg-buttons.png) no-repeat -246px 0;
    width: 133px;
}

#nav li#about a:hover, #nav li#about.current a {
    background-position: -246px -39px;
}

#nav li#shop a {
    margin-left: 20px;
    background: transparent url(/images/bg-buttons.png) no-repeat -379px 0;
    width: 44px;
}

#nav li#shop a:hover, #nav li#shop.current a{
    background-position: -379px -39px;
}


#nav li#equipment a {
    margin-left: 20px;
    background: transparent url(/images/bg-buttons.png) no-repeat -423px 0;
    width: 148px;
}

#nav li#equipment a:hover, #nav li#equipment.current a {
    background-position: -423px -39px;
}

#nav li#contact a {
    margin-left: 22px;
    background: transparent url(/images/bg-buttons.png) no-repeat -571px 0;
    width: 75px;
}

#nav li#contact a:hover,  #nav li#contact.current a{
    background-position: -571px -39px;
}

#nav li#partners a {
    margin-left: 22px;
    background: transparent url(/images/bg-buttons.png) no-repeat -646px 0;
    width: 88px;
}

#nav li#partners a:hover, #nav li#partners.current a {
    background-position: -646px -39px;
}

#nav li#show ul li,
#nav li#about ul li,
#nav li#shop ul li {
    padding-top: 0;
    padding-bottom: 5px;
}

#nav li#show ul li a,
#nav li#about ul li a,
#nav li#shop ul li a
{
    font-family: Verdana, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; 
    font-size: 12px;
    background: none;
    text-indent: 0;
    margin-left: 0;
    width: auto;
    color: #ffe0b3;
}

 #nav li#show ul li a:hover,
 #nav li#about ul li a:hover,
 #nav li#shop ul li a:hover
 {
        text-decoration: none;
        color: #fff;
 }
/* =General buttons
-----------------------------------------------------------------------------*/
a.button_enquiry {
    padding-top: 15px;
    display: block;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
    padding-top: 50px;
}

#inner_footer {
    width: 970px;
    margin: 0 auto;
    padding: 20px;
    height: 181px;
    color: #fbfcff;
    position: relative;
}

#inner_footer ul {
     background: transparent url(/images/bg-footer-nav.png) repeat-x 0 0;
     height: 48px;
     padding-top: 15px;

}
#inner_footer li {
    float: left;
    margin-right: 10px;
    display: inline;
}

#inner_footer ul a {
    display: block;
    float: left;
    color: #fbfcff;
    text-transform: uppercase;
    margin-right: 8px;
}

#inner_footer a:hover {
    color: #187dba;
}

.footer_note {
    font-size: .8333em;
    position: absolute;
    top: 80px;
    right: 20px;
    
}

.footer_note a {
    color: #187dba;
}

#inner_footer .footer_note a:hover {
    text-decoration: none;
    color: #000;
}


/* =Page specific
/-----------------------------------------------------------------------------*/
/*** for sale pages ***/
/** shopping cart **/

.button_checkout {
    margin: 0 0 0 16px;
}

.cart_total {
    color: #333;
    margin-left: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.total_amount {
    color: #d72727;
    font-weight: bold;
}


.shopping_cart table { 
    border-spacing: 0;
    border-collapse: collapse;
    margin-left: 15px;
    margin-bottom: 20px;
    width: 210px;
    background: #fff;
    border: 1px solid #999;
}

table.order { width:100%; margin-left:0px; margin-right:0px; padding:5px; }
th { text-align:left; }
.shopping_cart th {
    text-align: left;
    text-align: right;
    color:black;
}
  
.shopping_cart td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    padding: 5px;
    color: #333;
}

.shopping_cart tr.stripe td {
    background: #f2f2f2;
}

.cart_heading {
    margin-bottom: 15px;
}

.thumb_cart {
    border: 1px solid #fff;
}
.shopping_cart {
    background: #fff;
    width: 240px;
    border: 2px solid #fff;
    padding-bottom: 19px;
}

.sale_listing {
    padding: 20px  0 0 0;
    margin: 0;
}

.sale_listing li {
    float: left;
    width: 320px;
    margin-right: 30px;
    margin-bottom: 35px;
}

ul.track_listing li {
    float: none;
    width: auto;
    margin-left: 10px;
    margin-bottom: 5px;
}

.track_listing {
    margin-bottom: 25px;
}

.sales_photo {
    border: 2px solid #fff;
    margin-bottom: 10px;
}

.sale_listing h3 {
    
}

a.button_sale {
    display: block;
    position: relative;
    top: -10px;
}

.postage_item {
    margin-bottom: 11px;
}
.postage_copy {
    width: 170px;
    float: left;
    margin-right: 15px;
    /*margin-bottom: 20px;*/
}
/*** shows ***/

.buy_ticket_wrap {
    padding-top: 20px;
}

.show_detail {
    position: relative;
    padding-top: 15px;
}

.detail_copy {
    float: left;
    margin-right: 35px;
    width: 300px;
}

.detail_copy p {
    font-size: 14px;
}

/*** about ***/
ul.history {
    margin-left: 20px;
}

.history li {
    margin-bottom: 5px;
}

a.show_buy_ticket {
    float: left;
    display: block;
    position: relative;
    top: -15px;
}

/*** online shop ***/
.shop_box {
    text-align: center;
    float: left;
    margin-right: 45px; /* 50 */
}


.shop_img_holder {
    padding-left: 52px;
}

a.shop_img_wrap {
    background: #25625d;
    border: 2px solid #fff;
    float: left;
    
    width: 258px;
    height: 205px;
    text-align: center;
}

a.shop_img_wrap:hover {
    border: 2px solid #187DBA;
}

img.shop_subheads {
    padding-top: 20px;
}

/*** gallery ***/

.content ul.product_listing {
    margin-left: 0;
}

.product_listing li {
    list-style: none;
    margin-bottom: 35px;
    background: url(/images/border-full.png) no-repeat 0 100%;
    padding-bottom: 20px;
}

.photo_holder {
    float: left;
    margin: 0 20px 15px 0;
}

.product_description {
    margin-top: 20px;
    float: left;
    width: 622px;
}

.photo_holder img {
    border: 2px solid #fff;
}
/*** homepage ***/
.show_listing {
    position: relative;
}

.show_listing .caption {
    width: 474px;
}

.show_listing p {
    font-size: .917em;
}

img.show_list {
    position: relative;
    left: -6px;
    margin-bottom: 6px;
}

a.buy_ticket {
    position: absolute;
    top: 115px;
    right: 30px;
}
/*** START - News / Artciles ***/
ul.items {
    list-style: none;
    margin: 0;
}

ul.items li {
    background: #ff9999;
    margin-bottom: 10px;
}

ul.items img {
    float: left;
    padding: 0 15px 0 0;
}
/*** END - News / Artciles ***/

/*** START - Pagination ***/
ul.pagination {
    list-style: none;
    margin: 0;
    float: right;
}

ul.pagination li {
    float: left;
    margin: 0 5px 0 0;
    background: #ccc;
}

ul.pagination a {
    color: red;
    float: left;
    padding: 2px 7px;
    border: 1px solid #999;
}

ul.pagination a:hover, ul.pagination li.current a {
    color: #333;
    background: #fff;
}
/*** END - Pagination ***/


/* =misc
-----------------------------------------------------------------------------*/
img.border {
    padding-top: 6px;
    margin-bottom: 19px;
}