﻿table.mainContent 
{
   width:100%;
   position:relative;
   left:0px;
   top:-60px;  
}


.hotline 
{ 
	position: relative;
	top:-152px;   
	left: 820px;
}

.hotline P
{ 
line-height:2px;
text-align:left;
font-size: medium;
font-weight:bold;
font-style:italic;
color: #ad1b1b;
}

/* START OF CATEGORY LIST STYLES */

/*************************** LIST *******************************/

div.rowcell 
{
     width:155px; top: 10%; vertical-align: middle; text-align:center;
}

div.browseboxHeader {
    width:155px;
    color: #E97D0A;
    font-weight:bold;
    padding: 8px 2px 8px 2px;
}

div.browsebox
{
    text-align:center;
    width:155px;
	min-height:30px;
}

div.browsebox a.bar:hover span.ProductCount {
    text-decoration: none;  
    color:#000000; 
}

div.browsebox a.categorybar:link, div.browsebox a.categorybar:visited
{
	padding-left:2px;
	min-height:30px;
    float: left;
    width:155px;
    font-size:11px;
    color: #080B72; 
    font-weight:normal;
    border-bottom:1px solid #FFFFFF;
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%23A6D5F7&backcolor=%2358B0F0')  no-repeat;
    /*background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%23FF7C50&backcolor=%23E25F33')  no-repeat;*/
}

div.browsebox a.categorybar:hover, div.browsebox a.categoryselectedbar:hover  {
    width:155px;
    text-decoration: none;  
    color:#FFFFFF; 
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%2358B0F0&backcolor=%23080B72')  no-repeat;
    /*background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%23444444&backcolor=%23595959')  no-repeat;*/
}

div.browsebox a.categoryselectedbar:link, div.browsebox a.categoryselectedbar:visited
{
	padding-left:2px;
	min-height:30px;
    float: left;
    width:155px;
    font-size:11px;
    color: #ffffff; 
    font-weight:bold;
    border-bottom:1px solid #FFFFFF;
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=45&color=%23E13E3E&backcolor=%23AE1B1B')  no-repeat;
}

div.browsebox a.categorybar span.categoryname
{
    font-style:normal;
}


/************************** TABS *************************/

div.tabcell 
{
     position: absolute; width:146px; top: 10%; display: table-cell; vertical-align: middle; text-align:center;
}

div.browsetabHeader 
{
    position:relative;
    top:-350px; 
    left:200px; 
    width:600px;
    color: #E97D0A;
    font-weight:normal;
    font-size:8pt;
    margin:auto; 
}

div.browsetab
{
    position:relative;
    float:left; 
    display: inline; 
    width:146px;
	min-height:30px;
	margin-bottom:1px;
}

div.browsetab a:link, div.browsetab a:visited
{
    position:relative;
    display: inline; 
    width:146px;
	min-height:30px;
    background: url('~/dyimage.axd?type=boxHeader&cornersize=20&width=145&height=30&color=%23A6D5F7&backcolor=%2358B0F0&bordercolor=%23C0C0C0&border=true')  no-repeat;
}


div.browsetab a.categorytab:hover, div.browsetab a.categoryselectedtab:hover  {
    display: inline; 
    width:146px;
    text-decoration: none;  
    color:#FFFFFF; 
    background: url('~/dyimage.axd?type=bar&cornersize=20&width=145&height=30&color=%2358B0F0&backcolor=%23080B72')  no-repeat;
}

div.browsetab a.categorytab:link, div.browsetab a.categorytab:visited
{
    display: inline; 
    float: left; 
	min-height:30px;
    width:146px; 
}

div.browsetab a.categorytab:link span.categoryname, div.browsetab a.categorytab:visited span.categoryname
{
    position: relative;
    width:135px;
    height:30px;
    vertical-align:middle;
}

div.browsetab a.categoryselectedtab:link, div.browsetab a.categoryselectedtab:visited
{
    text-decoration: none;  
    color:#FFFFFF; 
    display: inline;
    float: left; 
	min-height:30px;
    width:146px; 
    background: url('~/dyimage.axd?type=bar&cornersize=20&width=145&height=30&color=%23E13E3E&backcolor=%23AE1B1B')  no-repeat;
}

