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

/*generic*/
html {height: 100%;}
body { 
        background: #757575 url(../images/hills/site_background2.gif) no-repeat center top; 
        margin: 0px;
        font: normal small tahoma, sans-serif;
        color: #aeaeae;
        height:100%;
    }
    ul { margin: 0; padding: 0px; list-style-type: none; }
    img { border: 0px;}
    h1 { 
        margin: 0px 30px 10px 0px;
        color: #c00;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
        font-size: xx-large;
        width: 650px;
        text-align: right;
        line-height: 1.5em;
    }
    h2 {
        font-family: georgia, serif;
        font-weight: normal;
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    h4 {
        margin: 0px;
        font-size: large;
        font-family: georgia, serif;
        font-weight: normal;
        
        }
    form { display: inline;}
    a:link, a:visited, a:hover { color: #aeaeae; text-decoration: underline;}
    a:hover { color: #eeeeee}
    td {vertical-align: top;}
/*skeleton*/    
    .canvas_wrap { 
        width: 900px; 
        margin: 0 auto;
        background: transparent url(../images/hills/content_back.png) top left repeat-y;
        
    }
    #header_side {

        width: 160px;
        float: left;
        height: 130px;
        padding: 10px 15px;
        line-height: 1.5em;
        filter:alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
    }
    #header_side p span { display: block; margin: auto; margin-top: 15px; color: #aeaeae; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;}
    #header_branding { 
    
        width: 690px; 
        float: left;
        position: relative;
        height: 130px;
        padding: 10px;
    
    }
    #header_branding h2 { text-indent: -4000px; border-bottom: none;}
    #header_branding img {
        float: left; 
        margin: 15px 0 0 20px;
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        }
    #header_tertnav ul { 
        width: 250px; 
        position: absolute;
        top: 0px;
        right: 20px;
    }
    #header_tertnav ul li { 
        float: left;    
        text-align: center;
        background: url(../images/hills/sub_tab.jpg) top left no-repeat;
        width: 82px;
        height: 20px;
    }
    #header_tertnav ul li.last {
        width: 80px;
        background-image: url(../images/hills/sub_tab_last.jpg);
    }
    #header_tertnav ul li a:link,     #header_tertnav ul li a:visited { text-decoration: none;}

    #search { 
        width: 250px; 
        float: right; 
        margin-right: 0px;
        margin-top: -15px;
    }
        
    #main_nav { 
        background-color: #a20f0a;
        height: 64px;
        /*filter:alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;*/
        position: relative;
        z-index: 2;
        
    }
    
    #nav_width_wrap { width: 900px; margin: auto;}
    
    #main_nav ul.nav_wrap {
        padding-right: 20px;
        width: 500px;
        float: right;
        margin: auto;
    }
    
    #main_nav ul.nav_wrap li {
        margin: 26px 2px 0 0;
        padding-top: 12px;
        text-align: center;
        background: transparent url(../images/hills/main_tab.png) top left no-repeat;
        height: 26px;
        width: 112px;
        float: right;
        position: relative;

    }
    #main_nav ul li a:link, #main_nav ul li a:visited { text-decoration: none;}
    #main_nav ul li.shut_nav ul.drop_nav { display: none; }
    #main_nav ul li.open_nav ul.drop_nav { display: block; margin-top: 9px; width: 120px; padding-bottom: 10px; border-top: 0;}
    #main_nav ul li.open_nav ul.drop_nav li { margin: 0px; display: block; background-color: #000; height: 25px; padding-top: 5px; text-align: center; background-image: none; left: -8px; }
    
    #content_wrap {
        
        width: 900px;
        
    }
    #sub_content { 
        float: left;
        width: 190px;
        height:100%;
    }
    #sub_content a { display: block; margin-bottom: 6px;}
    #main_content {
        width: 660px;
        float: left;
        padding: 25px;    
    }
    #cartLinks { padding: 20px 0 0 30px; color: #fff; width: 150px; float: left;}
    #cartLinks a:link, #cartLinks a:visited { color: #fff;}
    
    #main_content .intro span { 
        font:  xx-large Georgia, "Times New Roman", Times, serif;}
        
    #main_content p.intro {
        clear: both;
        font-size: medium;
        line-height: 1.9em;
        width: 75%;
        float: left;
    }    
    #main_content p.olympic{
        width: 25%;
        float: left;
    }
    .clearfix {
        clear: both;    
    }
    p.clearfix { margin: 0px; line-height: 0;}
    #skip_to{
        display: none;    
    }
    
    /*product details*/
    #productDetail { position: relative; background-color: #747475; border: 10px solid #343535; padding-bottom: 40px; color: #333;}
    #productDetail a.link:link, #productDetail a.link:visited, #productDetail a.link:hover { position: absolute; top: 20px; right: 20px; color: #333;}
    #productDetail h2 { margin: 20px; font-size: x-large;}
    #productPhotos {
        background-color: #747475;
        padding: 20px;
        
        }

