/*
========================================================================
Filename:		styles.css
Date Created:	2009-02-27
Description:	CSS stylesheet for component structure and typography
				for layout width >= 800px
Project:		Earth Moments
Author:			Manmath Rajput (manmath.rajput@atticmedia.com)
========================================================================
*/

/*-----------------------------------------------------------------
 Default Styles 
----------------------------------------------------------------- */
*
{
    margin: 0px;
    padding: 0px;
}
html
{
    overflow:scroll;
    overflow-x:hidden;
}
html, body
{
    height: 100%;
}
body
{
    background-color: #dddccb;
    text-align: left;
    font-family: Arial, Tahoma, Helvetica, Sans-Serif;
    font-size: 70.01%;
}
a
{
    text-decoration: none;
    color: #5F5E59;
}

a:hover
{
    color: #768F00;
    text-decoration: underline;
}

img
{
    border: none;
}
p
{
    margin: 3px 0 3px 0;
    padding: 5px 0 0 0;
}
ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: auto;
}
ul li
{
    float: left;
}
fieldset
{
    border: none;
}
.textbox
{
    width: 125px;
}
.dropdown
{
    width: 175px;
    border: solid 1px #DFB994;
    background-color: #FFFEEC;
}
input[type=button]
{
    font-family: Verdana, arial;
}
input[type=text], input[tye=password], select, checkbox, textarea
{
    background-color: #FFFEEC;
    border: solid 1px #A4B97F;
}

.spacer5
{
    clear: both;
    height: 5px;
}
.spacer10
{
    clear: both;
    height: 5px;
}
.spacer15
{
    clear: both;
    height: 15px;
}
.spacer20
{
    clear: both;
    height: 20px;
}
.error
{
    display: inline;
    color: red;
}

.cls
{
    clear: both;
    height: 0px;
}
.progress_bar
{
    display: block;
    position: absolute;
    margin: 5px 350px;
}
.progress_bar img
{
    display: block;
    float: left;
    margin: 0 10px 0 5px;
}
/*-----------------------------------------------------------------
 Typograpgy
----------------------------------------------------------------- */
h1
{
    display: inline-block;
    font-family: Arial, Verdana;
    color: #3D282D;
    font-weight: normal;
    font-size: 170%;
    margin: 5px 0 5px 0;
}
h2
{
    font-family: Arial, Verdana;
    font-size: 150%;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    clear: both;
}
h3
{
    font-size: 85%;
    font-weight: bold;
    display: block;
    margin: 15px 0 0 0;
}

/*-----------------------------------------------------------------
 Common Classes
----------------------------------------------------------------- */
.display_none
{
    display: none;
}
.display_block
{
    display: block;
}
.hidden
{
    margin-top: -9999px !important;
    position: absolute !important;
    display: none;
}
.float_left
{
    float: left !important;
}
.float_right
{
    float: right !important;
}
.clear_right
{
    clear: right !important;
}
.clear
{
    clear: both !important;
}
.error
{
    color: #ff0000;
}
.margin
{
    margin: 0 0 15px 0 !important;
}
.Send, .button-small, .button-size1, .button-size2, .button-size3, .button-size4
{
    background: url(../images/buttons/button_bg_size1.gif) top center no-repeat;
    width: 133px;
    height: 23px;
    text-align: center;
    border: 0px;
    color: #fff;
    padding: 0 0 3px 0;
}
a.Send, a.button-small, a.button-size1, a.button-size2, a.button-size3, a.button-size4
{
    display: inline-block;
    padding: 3px;
    height: 18px !important;
}
.Send
{
    background: url(../images/buttons/button_small.gif) top center no-repeat;
    width: 44px;
    font-size: 95%;
}
.button-small
{
    background: url(../images/buttons/button_small.gif) top center no-repeat;
    width: 44px;
    font-size: 95%;
    font-weight: bold;
}
.button-size2
{
    background: url(../images/buttons/button_bg_size2.gif) top center no-repeat;
    width: 183px;
}
.button-size3
{
    background: url(../images/buttons/button_bg_size3.gif) top center no-repeat;
    width: 243px;
}

.button-size4
{
    background: url(../images/buttons/button_bg_size5.gif) top center no-repeat;
    width: 80px;
    font-weight: bold;
    font-size: 80%;
}

.Send:hover, .button-small:hover, .button-size1:hover, .button-size2:hover, .button-size3:hover, .button-size4:hover
{
    background-position: left -23px;
    background-repeat: no-repeat;
    color: #fff;
}
a.Send:hover, a.button-small:hover, a.button-size1:hover, a.button-size2:hover, a.button-size3:hover, a.button-size4:hover
{
    background-position: 2px -23px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: default;
    text-decoration: none;
    height: 18px !important;
    padding: 3px;
}
/*-----------------------------------------------------------------
 Containers 
----------------------------------------------------------------- */
.background
{
    background: url(../images/backgrounds/background_tile.jpg) center top repeat-y;
}
.outer-wrapper
{
    background: url(../images/backgrounds/background.jpg) top center no-repeat;
    min-height: 100%;
    height: auto;
}
.content-wrapper
{
    width: 770px;
    margin: 0px auto;
}

