﻿body 
{
     font-family:Arial;
}
.HiddenColumn
{display: none;}
/*
a:link {color: #ffffff; text-decoration: underline; }
a:active {color: #000000; text-decoration: underline; }
a:visited {color: #ffffff; text-decoration: underline; }
a:hover {color: #000000; text-decoration: none; }
*/
a.blue:link {color: #0066cc;  font-weight: bold;}
a.blue:active {color: #000000;  font-weight: bold;}
a.blue:visited {color: #0066cc;  font-weight: bold;}
a.blue:hover {color: #0000ff;  font-weight: bolder;}

a.dimGray:link {color: #696969; text-decoration:none;}
a.dimGray:active {color: #696969; text-decoration: none}
a.dimGray:visited {color: #696969; text-decoration: none}
a.dimGray:hover {color: #696969; text-decoration: none}

a.white:link {color: #ffffff;  font-weight: bold;}
a.white:active {color: #ffffff;  font-weight: bold;}
a.white:visited {color: #ffffff;  font-weight: bold;}
a.white:hover {color: #ffcc66;  font-weight: bolder;}

a.box:link {color: #f9b06a;  font-weight: bold;}
a.box:active {color: #f9b06a;  font-weight: bold;}
a.box:visited {color: #f9b06a;  font-weight: bold;}
a.box:hover {color: #ffcc66;  font-weight: bolder;}

a.boxlite:link {color: #f9b06a;  font-weight: normal;}
a.boxlite:active {color: #f9b06a;  font-weight: normal;}
a.boxlite:visited {color: #f9b06a;  font-weight: normal;}
a.boxlite:hover {color: #ffcc66;  font-weight: normal;}

a.blackun:link {color: #000000;  font-weight: normal;}
a.blackun:active {color: #000000;  font-weight: normal;}
a.blackun:visited {color: #000000;  font-weight: normal;}
a.blackun:hover {color: #000000;  font-weight: normal;}

a.black:link {color: #000000;  text-decoration: none; }
a.black:active {color: #000000;  text-decoration: none;}
a.black:visited {color: #000000;  text-decoration: none; }
a.black:hover {color: #000000;  text-decoration: none; }

a.orange:link {color: Orange;  text-decoration: none; }
a.orange:active {color: Orange;  text-decoration: none;}
a.orange:visited {color: Orange;  text-decoration: none; }
a.orange:hover {color: Orange;  text-decoration: none; }

h1 {font-size:12pt; margin-top: 0px; margin-bottom: 1px; vertical-align:middle }
h2 {font-size:10pt; margin-top: 0px; margin-bottom: 1px; vertical-align:middle }
h3 {font-size:10pt; margin-top: 0px; margin-bottom: 1px; vertical-align:middle }
h4 {font-size:10pt; margin-top: 0px; margin-bottom: 1px; vertical-align:middle }
h5 {font-size:10pt; margin-top: 0px; margin-bottom: 1px; vertical-align:middle }

.Hide {display:none;}
.Show {display:block;}

a.boxlink:link {background-color:#fee8d2; border-color:#c0c0c0;
     border-style:solid; border-width:1px; font-size:8pt; 
     line-height:13px; height:24px; color: Black}
a.boxlink:active {background-color:#fee8d2; border-color:#c0c0c0;
     border-style:solid; border-width:1px; font-size:8pt; 
     line-height:13px; height:24px; color: Black}
a.boxlink:visited {background-color:#fee8d2; border-color:#c0c0c0;
     border-style:solid; border-width:1px; font-size:8pt; 
     line-height:13px; height:24px; color: Black}
a.boxlink:hover {background-color:#fee8d2; border-color:#c0c0c0;
     border-style:solid; border-width:1px; font-size:8pt; 
     line-height:13px; height:24px; color: Black}

/* --------------------------- NavBar Links ----------------------------*/
a.navbarHome:link 
{color:black;font-size: 10pt;text-decoration: none; 
line-height:12pt;width:100%;background-color:#faf0e6;text-align:center;
padding: 0px 0px 0px 0px}
a.navbarHome:active 
{color: #000000;font-size: 10pt;text-decoration: none; 
line-height:12pt;width:100%;background-color:#ffd8a0;text-align:center;    
padding: 0px 0px 0px 0px}
a.navbarHome:visited 
{color: black;font-size: 10pt;text-decoration: none; 
line-height:12pt;background-color:#faf0e6;width:100%;      
text-align:center;padding: 0px 0px 0px 0px}
a.navbarHome:hover 
{color: #000000;font-size: 10pt;text-decoration: none; 
line-height:12pt;background-color:#ffd8a0;width:100%;text-align:center;
padding: 0px 0px 0px 0px}

a.navbarMain:link 
{color:black;font-size: 10pt;font-weight: bold;text-decoration: none; 
line-height:16pt;width:100%;background-color:#faf0e6;text-align:left;
padding: 0px 0px 0px 1px; height:22px}
a.navbarMain:active 
{color: #000000;font-size: 10pt;font-weight: bold;text-decoration: none; 
line-height:16pt;width:100%;background-color:#ffd8a0;text-align:left;    
padding: 0px 0px 0px 1px; height:22px}
a.navbarMain:visited 
{color: black;font-size: 10pt;font-weight: bold;text-decoration: none; 
line-height:16pt;background-color:#faf0e6;width:100%;      
text-align:left;padding: 0px 0px 0px 1px; height:22px}
a.navbarMain:hover 
{color: #000000;font-size: 10pt;font-weight: bold;text-decoration: none; 
line-height:16pt;background-color:#ffd8a0;width:100%;text-align:left;
padding: 0px 0px 0px 1px; height:22px}

a.navbar:link 
{color:#000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
line-height:12pt;width:100%;background-color:Transparent;padding-left:11px; 
text-align:left}
a.navbar:active 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none;      
line-height:12pt;width:100%;background-color:#ffd8a0;padding-left:11px; 
text-align:left}
a.navbar:visited 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
line-height:12pt;background-color:Transparent;width:100%;padding-left:11px;
text-align:left}
a.navbar:hover 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
line-height:12pt;background-color:#ffd8a0;width:100%;padding-left:11px; 
text-align:left}

a.PNLnavbar:link 
{color:#000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
line-height:12pt;background-color:Transparent;width:100%;padding-left:22px; 
text-align:left}
a.PNLnavbar:active 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none;      
line-height:12pt;background-color:#ffd8a0;width:100%;padding-left:22px; 
text-align:left}
a.PNLnavbar:visited 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
line-height:12pt;background-color:Transparent;width:100%;padding-left:22px;
text-align:left}
a.PNLnavbar:hover 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
line-height:12pt;background-color:#ffd8a0;width:100%;padding-left:22px; 
text-align:left}

/*------------------------------ NavBar Buttons --------------------------------*/
input.navbarHomeBTN
{color:black;font-size: 10pt;text-decoration: none; height: 16px;
line-height:6pt;width:100%;background-color:#faf0e6;text-align:center;
padding: 0px 0px 0px 0px; border: none 0px transparent; cursor: pointer; cursor: hand;}
input.navbarHomeBTN:hover 
{color: #000000;background-color:#ffd8a0; cursor: pointer; cursor: hand}

input.navbarMainBTN
{color:black;font-size: 10pt;font-weight: bold;text-decoration: none; 
line-height:11pt;width:100%;background-color:#faf0e6;text-align:left;
padding: 0px 0px 0px 1px; height:22px; vertical-align: middle; border: none 0px transparent;
cursor: pointer; cursor: hand}
input.navbarMainBTN:hover 
{color: #000000;background-color:#ffd8a0;}

input.navbarBTN
{color:black;font-size: 10pt;font-weight: normal;text-decoration: none; 
line-height:9pt;width:100%;background-color:Transparent;text-align:left; width:100%;
padding: 0px 0px 0px 11px; height:18px; vertical-align: middle; border: none 0px transparent;
cursor: pointer; cursor: hand}
input.navbarBTN:hover 
{color: #000000;background-color:#ffd8a0;}

input.PNLNavBarBTN 
{padding: 0px 0px 0px 1px; text-align: left; font-size: 10pt; color: #696969;
background-color: Transparent; border: none 0px Transparent;
vertical-align: middle; height: 18px; width: 100%; cursor: pointer; cursor: hand}
input.PNLNavBarBTN:hover 
{background-color: #ffd8a0;}

input.checkoutBTN
{padding: 0px;text-decoration: underline;text-align: center;font-size: 8pt; font-weight:bold;
color: White;width: 100%;background-color: #FF6600;border: solid 1px #FFC080;
cursor:pointer;cursor:hand}
input.checkoutBTN:hover 
{text-decoration: none;background-color: #ffd8a0; color:Black}

/*----------------------------------------------------------------------------*/

td.NavBar 
{border-bottom: solid 1px orange;}
td.PNLNavBar 
{border-top: solid 1px orange}
/* quick links on Product pages */
input.quickLinkBTN 
{padding: 0px; margin:0px; text-decoration: underline;text-align: left;
font-size: 8pt;color: #696969;background-color: Transparent;
border: Transparent; cursor: pointer;}
input.quickLinkBTN:hover 
{background-color: #ffd8a0;font-size: 8pt;border: Transparent;}
/* quick find full list page */
input.quickFindLinkBTN 
{padding: 0px;text-decoration: underline;text-align: left;font-size: 8pt;
color: #696969;width: 100%;background-color: Transparent;border: Transparent; cursor:pointer;cursor:hand}
input.quickFindLinkBTN:hover 
{background-color: #ffd8a0;color: Black;font-size: 8pt;border: Transparent; cursor:pointer;cursor:hand}
/* ------------------------- */
/* checkout */
input.qtyBTN 
{padding: 0px; margin:0px; text-decoration: underline;
font-size: 8pt;color: #696969;background-color: Transparent;
border: Transparent; cursor: pointer;}
input.qtyBTN:hover 
{background-color: #ffd8a0;font-size: 8pt;border: Transparent;}
/* -- */
div.NavDIV{display: none;}

/* MasterPage Quick find Product range links */
a.quickLink:link 
{color:#000000;font-size: 10pt;font-weight: normal;text-decoration: underline; 
width:100%;background-color:Transparent; padding-left: 5px; padding-right: 5px}
a.quickLink:active 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: underline;      
width:100%;background-color:#ffd8a0; padding-left: 5px; padding-right: 5px}
a.quickLink:visited 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: underline; 
background-color:Transparent;width:100%; padding-left: 5px; padding-right: 5px}
a.quickLink:hover 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
background-color:#ffd8a0;width:100%; padding-left: 5px; padding-right: 5px}

input.quickFindBTN
{padding: 0px;text-decoration: none;text-align: center;font-size: 8pt;
color: Black;width: 100%;background-color: Transparent;border: solid 1px orange;
cursor:pointer;cursor:hand}
input.quickFindBTN:hover 
{text-decoration: underline;background-color: #ffd8a0;}

.quickFindLNK
{padding: 0px;text-decoration: none;text-align: center;font-size: 8pt; height: 17px;
color: Black;width: 100%;background-color: Transparent;border: solid 1px orange; line-height: 15px;
cursor:pointer;cursor:hand}
.quickFindLNK:hover 
{text-decoration: underline;background-color: #ffd8a0;}

/* ------------------------------------------- */

/* Box Packs */
input.BoxPacksBTN
{ border: solid 2px #FF8000; background-color: #ffe4b5;
padding: 0px; color: #000000; text-align: center; font-size: 8pt; cursor:pointer;cursor:hand}
input.BoxPacksBTN:hover
{ color: #ffffff; background-color: Orange; cursor:pointer;cursor:hand}

a.areaLink:link 
{color:#000000;font-size: 10pt;font-weight: normal;text-decoration: underline; 
width:100%;background-color:Transparent;}
a.areaLink:active 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: underline;      
width:100%;background-color:#ffd8a0;}
a.areaLink:visited 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: underline; 
background-color:Transparent;width:100%;}
a.areaLink:hover 
{color: #000000;font-size: 10pt;font-weight: normal;text-decoration: none; 
background-color:#ffd8a0;width:100%;}

/* Front Page */

a.productLink:link 
{color:#000000; font-size: 10pt; font-weight: normal; text-decoration: underline; vertical-align:middle;
background-color:#FFBE4F; border: solid 2px #d2b48c; text-align:center; }
a.productLink:active 
{color:#000000; font-size: 10pt; font-weight: normal; text-decoration: none; vertical-align:middle;
background-color:#FFBE4F; border: solid 2px #d2b48c; }
a.productLink:visited 
{color:#000000; font-size: 10pt; font-weight: normal; text-decoration: underline; vertical-align:middle;
background-color:#FFBE4F; border: solid 2px #d2b48c; }
a.productLink:hover 
{color:#ffffff; font-size: 10pt; font-weight: normal; text-decoration: none; vertical-align:middle;
background-color:#ff8c00; border: solid 2px #FFBE4F; }

input.productLinkBTN
{padding: 0px; color:#000000; font-weight: normal; text-decoration: underline; 
 background-color:#FFBE4F; border: solid 2px #d2b48c; cursor:pointer;cursor:hand;}
input.productLinkBTN:hover
{color:#ffffff ; text-decoration: none; background-color:#ff8c00; border: solid 2px #FFBE4F;
 cursor:pointer;cursor:hand}

input.cityBTN 
{padding: 0px;text-decoration: underline;text-align: left;font-size: 10pt;
color: Black;width: 145px; background-color: Transparent;border: none 0px Transparent; cursor:pointer;cursor:hand}
input.cityBTN:hover 
{background-color: #ffd8a0; cursor:pointer;cursor:hand}

input.relatedBTN 
{padding: 0px;text-decoration: underline;font-size: 8pt;
color: Black; background-color: #FEE8D2;border: solid 1px Silver; cursor:pointer;cursor:hand}
input.relatedBTN:hover 
{background-color: #f4a460; cursor:pointer;cursor:hand}

span.googleads
{ display: none;  width: 400px;
}


#jqFloatDiv {
			position: relative;
			width: 150px;
			margin: 0px;
			padding: 0px;
			background: #eee;
			border: none 0px Transparent;		
		}

/*.adLink
{color:#000000;font-size: 10pt; font-weight: normal; text-decoration: underline; vertical-align:middle;
background-color:#FFBE4F; border: solid 2px #d2b48c; }
.adLink:active 
{color:#000000;font-size: 10pt; font-weight: normal; text-decoration: none; vertical-align:middle;
background-color:#FFBE4F; border: solid 2px #d2b48c;}
.adLink:visited 
{color:#000000;font-size: 10pt; font-weight: normal; text-decoration: underline; vertical-align:middle;
background-color:#FFBE4F; border: solid 2px #d2b48c;}
.adLink:hover 
{color:#ffffff;font-size: 10pt; font-weight: normal; text-decoration: none; vertical-align:middle;
background-color:#ff8c00; border: solid 2px #FFBE4F;}*/
/* ------------------------- 

.collapsePanel 
{
    	
	height:0px;
	background-color:white;
	overflow:hidden;
	padding:0px;
	border-bottom: solid 1px orange;
	border-left: solid 1px orange;
	border-right: solid 1px orange;
}

.collapsePanelHeader{	
			
	height:25px;
	color: Black;
	background-color: #faf0e6;
	font-weight:bold;
	
	padding:0px; 
	cursor: pointer;cursor:hand;
	border-top: solid 1px orange;
	border-left: solid 1px orange;
	border-right: solid 1px orange;
	
}
.collapsePanelHeader:hover
{
    background-color:#ffd8a0}
*/
/* ------------------------- */

input.optionsBTN
{padding-left: 2px;padding-right: 2px;text-align: center;font-size: 9pt; font-weight:bold;
color: White; background-color: #ff8c00; border: Outset 1px #FFCC99;
cursor:pointer;cursor:hand}
input.optionsBTN:hover 
{background-color: #ffd8a0; color:Black}

.productOption
{background-color: Transparent;}
.productOptionHighlight
{background-color: #faf0e6;}

span.hint 
{
    background-color: #ffd8a0;
	font:normal 11px/14px verdana;	
	color:#444;
	border:1px solid #FFC080;
	padding:1px;	 
	width:200px;	
	position:absolute;	 
	display:none;
	min-height: 23px;
	text-indent: 0px;
	text-align: left;
	
}

/*----- Admin ------*/

input.darkOrangeBTN
{padding: 0px;text-decoration: underline;text-align: center;font-size: 8pt; 
color: #FF6600;background-color: Transparent;border: none 0px Transparent;
cursor:pointer;cursor:hand}
input.darkOrangeBTN:hover 
{text-decoration: none; color:Black; cursor:pointer;cursor:hand}

input.darkOrangeLNK
{text-decoration: underline;text-align: center;font-size: 8pt; 
color: #FF6600;background-color: Transparent;border: none 0px Transparent;}
input.darkOrangeLNK:hover 
{text-decoration: none; color:Black}

input.darkishOrangeLNK
{text-decoration: underline;text-align: center;font-size: 8pt; 
color: #FF9B2D;background-color: Transparent;border: none 0px Transparent;}
input.darkishOrangeLNK:hover 
{text-decoration: none; color:Black}

.ModalPopupBg
{
 background-color: Gray; filter:alpha(opacity=50); opacity:50;
}

div.help
{
color:#696969; font-size: 8pt;
}

/* Layout */
/*        */

div.footerSmDIV
{
 font-size: 7pt; color: #B4B4B4; text-align:right;
}

input.footerSmBTN
{
 font-size: 7pt; color: #B4B4B4; background-color: #FFFFFF; border: solid 1px #E6E6E6; cursor:pointer;cursor:hand;
}

input.footerSmBTN:hover
{
 background-color: #FAF0E6;
}
/*profiles Manager*/
 input.pm_BTN
    {
        font-size: 8pt;
        border: Outset 2px #FFCC99;
        background-color: #FFECD9;
        cursor: pointer;
        cursor: hand;
    }
    input.pm_BTN:hover
    {
        background-color: #FFCC66;
        color: #FFFFFF;
    }
     .pm_row
    {
        width: 100%;
        float: left;
        border-bottom: solid 1px #FFDD97;
        height: 25px;
        display: block;
        padding-right: 0px;
        text-align: left;
    }
     .pm_rowExpand
    {
        width: 100%;
        float: left;
        border-bottom: solid 1px #FFDD97;
        display: block;
        text-align: left;
        
    }
     .pm_rowHelp
    {
        font-size: 8pt;
        color: #666666;
        display: block;
        float: left;
        padding-left: 4px;
        border-bottom: solid 1px #FFDD97;
        width: 99%;
    }
    .pm_fieldReq
    {
        font-size: 9pt;
        background-color: #FFE991;
        color: #000000;
        font-weight: bold;
        vertical-align: top;
        width: 155px;
        text-align: left;
        padding-left: 3px;
        float: left;
        height: 20px;
        padding-top: 4px;
        padding-bottom: 0px;
    }
 .pm_input
    {
        text-align: left;
        font-size: 10pt;
        margin-left: 4px;
        height: 17px;
    }
    .pm_textBox
    {
        font-size: 10pt;
        margin-left: 0px;
        height: 17px;
    }
     .pm_info
    {
        width: 150px;
        font-size: 8pt;
    }
    .pm_reqVal
    {
        font-size: 8pt;
        z-index:2;
    }
    .pm_options
    {
        margin: 0px;
        padding-left: 4px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-top: 0px;
        text-align: left;
        display: block;
        font-size: 6pt;
        color: #999999;
        margin-bottom: 4px;
    }
/* Profiles page */

span.infoTextTitle
{
font-size: 8pt; color: #696969; font-weight:bold;
}

span.infoText
{
font-size: 8pt; color: #696969;
}

span.descText
{
font-size: 9pt; color: #000000;
}

.AJAXUpdateProgress
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
}
/* Courier Service Calc */
 .csc_BTN
    {
        border: Outset 1px #FFCC99;
        background-color: #FFECD9;
        width: 85px;
        font-size: 8pt;
        cursor: pointer;
        cursor: hand;
    }
    .csc_BTN:hover
    {
        background-color: #FFDD97;
    }
     .csc_row
    {
        width: 100%;
        float: left;
        height: 25px;
        display: block;
        text-align: left;
    }
    .csc_title
    {
        font-size: 9pt;
        background-color: #FFDD97;
        color: #000000;
        height: 18px;
        text-align: left;
        width: 100%;
        vertical-align: top;
        float: left;
        padding-left: 3px;
        padding-top: 3px;
        padding-bottom: 1px;
        letter-spacing: 1px;
    }
/* -- */

.dockclass
    {   
        width: 150px; z-index: 101; left: 0px; position: relative;
        top: 0px; background-color: #ffffff; overflow: visible; text-align: center;
 
    }


/* Box Pack Maker Page */

input.HeaderBTN
{ background-color: white; color: #FF8000; font-weight: bold; text-align: left; border: none 0px Transparent;
    cursor:pointer;cursor:hand}

input.HeaderBTN:hover
{ background-color: #faf0e6; }

input.StateBTN
{ background-color: white; color: gray; text-align: left; border: none 0px Transparent; font-style:italic;
    cursor:pointer;cursor:hand}
    
input.autoPCode
{ text-align: right;
}

div.row
{
    display: block;  
    width: 100%;
}

div.row span.left
{
    float: left;
    display: inline;
}

div.row span.right
{
    float: right;    
    display: inline;
    text-align: right;
}

input.skyBlueBTN
{
 background-color:#6699FF; 
 border: Outset 2px #6699FF; 
 color: Black;
 cursor:pointer;cursor:hand;
}

input.skyBlueBTN:hover
{
 background-color:#0066CC; 
 border: Outset 2px #003366; 
}

input.cartBTN
{text-align: center;font-size: 8pt;
color: White; background-color: #ff8c00; border: Outset 1px #FFCC99;
cursor:pointer;cursor:hand}
input.cartBTN:hover 
{background-color: #ffd8a0; color:Black}

input.quickLink2BTN 
{color:#FF9933;font-size: 8pt;font-weight: normal;text-decoration: underline; background-color: Transparent;
 border: none 0px Transparent; text-decoration:underline; cursor:pointer;cursor:hand; 
width:100%;background-color:Transparent;}
input.quickLink2BTN:hover 
{text-decoration: none; background-color:#ffd8a0;}

div.Prev_UPIthumb {
float: left;
text-align: center;
font-size: 8pt;
width: 150px;
margin: 10px;
display: block;
}

div.Prev_Container {
clear: both;
text-align: left;
width: 600px;
display: block;
border: 1px dashed #C0C0C0;
padding: 8px;
}

.ProdTitleTR
{
    background-color: #FFFFFF;
}
.ProdTitleTR:hover
{
    background-color: #FFCC99;
}

.TransparentGrayBG
{
	top: 0;
	left: 0;	
	background: rgb(0, 0, 0) none repeat scroll 0% 0%; 
	z-index: 4999; 
	position: fixed; 
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
	opacity: 0.3;
	filter:alpha(opacity=30);
	
}

input.mainBTN
{
    font-size:10pt; font-weight:bold; border: Outset 2px #FFCC99; background-color:#FFECD9; cursor:pointer;cursor:hand;
}

input.mainBTN:hover
{
	background-color: #FFCC66; color: #FFFFFF;
}

div.Prev_UPIthumb span.block {
    width: 140px;  
    text-align: left;
    display: inline-block;   
   word-wrap:break-word;
}