#productDetail #productPhotos {
width: 350px !important;
}

    #productPhotos div img {
        border: 3px solid #c2bcbc;    
    }
    
    #extraDetails { 
        position: absolute;
        width: 180px;
        top: 90px; 
        right: 20px;
        color: #121212;
        
    }
    #extraDetails div { clear: both;}
    #extraDetails #qty { clear: none; float: left; width: 30px; }
    #qtyLabel { text-transform: lowercase; float: left; width: 30px; }
    
/*    #extraDetails .form-label { line-height: 0;}*/
    
    #prodThumbnails { 
        margin-left: 20px;
    
    }
    #price {
        font-size: x-large;
        font-family: Georgia, "Times New Roman", Times, serif;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #121212;
        
    }
    #sizeLabel, #size, #udfsLabel, #udfs {display: inline; font-size: small; line-height: 2em; }
    #sizeLabel, #udfsLabel{ margin-top: 15px; }
    

    .productPhotoThumbnailSection div a img { border: 3px solid #c2bcbc;}
        
    #productDescription { 
        margin: 20px;
        margin-top: 0px;
        }
        
    #productDescription .body p { width: 400px;}    
        
    #emailFriend a.sublink:link, #emailFriend a.sublink:visited, #emailFriend a.sublink:hover{ color: #eeeeee; font-size: small; display: block;}
    /*#extraDetails .form-label {padding-top: 10px; }*/
    
    
    #prodMainImage0 { min-height: 350px; }
    #prodThumbnailLeftArrow { margin-right: 5px;}
    #prodThumbnailRightArrow { margin-left: 5px;}
    
        
/*featured products */
    .content-odd2,.content-even2 { background-color: #747475; border: 10px solid #343535; color: #333; padding: 10px; width: 50%; height: 390px; text-align: center;}
    .content-odd2 .title a:link, .content-odd2 .title a:visited,.content-even2 .title a:link, .content-even2 .title a:visited { color: #7C0E05;}
    
    #productGrid table { clear: left; width: 620px; border-spacing: 20px; margin: 0 auto;}
    #productGrid table td img { margin: 0 auto; vertical-align: center;}
    div.photo { width: 200px; margin: 10px auto; }
    div.photo a { height: 200px; display: block; }
    .description p { margin: 0px;}
    
    #topOptions div.sort, #topOptions div.display { width: 470px; float: left; }
    #topOptions div.sort { width: 190px;}
    #topOptions div.sort div { display: inline;}

/*buttons*/
    #addToCartButton .submitBtn, #addToWishList input, .addToCartBtn a:link, .addToCartBtn a:visited, .detailBtn a:link,.detailBtn a:visited  { 
        width: 120px;
        height: 40px;
        border: none;
        color: #aeaeae;
        font-size: small;
        padding-bottom: 3px;
        margin-top: 15px;
        display: block;
    }
    #addToWishList { position: relative; top: -30px;}
        
    #addToCartButton .submitBtn, .addToCartBtn a:link, .addToCartBtn a:visited {
        background: url(../images/hills/add_to_cart.gif) top left no-repeat;
    }
    .addToCartBtn a:link, .addToCartBtn a:visited, .detailBtn a:link,.detailBtn a:visited  { padding-top: 9px; text-align: center; color: #aeaeae; margin: auto; }
    #addToWishList input, .detailBtn a:link,.detailBtn a:visited {
        background: url(../images/hills/wishlist.gif) top left no-repeat;    
    }
    #cartButtons input, .totalBtns input,#checkoutComplete input,.buttons input, #clientAccount #otherStats .goRight input, .logout a:link, .logout a:visited { background-color: #757575; border: 3px solid #2e2e2e; color: #2e2e2e; padding: 3px 10px; font-weight: bold; cursor:pointer; }
/* end buttons */

/*WIDGETS*/
/*search*/
#widgetSearch .top {}
#widgetSearch .field input { width: 180px; float: left;}
#widgetSearch .button a:link,  #widgetSearch .button a:visited {
    width: 31px;
    height: 23px;
    float: left;
    background: url(../images/hills/go.gif) top left no-repeat;
    text-align: center;
    text-decoration: none;
    padding-top: 3px;
    margin-left: 3px;
}
#searchForm .label { 
    color: #aeaeae;
    font-size: medium;
    margin: 10px 0 5px 0;
}
#searchFormSubmit input { background-color: #363636; border: 3px solid #828282; color: #aeaeae; margin-top: 20px;}
        
