/* 
This CSS file governs behavior of external content structures
*/

@import url("/StyleSheets/External/ExternalMaster.css");

/* Left Navigation Home Page Only*/
.LeftNavHome a, .LeftNavHome .noLink
{
   position: relative;
   top:5px;
   left:10px;
   height:100%;
   width:100%;
   color:White;
   text-decoration:none;
   font-family:Verdana;
   font-size:12pt;
   font-weight:bold;
}

.LeftNavHome a:hover
{
   color:#FFD564 !important; 
}


/* Left Navigation Standard */
.leftNavStd
{
    background-image: url('/Images/Main/leftnavMiddle.gif');
    background-repeat:repeat-y;
    font-size: 8pt;
    font-family: Verdana;
    color: White;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 5px;
    height:125px;
    text-align:left;
    vertical-align:top;
}

.leftNavStd a
{   
    background-image: url(/Images/Main/orangePointer.gif);
	background-position:5px 6px;
	background-repeat: no-repeat;
	display:block;
	color: #FFFFFF;  
    text-decoration: none;
    padding-left: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 6px;
    margin-top:1px;
}

.leftNavStd a:hover
{
    background-image: url(/Images/Main/redArrowBlack.gif);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    border: solid 2px Yellow;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    margin-top:1px;
}

* html .leftNavStd a:hover
{
   background-position:5px 6px; 
}

/*
* html .leftNavStd a:hover
{
    background-position:5px 6px;
    border: solid 2px Yellow;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    margin-top:1px;
}
*/

.leftNavStd a.Selected, .leftNavStd .Selected
{
    background-image: url(/Images/Main/redArrowBlack.gif);
    background-repeat: no-repeat;
    background-position:5px 6px;
    border: solid 2px #FFD564 !important; 
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    margin-top:1px;
}

.leftNavStd .SubGroup
{
    background-position:17px 6px;
    padding-left:30px;
}

/*
* html .leftNavStd a.Selected, * html .leftNavStd .Selected /* arrow is padded over different in IE and Mozilla */	/*
{
    background-position:5px 6px;
    border: solid 2px #FFD564;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    margin-top:1px;
}
*/

.leftNavStd .noLink
{   
    background-image: url(/Images/Main/grayArrowBlack.gif);
	background-position:5px 6px;
	background-repeat: no-repeat;
	display:block;
	color: #FFFFFF;  
    text-decoration: none;
    padding-left: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 6px;
    margin-top:1px;
}

.leftNavStd .noLinkSelected
{   
    background-image: url(/Images/Main/grayArrowBlack.gif);
	background-position:5px 6px;
	background-repeat: no-repeat;
	display:block;
	color: #FFFFFF;  
    text-decoration: none;
    border: solid 2px #FFD564;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    margin-top:1px;
}

.leftNavScrimTopMiddle
{
    background-image:url('/Images/Main/ScrimMiddle.gif');
    filter:alpha(opacity=10);
    -moz-opacity:.10;
    opacity:.10;
    background-repeat:repeat-y;
    z-index:110;
    height:20px;
}

.leftNavScrimBottomMiddle
{
    background-image:url('/Images/Main/ScrimMiddle.gif');
    filter:alpha(opacity=10);
    -moz-opacity:.10;
    opacity:.10;
    background-repeat:repeat-y;
    z-index:110;
    height:19px;
}

.leftNavHeader
{
    background-image:url('/Images/Main/leftNavTop.gif');
    background-repeat:no-repeat;
    font-family:Verdana;
    font-size:9pt;
    font-weight:bold;
    color:White;
    height:25px;
    padding-left:10px;
    width:167px;
    text-align:center;
}

.leftNavStd .SubGroup
{
    background-position:17px 6px;
    padding-left:30px;
}

.leftNavStd .SubGroup:hover
{
    background-position:15px 4px;
    padding-left:28px;
}

* html .leftNavStd .SubGroup:hover
{
    background-position: 17px 6px;
}

