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

/*       Standards	    */

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


/* body class */

        html {
            background-image: url(/images/gbcycles/bg_html_wallpaper.jpg);
        }

        body, p {
                font-family: Helvetica, sans-serif; 
                font-size: 0.9em; 
    		color: #000;
        }

        .bodyclass {
            margin: 0 auto;
            padding: 0;
            width: 980px;
            text-align: left;
            background-color: #dfeaf0;
            background-image: url(/images/gbcycles/bg_side_section.jpg);
            background-position: 50% 148px;
            background-repeat: repeat-x;
        }

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

* {padding:0; margin:0;}

ul li {margin-left:15px;}

        a, a:link, a:visited { 
                font-size: 0.9em; 
    		color: #0033ff;
                font-weight: bold;
                text-decoration: none;
        }
        a:hover {
                text-decoration: underline;
        }

        .main_spacer { display: none; }

        .font_error { color: #ff0000;}

        input.buttonstyle {
                background-image: url(/images/gbcycles/bg_navBar.jpg);
                height: 31px;
                color: #fff;
                font-family: Helvetica, sans-serif; 
                font-weight: bold;
                font-size: 0.8em;
                border: 1px solid #ccc;
                margin: 2px;
                cursor: pointer;
                padding: 0 10px;
        }
        input.buttonstyle:hover {
                background-image: url(/images/gbcycles/bg_navBar_over.jpg);
        }


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

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

/*  CYBERTILL CLASSIC  */
    
    .section_top, .column_top {
    }



/*  HEADER  */

    .header {
        background-image: url(/images/gbcycles/bg_header.jpg);
        height: 116px;
    }
    .header div {
        display: inline-block;
        float:left;
    }
    #contactDetails {
        float:right;
        text-align: right;
        color: #fff;
        font-weight: bold;
        padding: 20px 50px 
    }
    #contactDetails #phone {
        display: block;
        margin-top: 20px;
        font-size: 1.1em;
    }


/*  NAVIGATION  */

    #navBar {
        background-image: url(/images/gbcycles/bg_navBar.jpg);
        height: 31px;
        margin-bottom: 10px;
    }

    #navBar ul li {
        display: inline-block;
        float:left;
margin-left:0;
    }
    #navBar ul li a{
        display:block;
        padding: 7px 10px 9px 10px;
        color: #fff;
        font-size: 0.8em;
    }
    #navBar ul li a:hover {
        background-image: url(/images/gbcycles/bg_navBar_over.jpg);
        text-decoration: none;
    }
    #navBar ul li:first-child {
        padding-left:20px;
    }
    #navBar ul {
        float: left;
        display: inline-block;
    }
    #searchbox {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }
    #search-field { float:left; margin: 7px; width:145px; }
    #search_btn { float:left; margin: 5px 10px 0 0; }


/*--------------------------------
  
     LEFT and RIGHT SECTIONS     

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

/*  CYBERTILL CLASSIC  */
    
    .section_left, .section_right {
        width: 200px;
        max-width: 200px;
        background-color: #dfeaf0;
        background-image: url(/images/gbcycles/bg_side_section.jpg);
        background-repeat: repeat-x;
        vertical-align: top;
    }

/*  RIGHT IMAGES  */

    .column_right div > img {
        margin:10px;
    }

    #accountOptions { 
        display:none;
        margin: -20px 0 10px 20px;
    }


/*  TABLES */

    #login_tbl,
    #cart_tbl {
        margin: 0 0 20px 5px;
    }

    #cart_tbl td {
        text-align: right;
        padding: 2px 10px;
        font-size: 0.8em;
        color: #000;
    }
    #cart_tbl a.links_right {
        font-size: 0.95em;
        color: #000;
    }


/*  HEADERS */

    #login_hdr { display: none;}

    #catMenu_hdr span,
    .bargains > a,
    td#cart_hdr  {
        display:block;
        float: left;
        width: 175px;
        line-height: 33px;
        background-image: url(/images/gbcycles/bg_button.jpg);
        border: 3px solid #050f7b;
        margin-bottom: 10px;
        padding: 0 0 0 10px;
        font-weight: bold;
        font-size: 0.9em;
        text-align:left;
    }

    #login_tbl td {
        padding: 0 0 0 10px;
        color: #000;
        line-height: 33px;
        background-image: url(/images/gbcycles/bg_button.jpg);
        border: 3px solid #050f7b;
    }

    #login_tbl { width: 185px; }

    td#cart_hdr { width: 170px; }

    .bargains {
        margin-left: 3px;
        list-style-type: none;
    }
    #cart_hdr a, .bargains a, #login_tbl a { color: #000; font-size: 0.9em;}

    td#cart_hdr:hover, #login_tbl:hover td, #login_tbl a:hover { background-color: #e6f1f6; background-image: none;}
    #cart_hdr a:hover, #login_tbl a:hover { text-decoration: none; }

    #catMenu_hdr span {
        margin-bottom: 0;
    }
    #catMenu_hdr {
        padding-bottom: 10px;
    }