/*-----------------------------------------------------------------
 Top Strip
------------------------------------------------------------------*/
.top-strip
{
    display: block;
    float: left;
    background: url(../images/backgrounds/top_image.jpg) no-repeat center -14px;
    width: 100%;
    height: 38px;
}
/*-----------------------------------------------------------------
 Header & It's Elements
----------------------------------------------------------------- */
.header
{
    float: left;
    margin: 20px 0 0 0;
    clear: both;
    height: 140px;
}
.header .logo
{
    float: left;
    margin: 10px 0 0 0;
    width: auto;
}
.header .logo img.large
{
    display: none;
}
.header .logo img.small
{
    display: block;
}
.header .header-items
{
    float: left;
    width: 537px;
    margin: 0 0 0 5px;
}
.header-cart
{
    float: left;
    width: 58px;
    height: 62px;
    background: url(../images/icons/cart_top.gif) no-repeat top center;
    margin-bottom: 20px;
}
.header-cart a
{
    display: block;
    width: auto;
    height: 52px;
    padding: 10px 0 0 15px;
    font-size: 110%;
    text-align: center;
    font-weight: bold;
    color: #5F5E59 !important;
}
.header-cart a:hover
{
    color: #768F00;
    text-decoration: none;
}
.cart-block
{
    float: right;
    margin: 0 0 2px 0;
    height: 64px;
}
.cart-cost
{
    display: block;
    width: 200px;
    text-align: right;
    margin: 47px 0 0 0px;
}
.header .header-items .Name, .header .header-items .Password
{
    display: block;
    float: left;
    margin: -1px 0 0 0;
}
.header .header-items .textbox, .header .header-items .Name input[type=text], .header .header-items .Password input[type=password]
{
    font-size: 80%;
    border: 0px;
    padding: 2px;
    width: 75px;
    background-color: #FFFEEC;
}

.textbox_google
{
    font-size: 80%;
    padding: 2px;
    width: 75px;
}

.header .header-items .Valid
{
    display: none;
}
.header .header-items .login-head
{
    display: block;
    width: 50px;
    float: left;
}
.header .header-items a
{
    color: #fff;
}
.header .header-items .search
{
    float: left;
    background-color: #9e9e9e;
    width: 188px;
    height: 26px;
    margin: 0px 0 0 10px;
    padding: 4px 10px 0 5px;
    color: #fff;
    display: inline; /* remove these following 2 lines when google web search needs to be enabled */
    display: none;
    height: 0px;
}
.main-wrapper .site-search-results iframe
{
    width: 650px !important;
}
.header .header-items .search label
{
    font-size: 140%;
    letter-spacing: -1px;
}
.header .header-items .search .go
{
    background: url(../images/icons/go.gif) top center no-repeat;
    width: 20px;
    height: 20px;
    border: none;
    vertical-align: middle;
}
.header .header-items .user-block
{
    float: right;
    background-color: #b5b5b5;
    color: #fff;
    width: 99%;
    height: 25px;
    padding: 3px 0 0 3px;
}
.header .header-items .user-block .login
{
    float: left;
    font-size: 140%;
    letter-spacing: -1px;
    margin: 1px 0px 0 0;
    font-weight: bold;
}
.header .header-items .user-block fieldset
{
    float: left;
    margin: 2px 0 0 0;
}
.header .header-items .user-block fieldset label
{
    margin: 0 0 0 5px;
    font-size: 120%;
}
.header .header-items .user-block fieldset input
{
    width: 80px;
    font-size: 100%;
}
.header .header-items .user-block .button-small
{
    margin: 0 0 4px 0;
}
.header .header-items .user-block .spacer
{
    width: 40px;
    float: left;
}
.header .header-items .user-block .register
{
    float: right;
    width: auto;
    margin: -2px 2px 0 0;
}
.header .header-items .user-block .register a
{
    display: block;
    float: left;
    font-size: 100%;
    clear: both;
    line-height: 11px;
}
.header .header-items .user-block .register a.link
{
    font-size: 130%;
    font-weight: bold;
    line-height: 15px;
}

.header .header-items .user-block .welcome-user
{
    width: auto;
    font-size: 130%;
    font-weight: bold;
    margin: 0 2px 0 2px;
    line-height: 150%;
    color: #30261D;
}

.header .header-items .user-block .welcome-user .member_name
{
    font-size: 85%;
}

.header .header-items .user-block .welcome-user a
{
    height: 23px !important;
    padding: 0px;
    display: block;
    width: 80px;
    float: left;
}

.header .header-items .user-block .welcome-user a.my_account_img
{
    width: auto;
}

.header .header-items .user-block .welcome-user img
{
    margin: 0 8px 0 8px;
    vertical-align: middle;
}

.header .header-items .user-block .welcome-user a:hover
{
    background-position: left -23px;
}