/*widget images*/
.widgetImages  { margin: 20px 0 0 20px;}
.widgetImages div { height: 10px;}
/*end widgets*/

/*checkout*/
.checkoutWelcome { display: none;}
table#cartItems { width: 100%; border-spacing: none; border-collapse: collapse;}
table#cartItems th { text-align: left;}
table#cartItems th, table#cartItems td { padding: 5px; border: 1px solid #757575;}
table#cartItems th:last-child { width: 40px;}
#cartAmounts { text-align: right; font-size: medium; margin: 10px; margin-right: 0px; width: 252px; float: right;}
#cartAmounts a:link, #cartAmounts a:visited, #cartAmounts a:hover { font-size: small;}
#cartAmounts div { clear: left;}
#cartAmounts div div.field-label { border-right: 1px dotted #757575; }
#cartAmounts div div.field-label, #cartAmounts div div.field-price { clear: none; width: 120px; float: left; border-bottom: 1px dotted #757575; margin-bottom: 5px; padding-right: 5px;}
#cartButtons {margin-top: 15px; clear: both;}
#cartButtons input:last-child, .totalBtns input:last-child { background-color: #323b20; border: 3px solid #242b17; color: #aeaeae;  cursor:pointer;}
#billAddress h2 { clear: both; margin-top: 20px;}
table td#billAddressCompanyLabel, table td#shipAddressCompanyLabel, table td div#ccCardTypeLabel, td div#ccCardNumberLabel, table td div#ccHoldersNameLabel, td div#ccExpDateLabel, td div#ccCVV2Label { width: 200px; text-align: right;    }
#billAddress td, #billAddress td.form-label, #shipAddress td, #shipAddress td.form-label, #paymentInfo td, #paymentInfo td.form-label { text-align: right; padding-right: 10px;}
#billAddress td input, #billAddress td select, #shipAddress td input, #shipAddress td select, #paymentInfo td input, #paymentInfo td select { float: left; width:200px;}
#billAddress td select, #shipAddress td select, #paymentInfo td select { width: 205px;}
#paymentInfo td textarea { width: 400px; float: left;}
#billAddress label, #paymentInfo label { display: block; margin-top: 15px; text-align: left;}
#billAddress label input { width: 20px; margin-left: 110px;}
#paymentInfo label input { width: 20px; }
#ccCVV2Input, #ccExpDateInput { text-align: left; }
#ccCVV2Input input, #ccExpDateInput input { margin-right: 10px;}
.popup { font-size: x-small;}
#ccCVV2Label img { margin-top: 3px;}
.totalLabel { width: 80px; text-align: right; padding-right: 10px;}
.totalField { padding-left: 10px; width: 280px;}
.totalLabel, .totalField { border-bottom: 1px dotted #757575; margin-bottom: 15px; padding-bottom: 5px; color: #fff;}
.totalLabel { border-right: 1px dotted #757575}


/*errors*/
#errorDiv, #pageError { padding: 10px; color: #851713; font-weight: bold; }
#pageError a.sublink:link, #pageError a.sublink:visited { display: block; margin-top: 10px;}
.cartError { background-color: #e5e1c0;}
/*member stuff - some wishlist stuff too*/

#clientAccount hr {display: none;}
#billInfo { clear: both;}
#billInfo, #shipInfo { width: 250px; height: 150px; padding: 20px; float: left; margin: 15px; border: 1px solid #757575; position: relative;}
#billInfo .hdr-title, #shipInfo .hdr-title { color: #c00; font-size: medium;}
#billInfo .goRight a.sublink:link, #shipInfo .goRight a.sublink:link, #billInfo .goRight a.sublink:visited, #shipInfo .goRight a.sublink:visited { width: 60px; position: absolute; top: 20px; right: -10px;}
#orderList { clear: both;}
#orderList .hdr-title, #myAccount .hdr-title {     
    clear: both;
    font-family: georgia, serif;
    font-weight: normal;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: large;
    margin: 15px 0;
}
#orderList .title { margin-top: 10px;}
#orderList table { width: 100%;}
#orderList table th { text-align: left;}
#orderList .all-link a:link { margin: 20px 0; padding-top: 20px;display: block; border-top: 1px solid #aeaeae;}

#clientAccount .logout { width: 300px;  color: #121212;}
#clientAccount .logout a:link, #clientAccount .logout a:visited {  margin-right: 5px; width: 100px;}
#clientAccount table#orderList { width: 400px; border-collapse: collapse; margin-top: 15px;    }
#clientAccount table#orderList th, #clientAccount table#orderList td { text-align: left; border: 1px solid #757575; padding: 2px 5px; }
#orderList .hdr-title { font-size: small; font-weight: bold; font-family: thoam, sans-serif; color: #787878; border-bottom: none; }
.container .buttons input { background-color: #363636; border: 3px solid #2e2e2e; color: #aeaeae; margin-top: 15px;}
/*create account*/
#existingCustomer, #newCustomer { width: 250px; padding: 20px; float: left; margin: 15px; border: 1px solid #757575; height: 300px;}
#existingCustomer .hdr-title, #newCustomer .hdr-title { font-size: medium; font-weight: bold;}
#existingCustomer input, #newCustomer input { margin: 5px;}
#clientAccount .body { clear: both;}

/*reviewing order history*/
#clientAccount #orderDetails { margin-left: 15px;}
#clientAccount #orderDetails td { padding: 2px 10px; border: 1px solid #757575;}
.moneyFormat { text-align: right;}
.buttons { margin-top: 10px;}
#otherStats { margin: 20px 0; }
#clientAccount #otherStats .goLeft { width: 250px; float: left;} 
#clientAccount #otherStats .goRight { clear: both; width: 450px;  margin: 10px 0; }
#paymentInfo { clear: both;}
/*.buttons input, #clientAccount #otherStats .goRight input { background-color: #363636; border: 3px solid #2e2e2e; color: #aeaeae; text-align: center;}*/
#clientAccount #pageNote { clear: both; margin: 25px 0 15px 0; font-size: medium;}
/*pagination*/
.pagination .goLeft { clear: both; float: left; width: 300px; margin-top: 15px;}
.pagination .goRight { float: right; width: 300px; text-align: right; margin-top: 15px;}

/*FAQ page*/
.closed { display: none;}
.opened { display: block;}
dl#faq { }
#faq dt { color: #787878; text-decoration: underline; cursor: pointer; line-height: 2em; }
#faq dd { padding: 15px; border: 1px solid #787878; margin: 15px 0 15px 0;}
#faq dd a:link, #faq dd a:visited { color: #aeaeae;}

/*contact us page */
#custom_form-1 .form-label-required, #custom_form-1 .form-label { width: 160px; float: left; text-align: right; clear: left; margin: 6px 10px 0 0;} 
#custom_form-1 .form-field { width: 250px; float: left;}
#custom_form-1 .form-field input, #custom_form-1 .form-field textarea { width: 200px; margin-top: 6px;}
#custom_form-1 .form-field textarea { width: 205px;}

/*artists and symbols list*/
#artist_list table { border-collapse: collapse;}
#artist_list table td {vertical-align: top; border: 1px solid #757575; color: #363636;}
#artist_list table th {text-align: left; background-color: #363636; border: 1px solid #757575;}
#artist_list .closed {display: none; margin-top: 10px;}
#artist_list .open {display: block; margin-top: 10px;}
#artist_list dl.list { width: 300px; float: left;}
#artist_list table.bioTab { width: 380px; margin: 0px 0; position: absolute; top: 0; left:-40px; background-color: #666}
#artist_list .active {color: #c00; padding-left: 15px; height: 20px; background: url(../images/hills/close.gif) 0px 4px no-repeat;cursor:pointer; }
#artist_list .inactive { color: #787878; padding-left: 15px; height: 20px; background: url(../images/hills/open.gif) 0px 4px no-repeat;cursor:pointer;}
#artist_list dd {position:relative;}
#page_holder { width: 390px; margin: auto; }
.pageinator, .active_page { display: inline; margin-right: 5px;}
.active_page { color: #c00; font-weight: bold;}
.pageinator span { text-decoration: underline; cursor:pointer;}
#artist_list #content { position: relative; z-index: 200;}
div.bio { padding: 10px;}

/*locations*/
table.map {border-collapse: collapse; width: 100%;}
table.map th { text-align: left;}
table.map th, table.map td { border: 1px solid #757575; padding: 10px;}
table.map td h4 { color: #7c0e05;}
table.map td strong { font-weight: normal;}
.pageNote img { margin-right: 5px; border: 2px solid #c2bcbc;}
#locations img { border: none;}

/*footer stuff*/
#footer {
    background: #a20f0a;
    height: 50px;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;    
}
#tert_content {
    margin: auto;
    margin-top: 15px;
    width: 900px;
    background: transparent url(../images/hills/tert_content_top.gif) top left no-repeat;    
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;    
    
}
#list_wrap {
    width: 860px;
    background: transparent url(../images/hills/tert_content_back.gif) top left repeat-x;    
    
}
#list_wrap #map_wrap { width: 800px; margin: auto;}
#list_wrap .map {
    width: 180px; 
    float: left;    
    margin: 20px 10px;
    text-align: center;
}
#list_wrap .map img { margin-bottom: 15px;}
#list_wrap .map strong { display: block; font-weight: normal;}

#list_wrap { padding: 20px;}
#list_wrap h2 { margin-top: 0px; }


.panel-content { left: -125px;}