.leftNavStd .SubGroupSelected
{
    background-image: url(/Images/Main/redArrowBlack.gif);
    background-repeat: no-repeat;
    background-position:15px 4px;
    border: solid 2px #FFD564 !important; 
    padding-left:28px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    margin-top:1px;
}

* html .leftNavStd .SubGroupSelected
{
    background-position:17px 6px;
}

.leftNavStd .SubGroupSelected:hover
{
    background-position:15px 4px;
    padding-left:28px;
}

* html .leftNavStd .SubGroupSelected:hover
{
    background-position:17px 6px;
}

/* General Style Rules */

.contentHeader
{
    font-size:13pt;
    font-weight:bold;
}

/* Misc Classes */
.lblControlPair td
{
   	font-size: 8pt;
	color: #000000;
	padding-bottom: 5px;
}

.lblControlPair input, .lblControlPair select, .lblControlPair textarea
{
	font-family: Arial;
	font-size: 8pt;
	padding-left:2px;
}

.lblControlPair .leftLabel
{
	font-weight: bold;
}

.gvLink
{
    text-decoration:none;
    color:Blue;
}

a.gvLink:hover
{
    text-decoration:underline;
    color:#DE2124;
}

.gvRow
{
   padding-top:3px;
   padding-bottom:3px; 
}

.EnlargeLink
{
   color:Black; 
}

.EnlargeLink:hover
{
   color:red; 
}

a.ForwardButton:hover
{
    color:#FFD564;
}

.ForwardButton
{
    background-image: url('/Images/Main/btnForward.gif');
    background-repeat:no-repeat;
    width:103px;
    height:21px;
    position:relative;
    color:White;
    text-decoration:none;
    font-weight:bold;
    text-align:left;
}

/* Login.aspx */
.grayButton
{
    border:solid 1px #717070;
    background-color:#D0D0D0;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    color:black;
}
.grayButton:hover
{
    color:#DE2124;
}


/* Bulleted Links */
a.bulletLink,   a.bulletLink:visited
{
	background-image: url(/Images/Main/redArrowWhite.gif);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #0000FF;
	text-decoration: none;
}

a.bulletLink:hover
{
	color: #EB0F0F;	
}
	
/* Grid View */
.gvRecentOrdersPager
{
	position: absolute;
	top: 15px;
	right: 45px;
	text-align: right;
}

* html .gvRecentOrdersPager
{
	top: 20px;
}

tr.gvRecentOrdersPager td, tr.gvProductSearchPager td
{
	padding-right: 2px;
	padding-left: 2px;
}

.gvRecentOrdersPager a, .gvRecentOrdersPager a:visited, .gvProductSearchPager a, .gvProductSearchPager a:visited
{
	display: block;
	color: #0000FF;
	text-decoration: none;
	border: 1px solid #0000FF;
	padding-left: 2px; 
	padding-right: 2px;
}

.gvRecentOrdersPager a:hover, .gvProductSearchPager a:hover
{
	color: #EB0F0F;	
	border: 1px solid #EB0F0F;
	text-decoration: none;
	background-color:White;
}

.gvRecentOrdersPager span, .gvProductSearchPager span
{
	border: 1px solid;
	padding-left: 2px; 
	padding-right: 2px;
	background-color: #FFFFFF;
}

.pageLabel
{
	position: absolute;
	top: 20px;
	right: 50px;
	
}

* html .pageLabel
{
	top: 25px;
}

.searchPageLabel
{
	position: absolute;
	top: 30px;
	right: 50px;
	
}

* html .searchPageLabel
{
	top: 35px;
}

.gvProductSearchPager
{
	position: absolute;
	top: 45px;
	right: 45px;
	text-align: right;
}

/* Checkout 1 */

.checkout1AddressEntry
{
    width:500px;
}

.checkout1AddressEntry .Label
{
    width:150px;
    text-align:right;
    font-weight:bold;
}