/*  CATEGORY MENU TABLE */

    #catMenu_tbl {
        margin-left: 3px;
    }

/*  CATEGORY MENU  */

	    ul.makeMenu, ul.makeMenu ul, .bargains ul {
                list-style-type: none;
                border: 3px solid #050f7b;
                width: 185px;
                z-index: 2;
	    }
	    ul.makeMenu li {   
margin-left:0;
	    }
	    ul.makeMenu li a, .bargains ul li a { 
                display: block;
                font-weight: bold;
                text-decoration: none;
                line-height: 34px;    
                font-size: 0.9em;
                color: #000;
                border-bottom: 1px dotted #999;
                background-color: #fff;
                padding-left: 15px;
	    }
	    ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
	    }
	    ul.makeMenu li a:hover,
            ul.makeMenu li a.CSStoHighLink,
            ul.makeMenu li:hover > a { 
                background-color: #e6f1f6;
                width: 173px;
                position: relative;
                z-index: 3;
	    }



/*  SUB-CATEGORY MENU  */

	    ul.makeMenu li > ul, .bargains ul {          
                display: none;               
	    }
	    ul.makeMenu ul.CSStoShow,
            ul.makeMenu li:hover > ul {    
                display: block;
                position: absolute;
                margin: -38px 0 0 185px;                  
	    }
	    ul.makeMenu ul li,
            .bargains:hover ul li{
                background-image: none;
	    }
	    ul.makeMenu ul li a,
            .bargains:hover ul li a{
                border: 0;
            }


            .bargains:hover ul {    
                display: block;
                position: absolute;
                margin: 0 0 0 188px;                  
	    }
            .bargains:hover > a {
                text-decoration: none;
                border-right: 0;
                background-image: none;
                background-color: #e6f1f6;
                width: 178px;
                position: relative;
                z-index: 5;
	    }
            .bargains li:hover > a,
            .bargains li a:hover { 
                background-color: #e6f1f6;
                width: 170px;
	    }



/*  SUB-SUB-CATEGORY MENU  */

	    ul.makeMenu ul ul.CSStoShow,
            ul.makeMenu ul li:hover > ul {    
                display: block;
                position: absolute;
                margin: -37px 0 0 185px;                  
	    }






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

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

/*  CYBERTILL CLASSIC  */

    .section_main {
        width: 580px;
        max-width: 580px;
        text-align: left;
    }



/*  HOME PAGE  */

    #mainImg {
        width: 568px;
        height: 288px;
        border: 3px solid #050f7b;
        margin-bottom: 6px;
    }
    #mainImg:hover {
        border: 3px solid #0000ff;
    }
    #overlay {
        position: absolute;
        z-index: 1;
        margin: -52px 0 0 3px;
        background-image: url(/images/gbcycles/trans_pixel_black.png);
        height: 43px;
        width: 567px;
    }
    #overlay p font{
        padding-left:20px;
        line-height: 43px;
        font-weight: bold;
        font-size: 1.0em;
        color: #fff;
    }
    #overlay p font:hover{
        text-decoration: underline;
    }

    .homeItem {
        display:block;
        width: 180px;
        height: 265px;
        border: 3px solid #050f7b;
        background-color: #fff;
    }
    .homeItem:hover {
        border: 3px solid #0000ff;
    }
    .homeItem p {
        display:block;
        padding: 7px 3px 0 5px;
        margin: 0;
        font-size: 0.8em;
    }
        p.txt_prodName a { color: #1a206d; }

    .homeItem img{
        display:block;
        margin: -7px -3px 0 -5px;
    }
    .homeItem a {
        font-size: 1em;
        font-weight:normal;
        color: #000;
    }

    .home_header {
        background-color: #050f7b;
        color: #fff;
        width: 564px;
        margin: 5px 0;
        font-weight: bold;
        line-height: 20px;
        padding-left: 10px;
    }

    #brands_tbl table{
        border-collapse: collapse;
        border: 0;
        border-spacing:2px;
        margin-top: 10px;
        width: 574px;
        height: 160px;
    }

    #brands_tbl td {
        width: 113px;
        height: 79px;
    }
    #brands_tbl img {
        width: 111px;
        height: 77px;
        border: 1px solid #6d6d6d;
    }



/* CATEGORY - choose sub-category page */

    /* category description */
    #catprods_hdr {
        text-align: left;
        width: 580px;
        margin-top: 30px;
    }
    #catprods_hdr tbody tr td {
        text-align: left;
        //padding: 5px;
        color: #050f7b;
    }
    #catprods_hdr a {
        color: #050f7b;
        padding: 0 4px 20px 4px;
        display:block;
    }
    #catprods_hdr img {
            border: 3px solid #050f7b;
            margin-bottom:-17px;
    }


