﻿/* 
 *  Split up the style sheets to make maintenance easier - 
 *      Common.css - styles that should apply in print and screen (and all media)
 *      EiPrintingScreen - styles that should only apply on screen
 *      Printer.css - styles that should only apply in print
 */

/* Template Items */
select
{
    font-size: 7pt;
    border: 1px solid #CCCCCC;
}

input.default
{
    font-size: 7pt;
    border: 1px solid #CCCCCC;
}

span.CheckBoxNoBorder input
{
    border: 0px;
}

a 
{
    color: #005EA7;    
}

.FAQ a
{
    color: #6D6D6D;
}

.SiteMap a
{
    color: #6D6D6D;
    margin-left: 18px;
}

.SiteMapHeader
{
    font-family:Tahoma;
    
    font-weight: bolder;
    color: #FF9900;
}

sup
{
    font-size: 6pt;
}
.BlockImg
{
    display: block;
}

td.header a
{
    color:#FFFFFF;
    font-size: 8pt;
    text-decoration: none;
}

td.header a:hover
{
    color:#8BC744;
}

img.arrow
{
    margin-left: 10px;
}



.address input
{
    border: 1px solid #CCCCCC;
    font-size: 7pt;
}

.address td
{
    color: #336699;
    
}

.CartBreak
{
    height: 1px;
    color: #66CC00;
    
}
/* Span Colors */
span.orange
{
    color: #FF9900;
    font-weight: 700;   
}

span.orange a
{
    color: #FF9900;
    text-decoration: none;
}

span.orange a:hover
{
    color: #6D6D6D;
}

.lightBlue { color: #336699; }
/* END */

.Price
{
   color: #FF9900;
   font-weight: 700;   
   font-size: 14pt;
   text-decoration: none;
}

.Price span
{
   color: #5E5E5E;
   font-weight: 500;
}

.SupPrice
{
   color: #FF9900;
   font-weight: 900;   
   font-size: 10pt;
   text-decoration: none;
}

.PanelHeading, .PanelHeading a
{
    font-size: 10pt;
    font-weight:700;
    color: #5E5E5E;
    text-decoration: none;
    margin:0;
}

.PanelText
{
    font-family: Tahoma;
    font-size: 8pt;
    color: #6D6D6D;
    text-decoration: none;
}

td.Nav
{
    
    width: 70px;
    text-align: center;
}

td.Nav a
{
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
}

.CartTotalBox td
{
    color: #336699;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: 600;
}



.CartTotalBox td span
{
    color: #666666;
    font-size: 7pt;
    font-weight:normal;
}

.PromoCode
{
    font-size: 7pt;
}

.RushSelected td
{
    color: #FF0000;
}

.SpecInstruction
{
    border: 1px solid white;
    font-family: Tahoma;
    font-size: 8pt;
    overflow: hidden;
    color: #CCCCCC;
    width: 99%
}

input.SearchBox
{
    border: 1px solid #404040;
    width: 100px;
    font-family: Tahoma;
    font-size: 8pt;
}


.OptionGrid a
{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 8pt;
    color: #6D6D6D
}

.NavMenu
{
    margin: 18px;
}

.NavMenu img
{
    margin-right: 8px
}

.NavMenu table
{
    margin-top: 3px; 
    margin-bottom: 3px;
}

.NavMenu td.Line
{
    background-image: url(../images/pages/eiprinting/common/dotborder.gif);
    background-repeat: repeat-x; 
    
}

.NavMenu a
{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 8pt;
    color: #6D6D6D;
}

.pricegridOutOfStock
{
    color: Red;
    FONT-SIZE: 15pt;
    FONT-FAMILY: Tahoma, Arial;
    padding-right: 12px;
    padding-top: 12px;
    white-space: nowrap;
}

/* Order Process Tag Header */

.OrderProcess img
{
    margin-top: 2px;
    float: left;
    display: block;
}

.OrderProcess input
{
    margin-top: 2px;
    float: left;
    display: block;
}


.OrderProcess img.OPSLabel
{
    margin-left: 4px;
    margin-right: 10px;
    margin-top: 2px;
}

.OrderProcess a.OPSLabel img
{
    margin-left: 4px;
    margin-right: 10px;
    margin-top: 2px;
}

.OrderProcess input.OPSLabel
{
    margin-left: 4px;
    margin-right: 10px;
    margin-top: 2px;
}

.OrderProcess img.OPSSelected
{
    margin-top: 0px;
    margin-left: 4px;
    margin-right: 10px;
    vertical-align: top;
}

.OrderProcess img.OPSSelectedNo
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: top;
}

/* end */