div.browsetab a.categoryselectedtab:link span.categoryname, div.browsetab a.categoryselectedtab:visited span.categoryname
{
    width:135px;
    height:30px;
}


/********************* SUB CATEGORIES **********************/

div.subcategory {
    margin-left:0px;
}

div.browsebox a.subcategorybar:link, div.browsebox a.subcategorybar:visited
{
	padding-left:2px;
	min-height:25px;
    float: left;
    width:155px;
    font-size:10px;
    color: #5B626C; 
    border-bottom:1px solid #FFFFFF;
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%23A6D5F7&backcolor=%23DAEDFC')  no-repeat;
    /*background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%23FF936F&backcolor=%23E98665')  no-repeat;*/
}

div.browsebox a.subcategorybar:hover {
    width:155px;
    text-decoration: none;  
    color:#FFFFFF; 
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%2358B0F0&backcolor=%23080B72')  no-repeat;
    /*background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=30&color=%23444444&backcolor=%23595959')  no-repeat;*/
}

div.subcategory a.subcategoryselectedbar:link, div.subcategory a.subcategoryselectedbar:visited
{
	padding-left:2px;
	min-height:30px;
    float: left;
    width:155px;
    font-size:11px;
    color: #ffffff; 
    font-weight:bold;
    border-bottom:1px solid #FFFFFF;
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=155&height=45&color=%23E13E3E&backcolor=%23AE1B1B')  no-repeat;
}

/******************** FLYOUT **********************/

/* NOTE Have removed height values to allow divs to be as deep as text links */

div.browserflyout {
    /*position:relative;*/
    width:155px;
    /*height:30px;*/
    z-index:30000;
    }

.browseboxflyout 
{
    width:155px; 
    /*height:30px;*/

    background: url('~/dyimage.axd?type=bar&cornersize=5&width=155&height=50&color=%23A6D5F7&backcolor=%2358B0F0') no-repeat ;

}

.browseboxflyout a:hover
{
position:relative;top:-0px;
    width:155px; 
    /*height:30px;*/

    background: url('~/dyimage.axd?type=bar&cornersize=5&width=155&height=50&color=%2358B0F0&backcolor=%23080B72') no-repeat;


}

.catflyout 
{
    display:block; position:relative;
    left:0px;
    z-index:80000;
    border:0px solid #9ac1c9; 
    padding:0px;
    width:155px;
    margin-bottom:0px;
margin-top:0px;

}

.catflyout dt 
{
    font-weight:normal;
    font-size:8pt;
    cursor:pointer; 
    width:155px;
    margin:0px;
}

.catflyout .headerflyout 
{
padding:0px;
    border-bottom:none;
    /*z-index:30001;*/
}

.catflyout dt:hover 
{
}

.catflyout dd 
{
    position:absolute; top:0; /*overflow:hidden;  */
    display:none; 
    /*background:#fff; */
    opacity:0;
}

.catflyout ul 
{
    /*white-space:nowrap; */
    border:0px solid #9ac1c9; 
    list-style:none;
    margin:0px;
    padding-left:0px;
    padding-right:0px;
}

.catflyout li 
{
    display:inline;
    margin-bottom:0px;   
}

.catflyout a, .catflyout a:active, .catflyout a:visited 
{
    display:block; 
    color:#003399;
    text-decoration:none; 
    /*height:30px;*/
    text-align:center;
    font-size:8pt;
/*
    background: url('~/dyimage.axd?type=bar&cornersize=5&width=155&height=50&color=%23A6D5F7&backcolor=%2358B0F0') no-repeat ;
*/
}

.catflyout a:hover 
{
    color:White;
/*
    background: url('~/dyimage.axd?type=bar&cornersize=5&width=155&height=50&color=%2358B0F0&backcolor=%23080B72') no-repeat;
*/
} 

