/*
--------------------------------------------------------------------
Supported Operating Systems (may vary depending on client contract)
--------------------------------------------------------------------
Windows   - win
Macintosh - mac
Linux     - lnx

*All other non supported operating systems will use "win" class (for example Free BSD is not supported)

--------------------------------------------------------------------
Supported Browsers (may vary depending on client contract)
--------------------------------------------------------------------
Windows Internet Explorer 6-8 and up        - ie6, ie7, ie8 (Versions 1 to 5.5 will use ie6, technically not supported)
Windows Mozilla Firefox 1-3 and up          - ff1, ff2, ff3
Macintosh Mozilla Firefox 1-3 and up        - same as above
Windows Google Chrome 3 (latest version)    - ch3 (All previous versions will use this class too)
Windows Safari 4 (latest version)           - sf4 (All previous versions will use this class too)
Macintosh Safari 2-4                        - sf4 (Even though we technically support previous versions we haven't had to create seperate classes for each version yet.
Windows Opera 9 (latest version)            - oe9 (All previous versions will use this class too)
Macintosh Opera 9 (latest version)          - oe9 (All previous versions will use this class too)

*All other non supported browsers will use ie8 class

--------------------------------------------------------------------
OS Naming Conventions
--------------------------------------------------------------------
3 character abbreviation

-------------------------------------------------------------------- 
Browser Naming Conventions 
--------------------------------------------------------------------
Browser: 2 character abbreviation
         - If 2 words then use first char of each word 
         - If 1 word and multple sylables then use first character of each sylable
         - If 1 word and 1 sylable then use first 2 chars of word

Version: 1 or 2 characters *** DO NOT PAD WITH ZEROS ***

-------------------------------------------------------------------
Examples:
-------------------------------------------------------------------
- To apply a style to a class continue to use normal method:
    .exampleclass
    {
      padding:5px;
      color:#ff0000;
    }

- To override a style for a specific browser (not OS specific) then use this method:
    .ff3 .exampleclass
    {
      padding:3px;
    }
    //Only the padding was overridden, in this example Firefox 3 will still pickup color:#ff0000;

- To override a style for a specific browser on a specific OS then use this method:
    .mac .ff3 .exampleclass
    {
        color:#00ff00;
    }
    //Only the color was overridden, but the padding override from the previous example is also picked up
*/

