/*--------------------------*/

/*       Standards	    */

/*--------------------------*/


/* body class */

        html {
            background-color: #f1f1f1;
            font-size: 0.8em; 
        }

        body, p {
                font-family: Lucida Sans Unicode,Lucida Grande, sans-serif; 
    		color: #000;
        }

        .bodyclass {
            margin: 0 auto;
            padding: 0 10px;
            width: 980px;
            text-align: left;
            background-color: #fff;
            border-left: 1px solid #d1d1d1;
            border-right: 1px solid #d1d1d1;
        }

        table, tr, td {
            border-collapse: collapse; 
            padding: 0; 
            margin: 0; 
        }

        a, a:link, a:visited { 
    		color: #6ca3b2;
                text-decoration: none;
        }
        a:hover { 
    		color: #bbb;
                text-decoration: underline;
        }

        .main_spacer {display:block; width:14px }
        
        .font_error { color: #ff0000;}

        .buttonstyle {
            background-image: url(/images/hansonmusic/navBar_bk.jpg);
            background-repeat: repeat-x;
            background-position: 0 -5px;
	    height: 27px;
            padding: 0 10px;
            font-size: 1.1em;
	    color: #000;
            border: 1px solid #999;
            margin: 2px 0;
        }
        .buttonstyle:hover {
            background-image: url(/images/hansonmusic/navBar_bk-over.jpg);
            color: #fff;
        }

/*---------------------
  
     TOP SECTION     

---------------------*/

    #header{ display: block; width:978px; height:116px; }
    #logo { position:relative; margin-top: 30px; }

    #topMenu { float:right; margin-top: 15px; vertical-align:top;}
    #topMenu a { margin: 10px; color:#000; font-size: 0.9em;  vertical-align:top;}
    #userOptions { float:left; vertical-align:top;}
    #loginMsg_tbl { float:left; margin:0 10px; font-size: 0.9em; font-weight:bold;}
    #btn_basket {
        font-weight:bold;
        background-image: url(/images/hansonmusic/basket_icon.jpg);
        background-repeat: no-repeat;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #btn_checkout {
        font-weight:bold;
        background-image: url(/images/hansonmusic/icn_checkout.png);
        background-repeat: no-repeat;
        padding-left: 30px;
        padding-top: 12px;
        padding-bottom: 5px;
    }


/*  NAV BAR  */

    #navMenu { display: block; width:978px;}
    #navMenu img { float:left;}
 
    #login_tbl {display: none}

    #btn_home, #cateMenu, #btn_repairs {
        float:left;
        display:inline-block;
        height: 42px;
    }
    #btn_home {
        width: 30px;
        height: 29px;
        padding: 2px 10px;
        text-align: center; 
        background-image: url(/images/hansonmusic/navBar_bg.png);
        background-repeat: repeat-x;
            border-right: 1px solid #848484;    /* dark grey */
    }
    #cateMenu {
        height: 33px;
        padding: 0;
        width: 895px;
        position: relative;
        top: -16px;
        z-index: 5;
    }


    /* CATE MENU - Table */

	#catMenu_tbl, #catMenu_hdr {
	    display:none;
	}


    /* CATE MENU - Category selection list */

	ul.makeMenu {
	    list-style-type:none;
            display: table;
            width: 895px;
	    padding:0;
	    margin:0;
            border:0;
        background-image: url(/images/hansonmusic/navBar_bg.png);
	}
	ul.makeMenu > li {
            display: table-cell;
            margin: 0;
            width: auto;
            min-width: 60px;
            padding: 2px 0 3px;
            background-image: url(/images/hansonmusic/navBar_bg.png);
            background-repeat: repeat-x;
	}
	ul.makeMenu > li > a {
            display: block;
            width: auto;
            text-align: center;
	    line-height: 28px;
	    color: #000;
            font-size: 1.1em;
            border-right: 1px solid #848484;    /* dark grey */
            border-left: 1px solid #e7e7e7;     /* light grey */
	}
	ul.makeMenu > li:last-child > a {
            border-right: 0;
            border-left: 1px solid #e7e7e7;     /* light grey */
	}
	ul.makeMenu > li:hover,
        ul.makeMenu > li.CSStoHighlight {
            background-color: #666;
            background-image: url(/images/hansonmusic/navBar_bk-over.jpg);
            height: 30px;
            padding: 0; 
            border-bottom: 1px solid #000;
            
	}
	ul.makeMenu > li:hover > a,
        ul.makeMenu > li > a:hover {
	    color: #fff;
            text-decoration: none;
            border-left: 1px solid #ccc;    /* dark grey */
	}


            /* display subMenu on RollOver */

	    ul.makeMenu li:hover > ul {    
                display: block;

	    }


    /* CATE SUB-MENU - Sub-category selection list */

	    ul.makeMenu > li > ul {  
                display: none;        /* hide subMenu until rollover */ 
                position: absolute;
                padding: 0;
                height: auto;
                margin: 3px 0 0 -1px;
                background-color: #fff;
                border: 1px solid #cad2d7;
                width:auto;
                min-width: 160px
	    }

	    ul.makeMenu > li > ul > li {
                position:relative;
                margin: 0;
                padding: 0;
                border: 0;
                width:auto;
                display: block;
	    }
	    ul.makeMenu > li > ul > li > a {
                display: block;
		padding: 0 25px 0 15px;
                line-height: 32px;
	        font-size:0.9em;
                color: #000;
	    }
	    ul.makeMenu li ul li:hover, ul.makeMenu li ul li.CSStoHighlight {
                background: none;
	    }
	    ul.makeMenu li ul li:hover > a {
                text-decoration: none;
                color: #fff;
                background-color: #6ca3b2;
	    }



    /* CATE SUB-SUB-MENU - Sub-sub-category selection list */

	    ul.makeMenu ul li ul {  
                display: none;
	    }
	    ul.makeMenu ul li:hover ul {  
                display: none;
	    }