.checkout1AddressEntry .Control
{
    padding-left:5px;
}

.checkout1AddressEntry input
{
    font-size:8pt;
}

/* Invoice */

@media print {
.noPrint
{
	display: none;
}

#orderDetail
 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	font-family: Monospace !important;
	font-size: 10pt;
	background-color: #FFFFFF; 
	color: #000000;

 }
 
 #topDiv
{
	position: relative;
	height: 1in; /* match the 'top' of #BillTo and #ShipTo */
}

#secondDiv
{
	position: relative;
}

#thirdDiv
{
	position: relative;
	height: 1in;
}
 
#salesInvoice
{
	position: absolute;
	top: 0;
	right: 0;
	height: .5in;
	width: 2.5in;
	border: 1px solid black;
}

#BillToHead, #ShipToHead
{
	padding: 10px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	width: 1in;
	text-align: center;
}
	

#BillToContent, #ShipToContent
{
	padding: 10px;
}

#OrderItems
{
	position: relative;
}

table.oiGrid
{
	border-left: 1px solid black;
}

.oiGrid tr td
{
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px solid black;
}

tr.oiHeader th
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

#orderData
{
	position: relative;
	width: 100%;
	height: .75in;
	top: .25in;
	border-left: 1px solid black;

}

#orderData th
{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-right: 1px solid black;
	border-top: 1px solid black;
	height: .2in;
}

#orderData td
{
	vertical-align: top;
	border-right: 1px solid black;
}

.hide
{
	display: none;
}

}

@media screen {

#orderDetail
 {
	position: relative;
	top: 0;
	margin: 0 auto;
	height: 100%;
	width: 600px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	font-family: Monospace !important;
	font-size: 9pt;


 }
 
#topDiv
{
	position: relative;
	height: 1in; /* match the 'top' of #BillTo and #ShipTo */
}

#secondDiv
{
	position: relative;
}

#thirdDiv
{
	position: relative;
	height: 1in;
}
 
#salesInvoice
{
	position: absolute;
	top: 0;
	right: 0;
	height: .5in;
	width: 2.5in;
	border: 1px solid black;
}

#BillToHead, #ShipToHead
{
	padding: 10px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	width: 1in;
	text-align: center;
}
	

#BillToContent, #ShipToContent
{
	padding: 10px;
}

#OrderItems
{
	position: relative;

}

table.oiGrid
{
	border-left: 1px solid black;
}

.oiGrid tr td
{
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px solid black;
}

tr.oiHeader th
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}


.hide
{
	display: none;
}

#orderData
{
	position: relative;
	top: .25in;
	width: 100%;
	height: .75in;
	border-left: 1px solid black;

}

#orderData th
{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-right: 1px solid black;
	border-top: 1px solid black;
	height: .2in;
}

#orderData td
{
	vertical-align: top;
	border-right: 1px solid black;
	height: .55in;
}


}
/* Help Text */

.helpOff
{
    display: none;
}
    
.helpOn
{
     display:block;
     position:absolute;
     width:250px;
     background-color:#FFD564;
     border:solid 1px black;
     padding:5px;
     text-align:left;
     margin-left:-280px;

}

.error
{
	color: Red;
}

/* Privacy Policy */
.PrivacyPolicy .Header
{
    font-size:10pt;
    font-weight:bold;
    
}

.PrivacyPolicy .Section
{
    font-size:9pt;
    font-weight:bold;
    padding-top:15px;
    padding-bottom:5px;
}

/*Products Feature List */

.Feature
{
    color:Red;
    margin-top:5px;
}

.Feature li
{
    padding-bottom:2px;
}

.Feature span
{
    color:black;
}

/* Popup Small Image */

.imageOff
{
    display: none;
}
    
.imageOnSmall
{
     display:block;
     position:absolute;
     right:90px;
     bottom:0px;
     width:215px;
     background-color:white;
     border:solid 1px gray;
     padding:5px;
}