.header .header-items .user-block .welcome-user .button-small
{
    font-size: 80%;
}
/*-----------------------------------------------------------------
 Main Navigation
----------------------------------------------------------------- */
.header .main-navigation
{
    float: left;
    margin: 20px 0 0 0;
}
.header .main-navigation ul
{
    clear: right;
    float: left;
}
.header .main-navigation li
{
    background: url(../images/generic/top_nav_left_square.gif) no-repeat top left;
    float: left;
    text-align: center;
    display: inline;
    margin: 0 5px 0 5px;
}
.header .main-navigation li a
{
    display: block;
    background: url(../images/generic/top_nav_right_square.gif) no-repeat top right;
    color: #66554B;
    padding: 1px 4px 6px 4px;
    font-size: 135%;
    letter-spacing: -1px;
    width: 86px;
}
.header .main-navigation li a:hover
{
    text-decoration: none;
    color: #879D1F;
}
.header .main-navigation li.active a
{
    cursor: default;
    text-decoration: none;
    color: #879D1F;
}
.header .main-navigation li.active a:hover
{
    text-decoration: none;
    background-color: Transparent;
}
/* CSS for CMS navigation 
.header .main-navigation a
{
    float:left;
    display:block;
    width:70px;
    margin:0 5px 0 0px;
} */
.header .main-navigation span
{
    display: block;
    float: left;
    background: url(../images/generic/top_nav_right_square.gif) no-repeat top right;
    width: 86px;
    cursor: default;
    letter-spacing: -1px;
    text-decoration: none;
    color: #879D1F;
    font-size: 135%;
    height: 20px;
    padding: 1px 4px 6px 4px;
}

/*-----------------------------------------------------------------
 Crumbtail
----------------------------------------------------------------- */
.crumbtrail
{
    display: block;
    float: left;
    clear: both;
    font-size: 110%;
    padding: 15px 0 0 190px;
    display: inline;
    width: 450px;
}
.crumbtrail ul
{
    list-style-type: none;
    padding: 0px;
    margin: -10px 0 0 0;
    color: #66554B;
    width:370px;
}
.crumbtrail ul.static_text
{
    width:auto;
}

.crumbtrail ul li
{
    display: inline;
    padding: 0 2px 0 2px;
    font-size: 95%;
    width: auto;
}
.crumbtrail ul li p
{
    display: inline;
}
.crumbtrail ul li a
{
    color: #66554B;
    font-weight: bold;
    text-decoration: none;
}
.crumbtrail ul li a:hover
{
    color: #768F00;
    text-decoration: underline;
}
/*-----------------------------------------------------------------
 Main Wrapper & It's Elements
----------------------------------------------------------------- */
/* table edges*/
.lefttop-edge, .righttop-edge, .leftbottom-edge, .rightbottom-edge, .lefttop-edge-contentblock, .righttop-edge-contentblock
{
    position:relative;
    border: solid 2px #382622;
    width: 45px;
    height: 45px;
    z-index: 1;
}
.lefttop-edge
{
    float: left;
    border-right: none;
    border-bottom: none;
    margin: 0 0 -42px -5px;
}
.righttop-edge
{
    float: right;
    border-left: none;
    border-bottom: none;
    margin: 0 -5px -42px 0;
}
.leftbottom-edge
{
    float: left;
    border-right: none;
    border-top: none;
    margin: -42px 0 0 -5px;
}
.rightbottom-edge
{
    float: right;
    border-left: none;
    border-top: none;
    margin: -42px -5px 0 0;
}
.lefttop-edge-contentblock
{
    float: left;
    border-right: none;
    border-bottom: none;
    margin: 30px 0 0 -5px;
}
.righttop-edge-contentblock
{
    float: right;
    border-left: none;
    border-bottom: none;
    margin: 30px -5px -8px 0;
}

.main-wrapper
{
    width: 670px;
    margin: 0 auto;
    font-family: Verdana, Arial;
}

.main-wrapper .contact-info
{
    margin: -7px 0 0 0;
}

.main-wrapper .left-container
{
    float: left;
    width: 130px;
}

.main-wrapper .right-container
{
    float: right;
    width: 530px;
}

.main-wrapper .youtube_video
{
    text-align: center;
}

.main-wrapper .youtube_video object,
.main-wrapper .youtube_video embed
{
    margin: 10px 0 0 0;
}

.main-wrapper .player-container
{
    float: left;
    width: 130px;
    height: 255px;
    margin: 0 0 10px -25px;
    background: url(../images/generic/home_player_bg.gif) left bottom no-repeat;
    padding: 20px 0 0 20px;
    position: relative;
}
.main-wrapper .player-container h2
{
    font-size: 200%;
    margin: 0px;
    padding: 0 0 10px 0;
    line-height: 80%;
}
.main-wrapper .player-container p
{
    margin: 0px;
    padding: 0px;
    font-size: 105%;
    line-height: 110%;
    height: 100px;
}

.main-wrapper .player-container object
{
    display: block;
    margin: 37px 0 0 -20px;
}

.main-wrapper .new-feed
{
    float: left;
    width: 127px;
    background: url(../images/generic/new-feed-bottom.gif) left bottom no-repeat;
    margin: 0 0 0 -5px;
    overflow: hidden;
    position: relative;
}

.main-wrapper .new-feed h3
{
    font-size: 150%;
    background: url(../images/generic/new-feed-top.gif) left top no-repeat;
    display: block;
    margin: 0 0 -8px 0;
    padding: 4px 0 0 6px;
}

.main-wrapper .new-feed .feed-content
{
    padding: 0px 8px 8px 8px;
    margin: 12px 0 10px 0;
}

.main-wrapper .new-feed .feed-content marquee
{
    height: 263px;
}