/*--------------------
  
     LEFT SECTION     

---------------------*/

/*  CYBERTILL CLASSIC  */
    
    .section_left {
        width: 164px;
        max-width: 164px;
        vertical-align: top;
    }


/*  TABLES */

    #leftBox_tbl{
        display: block;
        background-image: url(/images/hansonmusic/leftBox.png);
        background-repeat: no-repeat;
        width: 134px;
        height: 131px;
        max-height: 131px;
        overflow: hidden;
        margin: 12px 0 10px 1px;
        background-color:#fff;
        color:#fff;
    }
    #leftBox_tbl p {
        width: 134px;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    #leftBox_tbl font[size="4"]{
        font-size: 17px;
        line-height: 25px;
    }
    #leftBox_tbl font[size="4"]{
        font-size: 17px;
        line-height: 25px;
    }
    #leftBox_text{
        height: 100px;
    }

    #srch_tbl { display: block; margin: 3px 0 0 15px; padding: 0;}
    #srch_hdr { display:none }
    #srch_tbl input, select[name=searchtype] { display:none;}
    #srch_tbl input.font_input {
        display:inline-block;
        float:left;
        border: 0;
        background-color: #fff;
        width: 89px;
        height: 15px;
        line-height: 15px;
        font-size: 11px;
        color: #666;
        margin: 0;
        padding: 0;
    }
    #srch_tbl input.buttonstyle {
        display:inline-block;
        float:left;
        width: 15px;
        max-width: 15px;
        height: 15px;
        color: transparent;
        border: 0;
        margin: -15px 0 0 89px;
        padding: 0;
        background-color: transparent;
        background-position: 0 0;
        background-image: url(/images/hansonmusic/btn_search.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }


    .tbl_left { border: 1px solid #cad2d7; width:134px; margin: 0 0 10px 1px; }
    .tbl_left > tbody > tr > td { border-left: 1px solid #cad2d7; border-right: 1px solid #cad2d7;  }



    .hdr_left {
        display:block;
        width: 119px;
        height: 23px;
        line-height:22px;
        border:0;
        color: #444;
        font-size: 1.1em;;
        padding-left:15px;
        background-image: url(/images/hansonmusic/feature_hdr.png);
        background-position: 0;
        background-repeat: no-repeat;
    }

    #featured.tbl_left { border-width: 0 0 1px 0;}
    #featured.tbl_left td.hdr_left { border: 0;}

    #info_tbl p {
        margin: 0;
        padding: 0;
    }

    #howTo, #about { width:114px; padding: 10px; }
    #howTo a, #about a { color: #000; line-height:22px; }

    #price_tbl td:first-child { padding-right: 5px; }
    #price_tbl #offer {color: #6ca3b2; font-weight:bold}



/*---------------------
  
     MAIN SECTION     

---------------------*/

/*  CYBERTILL CLASSIC  */

    .section_main {
        width: 800px;
        max-width: 800px;
        padding-top: 12px;
        text-align: left;
    }



/*  HOME PAGE  */

    /* rotator in-page placement */
        div.rotator {
	    position:relative; 
            z-index: 1;
	    height:271px;
        }
    /* rotator css */
    /* rotator css */
        div.rotator ul {
            padding: 0; 
            margin: 0;
        }
        div.rotator ul li {
	    float:left;
	    position:absolute;
	    list-style: none;
        }
    /* rotator image style */	
        div.rotator ul li img {border: 1px solid #cad2d7;
	    padding: 0;
	    background: #FFF;
        }
        div.rotator ul li.show {
    	    z-index:500;
        }
    /* cursor */
        div.rotator a {
            cursor: default;
        }

    #tbl_services { border: 1px solid #cad2d7; margin-top: 10px; }
    #tbl_services td:first-child{
        color: #fff;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        background-color: #0b0803;
        padding-left: 15px;
    }
    #tbl_services h2 { font-size: 1.7em; line-height: 1.5em; font-weight: normal; margin: 0px 0 -5px; }
    #services { margin: 10px 0 0 10px; font-style: italic;}
    #message { 
        display: block;
        width: 100%;
        text-align: center;
        font-size: 1.1em;
        color: #666;
        line-height: 50px
    }

    #moreAbout {
        background-image: url(/images/hansonmusic/moreAbout_bk.jpg);
        height: 153px;
    }
    #moreAbout ul {
            padding: 0; 
            margin: 0;
        list-style: none;
        display: block;
        margin-top: 5px;
        width: 595px;
        height: 140px;
    }
    #moreAbout ul li {
        float:left;
        width: 177px;
        display: block;
        margin: 0px 20px 0 0;
    }
    #moreAbout ul li img {
        border: 0;
        display: block;
        position: absolute;
        z-index: 1;
    }
    #moreAbout ul li a span {
        display: inline-block;
        position: relative;
        z-index: 2;
        width: 177px;
        color: #000;
        text-align:center;
        font-size: 0.8em;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        letter-spacing: 1px;
        float:left;
        border: 0;
        margin: 110px 0 0 0;
    }
    #moreAbout li:hover span {
        text-decoration: underline;
    }
    #moreAbout h2 {
        margin: 0;
        display: block;
        width: 170px;
        padding: 85px 0 0 5px;
        float:left;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1.7em;
    }

    #inThePress { margin-top:30px; height:32px; position:relative; }
    #inThePress > span { display: block; float:left; text-transform: uppercase; color: #6ca3b2; font-size:1.3em; margin-top: 5px;}
    #inThePress img { margin-left:35px; height:32px;}