/* CATEGORY - browse products page */

    /* CATEGORY HEADER */
    #cat_hdr {
        position:relative;
        z-index: 1;
        width: 568px;
    }
    #cat_hdr.main_main td {
        vertical-align: top;
    }

    /* category name */
    #cat_hdr.main_main .column_main b {
        position:relative;
        z-index: 1;
        display: inline-block;
        width:382px;
        height:19px;
        margin: 3px 0 -3px 0;
        color: #050f7b;
        font-size: 1.5em;
    }
    #cat_hdr.main_main img{
        display:block;
        width: 180px;
        border: 3px solid #050f7b;
    }

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


/* CATEGORY - all products TABLE */

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


    /*  PRODUCT CONTAINER  */

       #catprods_tbl .column_main  {
            display: inline-block;
            text-align : left;
            width : 160px;
            height : 280px;
            max-height : 280px;
            border: 3px solid #050f7b;
            background-color: #fff;
            padding: 0 10px;
            margin: 0 0 5px 0;
            color: #000;
            font-size : 0.9em;
            font-weight: bold;
        }
       #catprods_tbl .column_main:hover  {
            border: 3px solid #0000ff;
        }


    /*  SAVINGS  */

        #catprods_tbl .column_main font, #catprods_tbl .column_main strong, #catprods_tbl .column_main b { 
            font-size: 9pt;
            font-weight: normal;
            color: #000;
        }
    

    /*  IMG CONTAINER  */

       #catprods_tbl .column_main .column_main {
            text-align : left;
            display:inline-block;
            overflow: hidden;
            margin-left: -10px;
            padding: 0;
            height : 180px;
            width: 180px;
            font-size : 10px;
            border: 0;
        }


    /*  PRODUCT NAME  */

       #catprods_tbl .column_main a {
            font-size: 0.9em;
            color: #1a206d;
            text-transform: uppercase;
            padding: 0;
        }


    #catprods_tbl .column_main table tr td {
        background-color: transparent;
    }



    /*  IMG LINK CONTAINER*/

       #catprods_tbl .column_main table tr td a {
            display: block;
            text-align: left;    
            max-width: 180px;
            height:180px;
            border: 0;
            overflow: hidden;
        }


    /*  PRODUCT IMG */

       #catprods_tbl .column_main a img {
            width: 180px;
       }

/* PRODUCT - details page */

	    #prod_tbl {
                margin-top: 0;
                width: 580px;
                max-width: 580px;
	    }

	    #prod_tbl td {
                text-align: left;
                max-width: 400px;
	    }


	/* product name + description */

	    #prod_tbl tbody tr td tbody tr td {
	    }


 	/* product name + item details */

	    #prod_tbl tbody tr td tbody tr td tbody tr td {
                font-size: 1.5em;
                color: #1a206d;
	    }


	/* 'Zoom' + 'Click to add' */

	    #prod_tbl tbody tr td {
	    }


	/*  product thumbs */

	    #prod_tbl tbody tr td.column_main img {
                width: 130px;
                border: 1px solid #505050;
	    }

	/* product main image */

	    .small_main:first-child img:first-child  {
                border: 1px solid #505050;
                margin-right: 15px;
                margin-bottom: 15px;
	    }


	/* item details */

	    #prod_tbl hr {
                border: 0;
                border-top: 1px solid #aaa; // blue: #050f7b;
                margin: 20px 20px 20px 0;
	    }

	    #item_Tbl {
                text-align: left;
                width: 580px;
                max-width: 580px;
	    }
	    #item_Tbl tbody tr td {
                min-width: 100px;
	    }
	    #item_Tbl b{
                display: inline-block;
	    }
	    #item_Tbl select{
                margin: 0 10px 0 10px;
	    }
	    #item_Tbl tbody tr td tbody tr td{
                text-transform: none;
                font-size: 12px;
                font-weight: bold;
	    }   




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

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

/*  CYBERTILL CLASSIC  */

        .section_bottom {
                margin: 10px 0 0 0;
                text-align: center;
        }
        .column_bottom {
            background-color: #383838;
        }
        .column_bottom a{
            color: #fff;
        }

/*  FOOTER v1  */

        #footer {
            font-weight: bold;
            background-color: #383838;
            padding: 15px;
        }

        #footerNav {
            margin-bottom: 40px;
        }
        #footerNav a, #footerNav div {
            color: #fff;
            display: inline-block;
            float:left;
        }
            .dot { width:14px; padding-top: 2px; }

/*  FOOTER v2  */

        #footer_ctn {
            background-color: #383838;
        }
        #footer_tbl > tbody > tr > td{
            vertical-align: top;
            padding: 5px;
        }
        #footer_tbl table td{
            padding: 3px;
        }
        #footer_tbl table img{
            display:inline-block;
        }
        #footer_tbl a {
            display:inline-block;
            margin-top:-5px;
            color: #fff;
        }

/*  FOOTER LAST LINE  */

        #footer span {
            padding: 0 5px;
            font-size: 0.75em;
        }
        #footer_ctn span {
            padding: 0 5px 0 3px;
            font-size: 9pt;
        }
        .label {
            color: #9c9e9f;
        }
        .detail {
            color: #fff;
        }
        #acceptedPayments { float:right; display:block; margin-top: -50px; margin-right: -10px}