span.categorynameflyout
{
    padding:4px;
}


.subcategoryflyout 
{
    width:160px; 
    /*height:30px;*/

    background: url('~/dyimage.axd?type=bar&cornersize=5&width=160&height=50&color=%23A6D5F7&backcolor=%2358B0F0') no-repeat ;

}


.subcategoryflyout a:hover
{
    width:160px; 
    /*height:30px;*/

    background: url('~/dyimage.axd?type=bar&cornersize=5&width=160&height=50&color=%2358B0F0&backcolor=%23080B72') no-repeat;

}


.subcatflyout, .subcatselectedflyout
{
    border:0px solid #9ac1c9; 
    display:inline;
    margin-top:0px;   
    margin-bottom:1px;   
    /*height:30px;*/
    width:160px;
    /*color: #ffffff; */
    padding:0px; /* was 4px */
}

.subcatflyout dt 
{
    cursor:pointer; background:#ffffff;
    font-weight:normal;
    font-size:8pt;
    width:160px;
    }

.subcatflyout .headerflyout 
{
    border-bottom:none;
    width:160px;
    }

.subcatflyout dt:hover 
{
    width:160px;
    }

.subcatflyout dd 
{
    position:absolute; top:0; /*overflow:hidden;  */
    display:none; 
    background:#fff; 
    opacity:0;
    width:160px;
}

.subcatflyout ul 
{
    margin:0px;
    /*white-space:nowrap; */
    border:0px solid #9ac1c9; 
    list-style:none;
    padding-left:0px;
    padding-right:0px;
    width:160px;
    }

.subcatflyout li 
{
    display:inline;
    margin-bottom:0px;   
    width:160px;
    }

.subcatflyout a, .subcatflyout a:active, .subcatflyout a:visited
{
    display:block; 
    color:White; text-decoration:none; 
    /*background:#eaf0f2;*/
/*
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=400&height=50&color=%23A6D5F7&backcolor=%2358B0F0') no-repeat ;
*/
    width:160px;
    }

.subcatflyout a:hover
{   color:White;
/*
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=400&height=50&color=%23A6D5F7&backcolor=%23DAEDFC') no-repeat;
    width:160px;
*/
    } 

.subcatselectedflyout a, .subcatselectedflyout a:active, .subcatselectedflyout a:visited 
{
    display:block; 
    color:yellow; 
    text-decoration:none; 
    font-size:9pt;
    width:160px;
    }

/*
  .subcatselectedflyout a:hover 
  {
    color:#ffffff;
/*
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=400&height=30&color=%23A6D5F7&backcolor=%23DAEDFC') no-repeat;
*/
}
*/

/* END OF CATEGORY LIST STYLES */


/***************** Product Discount table in detail screen ********************/

.productDiscountTable
{
    padding: 5px 5px 5px 5px;
    margin-top:20px;
    width:260px;
    border-bottom: solid 1px #C0C0C0;
    background: url('~/dyimage.axd?type=boxHeader&cornersize=20&width=270&height=150&color=%23FEFCE3&backcolor=%23FFFFFD&bordercolor=%23C0C0C0&border=true') no-repeat;
}

.productDiscountTable span
{
    height:30px;
    width:260px;
    line-height:30px;
    color: #B82D34;
    font-weight:bold;
}

.productDiscountTable TD
{
    border-top: solid 1px #C0C0C0;
    color: #000000;
    font-weight:normal;
}

.productDiscountTable TD.last
{
    color: #B82D34;
    font-weight:bold;
}


/********************* OTHER ********************/

.GeneralButton80
{
border:solid 0px;
width: 80px; 
height:25px;
line-height:25px;
text-align: center;
color:White;
background: url('~/dyimage.axd?type=button&cornersize=10&height=25&width=80&bkgroundcolor=%23F0F0F0&color=%2358B0F0&textcolor=%23FFFFFA&backcolor=%23080B72');
/*background: url('~/dyimage.axd?type=button&cornersize=10&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%23AE1B1B&width=120') no-repeat;
*/
}