/* Standard HTML Tags */
.round-corner
{
	border-radius: 15px;
	-moz-border-radius: 15px;
	height: auto; 
	border: solid 1px #cccccc;
	background-color: #ffffff;		
	/*behavior: url(ClientCss/border-radius.htc);
	behavior: url(ClientCss/ie-css3.htc);*/
	margin-bottom:20px;
}
body
{
    margin: 0px;
    color: #000;
    font-size: 10pt;
    font-family: Arial;
    text-align: center;
    background-color: #ffffff;
}
.simplemodal-overlay
{
    opacity: 0.5;
    height: 911px;
    width: 1264px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 2147483646 !important;
    background-color:#000;
}
.simplemodal-container
{
    z-index: 2147483647 !important;
}
.globalerrordisplay, .globalmessagedisplay
{
    position: relative;
    top: 5px;
    left: 0px;
    font-family: Arial;
    font-size: 9pt;
    text-align: center;
    font-weight: bold;
    padding: 5px 0 3px 0;
    margin: 2px 5px 10px 5px;
    width: 100%;
}
.globalerrordisplay
{
    background-color: #ff0000;
    color: #ffffff;
    border: solid 1px #800080;
}
.globalmessagedisplay
{
    background-color: #D4E2FF;
    color: #282C71;
    border: solid 1px #282C71;
}
.globalerrordisplay ul
{
    padding: 0;
    margin: 0;
}
.globalerrordisplay li
{
    list-style: none;
    color: #ffffff;
}
#header
{
    position: relative;
    width: 980px;
    height: 130px;
    background-color: #ffffff;    
}
#headersub
{
    position: relative;
    width: 980px;
    margin-bottom: 18px;
}
.ie6 #headersub
{
    left: -1px;
    background-color:#282c71;
	width:984px;   
}
.headertabnav
{}
.cartimagelink
{
    position: absolute;
    width: 60px;
    top: 14px;
    right: -18px;
}
h1, h3, h4, h5, h6
{
    margin: 0;
}
.logo
{
	position: relative;
	margin-left: 20px;
	margin-top: 5px;
	border:none;
}
.headerhomelinkdiv
{
	position:relative;
	width:294px;
	top:-4px;
	text-align:center;
}
.ie7 .headerhomelinkdiv
{
	top:-3px;
}
.headerhomelink
{
	font-family:Arial;
	font-size:10pt;
	font-weight:700;
	color:#000000;
	background-color:#dddddd;
	padding:0px 5px 0px 5px;
	text-decoration:none;
	border-right:solid 1px #191919;
	border-left:solid 1px #191919;
}
.headerhomelinkdiv a:hover
{
	color:#777777;
}
.headertopbar
{
	position: relative;
	width: 980px;
	height:30px;
    text-align: left;
	background-color: #dddddd;
	border-bottom:solid 1px #000000;
}
.headermain
{
   	position: relative;
	width: 980px; 
}
.ie6 .headertopbar
{
	width:982px;
}
.headercatalogrequest
{
	left:10px;
}
.headerquickorder
{
	left:155px;
}
.headergiftcards
{
	left:365px;
}
.headernewsletter
{
	left:450px;
	background-color:#FFF304;
}
.headernewsletter a
{
	font-size:11pt;
	font-family:Arial;
	font-weight:700;
	letter-spacing:0px;
/*	color:#333333; */
	color:red;
	text-decoration:none;
	padding:0px 3px 0px 3px;	
}
.headernewsletter a:hover
{
/*	background-color:#74AFE9;
	color:#ffffff;	*/
	background-color:#FFF304;
	color:red;
}