/* Challenge/Login */
.ChallengeQuestion
{
    font-size: 12pt;
    font-weight: bold;
    color: #336699;
}

input.Answer
{
    font-size: 7pt;
    border: 1px solid #CCCCCC;
    width: 360px;
}

.Verify
{
    float: right;
    margin-top: 20px;
}

div.PreviewDisclaimer
{
    text-align: left;
    font-size: 7pt;
}

/* END */

/* Product Details Page */

.underline {
	/* border-bottom: 1px #FF9900 solid;  008240 */ /*FF9900*/
	background-image: url(../images/pages/eiprinting/common/dotborder.gif);
    background-repeat: repeat-x; 
    background-position: bottom left;
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Tahoma, Arial;
	padding-right: 20px;
	color: #336699;
}

.fullsizelink img
{
    margin-top:4px;
}

.ItemHeading
{
    padding-top:6px;
    padding-left:36px;
    color: #FF9900;
    font-size: 14pt;
    font-weight: bold;
}

.marketingtext 
{
	color:#666666; /* 008240 */
	PADDING-TOP: 10px;
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Tahoma, Arial;
	text-align:justify;
}

.pricegrid 
{
	color:#6D6D6D; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Tahoma, Arial;
	/*padding-right: 12px;*/
	white-space: nowrap;
}
.pricegridheading
{
	border-bottom: 1px #66CC00 solid; /* 008240 */
	color:#6D6D6D; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Tahoma, Arial;
	/*white-space: nowrap;*/
	/*padding-right: 12px;*/
	padding-bottom:6px;
	margin-bottom: 6px;
}

ul.ColorGrid
{
    list-style-type: none;
    padding: 0px;
    margin:0px;
}

ul.ColorGrid li
{
    /*background-image: url(../images/pages/EiPrinting/Common/orangearrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;*/
    padding: 3px;
    margin-left: 4px;
    font-size: 7pt;
    font-family:Arial;
}

ul.ColorGrid li a
{
    text-decoration:none;
}

.heading
{
	color:#989898; 
	FONT-SIZE: 7pt; 
	font-weight: bold;
	padding:2px;
	padding-bottom:6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #66CC00;
	FONT-FAMILY: Tahoma, Arial;
	text-align:center;
}
/* end product details */

/* Approval Page/Configure Product Page */



/* END */

/* Configure Product Logo */
.Approval em
{
    font-style: normal;
    color: #336699;
}

.BlueText
{
    color: #336699;
}
td.LogoCopy
{
    padding-top:10px;
    font-size: 7pt;
    padding-right: 10px;
}

td.LogoCopy input
{
    position:relative;
    margin-left: -6px;
    margin-bottom:4px;
    padding: 0px;
}

td.LogoCopy img
{
    margin-left:3px;
}

td.LogoCopy div
{
    padding-left: 16px;
}

td.LogoCopy a
{
    margin-left: 16px;
    margin-bottom: 10px;
}

.SelectedLogo
{
    padding-top: 6px;
    padding-bottom: 6px;
}

.SelectedLogo img
{
    vertical-align:middle;
    margin-right: 4px;
    margin-left: 4px;
}
/* end *.
/* Software Page */

ul.OrangeArrows
{
    list-style-type: none;
    
}