.SubmitButton75x25
{
border:solid 0px;
width: 75px; 
height:25px;
line-height:25px;
text-align: center;
color:White;
background: url('~/dyimage.axd?type=button&cornersize=10&height=25&width=75&bkgroundcolor=%23F0F0F0&color=%2358B0F0&textcolor=%23FFFFFA&backcolor=%23080B72');
/*background: url('~/dyimage.axd?type=button&cornersize=10&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%23AE1B1B&width=120') no-repeat;
*/
}

.SubmitButton100x25
{
    cursor:pointer;
    border:solid 0px;
    width: 100px; 
    height:25px;
    line-height:25px;
    text-align: center;
    color:White;
    background: url('~/dyimage.axd?type=button&cornersize=10&height=25&width=100&bkgroundcolor=%23F0F0F0&color=%2358B0F0&textcolor=%23FFFFFA&backcolor=%23080B72');
    /*background: url('~/dyimage.axd?type=button&cornersize=10&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%23AE1B1B&width=120') no-repeat;
    */
}

.SubmitButton125x25
{
    cursor:pointer;
    border:solid 0px;
    width: 125px; 
    height:25px;
    line-height:25px;
    text-align: center;
    color:White;
    background: url('~/dyimage.axd?type=button&cornersize=10&height=25&width=125&bkgroundcolor=%23F0F0F0&color=%2358B0F0&textcolor=%23FFFFFA&backcolor=%23080B72');
    /*background: url('~/dyimage.axd?type=button&cornersize=10&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%23AE1B1B&width=120') no-repeat;
    */
}

.SubmitButton150x25
{
    cursor:pointer;
    border:solid 0px;
    width: 150px; 
    height:25px;
    line-height:25px;
    text-align: center;
    color:White;
    background: url('~/dyimage.axd?type=button&cornersize=10&height=25&width=150&bkgroundcolor=%23F0F0F0&color=%2358B0F0&textcolor=%23FFFFFA&backcolor=%23080B72');
    /*background: url('~/dyimage.axd?type=button&cornersize=10&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%23AE1B1B&width=120') no-repeat;
    */
}

.SubmitButton175x25
{
    cursor:pointer;
    border:solid 0px;
    width: 175px; 
    height:25px;
    line-height:25px;
    text-align: center;
    color:White;
    background: url('~/dyimage.axd?type=button&cornersize=10&height=25&width=175&bkgroundcolor=%23F0F0F0&color=%2358B0F0&textcolor=%23FFFFFA&backcolor=%23080B72');
    /*background: url('~/dyimage.axd?type=button&cornersize=10&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%23AE1B1B&width=120') no-repeat;
    */
}

.SubmitButton200x25
{
    cursor:pointer;
    border:solid 0px;
    width: 200px; 
    height:25px;
    line-height:25px;
    text-align: center;
    color:White;
    background: url('~/dyimage.axd?type=button&cornersize=10&height=25&width=200&bkgroundcolor=%23F0F0F0&color=%2358B0F0&textcolor=%23FFFFFA&backcolor=%23080B72');
    /*background: url('~/dyimage.axd?type=button&cornersize=10&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%23AE1B1B&width=120') no-repeat;
    */
}





/* this makes a gradient bar fill top-down backcolor to color */
/*background-image:url('dyimage.axd?type=bar&width=590&height=160&cornersize=20&color=%23000000&backcolor=%23FFFFFF&bordercolor=%23000000');*/
/* this makes a gradient box header fill top-down color to backcolor with a 1px border */
/*background-image:url('dyimage.axd?type=boxHeader&width=590&height=160&cornersize=20&color=%23000000&backcolor=%23FFFFFF&bordercolor=%23000000');*/
/* this makes a gradient reversebox header fill top-down backcolor to color with no border */
/*background-image:url('dyimage.axd?type=reverseBoxHeader&subtype=highlight&width=590&height=160&cornersize=20&color=%23000000&backcolor=%23FFFFFF&bordercolor=%23000000&border=false');*/