/* CRUMBS */

    #crumbs {
        padding-top: 12px;
    }

/* RESULTS FILTER OPTIONS */


/* RESULTS FILTER OPTIONS */


    #hdr_results { display:block; width:775px; font-weight: bold; background-color: #6ca3b2; color: #fff; height: 23px; padding-left: 5px; padding-top: 5px}

    #pageDisplayed { font-weight: bold;}
    #pageDisplayed a { color: #000; text-transform: underline;}

    #sortBy-container { float:right;}

        #sortBy-container form { float:left;}
        select.font_input[name=sortType],
        select.font_input[name=imageType] {
            float:left;
            font-size:12px;
            color: #666;
            margin-right: 4px;
            margin-top: -1px;
            border-width: 1px
        }
        #sortBy-txt { float:left; margin-right: 10px; color: #fff; font-weight: bold;}


/* CATEGORY - sub-categories page */

    /* category description */
    #catprods_hdr {
        text-align: left;
        width: 580px;
        margin-top: 30px;
    }
    #catprods_hdr tbody tr td {
        text-align: left;
        padding: 5px;
    }


/* CATEGORY - details page */


    /* CATEGORY HEADER */
    #cat_hdr {
        position:relative;
        display:block;
        z-index: 1;
        width: 580px;
    }

    /* CATEGORY NAME */
    #cat_hdr.main_main .column_main b {
        position:relative;
        z-index: 1;
        width: 400px;
        display: block;
        height:19px;
        margin-top: 3px;
        margin-bottom: -3px;
    	color: #6ca3b2;
        font-size: 1.5em;
    }
    #cat_hdr.main_main img{
        text-align: right;
    }

    /* CATEGORY DESCRIPTION */
    #cat_hdr span{
        display: block;
        overflow: auto;
        padding: 5px;
    }
    #cat_hdr.main_main .column_main {
        //padding: 10px;
    }




    #catprods_hdr > tbody > tr > td.column_main > a.links_main {
        display: block;
        padding: 0 10px;
        line-height: 30px;
        width: 150px;
        text-align: center;
        color: #000;
        border: 1px solid #ccc;
        background-image: url(/images/hansonmusic/navBar_bk.jpg);
        background-repeat: repeat-x;
    }
    #catprods_hdr > tbody > tr > td.column_main > a.links_main:hover {
        color: #fff;
        text-decoration: none;
        background-image: url(/images/hansonmusic/navBar_bk-over.jpg);
    }