.headeraccount
{
	left:560px;
}
.headercheckout
{
	left:762px;
    z-index: 501 !important;
    width: 150px;  
}
.headercartsummary
{
    position: absolute;
	left:914px;
	width:30px;	
	top:5px;		
} 
.headernocartsummary
{
    display:none;
}  
.headercatalogrequest, .headerquickorder, .headergiftcards, .headernewsletter, .headeraccount, .headercheckout
{
    position: absolute;
    top:8px; 
}
.headercatalogrequest a, .headerquickorder a, .headergiftcards a, .headeraccount a, .headercheckout a
{
	font-size:11pt;
	font-family:Arial;
	font-weight:700;
	letter-spacing:0px;
	color:#333333;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}
.headercatalogrequest a:hover, .headerquickorder a:hover, .headergiftcards a:hover, .headeraccount a:hover, .headercheckout a:hover
{
	background-color:#74AFE9;
	color:#ffffff;
}
.hover-cartimagelink
{
    height: 25px;
    width: 34px;       
}
.hover-cartsumdiv
{
    width: 40px;
    height: 20px;
    z-index: 40000;
    padding: 0px;
    margin: 0px;   
}
.hover-cartsummarycount
{
	position:absolute;
	top:-12px;
	left:0px;
	font-size:10pt;
}
.hover-cartsumanimated
{
    cursor: pointer;
    z-index: 4000 !important;
    font-size: 13px;
    position: relative;
    top: 2px;
    left: 5px;
    font-family: Verdana;
    color: #000000;     
}
.hover-cartsummarytotal
{
    margin-left: 25px;
}
.hover-casumtot, .hover-cartsumlink
{
    display: none;
}
.hover-cartsum /* num of items in cart */
{
    position: absolute;
    top: 15px;
    left: 35px;
    font-size: 8pt;
    font-family: Verdana;
    color: #333333;
    z-index: 40000;  
}
.ie6 .hover-showcart, .ie6 .hover-mycart
{
	/* hides the hover fly-out due to ie6 z index bugs */
	display:none !important;	
}
.hover-showcart
{
    position: relative;
    top: 7px;
    left: -292px;
    width: 333px;
    display: block;
    background-color: #ffffff;
    border: solid 1px #333333;  
    padding-bottom: 20px;
    z-index: 40000;
}
.hover-showitems
{
    position: relative;
    display: block;
    width: 335px;
    top:-21px;
}
.hover-mycart
{
    position: relative;
    margin-top: 2px;
    margin-right: 0px;
    z-index: 1000;
    width: 200px;
}
.hover-showcartheaderdiv
{
    position: relative;
    left: -1px;
    background-image: url(../ClientAssets/Images/bgsummaryhover.gif);
    background-position: 0 0;
    width: 335px;
    height: 55px;
}
.hover-showcartheadertxt
{
	position:absolute;
	top:25px;
	left:5px;
	font-weight:700;
	color:#333333;
	font-size:12pt;	
}
.hover-emptycart
{
	margin-top:15px;
}
.hover-showcartheaderbtn
{
	position:absolute;
	top:14px;
	top:20px;
	left:256px;
}
.hover-showcartheaderlink
{
    position: absolute;
    top: 15px;
    right: 0px;
    width: 80px;
    height: 20px;
    font-weight: bold;
}
.hover-dlcart
{
   /*width: 331px; */
    font-family: Verdana;
    font-size: 9px;
    padding-left: 5px;
    position: relative;
    top: 0px;
    left: 0px;   
}
.hover-dlcart a
{
    color: #191919;
}
.hover-dlcart a:hover
{
    color: #74afe9;
}
.hover-dlcartheader
{
    background-color: #e6e4e7;
    height: 20px;
    left: 0px;
    width: 331px;
    border-top: solid 1px #555555;
    border-bottom: solid 1px #555555;   
}
.hover-dlcartheadername, .hover-dlcartheaderqty, .hover-dlcartheadertotal
{
	display:inline;
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial;
}
.hover-dlcartheadername
{
    width: 200px;
    margin-left:10px;
}
.hover-dlcartheaderqty
{
    width: 20px;
    
    margin-left:155px;
}
.hover-dlcartheadertotal
{
    width: 40px;
    margin-left:35px;
}
/* summary cart items */
.hover-dlcartitem, .hover-dlcartimg, .hover-dlcartimg img .hover-dlcartimgclip
{
    display: none;
}
.hover-dlcartitemdisplay
{
    font-size: 9pt;
    margin: 10px 0 0 5px;
    font-family:Arial;
}
.hover-dlcartname
{
    float: left;
    width: 225px;
    margin-right: 10px;
}
.hover-dlcartname a
{
    text-decoration: none;
}
.hover-dlcartname a:hover
{
    text-decoration: underline;
}
.hover-dlcartqty
{
    float: left;
    width: 20px;
}
.ff3 .hover-dlcartqty
{
    width: 25px;
}
.hover-dlcarttotal
{
    float: left;
    text-align: right;
    width: 60px;
}
.ff3 .hover-dlcarttotal
{
    width: 55px;
}
.hover-dlcartcolorsize
{
    clear: both;
    margin: 2px 0 0 2px;
    font-size: 7pt !important;
    text-transform: lowercase;
}
.ie7 .hover-dlcartcolorsize
{
    margin-top: -6px;
}
/* end cart items */
.hover-emptycart p
{
    margin: 0;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-top: 5px;
    font-size:10pt;
    font-weight:700;
    text-align: center;
    width: 335px;
    color: #ff0000;
}
/* Micro Mark DLP specific styles */
.mmdlp
{
    width: 660px;
    margin-bottom: 10px;
    border: 1px solid #e6e1dd;
}
.mmdlpbody
{
    text-align: left;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.mmdlpbody h1
{
    font-size: 16px;
}
.mmdlpbody img
{
    text-align: center;
}
.mmdlpbody table
{
    width: 530px !important;
}
.dlphead
{
    height: 30px;
    background-color: #e6e1dd;
    font-family: Verdana;
    font-size: 22px;
    color: #282C71;
    vertical-align: middle;
    font-weight: bold;
}
.dlphead h1
{
	font-size: 22px;
}
.mmdlpfoot
{
    background-color: #e6e1dd;
    padding: 25px;
    font-size: 12px;
}
.mmdlpfoot a
{
    color: #282c71;
}
/* END Micro Mark DLP specific styles */
.searchdiv
{
    position: relative;
    top:5px;
    margin-left:20px;
    width: 320px;
    height: 30px;
}
.searchdiv table
{
    position: relative;
    width: 100%; 
}
.searchinput
{
	position: relative;
	width: 260px;
	height: 21px;
	font-size: 11pt;
	font-family: Arial;
	background:#FFFF00;
	border: solid 1px #000000 !important;
}
.ie6 .searchinput
{
    height: 25px;
}
.searchbut
{
    position: relative;
    margin-left: 1px;
    border: solid 1px #000000 !important;
}
.searchheaderdiv
{
    position: relative;
    top: -8px;
    left: 0px;
    padding-left: 3px;
    width: 788px;
    height: 10px;
    z-index: 5000;
    font-family: Verdana;
    color: #fff;
    font-size: 8pt;    
    background-image: url(../ClientAssets/Images/searchsubbackground.jpg);  
}
.searchtxttd
{
    width: 151px;
}
.searchcompletionlist
{
    background-color: white;
    border: solid 1px black;
    cursor: default;
    font-size: 14px;
    list-style: none;
    margin: 0px;
    padding: 5px;
    top: 25px !important;
    white-space: nowrap;
    overflow:hidden;
	width: 313px !important;
    z-index: 1000 !important;
}
.searchcompletionlistitem
{
	white-space: nowrap;
	overflow:hidden;
}
.searchcompletionlisthighlighteditem
{
	white-space: nowrap;
	overflow:hidden;
    background-color: #c0c0c0;
}
.headermiddlediv
{
	position: relative;
    top:5px;
    margin-left:10px;
    z-index:0 !important;
    width:294px;
    height:35px;    
}
.headerrightdiv
{
	position: relative;
    margin-left: 10px;
    width: 300px;
    height: 90px;    
}
.hp_content
{
	display:none;
}
.breadcrumb
{
    position:relative;
	top:3px;    
	left:0px;
    width: 665px;
    margin-bottom:5px;
    height: 30px;
    background-image: url(../ClientAssets/Images/breadback.jpg) !important;
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-right: 5px; 
    line-height:12px;  
}
.ie6 .breadcrumb
{
    height: 33px !important;
    margin-bottom:15px;
    background-repeat: no-repeat;
    padding-top: 4px !important;
    padding-right: 0px !important;
}
.ie7 .breadcrumb
{
    padding-top: 7px;
    padding-left: 5px;
}
.breadcrumb span
{
	position:relative;
	margin-top:0px;
	text-decoration:none;
	font-family:Arial;
    font-size: 11px !important;
    font-weight: normal;
	padding-left:1px;
	padding-right:1px;
}
.breadcrumb a
{
    position: relative;
	color:black;
	height:30px;
	/* text-transform:uppercase; 
	text-decoration:none; */
	font-family:Arial;
	font-size: 10px !important;
	font-weight:bold;
	padding-left:5px;
	padding-right:1px;
	margin-top:15px;
} 
.ie6 .breadcrumb a, .ie6 .breadcrumb span
{
    height: 15px !important;
    margin-top: 0px !important;
    vertical-align:middle;
}
.breadcrumb a:hover
{
   /* text-decoration: underline; */
   text-decoration: none;
}
.errormessage
{
    color: Red;
}
.errormessage a
{
    color: Red;
    font-weight:700;
}
/* Back In Stock Notification */

.back-instock-notify-div
{
    position: relative;
    z-index: 2147483647;
}
.bin-inner-div
{
    position: absolute;
    top: 0px;
    left: -120px;
    z-index: 2147483647;
    width: 365px;
    border: solid 2px #282c71;
    background-color: #fff;
}
.bin-outofstock
{
    top: 135px;
    left: -130px;
}
.ie7 .bin-outofstock
{
    top: 135px;
    left: -145px;
}
.bin-emptycart
{
    top: 350px;
    left: 30px;
}
.bin-checkout
{
    top: 300px;
    left: 210px;
}
.bin-title-h4
{
    background-color: #282c71;
    color: #fff;
    margin: 0px;
    padding: 3px;
}
.bin-valsum-div
{
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
}
.bin-val
{
    color: #fff;
    background-color: #ff0000;
    padding: 1px;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
}
.bin-copy-p
{
    font-weight: bold;
    font-size: 10pt;
    display: block;
    padding: 0px;
    margin: 5px 0 0 5px;
    text-align: left !important;
}
.bin-email-entry-div
{
    margin: 5px 0 0 5px;
    height: 25px;
}
.bin-email-span
{
    float: left;
    margin-top: 4px;
}
.bin-input
{
    float: left;
    width: 220px;
    margin-left: 5px;
}
.bin-btns-div
{
    text-align: center;
    margin: 10px 0 5px 0;
}
.ie8 .footerbackground
{
    border-right: 1px solid black;
}
.ff3 .footerbackground
{
    border-right: 1px solid black;
}
.ie6 .catalogrequestdiv td
{
    font-size: 12px !important;
}
.ie6 .wishlistcommentcolumn textarea
{
    width: 330px;
}
.ie6 .kqty
{
    left: 20px;
}
.ie6 .reducedheader th
{
    text-align: left;
}
.ie6 .emailmain
{
    width: 400px !important;
    font-size: 12px;
}
.ie6 .emailmain h5
{
    font-size: 14px;
    color: #282c71;
    margin-bottom: 20px;
}
.ie6 .dropmenudiv
{
    top:67px !important;
}
.ie6 .bottomnavstyle
{
	z-index: 2147483647;
	border-top:solid 1px #191919 !important;			
}
.logo img
{
    border:none;
}

.hover-cartimagelink img
{
    border:none;
}
/* promotion details label and popup */
.promodetails-viewprice-div
{
    position: absolute;
    bottom: -60px;
    right: 175px;
    width: 175px;
    padding: 5px;
    text-align: center;
}
.ie7 .promodetails-viewprice-div
{
	top:80px;
    bottom:0px;
}
.promodetails-viewprice-div a
{
    color: #191919;
}
.promodetails-popup-div
{
    display: none;
    position: absolute;
    top: 25px;
    right: 150px;
    z-index: 1000;
}
.promodetails-popupbody-div
{
    width: 300px;    
    border: solid 1px #999;
}
.promodetails-title-div
{
    padding: 2px 0 2px 5px;
    color: #555;
    background-color: #eee;
    border-bottom: solid 1px #999;
}
.promodetails-close-div
{
    padding-left: 175px;
    text-decoration: none;
    color: #555;
}
.promodetails-message-div
{
    padding: 5px;
    background-color: #fff;
}
.promodetails-message-div b
{
    display: block;
    margin: 5px 0 5px 0;
}
/* end promotion details label and popup */
/* site wide promo */

.prodsumpromopricediv
{
    width: 145px;
	text-align: right;
	font-family: Arial;
	font-weight: bold;
	color: #ff0000;
	font-size: 10pt;
	position: absolute;
	top: 60px;
	right:3px;
}

/* end site wide promo */