ul.OrangeArrows li
{
    background-image: url(../images/pages/EiPrinting/Common/orangearrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left: .6em;
    margin:2px;
}
ol.Instructions
{
    margin-top:0px;
    color: #FF9900;
    font-size: 12pt;   
    font-weight: bold;
}

ol.Instructions span
{
    font-size: 8pt;
    font-weight: normal;
    color: #336699;
}

/* end template items */
/*********************************************************************************/
/* CARRY OVER ITEMS */
/*********************************************************************************/
.SoftwareSelection
{
	font-family: Tahoma, Arial;
	font-size: 11pt;
	color: #999999;
	text-decoration: none;
}
/* SOFTWARE PAGE */

.OtherTitles a
{
	font-size: 8pt;
}
/* END SOFTWARE */

/* STAMP SECTION */
.stampimage
{
	margin-top:4px;
	margin-right: 10px;
	float: left;
}
.stampheading
{
	font-weight: bold;
	font-size: 10pt;
}
.stampcopy
{
	font-size: 9pt;
	text-align: justify;
}
.stamplink
{
	position: absolute; 
	right: 10px; 
	bottom: 10px;
}
.stamplink a
{
	font-size: 10pt;
	text-decoration: none;
}
/* END STAMP */

/* PRICING */


.colorgrid
{
	color:#FFFFFF; 
	FONT-SIZE: 7pt; 
	FONT-FAMILY: Tahoma, Arial;
	text-align: center;
	padding: 2px;
	margin: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 4px;
	margin-left: 4px;
}
/* END PRICING */

.CartHeader
{
    margin-top: 2px;
    margin-left:6px
}

.CartHeader img
{
    margin-right: 20px;   
}


.CartItemTotal
{
    color: #336699;
}
.padImage
{
	border: 2px solid #FFFFFF;
}

.selectedImage
{
	margin: 0px;
	margin-bottom: 4px;
	border: 2px #000000 solid;
}

ul.crumbtrail
{
	margin: 0px;
	padding: 0 px;
	list-style: none;
	line-height: 20px;
	white-space:normal;
}

ul.crumbtrail li
{
	float:left;
	display: inline;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

ol.ConfigSteps
{
	line-height: 20px;
	white-space:normal;
}

ol.ConfigSteps li
{
	list-style-type: decimal;
	white-space: nowrap;
}

ol.ConfigSteps li.CurrentStep
{
	font-weight:bold;
}

.rightpad
{
	width: 80px;
}

.Unfinished
{
	padding-top: 10px;
	padding-left: 4px;
	color: #FF0000;
	font-weight: bold;
}

.Unfinished a
{
	color: #FF0000;
	font-weight: bold;
}

.cartHeader
{
	padding: 4px;
	/*background-color: #EDEDED;*/
	/*border-right: 1px solid white;*/
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	font-size: 14pt;
	font-family: Tahoma;
	/*font-weight: bold;*/
}
.CartProduct
{
	padding-top: 10px;
	padding-left: 4px;
}
.CartError
{
    color: #FF0000;
}
.CartItem
{
	padding: 4px;
	width: 110px;
	color: #FF9900;
	font-size: 10pt;
	font-weight: bold;
}
.CartItemError
{
	padding: 4px;
	width: 110px;
	color: #FF0000;
	font-size: 10pt;
	font-weight: bold;
}

.CartDescription
{
	padding: 2px;
	color: #FF9900;
	font-size: 10pt;
	font-weight: bold;
}

.CartDescriptionError
{
	padding: 2px;
	white-space:nowrap;
	color: #FF0000;
	font-size: 10pt;
	font-weight: bold;
}
.CartQty
{
	padding: 2px;
	color: #FF9900;
	font-size: 10pt;
	font-weight: bold;
}
.CartPrice
{
	padding: 2px;
	padding-right: 20px;
	width: 140px;
	color: #FF9900;
	font-size: 10pt;
	font-weight: bold;
}
.RushDescription
{
	padding: 0px;
	padding-left: 2px;
	width: 300px;
	color: #000000;
	font-size: 10pt;
	white-space:nowrap;
}
.CartLineItem
{
	display:block;
	width: 100%;
	color: #336699;
	padding-bottom: 4px;
	background-image: url(../images/pages/eiprinting/common/dotborder.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.ItemDetails
{
	padding: 4px;
	white-space:nowrap;
	font-size: 8pt;
	padding-right: 20px;
}

.ItemActions
{
   
}


.RushPrice
{
	padding: 0px;
	padding-right: 20px;
	width: 140px;
	color: #FF0000;
	font-size: 10pt;
	font-weight: bold;
}
.CartSummary
{
	font-size: 8pt;
	color: #188706;
	margin: 0px;
	padding: 0px;
	
}
.CartSummary li
{
	margin: 0px;
	padding: 0px;
	margin-left: 24px;
}
.cartDropDownList
{
    color: #336699;
	width: 140px;
	font-family: Arial;
	font-size: 8pt;
}

.Promotion
{
    font-size: 11pt;
    font-weight: bold;
    color: #FF0000;
}
.Promotion img
{
    margin: 4px;
    margin-bottom: 8px;
}

.TonerDropDownList
{
    color: #336699;
    width: 95%;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bolder;
}

.Error 
{
	color: #FF0000;
	font-size: 8pt;	
}

.SplitShipItems
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    color: #336699;
}

/* reorder form items */

.GreenText
{
    color: #FF9900;
}
/* Order Status */
span.Field
{
    clear: both;
    font-weight: bold;
    display:block;
    float: left;
    width: 160px;
}

/* Main Body */


.ProductCategory
{
	position: relative;
	width: 280px;
	height: 114px;
	border: 1px solid silver; 
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color:  #333366;/*#66B48C;*/
	overflow:auto;
	margin-bottom: 20px;
	cursor: hand;
	cursor: pointer;
}

.ProductCategory div a
{
    text-decoration: none;
    font-size: 10pt;
	color:  #333366;/*#66B48C;*/
}

.CategoryHeading
{
	font-family: Tahoma, Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #FF9900;/*#999999;*/
	text-decoration: none;
}
/* End Main Body */

/* Help Topic Pop Over */
    .HelpTopicPopOver
    {
        background-image: url(../images/pages/EiPrinting/Common/Transparent.gif);
        background-repeat: repeat;
        display: none;
    }
    
    a.HelpTopic:hover .HelpTopicPopOver
    {
       display: block;
       position: fixed; top: 20px; left: 20px; width: 300px;
       padding: 5px; margin: 10px; z-index: 100;
       color: black;
    }  


    .panelt {background: url(../images/pages/EiPrinting/Common/Panel/paneldot.gif) 0 0 repeat-x; width: 300px;}
    .panelb {background: url(../images/pages/EiPrinting/Common/Panel/paneldot.gif) 0 100% repeat-x;}
    .panell {background: url(../images/pages/EiPrinting/Common/Panel/paneldot.gif) 0 0 repeat-y;}
    .panelr {background: url(../images/pages/EiPrinting/Common/Panel/paneldot.gif) 100% 0 repeat-y;}
    .panelbl {background: url(../images/pages/EiPrinting/Common/Panel/panelbottomleft2.gif) 0 100% no-repeat;}
    .panelbr {background: url(../images/pages/EiPrinting/Common/Panel/panelbottomright2.gif) 100% 100% no-repeat;}
    .paneltl {background: url(../images/pages/EiPrinting/Common/Panel/paneltopleft2.gif) 0 0 no-repeat;}
    .paneltr {background: url(../images/pages/EiPrinting/Common/Panel/paneltopright2.gif) 100% 0 no-repeat; padding:10px;}  
    
/* End Help Topic Pop Over */

/* reorder classes */

.PaperclipBulletPoint 
{
    background-image: url(../images/pages/EiPrinting/Common/paperclip.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 50px;
    margin: 10px 30px;
}

.PaperclipBulletPoint em
{
    font-style: normal;
    color: #336699;
}

.ReorderItem
{
    margin: 0px 60px 10px 80px;
    border-bottom: solid 2px #D3D3D3;
    padding-bottom: 0px;
}

.ReorderItem input
{
    margin-left: -20px;
    float:left;
}

.ReorderItem .Component
{
    margin-left: 20px;
    display: block;
    text-decoration: none;
}

.ReorderItem div
{
    margin-left: 40px;
}

/* end reorder classes */


div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: #336699;
    font-size: 13px;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(../images/pages/EiPrinting/Common/Transparent.gif); 
    border-width: 1px;
    border-color: #D3D3D3;
    border-style: solid;
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    border-width: 1px;
    border-color: #D3D3D3;
    margin: 0; padding: 0 3px; text-align:left;
    
}

div.nicetitle p.destination {
    border-width: 1px;
    border-color: #D3D3D3;
        font-size: 9px;
    text-align: left;
    padding-top: 3px;
    color: #6D6D6D;
}

.innerBox div.PresidentLetter
{
    color: #336699;
    font-weight: bolder;
}

.innerBox ul.CompanyInfo
{
    list-style-type: none;
    margin-left: 110px;
}

.innerBox ul.CompanyInfo img
{
    margin-left: -80px;   
    margin-top: 18px;
}

.innerBox div.AboutNavigation
{
    float:left;
    width: 150px;
}

.innerBox div.AboutNavigation a
{
    color: #6d6d6d;
    font-weight: bolder;
    text-decoration: underline;
}

.innerBox div.AboutNavigation a:Visited
{
    color: #6d6d6d;
    font-weight: bolder;
    text-decoration: underline;
}

.SelectedPage
{
    color: #FF9900;
    font-weight: bolder;
}

.innerBox div.AboutContent
{
    margin-left: 150px;
}

#PrinterLink
{
    visibility:hidden;
    display: none;
}

.innerBox
{
    padding: 0px 10px; 
    margin: -6px 0px;
    border-left: 1px solid #D3D3D3; 
    border-right: 1px solid #D3D3D3;
    color: #6D6D6D;
}

/* For thank you page */

.ThankYou
{
}

.ThankYou b
{
    color: #336699;
}

.pHeader 
{
    font-family:Arial;
    font-size:12pt;
    font-weight:bold;
    color:#FF7800;
    margin:0;
    /*color:#31668E;*/
}
.pH2 
{
    /*font-family:Arial;*/
    font-size:10pt;
    font-weight:bold;
    /*color:#FF7800;*/
    color:#6D6D6D;
    margin:0;
}

/* -- Couldn't find where this was being used, so took it out.  If found, create a custom class.
.innerBox div div
{
    margin-bottom: 4px;
}
*/
/*********************************************************************************/