@media screen
{

    /******************************************************************************************/
    /* global styles common to all pages [ AbleCommerce Theme ]                               */
    /******************************************************************************************/

    /* force a vertical scrollbar in firefox, prevents horizontal page shifting */
    html
    {
        margin-bottom: 1px;
    }

    /* styling for the page body */
    body
    {
        padding: 0 0px 0 0px;
        margin: 0 0 0 0; /* background:#BDD8FE url(images/background_image.gif) repeat-x top left; */
        font-size: 11px;
        font-family: Verdana, Arial, Sans-Serif; /*	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; 	font-size: 12px; */
        background-position: top;
        background-repeat: repeat-x;
    }

    .mainTable, .poweredBy, .wlid, .MyDashboard, .PreviewModeImage
    {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        position: relative;
    }


    .OuterContentWrapper
    {
        width: 980px;
        padding: 5px;
        margin-left: 10px;
        margin-top: 10px;
    }

    /* default styling for block elements */
    td, p, form
    {
        text-decoration: none;
        margin: 0px;
    }

    ul
    {
        margin: 2px 0 2px 20px;
    }
    /* li { list-style-type: circle; } */

    /* special styling for validation summary lists */
    .validationSummary ul
    {
        padding-left: 0px;
    }

    /* default styling for links */
    a
    {
        text-decoration: none;
        color: #304FcA;
    }
    /*a { color:#8C0901; }*/
    a:hover
    {
        color: #304f89;
        text-decoration: underline;
    }


    #NameLink a:hover
    {
        color: #304f89;
        text-decoration: underline;
    }

    /* link styling for links that are highlighted on a page */
    a.highlight
    {
        font-weight: bold;
        color: #003399;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        text-decoration: none;
    }
    a.highlight:hover
    {
        color: #003399;
        text-decoration: underline;
    }

    /* default styling for input elements */
    input
    {
        vertical-align: middle;
    }

    /* styling for subclassed textbox elements */
    input.textBox
    {
        background-color: #FFFFFF;
        border: 1px solid #B2AF7D;
        width: 190px;
        height: 16px;
        margin: 0 3px 0 15px;
    }

    /* style for buttons */
    a.button
    {
        font-family: Verdana, Arial, Sans-Serif; /*background-color: #5872CB;*/
        background: #5872CB url(images/button_bg.gif) repeat-x center;
        font-size: 9px; /* text-transform: uppercase; */
        color: #134FA3 !important;
        font-weight: bold;
        cursor: pointer;
        margin: 1px 0;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        font-weight: 900;
        border: 1px solid #7D90B1;
    }
    a.button
    {
        padding: 4px 5px 4px 5px;
        display: inline-block;
    }

    input.ablebutton
    {
        height: 21px;
        font-family: Verdana, Arial, Sans-Serif; /*background-color: #5872CB;*/
        background: #5872CB url(images/button_bg.gif) repeat-x center;
        font-size: 9px; /* text-transform: uppercase; */
        color: #134FA3 !important;
        font-weight: bold;
        cursor: pointer;
        margin: 1px 0;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        font-weight: 900;
        border: 1px solid #7D90B1;
    }

    input.ablebutton:hover
    {
        font-family: Verdana, Arial, Sans-Serif; /*background-color: #5872CB;*/
        background: #5872CB url(images/button_bg_hover.gif) repeat-x center;
        font-size: 9px; /*	text-transform: uppercase;*/
        color: #675D29;
        font-weight: bold;
        cursor: pointer;
        margin: 1px 0;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        font-weight: 900;
        border: 1px solid #C7B55C;
    }


    a.button:hover
    {
        font-family: Verdana, Arial, Sans-Serif; /*background-color: #5872CB;*/
        background: #5872CB url(images/button_bg_hover.gif) repeat-x center;
        font-size: 9px; /*	text-transform: uppercase;*/
        color: #675D29;
        font-weight: bold;
        cursor: pointer;
        margin: 1px 0;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        font-weight: 900;
        border: 1px solid #C7B55C;
    }
    a.button:hover
    {
        padding: 4px 5px 4px 5px;
        display: inline-block;
    }

    /* style for button hover state 
    		input.button:hover, a.button:hover
    		{
    			color: #FFFFFF; text-decoration:none;
    		}*/

    /* style for a paragraph element to highlight */
    p.highlight
    {
        font-weight: bold;
        color: #575757;
        padding-top: 5px;
        margin-top: 5px; /* text-decoration:none; */
    }

    /* Text styles used to provide status information */
    .goodCondition
    {
        font-weight: bold;
        color: #008000;
        padding-bottom: 3px;
    }
    .warnCondition
    {
        font-weight: bold;
        color: #FFA500;
        padding-bottom: 3px;
    }
    .errorCondition
    {
        font-weight: bold;
        color: #FF0000;
        padding-bottom: 3px;
    }

    /* style for element that acts as a spacer between other elements */
    .spacer
    {
        clear: both;
        font-size: 1px;
        line-height: 1px;
        height: 1px;
        padding: 0;
        margin: 0;
    }

    /* container for the breadcrumbs trail */
    .breadCrumbPanel
    {
        padding: 4px 0;
    }
    .CategoryBreadCrumbs
    {
        padding: 4px 0;
    }

    /* link in the breadcrumbs trail */
    .breadCrumbLink
    {
        text-decoration: underline;
        text-indent: 0px;
        color: #5872CB;
        margin: 4px 0 8px 0;
        padding: 4px 0 8px 0;
        border: 1px solid #FF0000;
    }

    /* generic styling for a suggested retail price */
    .msrp
    {
        text-decoration: line-through;
    }

    /* applied to ajax progress update */
    #centeredProgress
    {
        width: 300px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -150px;
        margin-top: -200px;
        z-index: 99;
        color: #FFFFFF;
        border: 5px solid #C1C1C1;
        background: #FFFFFF url(images/processing.gif) no-repeat 50%;
    }

    /* background style for the screen when an ajax progress update is displayed
    #ajaxProgressBg
    {
        border: 0px;
        padding: 0px;
        margin: 0px;
        width: 100%;
        position: absolute;
        background-color: #000000;
        opacity: 0.3;
        filter: Alpha(opacity:30);
        z-index: 50000;
    }
 */
    /* style for the ajax progress indicator */
    #ajaxProgress
    {
        border: 0px;
        padding: 0px;
        position: absolute;
        background-color: #FFFFFF;
        background: #FFFFFF url(/images/image_99130.gif) no-repeat 50%;
        z-index: 50001;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        height: 80px;
        border: solid 1px gray;
        opacity: 0.8;
        filter: Alpha(opacity:80);
    }

    hr
    {
        width: 100%;
    }

    h2
    {
        /*background:url(images/header_icon_mid.gif) no-repeat 0 0;*/
        font-size: 11px;
        text-indent: 10px;
        line-height: 20px;
        padding: 2 0 2 0;
        color: #444444;
        background-color: #dddddd;
        border: solid 1px #aaaaaa; /* background:#52b000 url(/images/green_leftarc.gif) no-repeat left top; */
        font-size: 12px;
    }

    h2.sectionHeader
    {
        text-indent: 15px;
        color: #444444;
        background-color: #dddddd; /* background:#52b000 url(/images/green_leftarc.gif) no-repeat left top;*/
        margin: 0 0 0 0;
        font-family: verdana;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px; /* 	background:#efefef; 	padding: 0 2px; 	border:1px solid #82A0CD; 	margin:0 0 12px 0; 	height:27px; 	line-height:27px; 	font-size:14px; 	color:Black; 	font-weight:bold; */
    }

    /******************************************************************************************/
    /* styles to support the page layout                                                      */
    /******************************************************************************************/

    /* container for the left sidebar content */
    #leftSidebarPanel
    {
        /* width: 195px; */
        margin: 0 4px 0 0;
        padding: 0 0 0 0;
        background-color: #f8f8f8;
        border: 0px solid #999999;
        border-left-width: 0;
        font-size: 11px;
        font-family: Verdana, Arial, Sans-Serif;
        font-color: black;
    }

    /* content section in the left sidebar */
    #leftSidebarPanel .section
    {
        margin: 0px 0px 2px 0px;
        padding: 0 0 0 0;
    }

    /* header in left sidebar content section */
    #leftSidebarPanel .section .header
    {
        /* display:none; */
        height: 20px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-weight: bold; /* background: #5A73CC url(images/section_header_bg1.gif) repeat-x; */
    }

    /* caption in left sidebar content section header */


    #leftSidebarPanel .h2
    {
        background: #f1f1f1;
        text-indent: 5px;
        line-height: 16px;
        color: #333333;
        font-size: 12px;
    }

    #leftSidebarPanel .section .header h2
    {
        /* display:none; */
        font-family: Verdana;
        font-weight: normal;
        color: #dddddd;
        text-indent: 10px;
        font-size: 12px; /* line-height: 16px; */
        font-weight: bold;
        padding: 1px 0 3px 0;
        margin: 0 0 0 0;
        background-color: #E5D3C1;
    }

    #leftSidebarPanel .section .content
    {
        padding: 0px;
    }

    /*---------------------------------------*/
    /*- styles for right sidebar            -*/
    /*---------------------------------------*/

    /* container for the right sidebar content */
    #rightSidebarPanel
    {
        min-width: 170px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background-color: #ffffff; /*D2E3FF; */
        border-left: 0px solid #999999;
        align: center;
    }



    /* content section in the right sidebar */
    #rightSidebarPanel .section
    {
        margin: 0px 0px 1px 0px;
        padding: 0 0 0 0;
        align: center;
    }

    /* header in right sidebar content section */
    #rightSidebarPanel .section .header
    {
        /* background:#536CC6 url(images/section_header_bg1.gif) repeat-x; */ /* height: 14px; */
        width: 100%;
        color: #999999;
        margin: 10px 0px 0px 0px;
        padding: 10 0 0 0; /* text-align:center; */
    }

    /* caption in right sidebar content section header */
    #rightSidebarPanel .section .header h2
    {
        text-indent: 15px;
        color: #ffffff;
        background-color: #4d4d4d; /*background:#52b000 url(/images/green_leftarc.gif) no-repeat left top;*/
        margin: 0 0 0 0;
        font-family: verdana;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        border: solid 1px #aaaaaa;
    }

    /* link in right sidebar content section header */
    #rightSidebarPanel .section .header a
    {
        float: right;
        text-decoration: underline;
        color: #000000;
        padding: 2px 3px 0 0;
        margin: 2px 3px 0 0;
    }

    /* link (hover) in right sidebar content section header */
    #rightSidebarPanel .section .header a:hover
    {
        float: right;
        text-decoration: underline;
        color: #984700;
        padding: 2px 3px 0 0;
        margin: 2px 3px 0 0;
    }

    /* content section in the left sidebar */
    #rightSidebarPanel .section .content
    {
        padding: 4px;
    }


    /* additional styling usually applied to content area when no footer is displayed */
    #rightSidebarPanel .section .nofooter
    {
        /*border-bottom: solid 1px #636363;*/
    }

    /* footer for firhg sidebar content section */
    #rightSidebarPanel .section .footer
    {
        background: /* #DCDCDC */ url(images/sectionFooterBackground.gif) repeat-x left top;
        height: 24px;
        line-height: 24px;
        margin: 0px;
        color: #8C0901;
        margin-top: 8px;
        padding: 0 2px;
    }

    /*---------------------------------------*/
    /*- styles for main content panel       -*/
    /*---------------------------------------*/

    /* container for the main panel content */
    #mainPanel
    {
        width: 100%;
    }

    /* used to display a content section in the main panel */
    #mainPanel .section
    {
        margin-bottom: 5px;
        align: center;
    }

    /* header for content section in the main panel */
    #mainPanel .section .header
    {
        /*border: 1px solid #C4C4C4; 	background-color: #E8E8E8;*/ /*width:100%;*/ /* padding: 0 2px; 	background: #BDCDFF url(images/section_header_bg1.gif) repeat-x 3px 3px; 	border:1px solid #92A7EC; */
    }

    /* the header / caption of a content section */
    #mainPanel .section .header H2
    {
        /*background:url(images/header_icon_mid.gif) no-repeat 0 0;*/
        font-size: 16px;
        padding: 2 0 2 0;
        color: Maroon;
        font-weight: bold;
        border: 0px;
        padding-top: 6px;
        border-top: dashed 1px #999999;
        background-color: White;
        text-indent: 0px; /* 	background:#52b000 url(/images/green_leftarc.gif) no-repeat left top;*/
    }
    H2.preference
    {
        background: url(images/section_header_bg.gif) repeat-x;
        height: 29px;
        line-height: 24px;
        padding: 0 5px 0 4px;
        margin: 0px;
        color: #FFFFFF;
        margin-left: 4px;
        margin-right: 4px;
    }
    /* the content area of the content section */
    #mainPanel .section .content
    {
        padding: 5px;
        align: center;
    }

    /*---------------------------------------*/
    /*- end styles for content section      -*/
    /*---------------------------------------*/

    /*---------------------------------------*/
    /*- styles for dialog section           -*/
    /*---------------------------------------*/

    /* used to display a dialog box in the main panel */
    #mainPanel .dialogSection
    {
        background: #FFFFFF;
        border-top: solid 1px #FFFFFF; /*border-right: solid 1px #636363; 	border-left: solid 1px #636363;*/
    }

    /* header for dialog box in the main panel */
    #mainPanel .dialogSection .header
    {
        /* background: #9A9A9A url(images/category_bg.gif) repeat-x left top; */
        height: 24px;
        line-height: 24px;
        padding: 0px 4px;
        margin: 0px;
        border: 1px solid #636363;
    }

    /* the header / caption of a dialog box */
    #mainPanel .dialogSection .header h2
    {
        /*background-color:#9A9A9A;*/
        color: #000000;
        background-color: #ffffff;
        margin: 0 0 0 0;
        font-weight: bold;
        font-size: 16px;
        float: left; /* line-height:27px; */
    }

    /* link style within the header of a dialog box */
    #mainPanel .dialogSection .header a
    {
        float: right;
        text-decoration: underline;
        color: #000000;
    }

    /* link style within the header of a dialog box (hover) */
    #mainPanel .dialogSection .header a:hover
    {
        float: right;
        text-decoration: underline;
        color: #8C0901;
    }

    /* the content area of the dialog box */
    #mainPanel .dialogSection .content
    {
        padding: 2px;
        border: 1px solid #636363;
        margin-top: 2px;
        min-height: 180px;
    }
    #mainPanel .dialogSection .content table th.rowheader
    {
        background-color: White;
    }
    #mainPanel .dialogSection .content table td.txt
    {
    }


    /* additional styling usually applied to content area when no footer is displayed */
    #mainPanel .dialogSection .nofooter
    {
        border-bottom: solid 1px #636363;
    }

    /* footer for dialog box */
    #mainPanel .dialogSection .footer
    {
        background: #DCDCDC url(images/sectionFooterBackground.gif) repeat-x left top;
        height: 24px;
        line-height: 24px;
        margin: 0px;
        color: #8C0901;
        margin-top: 8px;
    }

    /*---------------------------------------*/
    /*- end styles for dialog section       -*/
    /*---------------------------------------*/

    /* styling for validation summaries that appear in the main panel */
    #mainPanel .validationSummary
    {
        margin-bottom: 6px;
    }

    /* outer wrapper for the main page content */
    #outerContentWrapper
    {
        /*text-align: center; /*width: 100%;*/
    }

    /* inner wrapper for the main page content */
    #innerContentWrapper
    {
        /*width:99%; 	border-left:solid 1px #2B2B5A; 	border-right:solid 1px #2B2B5A; 	background-color:#E3EFFF; */
        margin: 0 0 0 0;
        text-align: left;
    }

    /* container for the page content 
    		#contentLayout
    		{
    			border: 4px solid #FFFFFF;
    		}*/

    /* additional style required when container is a table */
    table#contentLayout
    {
        width: 100%;
    }

    /******************************************************************************************/
    /* end styles to support the page layout                                                  */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the store header section                                                    */
    /******************************************************************************************/
    /*

    		#outerFrame
    		{
    			border:1px solid #FF0000;
    		}
    		/* style for the outer store header container */
    #storeHeader
    {
        width: 100%;
        margin: 0px 0px 0px 0px;
        font-size: 11px;
        font-family: Verdana, Arial, Sans-Serif;
        background-color: #ffffff;
        text-align: center;
        padding: 0px 0px 0px 0px;
    }

    /* Classes to render banner logo objects */
    #storeHeader .banner
    {
    }

    #storeHeader .banner .topbanner
    {
    }

    #storeHeader .banner .midbanner
    {
    }

    #storeHeader .banner .subbanner
    {
    }



    /* styling attached to the container for the linked logo image */
    #storeHeader .logo
    {
        margin: auto;
        padding: 0 0 0 0;
        border-top: 0px solid #FFF;
        border-left: 0px solid #FFF;
    }

    /* additional styling for the logo image tag */
    #storeHeader .logo img
    {
        margin: 5px 0 0 5px;
    }

    /* used for any content besides the logo in the header */
    #storeHeader .headerContent
    {
        height: 91px;
        margin: 0px;
        white-space: nowrap;
        border-top: 0px solid #FFF;
        border-right: 0px solid #FFF;
    }

    /* style for container of shortcut links that can appear in the header */
    #storeHeader .shortcuts
    {
        display: none;
        width: 285px;
        height: 80px;
    }

    /* style for links within shortcuts container */
    #storeHeader .shortcuts a
    {
        font-size: 11px;
        font-family: Verdana, Arial, Sans-Serif;
        display: block;
        width: auto;
        float: right;
        padding: 30px 3px 0 3px;
        margin: 20px 3px 0 3px;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        color: #0a6cce;
        text-decoration: none;
        text-align: center;
    }
    #storeHeader .shortcuts a:hover
    {
        color: #ff0000;
        text-decoration: underline;
    }

    /* style for specific shortcuts */
    #storeHeader .shortcuts a.basket
    {
        background: url(images/my_basket.gif) no-repeat 50% top;
        text-align: center;
    }
    #storeHeader .shortcuts a.acct
    {
        background: url(images/my_acct.gif) no-repeat 50% top;
        text-align: center;
    }
    #storeHeader .shortcuts a.admin
    {
        background: url(images/admin_icon.gif) no-repeat 50% top;
        text-align: center;
    }
    #storeHeader .shortcuts a.wishlist
    {
        background: url(images/my_wish.gif) no-repeat 50% top;
        text-align: center;
    }
    #storeHeader .shortcuts a.login
    {
        background: url(images/login.gif) no-repeat 50% top;
        text-align: center;
    }

    /* style for the search container */
    #storeHeader .search
    {
        display: none;
        height: 25px;
        margin-right: 2px;
        padding-right: 5px;
    }

    /* style for search text box within the search area */
    #storeHeader .search input.searchPhrase
    {
        color: #000000;
        background: #FFFFFF;
        border: solid 1px #5F78CD;
        width: 145px;
        margin: 0px 2px 0px 0px;
    }

    /* style for the search button */
    .searchButton
    {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        background: url(images/search_btn2.gif) no-repeat;
        font-size: 9px;
        text-transform: uppercase;
        color: #134FA3;
        border: none;
        padding: 0px 2px;
        font-weight: bold;
        cursor: pointer;
        margin: 0px;
        width: 56px;
        height: 19px;
        text-align: center;
    }
    .searchButton:hover
    {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        background: url(images/search_btn_hover2.gif) no-repeat;
        font-size: 9px;
        text-transform: uppercase;
        color: #867001;
        border: none;
        padding: 0px 2px;
        font-weight: bold;
        cursor: pointer;
        margin: 0px;
        width: 56px;
        height: 19px;
        text-align: center;
    }
    .allButton
    {
        font-size: 11px;
        font-family: Verdana, Arial, Sans-Serif;
        background: url(images/button_bg.gif) repeat-x; /*border: 1px solid #7D90B1;*/
        font-size: 9px;
        text-transform: uppercase;
        color: #134FA3;
        border: none;
        padding: 0px 2px;
        font-weight: bold;
        cursor: pointer;
        margin: 0px;
        position: absolute; /*top: 3px;*/
        left: 172px;
        width: 56px;
        height: 19px;
        text-align: center;
        line-height: 22px;
    }
    .allButton:hover
    {
        font-size: 11px;
        font-family: Verdana, Arial, Sans-Serif;
        background: url(images/button_bg_hover.gif) repeat-x; /*border: 1px solid #7D90B1;*/
        font-size: 9px;
        text-transform: uppercase;
        color: #867001;
        border: none;
        padding: 0px 2px;
        font-weight: bold;
        cursor: pointer;
        margin: 0px;
        position: absolute; /*top: 3px;*/
        left: 172px;
        width: 56px;
        height: 19px;
        text-align: center;
        line-height: 22px;
    }

    /* styling for the navigation container */
    .navigation
    {
        background-color: #f1f1f1;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        width: 100%;
        height: 25px;
        text-align: left;
        margin: 0 0 0 0;
        font-size: 12px;
        font-family: Verdana, Arial, Sans-Serif;
        vertical-align: middle;
    }

    /* styling for the link container in the navigation bar */
    .navigation .content
    {
        /* padding: 2px 7px 3px 2px;  */
    }

    /* styling for tab links in the navigation bar content */

    .firstlink
    {
        padding-right: 35px;
        display: inline-block; /* text-align: left;  	width:160px;*/
    }

    .navigation a
    {
        display: inline-block;
        color: #000000;
        text-decoration: none;
        text-align: center;
        padding: 2px 12px 2px 12px;
        margin: 2px 2px 2px 2px;
    }


    .navigation a:hover
    {
        border: 1px solid #999999;
        background-color: #dddddd;
        padding: 1px 11px 1px 11px;
    }

    .userlinks
    {
        display: inline-block;
        text-align: right;
    }

    .tdsep
    {
        border-left: 0px solid #999999;
    }


    /******************************************************************************************/
    /* end styles for the store header section                                                */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the store footer section                                                    */
    /******************************************************************************************/

    /* container for the store footer */
    #footer
    {
        /*width: 99%;*/ /*border:3px solid #FFFFFF;*/
        height: 79px;
        background-color: #F1E3C5;
        color: #dddddd;
        margin: 0 auto;
    }

    /* paragraph within the store footer */
    #footer p
    {
        padding: 30px 0 0 0; /*text-align: center;*/
        color: #000000;
    }

    /* link within paragraph in the store footer */
    #footer p a
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #44589E;
        text-decoration: none;
        font-weight: bold;
        padding: 0 5px;
        border-left: 1px solid #FFFFFF; /*text-align:center;*/
    }

    /* alter styling of first link within paragraph in the store footer */
    #footer p a:first-child
    {
        border-left: none;
    }

    /******************************************************************************************/
    /* end styles for the store footer section                                                */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the store navigation section                                                */
    /******************************************************************************************/

    /* container for the store navigation links */
    #storeNav
    {
        margin: 2px 1px;
        width: 198px;
    }

    /* default style for hyperlink in store navigation */
    #storeNav a
    {
        background-color: #000000;
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        display: block;
        padding: 8px 3px 8px 40px;
        border-bottom: 1px solid #FFFFFF;
    }

    /* default style for hyperlink in store navigation (hover) */
    #storeNav a:hover
    {
        background-color: #000000;
        color: #F99034;
        font-weight: bold;
        text-decoration: underline;
        display: block;
        padding: 8px 3px 8px 40px;
        border-bottom: 1px solid #FFFFFF;
    }

    /* additional style for basket link */
    #storeNav a.basket
    {
        background: #000 url(images/storeNav_basket.jpg) no-repeat 5px 3px;
    }
    /* additional style for wishlist link */
    #storeNav a.wishlist
    {
        background: #000 url(images/storeNav_wishlist.jpg) no-repeat 5px 3px;
    }
    /* additional style for account link */
    #storeNav a.account
    {
        background: #000 url(images/storeNav_account.jpg) no-repeat 5px 3px;
    }
    /* additional style for login link */
    #storeNav a.login
    {
        background: #000 url(images/storeNav_login.jpg) no-repeat 5px 3px;
    }
    /* additional style for logout link */
    #storeNav a.logout
    {
        background: #000 url(images/storeNav_logout.gif) no-repeat 5px 3px;
    }
    /* additional style for admin link */
    #storeNav a.admin
    {
        background: #000 url(images/storeNav_admin.gif) no-repeat 5px 3px;
    }

    /******************************************************************************************/
    /* end styles for the store navigation section                                            */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the store search dialog                                                     */
    /******************************************************************************************/

    /* styling for the search dialog container */
    #storeSearch
    {
        width: 530px;
        padding: 0;
        margin: 0 20px;
        display: block;
    }

    /* styling for the search keywords text box */
    #storeSearch input.keywords
    {
        border: 1px solid #EE8122;
        width: 131px;
        height: 15px;
        padding: 2px 0 0 4px;
    }

    /* styling for the search button */
    #storeSearch input.searchButton
    {
        margin: 0;
        vertical-align: middle;
    }

    /* styling for the tagline in the search image */
    #storeSearch .tagline
    {
        font-family: Arial;
        font-size: 24px;
        color: #4A4A48;
        width: 250px;
        margin-right: 45px;
    }

    /******************************************************************************************/
    /* end styles for the store search dialog                                                 */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the page header                                                             */
    /******************************************************************************************/

    /* standard page header */
    div.pageHeader
    {
        /* filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#999999', endColorStr='#f9f9f9', gradientType='1'); */
        margin-bottom: 1px; /*background: #5A73CC url(images/section_header_bg.jpg) repeat-x;*/ /* background: url(images/section_header_bg1.gif) repeat-x;*/ /* height: 29px; */
        line-height: 29px;
        padding-right:5px;
    }

    /* standard page header caption */
    div.pageHeader H1
    {
        /* background:url(images/header_icon_mid.gif) no-repeat 0 0; */
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 18px;
        color: #333333;
        line-height: 29px;
        margin: 5px 0 5px 0;
        padding: 5px 5px 5px 0;
    }


    /* standard page header content */
    div.pageHeader div.content
    {
        padding: 0px;
    }

    /******************************************************************************************/
    /* end styles for the page header                                                         */
    /******************************************************************************************/

    /******************************************************************************************/
    /* default styling for generic input forms                                                */
    /******************************************************************************************/

    /* container for form */
    table.inputForm
    {
    }

    /* default styles for cells in form*/
    table.inputForm th, table.inputForm td
    {
        padding: 2px;
    }

    /* styling for row headers in form */
    table.inputForm .rowHeader
    {
        background: #FFFFFF;
        color: #333333;
        padding: 6px;
        text-align: right;
    }

    /* style for links that appear within rowheader */
    table.inputForm .rowHeader a
    {
        border: 1px solid #650101;
        width: 100%;
        color: #000000;
        font-weight: normal;
        font-size: 10px;
        font-weight: bold;
        text-align: left;
        padding: 6px;
    }

    /* set style for other elements within rowheader */
    table.inputForm .rowHeader *
    {
        font-weight: bold;
        font-size: 12px;
    }

    /******************************************************************************************/
    /* end default styling for generic input forms                                            */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styling for pager controls                                                             */
    /******************************************************************************************/

    /* style for paging container */
    * .paging
    {
        padding: 0px;
        margin: 0px;
        display: inline;
    }

    /* span within the paging container - this is actually the active page index */
    .paging span, .paging .current
    {
        padding: 3px 5px;
        font-weight: bold;
        font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 11px;
        margin: 3px 0 3px 1px;
        color: #aaaaaa;
    }
    /* link within paging container */
    .paging a
    {
        padding: 3px 5px;
        font-family: Arial, Segoe UI, Tahoma, Helvetica, sans-serif;
        font-size: 11px;
        margin: 3px 0 3px 1px;
        color: #FFFFFF;
        text-decoration: none;
    }
    /* link(hover) within paging container */
    .paging a:hover
    {
        margin: 4px 0 4px 1px;
        padding: 4px 5px;
        font-weight: bold;
        background-color: #FFFFFF;
        color: #5872CB;
    }

    /******************************************************************************************/
    /* end styling for pager controls                                                         */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the simple category list (such as might show on the home page)              */
    /******************************************************************************************/

    /* list container for categories */
    ul.category
    {
        margin: 2px 0px 2px 0px;
        padding: 1px 0px 1px 0px;
        list-style-type: none; /* border-bottom: 1px solid #999999; */ /*list-style-image: url(images/bullet1.gif);*/
    }

    ul.categorynobreak
    {
        margin: 2px 0px 2px 0px;
        padding: 1px 0px 1px 0px;
        list-style-type: none;
    }

    /* category list item */
    ul.category li
    {
        /*background: url(images/bullet1.gif) no-repeat 3px 5px;*/
        margin: 0 0 0 0;
        padding: 2px 1px 2px 1px;
        background-color: #E5D3C1;
        color: #dddddd;
    }

    /* link within the category list item */
    ul.category li a
    {
        display: block;
        padding: 2px 1px 2px 1px;
        color: #dddddd;
        background-color: #E5D3C1;
        text-indent: 20px;
        line-height: 13px;
    }

    /* link within the category list item (hover) */
    ul.category li a:hover
    {
        border: 1px solid #AF8970;
        background-color: #D3B7A3;
        padding: 1px 0px 1px 0px;
        text-decoration: none; /* background url(images/left_panel_item_bg_hover.gif) no-repeat top left; color:#6B6239; height:29px;*/
    }

    ul.categorynobreak li
    {
        /*background: url(images/bullet1.gif) no-repeat 3px 5px;*/
        margin: 0 0 0 0;
        padding: 2px 1px 2px 1px;
        background-color: #E5D3C1;
        color: #dddddd;
    }

    /* link within the category list item */
    ul.categorynobreak li a
    {
        display: block;
        padding: 2px 1px 2px 1px;
        color: #dddddd;
        background-color: #E5D3C1;
        text-indent: 20px;
        line-height: 13px;
    }

    /* link within the category list item (hover) */
    ul.categorynobreak li a:hover
    {
        border: 1px solid #AF8970;
        background-color: #D3B7A3;
        padding: 1px 0px 1px 0px;
        text-decoration: none; /* background url(images/left_panel_item_bg_hover.gif) no-repeat top left; color:#6B6239; height:29px;*/
    }
    /******************************************************************************************/
    /* end styles for the simple category list (such as might show on the home page)          */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the buy product form                                                        */
    /******************************************************************************************/

    /* container for the buy product form */
    table.buyProductForm
    {
    }

    /* default style for cells within the buy product form */
    table.buyProductForm td, table.buyProductForm th
    {
        padding: 0px;
    }

    /* style for row header in buy product form */
    table.buyProductForm .rowHeader
    {
        background-color: #FFF;
        color: #4d4d4d;
        font-weight: bold;
        font-size: 12px;
        border-width: 0px;
        text-align: left;
        width: 140px;
        vertical-align: middle;
    }

    .optionPicker td
    {
        border: outset 2px #999;
    }

    .optionPicker td.selected
    {
        border: inset 2px #999;
    }

    /******************************************************************************************/
    /* end styles for the buy product form                                                    */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the catalog nodes                                                           */
    /******************************************************************************************/

    /* wrapper for the catalog container */
    .catalogWrapper
    {
        padding: 5px;
    }

    /* container for catalog display */
    .catalog
    {
        padding: 0px;
    }

    /* node in the catalog display - used in flow layouts */
    .catalog .flowNode
    {
        text-align: center;
        margin: 0px;
        padding: 5px;
        float: left;
        width: 238px;
        height: 180px;
        border: 1px solid #C4C4C4;
    }

    /* node in the catalog display - used in table layouts */
    .catalog .tableNode
    {
        padding: 0px;
    }

    /* thumbnail image within the catalog display */
    .catalog .thumbnail
    {
        display: block;
        width: auto;
        margin: 0 auto 5px;
        color: #01076C;
    }

    /* style for item separator */
    .catalog .separator
    {
    }

    /******************************************************************************************/
    /* end styles for the catalog nodes                                                       */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for featured products grid                                                      */
    /******************************************************************************************/

    /* container for the products grid */
    table.productsGrid
    {
    }

    /* cell that contains the product thumbnail */
    td.thumbnail
    {
        padding: 2px; /* border:solid 1px #C4C4C4; */
        text-align: center;
        vertical-align: top;
    }

    .feature
    {
        margin: 0px 3px 0px 3px;
        padding: 2px; /* border:solid 1px #C4C4C4; */
        text-align: center; /* -moz-opacity:0.5; 	filter:alpha(opacity=50) */
    }

    .feature:hover
    {
        padding: 1px;
        border: 1px solid #dddddd;
        background-color: #f1f1f1;
    }

    /* cell that displays the product details */
    td.details
    {
        padding-left: 5px;
    }

    /* style for separators in the grid */
    /*.rowSeparator{padding-bottom: 3px; padding-top: 3px; background: url(images/h_dot1.gif) repeat-x left bottom;}
    		.itemSeparator{background: url(images/v_dot.gif) repeat-y left top; padding-right:5px;}*/

    /******************************************************************************************/
    /* end styles for featured products grid                                                  */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for product display pages                                                       */
    /******************************************************************************************/

    /* container for the product header */
    div.productHeader
    {
        margin: 0;
        padding: 0 0 0 0;
        background: #546FC8 url(images/section_header_bg1.gif) repeat-x 0px 0px;
    }

    /* product page header caption */
    div.pageHeader h1
    {
        color: #333333;
        font-family: arial;
        font-size: 22pt;
        font-weight: normal;
        margin-left: 10px;
        margin-top: 15px;
    }


    div.pageSubHeader
    {
        margin-bottom: 12px;
        padding-bottom: 0px;
        color: #666666;
    }

    /* container for content associated with product tab */
    div.productTabDetail
    {
        min-height: 200px;
        border: 1px solid black;
        padding: 4px;
    }

    /* header within content associated with product tab */
    div.productTabDetail H2
    {
        background: #FFFFFF;
        border: solid 1px black;
        font-size: 12px;
        font-weight: bold;
        padding: 4px;
        margin: 2px 0px 4px 0px;
    }

    /******************************************************************************************/
    /* end styles for product display pages                                                   */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for search page                                                                 */
    /******************************************************************************************/

    /* container for the search filter controls */
    .searchFilterPanel
    {
    }

    /* header for the search filter panel */
    .searchFilterHeader
    {
        background: #526CC5 url(images/section_header_bg1.gif) repeat-x left top;
        height: 24px;
        line-height: 24px;
        padding: 0px;
        color: #FFFFFF; /*border-bottom-style:groove; 	border-bottom-color:#6984AD;*/
        text-align: left;
        margin: 0 0 2px 0;
    }

    /* caption for the search filter panel header */
    .searchFilterHeader h2
    {
        background: url(images/header_icons.gif) no-repeat 0px 0px;
        margin: 0px;
        font-weight: bold;
        font-size: 12px;
        text-indent: 15px;
    }

    /* used for the show all link in the search filter panel */
    .showAll
    {
        color: #425BB2;
        font-weight: bold;
        text-align: right;
        width: auto;
        display: block;
        padding: 2px;
    }
    .showAll:hover
    {
        color: #001A72;
    }

    /* links used to apply a different search criteria */
    a.searchCriteria
    {
        text-decoration: none;
        display: block;
        background: url(images/hor_back_dark.gif) repeat-x bottom left;
        margin: 3px 5px;
        text-indent: 0px;
        padding: 0 3px 0 10px;
        color: #000000;
    }
    a.searchCriteria:hover
    {
        color: #575757;
    }

    /* style applied to search criteria caption in search panel */
    h3.searchCriteria
    {
        color: #000000;
        padding: 5px 0 2px 5px;
        margin: 5px 0 2px 5px;
        font-weight: bold;
        text-indent: 5px;
        font-size: 12px;
    }

    .summarySection h3
    {
        font-size: 100%;
    }

    /* header for the search sort header */
    .searchSortHeader
    {
        /* background: url(images/section_header_bg.gif) repeat-x; */ /* height:29px; */
        line-height: 24px;
        padding: 0 5px 0 4px;
        margin: 0px;
        color: #FFFFFF;
        background-color: #dddddd;
        border: solid 1px #aaaaaa; /* background:#52b000 url(/images/green_leftarc.gif) no-repeat left top; */
        font-family: verdana;
        font-size: 12px;
        font-weight: bold;
    }

    /* styling for span tag (text) within the search sort header */
    .searchSortHeader span
    {
        font-weight: bold;
    }

    /******************************************************************************************/
    /* end styles for search page                                                             */
    /******************************************************************************************/


    /******************************************************************************************/
    /* styles for the mini basket                                                             */
    /******************************************************************************************/

    #miniBasketMainBox
    {
        border: 1px #999900 solid;
        background-color: transparent;
        padding: 0px;
        font-size: 11px;
    }

    .miniBasketItemBox
    {
        border-bottom: 1px #999900 solid;
        padding: 3px;
        background-color: white;
    }

    .miniBasketIconBox
    {
        width: 35%;
        float: left;
    }
    .miniBasketItemTitleBox
    {
    }
    .miniBasketItemTitleNoIconBox
    {
        padding-left: 5px;
    }

    .miniBasketItemTitle
    {
        font-size: 11px;
    }
    .miniBasketItemTitle a
    {
        font-size: 11px;
        color: #001188;
    }
    .miniBasketItemTitle a:hover
    {
        color: #000000;
    }

    .miniBasketSubItemTitle
    {
        font-size: 10px;
        padding: 0;
        margin: 0 0 0 12px;
    }
    .miniBasketSubItemTitle li
    {
        font-size: 9px;
        margin: 0;
    }

    .miniBasketQtyDeleteLine
    {
        padding: 1px 10px 10px 10px;
        background-color: transparent;
        clear: both;
        text-align: center;
    }

    .miniBasketQtyInput
    {
        padding: 1px;
        margin-right: 3px;
        margin-top: 1px;
        width: 15px;
        height: 12px;
        border: 1px gray solid;
        font-size: 9px;
    }

    .miniBasketPriceLabel, .miniBasketPrice
    {
        font-size: 14px;
        font-weight: bold;
    }
    .miniBasketPrice
    {
        color: red;
    }

    #miniBasketSubTotalBox
    {
        display: none;
        border-top: 1px #999900 solid;
        background-color: white;
        padding: 3px;
        border-bottom: 2px #999900 solid;
    }

    #miniBasketSubTotalBox #tax_label, #ship_label
    {
        font-weight: bold;
        font-size: 11px;
        width: 45%;
        float: left;
        text-align: right;
    }
    #miniBasketSubTotalBox #NOTsub_label
    {
        float: left;
        font-weight: bold;
        font-size: 12px;
        width: 45%;
        text-align: right;
    }
    #miniBasketSubTotalBox #tax_num, #ship_num
    {
        font-weight: normal;
        font-size: 11px;
        padding-left: 3px;
        width: 49%;
        float: left;
    }

    #miniBasketSubTotalBox #NOTsub_num
    {
        font-weight: bold;
        font-size: 12px;
        color: red;
        padding-left: 3px;
        padding-bottom: 5px;
        width: 49%;
        float: left;
    }

    #miniBasketShippingEstimateBox
    {
        display: none;
        background-color: white;
        padding: 3px 0 3px 0;
    }

    #miniBasketCheckoutButtonBox
    {
        background-color: white;
        margin: 2 0 0 0;
        padding: 8px 0 8px 0;
        text-align: center;
        border-top: 1px gray solid;
    }

    /******************************************************************************************/
    /* styles for the basket                                                                  */
    /******************************************************************************************/

    /* container for message that displays when a basket is empty */
    .emptyBasketPanel
    {
        margin: 0;
        background: url(images/empty_shop.gif) no-repeat 15%;
        padding-top: 20px;
        padding-left: 60px;
        margin: 20px 35px 35px 35px;
        height: 50px;
        text-align: center;
    }
    /*.emptyWishlistPanel
    		{
    			margin: 0;
    			background:url(images/wish_list.gif) no-repeat 15%;
    			padding-top: 20px;
    			padding-left: 60px;
    			margin: 20px 35px 35px 35px;
    			height: 50px;
    			text-align:center;
    		}*/

    /* message that displays when a basket is empty */
    .emptyBasketPanel span.message
    {
        font-size: 18px;
        font-weight: normal;
        color: #666666;
    }

    /* links to products that are displayed in the basket contents */
    a.basketProductLink
    {
        text-decoration: none;
        color: Red;
        font-weight: bolder;
    }
    a.basketProductLink:hover
    {
        color: #000000;
    }

    /* price that appears within a basket dialog */
    .basketDialogPrice
    {
        font-weight: normal;
    }

    /* container for message that displays when a basket dialog is empty */
    div.emptyBasketDialogPanel
    {
    }

    /* message that displays when a basket dialog is empty */
    div.emptyBasketDialogPanel span.message
    {
        text-align: center;
        font-style: italic;
        padding: 5px;
    }

    /******************************************************************************************/
    /* end styles for the basket                                                              */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for the wishlist                                                                  */
    /******************************************************************************************/

    /* container for message that displays when a wishlist is empty */
    div.emptyWishlistPanel
    {
        margin: 0;
        background: url(images/wish_list.gif) no-repeat 15%;
        padding-top: 20px;
        padding-left: 60px;
        margin: 20px 35px 35px 35px;
        height: 50px;
        text-align: center;
    }

    /* message that displays when a wishlist is empty */
    div.emptyWishlistPanel span.message
    {
        font-size: 18px;
        font-weight: normal;
        color: #666666;
    }

    /* links to products that are displayed in the wishlist contents */
    a.wishlistProductLink
    {
        text-decoration: none;
        color: #636363;
        font-weight: bolder;
    }
    a.wishlistProductLink:hover
    {
        color: #000000;
    }

    /* price that appears within a wishlist dialog */
    .wishlistDialogPrice
    {
        font-weight: bold;
    }

    /* container for message that displays when a wishlist dialog is empty */
    div.emptyWishlistDialogPanel
    {
    }

    /* message that displays when a wishlist dialog is empty */
    div.emptyWishlistDialogPanel span.message
    {
        text-align: center;
        font-style: italic;
        padding: 5px;
    }

    /******************************************************************************************/
    /* end styles for the wishlist                                                              */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles common to all checkout pages                                                    */
    /******************************************************************************************/

    /* checkout page header */
    div.checkoutPageHeader
    {
        margin-bottom: 8px;
    }

    /* checkout page header caption */
    div.checkoutPageHeader H1
    {
        /* background: url(images/header_icon_mid.gif) no-repeat 3px 0; */
        font-size: 18px;
        font-family: verdana;
        font-weight: normal;
        color: #333333;
        padding: 10px 0 10px 0;
        margin: 10px 0 10px 0;
        line-height: 30px;
        text-indent: 10px;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    /* chekcout page header - styling for checkout steps */
    div.checkoutPageHeader div.checkoutSteps
    {
        background-color: #E5DECA;
        border: 1px solid #BEB49D;
        padding: 0;
        margin: 4px 5px 4px 4px;
        float: right;
    }

    /* checkout page header content */
    div.checkoutPageHeader div.content
    {
        padding: 2px;
    }

    /* used to contain the details for an individual shipment, used wherever information is organized by shipment */
    div.shipmentSection
    {
        margin-bottom: 5px;
        border: solid 1px black;
        border-collapse: collapse;
    }

    div.shipmentSection div.header
    {
        border: solid 1px black;
    }

    /* the header / caption of a shipment section, identifies which shipment is displayed */
    div.shipmentSection H2
    {
        margin: 0px; /*border: 1px solid #C4C4C4; 	background-color: #E8E8E8;*/
        padding: 0 2px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }

    /* the content of the shipment section */
    div.shipmentSection .content
    {
        padding: 2px;
    }

    /* used wherever a list of order items is displayed */
    table.itemList
    {
        width: 100%;
    }

    /* default column header styling for item list */
    table.itemList th.columnHeader
    {
        margin: 0px;
        background-color: #C4DAFC;
        padding: 7px 2px;
    }

    /* default data cell styling for item list*/
    table.itemList td
    {
        padding: 3px 2px;
    }
    table.itemList td a
    {
        color: #304FBA;
    }

    /* header styling for items column */
    table.itemList th.items
    {
    }

    /* styling for items column */
    table.itemList td.items
    {
    }

    /* header styling for items column */
    table.itemList th.price
    {
    }

    /* styling for price column */
    table.itemList td.price
    {
    }

    /* used when checkout navigation buttons (e.g. continue, back) appear by themselves 
    		outside of any  other container.  */
    .checkoutNavigation
    {
        margin-top: 4px;
        margin-bottom: 8px;
    }

    /* used when the checkout navigation section has a validation summary.  */
    .checkoutNavigation span.validation
    {
        display: block;
        margin-bottom: 12px;
    }

    /* contains the buttons or links in the checkout navigation section */
    .checkoutNavigation span.buttons
    {
    }

    /******************************************************************************************/
    /* end styles common to all checkout pages                                                */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for table that lays out a form of data (such as an invoice)                     */
    /******************************************************************************************/

    /* table style */
    table.form
    {
        margin: 4px 0px;
        border: solid 1px black;
        border-collapse: collapse;
        page-break-inside: avoid;
        width: 100%;
    }

    /* style common to headers and cells */
    table.form td, table.form th
    {
        padding: 4px 8px;
    }

    /* styling for header cells  */
    table.form th
    {
        font-weight: bold;
        font-size: 14px;
    }

    /* styling for header cell intended for vertical text */
    table.form th.verticalText
    {
        width: 10px;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
    }

    /* additional styling for header cell */
    table.form th.header
    {
        text-align: left;
    }

    /* additional styling for caption */
    table.form th.header span.caption
    {
        font-size: 20px;
    }

    /* style for cell that contains an address */
    table.form td.address
    {
        width: 180px;
    }

    /* style for cell on right that should expand to the full width possible */
    table.form td.expand
    {
        width: 504px;
    }

    /* style for cell that contains a datasheet */
    table.form td.dataSheet
    {
        padding: 0px;
    }

    /* style for font within the datasheet */
    table.form td.dataSheet *
    {
        font-size: 12px;
    }

    /* additional styling for datasheet that appears within a form */
    table.form table.dataSheet
    {
        margin-bottom: -1px;
    }

    /* styling for the total row */
    table.dataSheet tr.totalRow td, table.dataSheet tr.totalRow th
    {
        border-top: double 3px gray;
        border-bottom: double 3px gray;
        background-color: #656565;
        color: White;
    }

    /* this is the container for the order summary on the view order page */
    table.form td.orderSummary
    {
        width: 202px;
        padding: 10px;
    }

    /* style for the caption of the order summary panel */
    table.form td.orderSummary h3
    {
        margin: 0 0 2px 0;
    }

    /* style for the invoice caption */
    h1.invoice
    {
        margin: 0 0 6px 0;
        font-size: 24px;
        font-weight: bold;
    }

    /* style for the store name */
    h1.storeName
    {
        margin: 0 0 6px 0;
        font-size: 18px;
        font-weight: bold;
    }

    /******************************************************************************************/
    /* end styles for table that lays out a form of data (such as an invoice)                 */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for checkout progress indicator                                                 */
    /******************************************************************************************/

    /* container for the checkout progress indicator */
    .checkoutProgress
    {
        background: url(images/checkoutProgressBackground.gif) repeat-x;
        border-left: 1px solid #01076C;
        border-right: 1px solid #01076C;
        height: 25px;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #3D56AB;
        margin: 0 4px;
        display: block;
        float: right;
    }

    /* default styling for span tags within the progress indicator */
    .checkoutProgress span
    {
        display: block;
        float: left;
        width: auto;
    }

    /* styling for checkout stage container when it is active */
    .checkoutProgress span.on
    {
        padding: 3px 2px;
        background: url(images/checkoutProgressActive.gif) no-repeat 50%;
        border: 1px solid #01076C;
        margin: 1px;
    }

    /* styling for checkout stage container when it is inactive */
    .checkoutProgress span.off
    {
        padding: 2px;
        margin: 1px;
    }

    /* style for checkout stage label when it is active */
    .checkoutProgress span.on span
    {
        border: 1px solid #01076C;
        padding: 1px 6px;
        color: #01076C;
    }

    /* style for checkout stage label when it is inactive */
    .checkoutProgress span.off span
    {
        padding: 3px 6px 2px 6px;
    }

    /******************************************************************************************/
    /* end styles for checkout progress indicator                                             */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for checkout steps                                                              */
    /******************************************************************************************/

    /* style for the outer container for checkout steps */
    #storeHeader div.checkoutSteps
    {
        background-color: #E5DECA;
        border: 1px solid #BEB49D;
        padding: 0px 0px 0px 0px;
        width: 100%;
    }

    /******************************************************************************************/
    /* end styles for checkout steps                                                          */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for select shipping address                                                     */
    /* NOTE: This is used on both checkout/ShipAddress and Members/AddressBook                */
    /******************************************************************************************/

    /* style for the address book table */
    table.addressBook
    {
        width: 98%;
        border: 1px solid #92A4BE;
    }

    /* caption for the address book */
    table.addressBook th.caption
    {
        border: 1px solid #92A4BE;
        background-color: #C2D9FC;
        padding: 0 2px;
        height: 25px;
        margin: 5px 0 0 0;
        line-height: 25px;
    }

    /* styling for the text container inside the caption */
    table.addressBook th.caption .text
    {
        float: left;
        display: block;
    }

    /* styling for the button container inside the caption */
    table.addressBook th.caption .buttons
    {
        float: right;
        display: block;
    }

    /* container for address book entries */
    table.addressBook td.entries
    {
        border: 1px solid #92A4BE;
        text-align: left;
        padding: 5px;
    }

    /* entry in the address book container */
    table.addressBook .entry
    {
        background: url(images/shipping_address_bg.gif) no-repeat;
        vertical-align: middle;
        text-align: left;
        margin: 0px;
        padding: 5px 0px 0px 0; /*border: 1px solid #FF0000;*/
        display: block;
        width: 350px;
        height: 195px;
        float: left;
    }

    /* container for address data in an address entry */
    .addressBook .address
    {
        text-align: left;
        padding: 60px 0px 0px 50px;
        color: #01076C;
        font-weight: bold;
        line-height: 15px;
        width: 200px;
        float: left; /*border-left: 1px dashed #8698B2;*/
    }

    /* container for buttons in an address entry */
    .addressBook td .buttons
    {
        margin-top: 5px;
        text-align: left;
        padding: 60px 0px 0px 0;
        width: 100px;
        float: right;
    }
    .addressBook td .buttons a
    {
        display: block;
        margin-bottom: 5px;
        width: 40px;
    }

    /* styling for button element inside the buttons container */
    table.addressBook td .buttons .button
    {
        margin-right: 5px;
    }

    /******************************************************************************************/
    /* end styles for select shipping address (checkout/shipaddress.aspx)                     */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for select multiple shipping addresses (checkout/shipaddresses.aspx)            */
    /******************************************************************************************/

    /* NOTE: items table on this page will use default styling from the common itemList class,
    		you can override or add to the styling attributes below */

    /* styling for shipping addreses table */
    table.setShippingAddresses
    {
    }

    /* table will use default itemList styling, you can override th attributes here */
    table.setShippingAddresses th
    {
    }

    /* header styling for items column */
    table.setShippingAddresses th.items
    {
    }

    /* styling for items column */
    table.setShippingAddresses td.items
    {
    }

    /* header styling for items column */
    table.setShippingAddresses th.price
    {
    }

    /* styling for price column */
    table.setShippingAddresses td.price
    {
    }

    /* header styling for address column */
    table.setShippingAddresses th.address
    {
    }

    /* styling for address column */
    table.setShippingAddresses th.address
    {
    }

    /******************************************************************************************/
    /* end styles for select multiple shipping addresses (checkout/shipaddresses.aspx)        */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for select shipping method (checkout/shipmethod.aspx)                           */
    /******************************************************************************************/

    /* the outer table to select shipping methods */
    table.selectShippingMethod
    {
    }

    /* default header style for shipping method table */
    table.selectShippingMethod td.dataSheet
    {
        padding-top: 1px;
        border: 1px solid #8698B2;
    }

    /* default header style for shipping method table */
    table.selectShippingMethod td.dataSheet th
    {
        padding: 5px 2px;
        background-color: #BFD8FD;
    }
    table.selectShippingMethod th.shipto
    {
        background-color: #4660B9;
        color: White;
    }
    /* the table cell that displays the shipment items grid */
    table.selectShippingMethod td.items
    {
        background-color: #DEDEDE;
    }
    table.selectShippingMethod th.items
    {
        background-color: #DEDEDE;
    }

    /* the table cell that displays the available shipping methods */
    table.selectShippingMethod td.methods
    {
        padding: 4px;
        text-align: left;
        border-left: 1px solid #8698B2;
        width: 200px;
    }

    table.selectShippingMethod td.methods h3
    {
        padding: 5px 2px;
        border: 1px solid #8698B2;
        background-color: #BFD8FD;
        display: block;
        font-weight: bold;
        font-size: 100%;
        text-align: center;
        margin: -2px -2px 6px -2px;
    }

    /* the caption for available shipping methods */
    table.selectShippingMethod td.methods .caption
    {
        display: block;
        font-weight: bold;
        margin-bottom: 6px;
        text-align: center;
    }

    /* section to ask the customer whether to set gift options for an order */
    .addGiftOptions
    {
        background: #FFFFFF url(images/giftbox3.gif) no-repeat left top;
        margin: 0 auto;
        width: 693px;
        height: 100px;
        border: solid 1px #8698B2;
        float: right;
        text-align: right;
    }

    /* caption of the add gift options section */
    .addGiftOptions h3
    {
        /*background:#FFFFFF url(images/giftbox3.jpg) no-repeat left top;*/ /*margin-top:10px; 	margin-left:60px;*/
        margin: 10px 10px 5px 300px;
        font-size: 100%;
    }

    /* content of the add gift options section, including input field and text */
    .addGiftOptions .content
    {
        margin-right: 10px;
        margin-top: 5px;
    }

    /* contains any navigation buttons (such as continue or back) that appear within the section */
    .addGiftOptions .buttons
    {
        margin-right: 10px;
        margin-top: 5px;
    }

    .VisiblePanel
    {
        display: block;
    }

    .HiddenPanel
    {
        display: none;
    }

    /******************************************************************************************/
    /* end styles for select shipping method (checkout/shipmethod.aspx)                       */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for select gift options (checkout/giftoptions.aspx)                             */
    /******************************************************************************************/

    /* container for the gift option controls */
    .giftOptions
    {
    }

    /* the container for controls to choose gift wrap if available */
    .giftOptions div.giftWrap
    {
        margin-top: 2px;
        margin-bottom: 6px;
    }

    /* displays when no gift wrap is available for an item */
    .giftOptions div.giftWrap div.noGiftWrap
    {
        font-style: italic;
    }

    /* displays when only one style of gift wrap is available for an item */
    .giftOptions div.giftWrap div.oneGiftWrap
    {
    }

    /* styling for the name of the available gift wrap style */
    .giftOptions div.giftWrap div.oneGiftWrap span.name
    {
        font-weight: bold;
    }

    /* styling for the price of the available gift wrap style */
    .giftOptions div.giftWrap div.oneGiftWrap span.price
    {
    }

    /* displays when two or more gift wrap styles are available for an item */
    .giftOptions div.giftWrap div.multiGiftWrap
    {
    }

    /* styling for the title of the gift wrap selection box */
    .giftOptions div.giftWrap div.multiGiftWrap span.title
    {
        font-weight: bold;
    }

    /* styling for the gift wrap selection box */
    .giftOptions div.giftWrap div.multiGiftWrap select
    {
    }

    /* the container for controls to enter a gift message */
    .giftOptions div.giftMessage
    {
    }

    /* styling for the gift message title */
    .giftOptions div.giftMessage span.title
    {
        font-weight: bold;
    }

    /* styling for the gift message cost */
    .giftOptions div.giftMessage span.price
    {
    }

    /* styling for the gift message entry area */
    .giftOptions div.giftMessage textarea
    {
        width: 98%;
        height: 40px;
    }

    /* styling for the characters remaining countdown */
    .giftOptions div.giftMessage span.count
    {
    }

    /* styling for the characters remaining countdown text */
    .giftOptions div.giftMessage span.countText
    {
    }


    /******************************************************************************************/
    /* end styles for select gift options (checkout/giftoptions.aspx)                         */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for confirm and pay (checkout/payment.aspx)                                     */
    /******************************************************************************************/

    /*---------------------------------------*/
    /*- styles for layout of payment page -- */
    /*---------------------------------------*/

    /* style for the summary pane of the payment information section */
    .paymentMethodSummary
    {
        width: 170px;
        padding: 10px;
    }
    div.paymentMethodSummary
    {
        float: left;
    }

    /* style for the payment method listing of the payment information section */
    .paymentMethodList
    {
        width: 545px;
        border-left: 1px dashed #000000;
    }
    div.paymentMethodList
    {
        float: right;
    }

    /* style for a content section in the summary pane */
    .paymentMethodSummary .section
    {
        margin-bottom: 20px;
    }

    /* style for the header of the summary section */
    .paymentMethodSummary .section .header
    {
        background-image: none !important;
    }

    /* style for the caption of the section header */
    .paymentMethodSummary .section .header h2
    {
        color: black !important;
    }

    /* style for the content of the summary section */
    paymentMethodSummary .section .content
    {
    }

    /*---------------------------------------*/
    /*- styles for order summary ----------- */
    /*---------------------------------------*/

    /* style for the order summary that appears in a summary section */
    table.orderSummary
    {
        width: 100%;
    }

    /* column that displays the heading for the amounts in the order summary table */
    table.orderSummary th
    {
        text-align: right;
        font-weight: normal;
        white-space: nowrap;
    }

    /* column that displays amounts in the order summary table */
    table.orderSummary td
    {
        text-align: right;
        width: 80px;
    }

    /* row that contains the divider between subtotals and total */
    table.orderSummary tr.totalDivider
    {
    }

    /* cell that contains the divider between subtotals and total */
    table.orderSummary tr.totalDivider td
    {
        width: 100%;
    }

    /* divider between subtotals and total */
    table.orderSummary tr.totalDivider td hr
    {
    }

    /*---------------------------------------*/
    /*- styles for payment forms ----------- */
    /*---------------------------------------*/

    /* styles the table for the entry form of a payment method */
    table.paymentForm
    {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0px;
    }

    /* style for default table cell in entry form */
    table.paymentForm td
    {
        padding: 2px;
    }

    /* header cell that provides the caption for the form, states type of payment method */
    table.paymentForm th.caption
    {
        padding-top: 8px;
        border-bottom: dotted 1px black;
    }

    /* header cell that provides the label for an input row */
    table.paymentForm th.rowHeader
    {
        text-align: right;
    }

    /* cell that contains the submit button for a payment form */
    table.paymentForm td.submit
    {
        text-indent: 0px;
    }

    /* container for the submit button */
    table.paymentForm td.submit span.button
    {
    }

    /******************************************************************************************/
    /* end styles for confirm and pay (checkout/payment.aspx)                                 */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for your account (Members/MyAccount.aspx)                                       */
    /******************************************************************************************/

    ul.columns
    {
        margin: 0 0 0 30px;
        padding: 0;
        list-style: none;
    }

    ul.columns li
    {
        margin: 2px;
        background-image: url(images/bullet1.gif);
        background-position: 0 3px;
        background-repeat: no-repeat;
        text-indent: 15px;
    }

    /******************************************************************************************/
    /* end styles for your account (Members/MyAccount.aspx)                                   */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for view order page (Members/MyOrder.aspx)                                    */
    /******************************************************************************************/

    /* container for the order summary table */
    div.orderSummaryPanel
    {
        background-color: #DBDADA;
        border: 1px solid #000000;
        margin: 4px 0px;
    }

    table.orderSummaryTable
    {
        width: 100%;
    }

    table.orderSummaryTable th.rowHeader
    {
        width: 16%;
        text-align: right;
    }

    /******************************************************************************************/
    /* end styles for view order page (Members/MyOrder.aspx)                                */
    /******************************************************************************************/

    /******************************************************************************************/
    /* styles for view row-style of my account page (Members/My Account.aspx)                 */
    /******************************************************************************************/
    .odd
    {
        background-color: #F9F5E9;
        padding: 6px 2px 6px 6px; /*border-bottom:1px solid #A4A4A4;*/
        color: Black;
    }
    .even
    {
        background-color:white;
        padding: 6px 2px 6px 6px; /* border-bottom:1px solid #FFFFFF;*/
        color: Black;
    }
    .altodd
    {
        background-color: #FFFFFF;
        padding: 6px 2px 6px 6px; 
        border-bottom:1px solid #dddddd;
        border-top:1px solid #dddddd;
    }
    .alteven
    {
        background-color: #F5F5F5;
        padding: 6px 2px 6px 6px; 
        border-top:1px solid #dddddd;
        border-bottom:1px solid #dddddd;
    }
    /******************************************************************************************/
    /* end styles for view row-style of my account page (Members/My Account.aspx)             */
    /******************************************************************************************/


    /******************************************************************************************/
    /* styles for view "ship to" in ViewOrder page (Members/MyOrder.aspx)                   */
    /******************************************************************************************/
    .ship_to
    {
        writing-mode: tb-rl;
        filter: flipv fliph;
    }

    /******************************************************************************************/
    /* end styles for view "ship to" in ViewOrder page (Members/MyOrder.aspx)               */
    /******************************************************************************************/

    /*----- Common to all ----------*/

    .small_cell
    {
        width: 300px;
    }
    .small_cell .header
    {
        margin-top: 0;
    }
    .lebeling
    {
        width: 100px;
    }

    /******************************************************************************************/
    /* styles for paged list of data                                                          */
    /******************************************************************************************/

    /* table style */
    table.pagedList
    {
        min-width: 300px;
    }

    /* style common to headers and cells */
    table.pagedList td
    {
        padding: 2px 4px;
    }

    /* styling for header cells  */
    table.pagedList th
    {
        padding: 6px 4px;
        font-weight: bold;
        margin: 0px;
        color: black;
        background-color: #F5F5F5;
    }

    /* styling for links in header cells  (such as for sorting columns) */
    table.pagedList th a
    {
        color: black;
        text-decoration: underline;
    }

    /* hover styling for links in header cells  (such as for sorting columns) */
    table.pagedList th a:hover
    {
        color: #EE7408;
        text-decoration: underline;
    }

    /* styling for alternating rows */
    table.pagedList tr.oddRow
    {
    }
    table.pagedList tr.evenRow
    {
        background-color: #F5F5F5;
    }

    /* style for the empty result message */
    table.pagedList tr.empty td
    {
        width: 300px;
        text-align: center;
        padding: 10px;
        font-style: italic;
        border: solid 1px black;
    }


    /******************************************************************************************/
    /* end styles for paged list of data                                                      */
    /******************************************************************************************/

    /************** Style for the Conactpage List ****************/
    ul.contact li
    {
        list-style-image: url(images/bullet1.gif);
    }

    /*************************************************************/

    /************** Style for the Product Image ******************/
    .productimg
    {
        vertical-align: top;
        text-align: center;
    }

    .content td notimg
    {
        margin: 5px;
        padding: 5px;
        vertical-align: top;
        text-align: center;
        border: solid 1px #999999;
    }

    img.Thumbnail
    {
        margin: 5px;
        padding: 5px;
        border: solid 0px #999999;
    }

    /******************************************************************************************/
    /* begin styles for modal popup dialogs                                                   */
    /******************************************************************************************/

    /* background for main page when modal popup is visible */
    .modalBackground
    {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    /* style for modal popup dialog */
    .modalPopup
    {
        background-color: #E3EFFF;
        border-width: 3px;
        border-style: solid;
        border-color: Gray;
        padding: 3px;
        width: 450px;
    }

    /* style for header of modal popup dialog */
    .modalPopupHeader
    {
        cursor: move;
        background-color: #DDDDDD;
        border: solid 1px Gray;
        color: Black;
        margin: -3px;
        padding: 6px;
        font-weight: bold;
    }

    /* style for text of modal popup dialog */
    .modalPopupText
    {
        padding: 10px;
    }


    /* style for the click to view price popup */
    .pricePopup
    {
        background-color: #E3EFFF;
        border-width: 3px;
        border-style: solid;
        border-color: Gray;
        padding: 3px;
        width: 300px;
        position: absolute;
        left: 50%;
        margin-left: -150px;
        z-index: 99;
    }

    /* style for header of modal popup dialog */
    .pricePopupHeader
    {
        background-color: #DDDDDD;
        border: solid 1px Gray;
        color: Black;
        margin: -3px;
        padding: 6px;
        font-weight: bold;
    }

    /* used on the click to view price display */
    .pricePopup span.fieldHeader
    {
        display: block;
        float: left;
        width: 135px;
        text-align: right;
        margin-right: 6px;
    }
    .pricePopup span.fieldValue
    {
        display: block;
        float: left;
    }

    /******************************************************************************************/
    /* end styles for modal popup dialogs                                                     */
    /******************************************************************************************/

    /******************************************************************************************/
    /* begin styles for one page checkout                                                     */
    /******************************************************************************************/

    /* outer frame of the one page checkout form */
    .opcFrame
    {
        margin: 0 auto;
        width: 100%;
        padding: 10px;
    }

    /* main content panel of the one page checkout form */
    .opcMainPanel
    {
        width: 600px;
        padding-right: 10px;
    }

    /* sidebar panel of the one page checkout form */
    .opcSidebar
    {
        width: 200px;
        background: #efefef;
        border: solid 0px #92A7EC;
        border-top: none;
    }

    /* frame for the payment section of the one page checkout form */
    .opcPaymentFrame
    {
        width: 100%;
    }

    /* panel that contains the list of available payment methods */
    .opcPaymentMethods
    {
        background-color: #efefef;
        width: 130px;
    }

    /* panel that contains the payment form for the selected method */
    .opcPaymentForm
    {
    }

    /*********** img-description *******/
    p.image_desc
    {
        margin-left: 3px;
        margin-right: 3px;
    }

    .ProductItemView
    {
        width: 25%;
    }
    .AgreementView
    {
        background-color: #FFFFFF;
        margin: 5px 5px 5px 5px;
        padding: 10px 10px 10px 10px;
        border: solid 1px #92A7EC;
    }

    /******************************************************************************************/
    /* end styles for one page checkout                                                       */
    /******************************************************************************************/

    /* Custom Styles added by Echofy */

    .descriptivetext
    {
        padding: 5px 5px 5px 5px;
        margin: 5px 5px 5px 5px;
        border: solid 0px #dddddd;
        color: #333333;
        width: 700px;
    }

    .descriptivetext h1
    {
        color: #ffffff;
        font-weight: bold;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 12px;
    }

    .catalogimage
    {
        /* padding:10px 10px 10px 10px; */
        margin: 10px 10px 10px 10px;
    }


    .descriptivetext h2
    {
        /* background:#52b000 url(/images/green_leftarc.gif) no-repeat left top; */
        background-color: #dddddd;
        color: #ffffff;
        font-weight: bold;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 12px;
    }

    .minicontrol
    {
        margin: 10px 10px 5px 10px;
        width: 150px;
        border: 0px solid #dddddd;
        background-color: #f8f8f8;
    }

    .minicontrol h1
    {
        text-indent: 15px;
        color: #ffffff;
        background-color: #dddddd; /* background:#52b000 url(/images/green_leftarc.gif) no-repeat left top; */
        margin: 0px;
        font-family: verdana;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        border: solid 1px #aaaaaa;
    }

    .minibody
    {
        padding: 5px 5px 10px 5px;
        text-align: left;
        font-weight: normal;
        font-size: 9px;
        color: #555555;
        border: 1px solid #dddddd;
    }

    .minibody li
    {
        /*	margin: 0px 0px 0px 0px; 	padding: 0px 0px 0px 0px; */
        text-align: left;
        list-style-type: none;
        list-style-position: outside;
    }

    .minibody td
    {
        padding: 4px 0px 4px 0px;
    }
    /*
    		.minibody td:hover
    		{
    			padding-top:1px;
    			padding-bottom:1px;
    			border-top:solid 0px #ffffff;
    			border-bottom:solid 1px #555555;
    		}
    		*/

    .minibasketcontrol
    {
        margin: 10px 10px 5px 10px;
        width: 150px;
        border: 0px solid #dddddd;
        background-color: #f8f8f8;
    }

    .minibasketcontrol h1
    {
        text-indent: 15px;
        color: #ffffff;
        background-color: #dddddd; /*  background: #4a94d6 url(/images/blue_leftarc.gif) no-repeat left top; */
        margin: 0px;
        font-family: verdana;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        border: solid 1px #aaaaaa;
    }

    .minibasketbody
    {
        padding: 5px 5px 10px 5px;
        text-align: center;
        font-weight: normal;
        font-size: 9px;
        color: #f8f8f8;
        border: 1px solid #dddddd;
    }

    .minibasketbody li
    {
        margin: 0px 0px 0px 0px;
        padding: 4px 0px 4px 0px;
        text-align: left;
        list-style-type: none;
        list-style-position: outside;
    }



    .minilinkbubble
    {
        position: relative;
        top: -10px;
        left: -150px;
    }




    /******************************************************************************************/
    /* styles for the category treeview (such as might show on the home page)                 */
    /******************************************************************************************/

    .CatTreeView
    {
        background-color: #f1f1f1;
        padding-top: 4px;
        padding-left: 10px;
        border: #7C7C94 0px solid;
        cursor: default;
    }

    .CatTreeNode
    {
        font-size: 11px;
        padding-top: 3px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .CatGrayedTreeNode
    {
        font-size: 11px;
        padding-top: 3px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        cursor: default;
    }

    .CatHoverTreeNode
    {
        border: solid 1px #999999;
        background-color: #dddddd;
        font-size: 11px;
        text-decoration: none;
        padding-top: 2px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
        cursor: default;
    }

    .CatSelectedTreeNode
    {
        font-size: 11px;
        font-weight: bold;
        padding-top: 3px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        cursor: default;
    }

    /* .TreeView 
    		{ 
    			padding-left:25px;
    			background-color: #f1f1f1; 
    			border: 0px solid black; 
    			cursor: default; 
    		} 

    		.TreeNode 
    		{ 
    		  font-family: arial, verdana; 
    		  font-size: 12px; 
    		  padding-left: 1px; 
    		  cursor: default; 
    		} 

    		.HoverTreeNode 
    		{ 
    		  font-family: arial, verdana; 
    		  font-size: 12px; 
    		  padding-left: 1px; 
    		    background-color: #dddddd;

    		  text-decoration: underline
    		  cursor: default; 
    		} 

    		.SelectedTreeNode 
    		{ 
    		  font-family: arial, verdana; 
    		  font-size: 12px; 
    		  color:Red;
    		  padding-left: 1px; 
    		  text-decoration: underline; 
    		  cursor: default; 
    		} 

    		.ActiveTreeNode
    		{
    			color:blue;
    		}
    		*/

    .TreeView
    {
        background-color: #f0f0f0;
        border: 0px solid black;
        padding: 3px; /* cursor:pointer;*/
    }

    .TreeNode
    {
        font-family: verdana;
        font-size: 11px;
        cursor: pointer;
    }

    .TreeNodeRow
    {
        height: 20px;
        padding: 3px;
        cursor: pointer;
    }

    .HoverTreeNodeRow
    {
        background-color: #dddddd;
        height: 20px;
        padding: 3px;
        cursor: pointer;
    }

    .SelectedTreeNodeRow
    {
        background-color: #000000;
        height: 20px;
        padding: 3px;
        color: #FFFFFF;
        cursor: pointer;
    }


    /******************************************************************************************/
    /* end styles for the category treeview (such as might show on the home page)             */
    /******************************************************************************************/

    a.screen, a.screen:visited
    {
        position: relative;
        z-index: 1;
    }
    a.screen dd
    {
        position: absolute;
        visibility: hidden; /* hide the image */
        width: 310px; /* give it a width */ /* height:0; no height to solve an Opera bug that               makes it selectable when hidden */
        border: 0px solid #000; /* add a border */
        left: -310px; /* position:the image */
        top: -50px;
    }
    a.screen:hover
    {
        text-decoration: none;
        border: 0; /* needed for this to work in IE */
        z-index: 1000;
    }
    a.screen:hover dd
    {
        visibility: visible; /* make the image visible */ /* height:150px; now give it a height */
        cursor: pointer; /* for IE */
        z-index: 500;
        filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.00;
        opacity: 1.0;
    }
    a.screen:hover dd
    {
        border: 0; /* remove the link border */
    }


    .hovershadow
    {
        filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        -moz-opacity: 1.00;
        opacity: 1.0;
        float: left;
        background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
        background: url(/images/shadow.gif) no-repeat bottom right;
        margin: 10px 0 0 10px !important;
        margin: 10px 0 0 5px;
    }

    .hovercontrol
    {
        margin: -6px 6px 6px -6px;
        display: block;
        position: relative;
        width: 300px;
        border: 0px solid #dddddd;
        background-color: #ffffff;
        filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.00;
        opacity: 1.0;
    }

    .hovercontrol h1
    {
        text-indent: 0px;
        padding-left: 15px;
        color: #ffffff;
        background: #dddddd; /* url(/images/green_leftarc.gif) no-repeat left top; */
        margin: 0px;
        font-family: verdana;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        border: solid 1px #aaaaaa;
    }

    .hoverbody
    {
        padding: 5px 10px 10px 10px;
        text-align: center;
        font-weight: normal;
        font-size: 9px;
        color: #999999;
        border: 1px solid #dddddd;
    }

    .nodisplay
    {
        display: none;
    }

    .basket_actions
    {
        background-color: #dddddd;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd; /* width:100%; */
        text-align: center;
        height: 20px;
        margin: 5px 0 5px 0;
    }

    /* styling for the link container in the navigation bar */
    .basket_actions td
    {
        padding: 5px 5px 5px 5px;
    }

    /* styling for tab links in the navigation bar content */

    .HighlightStripHeader
    {
	    font-family: arial; 
	    color: #6a7586;
        font-size: 11pt; 
        font-weight: bold; 
        border-bottom: dashed 1px gray;
    }
    
    /* close the screen media selector */
    .homepageTabs
    {
        margin: 20px 10px 0px 10px;
        width: 980px;
    }
    .homepageTab
    {
        width: 240px;
        vertical-align: top;
        padding: 0px;
        text-align: left;
        border-collapse: collapse;
    }
    .homepageTabHeaderBar
    {
        font-family: Arial;
        font-size: 11pt;
        line-height: 22pt;
        padding: 0 7px;
    }
    .homepageTabFeaturedItemImage
    {
        height: 100px;
        width: 240px;
        overflow: hidden; 
    }
    .homepageTabFeaturedItemDescription
    {
        height: 40px;
        padding: 0px 8px 0px 8px;
    }
    .homepageBottomLinks, .homepageBottomLinks:visited, .homepageBottomLinks:link, .homepageBottomLinks:active
    {
        color: #4d4d4d;
        font-weight: normal;
    }
    .homepageBottomLinks:hover
    {
        font-weight: normal;
        color: Black;
    }
    .quickJumpsOtherValues
    {
        margin-top: -4px;
    }
    .quickJumpsOtherValues li
    {
        list-style-image: url(/Images/raquo.png);
        margin: 0px;
        margin-left: 5px;
        padding: 0px;
    }
    .quickJumpsOtherValues ul
    {
        margin: 0px;
        padding: 0px 5px 5px 5px;
        padding-left: 12px;
    }
    
    .itemTypesRootNode, .itemTypesRootNode a, .itemTypesRootNode a:hover
    {   
        padding: 0px;
        margin: 0px;
        font-weight: bold;
        color: #4d4d4d;
        text-decoration: none;
        margin-top: -4px;
    }
    
    .raquoSpan, .raquoSpan a, .raquoSpan a:hover
    {
        margin-right:5px;
        color: #4d4d4d;
        text-decoration: none;
    }
}