.main-wrapper .new-feed p
{
    font-size: 95%;
    font-family: Arial;
}

.main-wrapper .welcome-earth-moments
{
    float: right;
    width: 530px;
}

.main-wrapper .welcome
{
    float: left;
    width: 100%;
    height: 480px;
    color: #fff;
    margin: 0 auto;
    background-repeat: no-repeat;
}
.main-wrapper .welcome h1
{
    color: #fff;
    font-size: 250% !important;
    letter-spacing: 1px;
    margin: 0px;
    font-weight: bold;
}
.main-wrapper .welcome img
{
    width: 60%;
    float: left;
    clear: right;
}
.main-wrapper .welcome .welcome-text
{
    float: left;
    width: 75%;
    padding: 12px 0 0 15px;
    font-family: Verdana, Arial;
    font-size: 95%;
    overflow: hidden;
}

.main-wrapper .home-main-tab
{
    float: right;
    width: 535px;
    margin: 5px 0 0 0;
}

.main-wrapper .content-block
{
    margin: -71px 0 0 0;
    float: left;
    width: 100%;
}
.main-wrapper .content-block h1
{
    width: 100%;
    margin: 0 0 7px 0;
    clear: both;
}
.main-wrapper .content-block .container
{
    float: left;
    width: 100%;
    overflow: hidden;
    height: 182px;
}

.main-wrapper .content-block .container img
{
    margin: 0 auto;
    height: 132px;
}

.main-wrapper .content-block p
{
    color: #4A3206;
    font-weight: bold;
    font-size: 90%;
    letter-spacing: .5px;
    margin: 5px 0 10px 0;
}
.main-wrapper .content-block1
{
    float: left;
    width: 48%;
}
.main-wrapper .content-block2
{
    float: right;
    width: 48%;
}
.main-wrapper .content-block1 img, .main-wrapper .content-block2 img
{
    display: block;
    width: 100%;
    max-height: 132px;
    margin: 0 auto;
}
.main-wrapper a.link
{
    display: block;
    float: left;
    background: url(../images/buttons/button_bg_size6.gif) no-repeat;
    height: 26px;
    width: 160px;
    color: #fff;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    line-height: 26px;
    overflow: hidden;
    margin: 0 -5px 0 0;
    position: relative;
    cursor: default;
}

.main-wrapper a.link:hover
{
    background: url(../images/buttons/button_bg_size6.gif) no-repeat left -26px;
    text-decoration: none;
}

.mainwrapper .component
{
    display: block;
    float: left;
}
/*-----------------------------------------------------------------
 Common Search form & It's Elements
----------------------------------------------------------------- */
.main-wrapper .common_form
{
    clear: both;
    margin: 10px 0 10px 50px;
}
.main-wrapper .common_form label
{
    display: block;
    float: left;
    width: 125px;
    font-weight: normal;
    font-size: 110%;
}
.main-wrapper .common_form .row
{
    padding: 10px;
}

.main-wrapper .common_form .user_pass
{
    padding: 10px 0 10px 0;
}