/* ALL PRODUCTS - table */

    #catprods_tbl {
        border-collapse: separate;
        width: auto;
        margin: 0;
        padding: 10px 0 0 0;
        color: #fff;
    }

    /* PRODUCT CONTAINER / PRICE */
    #catprods_tbl > tbody > tr > td.column_main  {
        float: left;
        display: block;
        text-align: center;
        width : 160px;
        height : 265px;
        max-height : 275px;
        border: 1px solid #ccc;
        background-color: #fff;
        padding: 0 10px;
        margin: 5px;
        color: #6ca3b2;
        font-size : 15px;
        font-weight: bold;
    }
    #catprods_tbl > tbody > tr > td.column_main:hover {
        border: 1px solid #6ca3b2;
        background-color: #6ca3b2;
        color: #fff;
        cursor: pointer;
    }
    #catprods_tbl > tbody > tr > td.column_main:hover a { color: #fff; }
    #catprods_tbl > tbody > tr > td.column_main a:hover { text-decoration: none; }


    /* SAVING TEXT */
    #catprods_tbl .column_main font { 
        font-size: 9pt;
        color: #666;
        text-align : center;
        font-weight: normal;
        display: inline-block;
        padding-top: 5px;
    }
    #catprods_tbl .column_main font b {
        font-weight: normal;
        display: block;
        color: #ff0000;
    }

    /* PRODUCT NAME */
    #catprods_tbl > tbody > tr > td > a {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        padding: 0 0 5px 0;
        color: #000;
    }



    /* IMAGE CONTAINER */
    #catprods_tbl tbody tr td tabain .font_input {
                margin-top: 20px;
	    }


	    #summary_tbl {
	    }


            #shopcart_tbl table:first-child {
                background-image:url('/images/timetide/welcome-bk.jpg');
                background-repeat: no-repeat;
                color: #60604b;
                width: 763px;
                height: 73px;
                margin: 0 0 10px 0;
            }
            #shopcart_tbl table:first-child td {
                padding-left: 40px;
            }



/*---------------------
  
     BOTTOM SECTION     

---------------------*/

/*  CYBERTILL CLASSIC  */

        .section_bottom {
            margin: 10px 0 0 0;
            text-align: center;
            background-color: transparent;
        }
        .column_bottom, #footer {
            background-color: transparent;
        }
#footer {
     background-color: #FFF;
     background-image: url("/images/hansonmusic/footer_bg.png");
     background-repeat: no-repeat;
     display: block;
     height: 180px;
     margin: 20px 0pt 5px -10px;
     position: relative;
     width: 1000px;
}

td.column_bottom {
}

.column_bottom a:link, .column_bottom a:active, .column_bottom a:visited {
     color: #00859C;
     font-family: verdana;
     font-weight: normal;
     margin: 0pt;
}

#footer div {
     float: left;
}

#footer-start {
     height: 150px;
}

#footer-start img {
     display: block;
     float: right;
     margin-top: 5px;
     margin-left: 15px;
}

#footer #menu-left {
     line-height: 22px;
     margin-top: 15px;
     padding: 0pt 20px 0pt 25px;
}

#footer #menu-right {
     line-height: 22px;
     margin-top: 15px;
     padding: 0pt 20px;
}

#footer #menu-left a, #footer #menu-right a {
     color: #000000;
     line-height: 25px;
}


/*---------------------
  
     GOOGLE CHROME and other WEBKIT BROWSERS     

---------------------*/

    @media screen and (-webkit-min-device-pixel-ratio:0) { 

	input[value="Continue Shopping"] { width:170px!important; display: inline-block;}

    }