.main-wrapper .common_form .row_checkbox
{
    padding: 10px;
}
.main-wrapper .common_form .row_checkbox label
{
    width: auto;
}
.main-wrapper .common_form .alternate
{
    background-color: #D5D1AE;
}
.main-wrapper .common_form input[type=checkbox]
{
    float: left;
    margin: -3px 5px 5px 0;
}
.main-wrapper .common_form input[type=text], .main-wrapper .common_form input[type=password]
{
    width: 170px;
    margin: -2px 0 0 0;
    padding: 2px;
    border: solid 1px #A4B97F;
}
.main-wrapper .common_form textarea
{
    width: 450px;
    height: 100px;
    max-width: 450px;
    border: solid 1px #A4B97F;
}
/*-----------------------------------------------------------------
 Search form & It's Elements
----------------------------------------------------------------- */
.main-wrapper .search_form
{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}
.main-wrapper .search_form .col1, .main-wrapper .search_form .col2
{
    width: 310px;
    float: left;
    margin: 0px;
}
.main-wrapper .search_form .col2
{
    width: 310px;
    margin-left: 50px;
}
.main-wrapper .search_form label
{
    display: block;
    float: left;
    line-height: 200%;
    width: 135px;
    font-size: 110%;
    font-weight: bold;
}
.main-wrapper .search_form .spacer
{
    display: inline-block;
    height: 3px;
}
.main-wrapper .search_form .spacer-bigger
{
    display: inline-block;
    height: 20px;
}
.main-wrapper .search_form .dropdown-search
{
    float: right;
    margin: 10px 2px 0 0;
    clear: right;
}
.main-wrapper .search_form .freetext-block
{
    float: left;
    margin: 10px 0 0 0;
    width: 100%;
    clear: both;
    position: relative;
    z-index: 2;
}
.main-wrapper .search_form .freetext-block label
{
    display: block;
    margin: 0 0 5px 8px;
    width: 550px;
    clear: both;
}
.main-wrapper .search_form .freetext-block .button-size1
{
    float: right;
    margin: 0 2px 0 0;
}
.main-wrapper .search_form .freetext
{
    width: 490px;
    height: 20px;
    float: left;
    background-color: #FFFEEC;
}
/*-----------------------------------------------------------------
 Search results & It's Elements
----------------------------------------------------------------- */
.main-wrapper .search-results
{
    float: left;
    margin: -25px 0 0 0;
}
.main-wrapper .ErrorMessage
{
    color: #ff0000;
    padding: 0 0 10px 0;
}
.main-wrapper .search-results ul.header
{
    height: 45px;
    width: 670px;
}
.main-wrapper .search-results ul
{
    height: auto;
    overflow: hidden;
    clear: both;
    font-size: 110%;
}
.main-wrapper .search-results ul li
{
    width: 50px;
    margin: 0 5px 0 0;
    padding: 7px 5px 5px 5px;
    color: #442800;
    line-height: 15px;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width25px
{
    width: 35px;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width35px
{
    width: 70px;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width10percent
{
    width: 55px;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width12percent
{
    width: 11%;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width15percent
{
    width: 14%;
    overflow: hidden;
    word-wrap: break-word; /*____for ie____*/
}
.main-wrapper .search-results ul li.width17percent
{
    width: 17.5%;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width25percent
{
    width: 25%;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width20percent
{
    width: 100px;
    overflow: hidden;
}
.main-wrapper .search-results ul li.width100percent
{
    width: 150px !important;
    overflow: hidden;
}

.main-wrapper .search-results ul li a
{
    color: #442800;
    text-decoration: underline;
}

.main-wrapper .search-results ul.alternate
{
    background-color: #C6C090;
}

.main-wrapper .search-results ul.item-selected
{
    background-color: #EBE1AC;
    margin: 0 0 1px 0;
}

.main-wrapper .search-results ul.item-ordered
{
    background-color: #D7D6D2;
    margin: 0 0 1px 0;
}

.main-wrapper .search-results ul.item-selected input[type=checkbox]
{
    display:none;
}
.main-wrapper .search-results ul .sorted, .main-wrapper .search-results ul li.sorted a
{
    font-weight: bold;
}
.main-wrapper .searchresults-pager
{
    font-size: 120%;
    width: auto;
    padding: 5px 0 0 0;
    text-align: center;
    margin: 5px 0 0 0;
    clear: both;
}
.main-wrapper .searchresults-pager input
{
    border: 0px solid #A4B97F;
    font-family: Verdana;
    font-size: 100%;
    cursor: pointer;
    text-decoration: underline;
    padding: 1px 5px 1px 5px;
    background-color:Transparent;
}
.main-wrapper .searchresults-pager input:hover
{
    text-decoration: none;
    background-color:#000;
    color:#FFF;
}
.main-wrapper .searchresults-pager span
{
    display:inline-block;
    font-weight: bold;
    padding: 1px 4px 1px 4px;
}
.main-wrapper .nodata
{
    font-size: 150%;
    margin: 50px auto 50px;
    min-width: 200px;
    text-align: center;
}
.main-wrapper .terms_license
{
    float: left;
    width: 450px;
    padding: 10px 0 30px 100px;
}
.main-wrapper .terms_license .error
{
    padding: 0 0 5px 0;
    display: block;
}
.main-wrapper .search-action
{
    margin: 10px 0px 0 0px;
    clear: both;
}
.main-wrapper .search-action ul.check_add_cart
{
    width: 400px;
    float: left;
}
.main-wrapper .search-action ul.back_button
{
    padding: 0 0 5px 0;
    margin: -10px 0 0 0;
}
.main-wrapper .search-action ul
{
    width: 200px;
    float: left;
}
.main-wrapper .search-action ul li
{
    margin: 2px 0px 0 10px;
    float: left;
    display: inline;
}
.main-wrapper .search-action ul li a
{
    color: #4D2A02;
    text-decoration: underline;
}
.main-wrapper .add_to_cart
{
    float: right;
    width: 135px;
}
.main-wrapper .back_bundles
{
    float: left;
    clear: none;
    text-align: left;
    margin: 0px;
    width: 200px;
}
.main-wrapper .back_bundles ul
{
    width: auto;
    padding: 0 5px 0 0;
    float: left;
}
.main-wrapper .search-action .proceed
{
    float: right;
    width: 220px;
}
.main-wrapper .search-action .cart-block
{
    margin: -10px 0px 0 0;
    position: relative;
}
.main-wrapper .search-action .cart-block .header-cart
{
    float: left;
    width: 41px;
    height: 43px;
    background: url(../images/icons/cart_checkout.gif) no-repeat top center;
    margin: 0 10px 20px 0;
    padding: 0 0 0 10px;
}
.main-wrapper .search-action .cart-block .header-cart a
{
    color: #6A6B6B;
    font-size: 80%;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    height: 43px;
}
.main-wrapper .results-status
{
    float: left;
    width: 100%;
    margin: 5px 0 5px 0;
}
.main-wrapper .results-status select
{
    width: 50px;
}

.main-wrapper .results-status span
{
    display: inline-block;
    float: right;
}
.main-wrapper .num-results
{
    float: left !important;
    display: inline-block;
}
/*-----------------------------------------------------------------
 Static page template & It's Elements
----------------------------------------------------------------- */
.main-wrapper .static_page_template .template-image img
{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border: solid 0px #EBEACE;
}
.main-wrapper .static_page_template .description
{
    margin: -5px 0 0 0;
    font-size: 110%;
}

.main-wrapper .static_page_template .description ol
{
    padding: 5px 10px 5px 25px;
}

.main-wrapper .static_page_template .description ol li
{
    padding: 0 0 8px 0;
}

/*-----------------------------------------------------------------
 Sample page & It's Elements
----------------------------------------------------------------- */
.main-wrapper .sample-info
{
}
.main-wrapper .sample-info ul.header
{
    height: 35px;
    margin: 0px;
}
.main-wrapper .sample-info ul li
{
    margin: 0 2px 0 2px;
    padding: 5px;
    display: inline;
}
.main-wrapper .sample-info ul.header li
{
    background: #CCC49D;
    font-weight: bold;
}
.main-wrapper .sample-info ul .play
{
    background-color: Transparent;
    width: 75px;
    margin-right: -2px;
    margin-left: 0px;
}
.main-wrapper .sample-info ul .play img
{
    margin: -30px 0 0 0;
}
.main-wrapper .sample-info ul .samplename
{
    width: 198px;
}
.main-wrapper .sample-info ul .cost
{
    width: 50px;
}
.main-wrapper .sample-info ul .formats
{
    width: 150px;
}
.main-wrapper ul .formats label
{
    line-height: 20px;
    padding: 3px;
}
.main-wrapper .sample-info ul .purchase
{
    width: 135px;
    margin-right: 0px;
}
.main-wrapper .attributes ul
{
    clear: both;
}
.main-wrapper .attributes li
{
    width: 100%;
    margin: 4px 5px 4px 0;
}
.main-wrapper .attributes li a
{
    color: #230B01;
    text-decoration: underline;
}
.main-wrapper .attributes li.row
{
    height: 50px;
}
.main-wrapper .attributes li span
{
    display: block;
    float: left;
    width: 150px;
    font-weight: bold;
}
.main-wrapper .attributes li p
{
    display: block;
    float: left;
    width: 500px;
    padding: 0px;
    margin: 0px;
}
.main-wrapper .search_description
{
    font-weight: bold;
    padding: 0 0 5px 0;
    color: #636F29;
}
.main-wrapper .library_search
{
    font-weight: normal;
    padding: 5px 0 10px 2px;
    color: #636F29;
}
.main-wrapper .special_offer
{
    font-weight: bold;
    padding: 5px;
    background-color: #EBE1AC;
    float: left;
}
/*-----------------------------------------------------------------
 Shopping cart & It's Elements
----------------------------------------------------------------- */
.main-wrapper .shopping-cart ul
{
    margin-top: -7px;
    margin-bottom: 10px;
    clear: both;
}
.main-wrapper .shopping-cart ul .samplename
{
    width: 250px;
}
.main-wrapper .shopping-cart ul.header .formats
{
    margin: 0px;
}
.main-wrapper .shopping-cart ul .formats
{
    width: 278px;
    margin: -5px 0 0 0;
}
.main-wrapper .shopping-cart ul .cost
{
    text-align: right;
}
.main-wrapper .shopping-cart ul .play, .main-wrapper .shopping-cart ul .remove
{
    width: 18px;
    margin-right: -2px;
    display: block;
    float: left;
    margin-left: 0px;
}

.main-wrapper .shopping-cart ul .play img
{
    margin: 0px;
}

.main-wrapper .total-items-amount
{
    background-color: #C6C090;
    padding: 8px;
    font-size: 110%;
    font-weight: bold;
    color: #000;
    clear: both;
    height: 100%;
    position: relative;
    z-index:100;
}

.main-wrapper .total-items-amount .total-items
{
    float: left;
    width: 150px;
}

.main-wrapper .total-items-amount .total-amount
{
    float: left;
    width: 260px;
}

.main-wrapper .total-items-amount .delete-all
{
    float: right;
    width: auto;
    text-align: right;
}

.main-wrapper .total-items-amount .delete-all input
{
    background: url(../images/buttons/button_bg_size1.gif) top center no-repeat;
    width:auto;
    height: 23px;
    text-align: center;
    border: 0px;
    color: #fff;
    padding: 0 0 3px 0;
    margin:0 2px 0 0;
}

.main-wrapper .total-items-amount .delete-all input:hover
{
    background: url(../images/buttons/button_bg_size1.gif) left -23px no-repeat;
}
/*-----------------------------------------------------------------
 My Account & It's Elements
----------------------------------------------------------------- */
.main-wrapper .tab a
{
    display: block;
    float: left;
    font-size: 120%;
    background-color: #879852;
    color: #fff;
    padding: 5px;
    margin: 0 2px 0 2px;
}
.main-wrapper .tab a.active
{
    background-color: #ccc;
    color: #fff;
}
/*-----------------------------------------------------------------
 Gallery, Instrument & It's Elements
----------------------------------------------------------------- */

.main-wrapper .gallery
{
    z-index: 2;
    position: relative;
}

.main-wrapper .gallery p
{
    font-family: Arial, Verdana;
    font-size: 125%;
}
.main-wrapper .gallery .main-image
{
    display: table;
    clear: both;
    text-align: center;
    margin: 0 auto;
}
.main-wrapper .gallery .main-image .group
{
    width: 660px;
    clear: both;
}
.main-wrapper .gallery .main-image img
{
    max-width: 650px;
    display: block;
    margin: 0 auto;
    }
.main-wrapper .gallery .main-image span
{
    display: block;
}
.main-wrapper .gallery .search-bar
{
    float: left;
    width: 100%;
    clear: both;
    background-color: #D3CDAB;
    margin: 0px 0 0px 0;
    font-weight: bold;
    height: 33px;
}
.main-wrapper .gallery .search-bar .title
{
    display: block;
    float: left;
    padding: 8px 20px 8px 20px;
    background-color: #312122;
    color: #DED9B9;
    font-size: 115%;
}
.main-wrapper .gallery .search-bar .search
{
    width: 480px;
    float: left;
    padding: 2px 20px 0px 20px;
    font-size: 115%;
    margin: 4px 0 0 0;
}
.main-wrapper .gallery .search-bar label
{
    color: #462B00;
    font-size: 90%;
}
.main-wrapper .gallery .search-bar input[type=text]
{
    font-size: 85%;
    border: solid 0px;
    padding: 2px;
    width: 150px;
    height: 12px;
}
.main-wrapper .gallery .search-bar .go
{
    width: 27px;
    height: 21px;
    border: none;
    vertical-align: middle;
}



.main-wrapper .gallery .instrument-selection
{
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 10px 0;
}
.main-wrapper .gallery .instrument-selection .block
{
    float: left;
    width: 48%;
}
.main-wrapper .gallery .instrument-selection select
{
    background-color: #E0DBBB;
    font-family: Verdana, Arial;
    width: 200px;
    margin-right: 25px;
    border: solid 1px #C1A78C;
}

.main-wrapper .gallery .instrument-selection label
{
    font-weight: bold;
    font-size: 110%;
}

.main-wrapper .gallery .description
{
    font-size: 90%;
}
.main-wrapper .gallery .samples
{
    float: left;
    width: 96%;
    clear: both;
    padding: 0 15px 15px 15px;
    margin: 30px 0 0 0;
    font-size: 90%;
    background-color: #CFCB9B;
}
.main-wrapper .gallery .samples ul
{
    clear: both;
    padding: 5px;
}
.main-wrapper .gallery .samples ul li
{
    width: 30px;
}
.main-wrapper .gallery .samples ul li.sample-title
{
    width: 480px;
}

.main-wrapper .gallery .samples ul li .download-file
{
    font-size: 110%;
    padding: 0 0 10px 0;
    display: block;
}

.main-wrapper .gallery .samples ul li span
{
    display: block;
    float: left;
    font-weight: bold;
    width: 450px;
}
.main-wrapper .gallery .samples ul.alternate
{
    background-color: #C8C193;
    padding: 5px;
    clear: both;
    display: block;
    float: left;
    width: 98%;
}
/*-----------------------------------------------------------------
 Instrument search results & It's Elements
----------------------------------------------------------------- */
.main-wrapper .gallery .instrument-search-results
{
    float: left;
    font-size: 80%;
    width: 100%;
}

.main-wrapper .gallery .instrument-search-results .nodata
{
    font-size: 180%;
    font-weight: bold;
}

.main-wrapper .gallery .instrument-search-results .row
{
    display: block;
    float: left;
    padding: 5px;
    width: 660px;
    clear: both;
}
.main-wrapper .gallery .instrument-search-results .alternate
{
    background-color: #C8C193;
}
.main-wrapper .gallery .instrument-search-results .result-set
{
    margin: 10px 0px 0 0;
}
.main-wrapper .gallery .instrument-search-results img
{
    border: 2px solid #EAEAD2;
    display: block;
    float: left;
    width: 125px;
}
.main-wrapper .gallery .instrument-search-results .description
{
    float: left;
    width: 500px;
    padding: 0px;
    margin: 0px 0px 0 10px;
    height: 73px;
    overflow: hidden;
    font-size: 105%;
    display: inline;
}
.main-wrapper .gallery .instrument-search-results .description a.read-more
{
    color: #2d0500;
    font-size: 120%;
    font-weight: bold;
}
.main-wrapper .gallery .instrument-search-results .description h2
{
    padding: 0px;
}
/*-----------------------------------------------------------------
 Bundles & It's Elements
----------------------------------------------------------------- */
.main-wrapper .bundles .instrument-search-results .row
{
    width: 650px;
    padding: 10px;
    clear: both;
}
.main-wrapper .bundles .instrument-search-results .result-set
{
}
.main-wrapper .bundles .instrument-search-results .description
{
    width: 350px;
    height: auto;
    overflow: hidden;
    /*height: 95px;*/
    height: 110px; /* For Additional Fixes */
}
.main-wrapper .bundles .instrument-search-results .bundle-price
{
    font-weight: bold;
    font-size: 120%;
    margin: 10px 0px 10px 0px;
}
/*-----------------------------------------------------------------
 My Purchases & It's Elements
----------------------------------------------------------------- */
.main-wrapper .downloads tr td
{
    padding: 3px;
}
.main-wrapper .downloads .alternate
{
    background-color: #CAC898;
}
.main-wrapper .downloads .tableheader
{
    font-weight: bold;
}
/*-----------------------------------------------------------------
 Footer & It's Elements
----------------------------------------------------------------- */
.footer
{
    clear: both;
    margin: 20px auto 0;
    width: 640px;
    min-height: 70px;
    height: 70px;
    font-family: Verdana;
    font-size: 85%;
    text-align: center;
}
.footer a
{
    text-decoration: underline;
}
.footer a:hover
{
    text-decoration: none;
}
.footer img
{
    margin: 3px 10px 0 0;
    float: left;
}

.footer ul
{
    margin: 20px 0px 0 0;
    width: 500px;
    float: left;
}
.footer li p
{
    padding: 0 5px 0 5px;
    font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
}
.footer li a
{
    color: #000;
}

.footer-nav
{
    background-color: #dddcca;
    padding: 10px 0 10px 0;
    color: #838383;
    margin: 0 auto;
    line-height: 16px;
    width: 795px;
    font-family: Verdana;
    font-size: 85%;
    text-align: center;
}

.footer-nav span
{
    float: left;
    margin: 0 90px 0 130px;
}

/*-----------------------------------------------------------------
 Temporary styles - being used until site is finally online
----------------------------------------------------------------- */
.coming-soon
{
    padding: 260px 0px 260px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 400%;
}

.coming-soon img
{
    margin-bottom: 10px;
}

/*-----------------------------------------------------------------
 Static Popup
----------------------------------------------------------------- */

.static_popup
{
    padding: 15px;
    height: auto;
    background: url(../images/backgrounds/background.jpg) top center no-repeat;
}
.static_popup h1
{
    font-size: 150%;
    font-weight: bold;
    margin: 0px;
    padding: 0 0 5px 0;
}
.static_popup .content
{
    padding: 0 10px 0 10px;
}
.static_popup .content p
{
    padding: 3px 0 3px 0;
}
.static_popup .content ol
{
    padding: 0 0 0 20px;
}
.static_popup .content ol li
{
    padding: 3px 0 3px 0;
}

/*-----------------------------------------------------------------
For Additional Fixes
----------------------------------------------------------------- */

.bundle-detail-image {
    float: left;
    margin: 0 15px 0 0;
    max-width: 262px;
}
.bundle-detail-desc h2{
    clear: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-transform: uppercase;
    font-size: 160%;
    word-spacing: 0px;
    letter-spacing: 0px;
    color: #2d0500 !important;
}
.bundle-detail-desc p{
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    font-size: 110% !important;
    color: #2d0500 !important;
}
.main-wrapper .search-results ul li.description
{
    width: 450px;
    overflow: hidden;
}
.main-wrapper .search-results ul li.description a
{
    font-size:80%;
    font-weight:bold;
    display: block;
}
.cart-sample-detail
{
    float: left;
    width: 375px;
}
.cart-bundle-detail
{
    float: left;
    width: 295px;
}
.cart-sample-detail ul,
.cart-bundle-detail ul
{
    min-height: 120px;
}
.cart-sample-detail ul.header
{
    background-color: #1f0f0f !important;
    color: #fff !important;
    height: 25px !important;
    margin: 0 0 10px 0 !important;
    min-height: 0px;
}
.cart-bundle-detail ul.header
{
    background-color: #879852 !important;
    height: 25px !important;
    margin: 0 0 10px 0 !important;
    min-height: 0px;
}
.cart-sample-detail ul li,
.cart-bundle-detail ul li
{
    background: none !important;
}
.cart-sample-detail ul li.samplename,
.cart-bundle-detail ul li.samplename
{
    width: 108px !important;
    /*word-wrap: break-word;*/
}
.cart-sample-detail ul li.samplename object
{
    float: left;
    margin: 0 5px 0 0;
}
.cart-bundle-detail ul li.formats
{
    width: 70px !important;
}
.cart-sample-detail ul li.formats
{
    width: 148px !important;
}
.my-purchases {
    width: 133px !important;
    font-size: 80%;
    margin: 0 0 0 10px;
}
.my-purchases-tab {
    padding: 10px 0 10px 0;
    
}
.ModalPopupBG
{
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

/*___________CSS for Homepage Pop Up_____________*/

.pop-up-container {
    width: 442px;
    height: 244px;
}

.pop-up-container .lefttop-edge,
.pop-up-container .righttop-edge,
.pop-up-container .leftbottom-edge,
.pop-up-container .rightbottom-edge
{
    border-color: #cdc798 !important;
    width: 35px !important;
    height: 35px !important;
    border-width: 1px;
}
.pop-up-container .pop-up-content
{
    background: url(../images/generic/pop-up-bg.png) top center no-repeat;
    width: 422px;
    height: 222px;
    padding: 5px 10px 5px 5px;
    margin: 10px 0 12px 5px;
    float: left;
}
.pop-up-container .pop-up-content .content
{
    display: block;
    text-align: center;
    /*margin: 10px 0 10px 0;*/
    margin: 60px 0 52px 0;
    text-transform: uppercase;
    font-size: 170%;
    color: #311400;
    letter-spacing: -1px;
}
.pop-up-container .pop-up-content .content abbr
{
    font-size: 260%;
    font-weight: normal;
    display: block;
}
.pop-up-container .pop-up-content .content span span
{
    font-size: 150%;
}