body{margin:0;padding:0;}

h1 {font: bold 18px Arial,Helvetica,sans-serif; color:#336699;margin:0; width:100%; display:block; text-align:left;}
h2 {font: bold 14px Arial, Helvetica, sans-serif; color:#5285ba; margin: 5px 0; width:100%; display:block}
h3 {margin: 5px 0 0 0; font: italic 12px/16px Georgia,Times New Roman,serif; color:#547CA8; width:98%}

h1.left_margin20 {margin-left:20px;}
h3.left_margin20 {margin-left:20px;}

a.nothanks {font: italic 12px Georgia, 'Times New Roman', Times, serif; color:#336699; text-decoration:none}

p {font:normal 12px/14px Arial,Helvetica,sans-serif; color:#424242;}
p a:link, p a:visited, p a:active {color:#336699}
p a:hover {color:Blue}

/* Button Styles */

a.btn_green {
	background: #5fb59a url(../images/button_master.png) no-repeat right top;
	display:block;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding-right: 15px;
	float:left;
}
a.btn_green span {background: url(../images/button_master.png) no-repeat 0 0; line-height:18px; padding:7px 0 5px 15px; display:block;}
a.btn_green:hover {background-position:right -30px}
a.btn_green:hover span {background-position:0px -30px;}
a.btn_blue {
	background: #34679a url(../images/button_master.png) no-repeat right -60px;
	display:block;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding-right: 15px;
	float:left;
}
a.btn_blue span {background: url(../images/button_master.png) no-repeat 0 -60px; line-height:18px; padding:7px 0 5px 15px; display:block;}
a.btn_blue:hover {background-position:right -90px}
a.btn_blue:hover span, a.btn_blue:active span, a.btn_blue:focus span {background-position:0px -90px;}
a.btn_gray {
	background: #a4a4a4 url(../images/button_master.png) no-repeat right -120px;
	display:block;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding-right: 15px;
	float:left;
}
a.btn_gray span {background: url(../images/button_master.png) no-repeat 0 -120px; line-height:18px; padding:7px 0 5px 15px; display:block;}
a.btn_gray:hover {background-position:right -150px}
a.btn_gray:hover span {background-position:0px -150px;}

a.smbtn_green {
	background: #5fb59a url(../images/button_master.png) no-repeat right -180px;
	display:block;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding-right: 10px;
	float:left;
}
a.smbtn_green span {background: url(../images/button_master.png) no-repeat 0 -180px; line-height:11px; padding:4px 0 5px 10px; display:block;}
a.smbtn_green:hover {background-position:right -200px}
a.smbtn_green:hover span {background-position:0px -200px;}
a.smbtn_blue {
	background: #34679a url(../images/button_master.png) no-repeat right -220px;
	display:block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding-right: 10px;
	float:left;
}
a.smbtn_blue span {background: url(../images/button_master.png) no-repeat 0 -220px; line-height:11px; padding:4px 0 5px 10px; display:block;}
a.smbtn_blue:hover {background-position:right -240px}
a.smbtn_blue:hover span {background-position:0px -240px;}
a.smbtn_gray {
	background: #a4a4a4 url(../images/button_master.png) no-repeat right -260px;
	display:block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding-right: 10px;
	float:left;
}
a.smbtn_gray span {background: url(../images/button_master.png) no-repeat 0 -260px; line-height:11px; padding:4px 0 5px 10px; display:block;}
a.smbtn_gray:hover {background-position:right -280px}
a.smbtn_gray:hover span {background-position:0px -280px;}

div.btn_row {margin:15px 0; clear:both; float:left;}
div.btn_row a {margin-right:15px;}

.btn_cart_contain {margin:7px 0; width:800px;}
.btn_cart_contain a {margin-right:15px;}

div.btn_row_cart {width:800px; margin: 0; clear:both; float:left;}
div.btn_row_cart a {float:right; margin-left:15px;}
div.btn_row_cart a.checkout {margin-right:0; margin-left:0;}

div.cart_paypal_badge {float:left; margin:10px 0 0 650px;clear:both}

/* Styling for buttons that use actual <button></button> tags */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

button.btn_green { padding: 0 15px 0 0; text-align: center; background: transparent url(../images/button_master2.png) no-repeat right -40px; font: bold 16px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }
button.btn_green span { padding: 6px 0 0 15px; height: 24px; background: transparent url(../images/button_master2.png) no-repeat left top; color:#fff; }
button.btn_green:hover, button.btn_greenHover { background-position: right -120px; }/* the redundant class is used to apply the hover state with a script */
button.btn_green:hover span, button.btn_greenHover span { background-position: left -80px;}

button.btn_blue { padding: 0 15px 0 0; text-align: center; background: transparent url(../images/button_master2.png) no-repeat right -200px; font: bold 16px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }
button.btn_blue span { padding: 6px 0 0 15px; height: 24px; background: transparent url(../images/button_master2.png) no-repeat left -160px; color:#fff; }
button.btn_blue:hover, button.btn_blueHover { background-position: right -280px; }/* the redundant class is used to apply the hover state with a script */
button.btn_blue:hover span, button.btn_blueHover span { background-position: left -240px;}

button.btn_gray { padding: 0 15px 0 0; text-align: center; background: transparent url(../images/button_master2.png) no-repeat right -360px; font: bold 16px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }
button.btn_gray span { padding: 6px 0 0 15px; height: 24px; background: transparent url(../images/button_master2.png) no-repeat left -320px; color:#fff; }
button.btn_gray:hover, button.btn_grayHover { background-position: right -440px; }/* the redundant class is used to apply the hover state with a script */
button.btn_gray:hover span, button.btn_grayHover span { background-position: left -400px;}

button.smbtn_green { padding: 0 15px 0 0; text-align: center; background: transparent url(../images/button_master2.png) no-repeat right -510px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
button.smbtn_green span { padding: 3px 0 0 15px; height: 24px; background: transparent url(../images/button_master2.png) no-repeat left -480px; color:#fff; }
button.smbtn_green:hover, button.btn_greenHover { background-position: right -570px; }/* the redundant class is used to apply the hover state with a script */
button.smbtn_green:hover span, button.btn_greenHover span { background-position: left -540px;}

button.smbtn_blue { padding: 0 15px 0 0; text-align: center; background: transparent url(../images/button_master2.png) no-repeat right -630px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
button.smbtn_blue span { padding: 3px 0 0 15px; height: 24px; background: transparent url(../images/button_master2.png) no-repeat left -600px; color:#fff; }
button.smbtn_blue:hover, button.btn_blueHover { background-position: right -690px; }/* the redundant class is used to apply the hover state with a script */
button.smbtn_blue:hover span, button.btn_blueHover span { background-position: left -660px;}

button.smbtn_gray { padding: 0 15px 0 0; text-align: center; background: transparent url(../images/button_master2.png) no-repeat right -750px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
button.smbtn_gray span { padding: 3px 0 0 15px; height: 24px; background: transparent url(../images/button_master2.png) no-repeat left -720px; color:#fff; }
button.smbtn_gray:hover, button.btn_grayHover { background-position: right -810px; }/* the redundant class is used to apply the hover state with a script */
button.smbtn_gray:hover span, button.btn_grayHover span { background-position: left -780px;}

/* End Button Styles */

div.NonTransparent 
{
position: absolute; z-index: 1; 
top: 0px; left: 0px; width: 100%; height: 100%; 
}

div.Transparence 
{
  position: absolute; z-index: 2; background-color: #F8F8FF; top: 0px; left: 0px; height: 0px; width: 100%;
  visibility: hidden;
  
  opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
  -moz-opacity: 0.5;  /*older Mozilla*/
  -khtml-opacity: 0.5;   /*older Safari*/
  filter: alpha(opacity=50);  /*older IE*/
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */ 
} 

div.Overlay 
{
  position: absolute; z-index: 3; background-color: white; top: 35px; left: 90px;
  visibility: hidden;
  opacity: 1.0;   /*supported by current Mozilla, Safari, and Opera*/
  -moz-opacity: 1.0;  /*older Mozilla*/
  -khtml-opacity: 1.0;   /*older Safari*/
  filter: alpha(opacity=0);  /*older IE*/
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */ 
}

div.Overlay2 
{
  position: absolute; z-index: 3; background-color: white; top: 90px; left: 110px;
  visibility: hidden;
  opacity: 1.0;   /*supported by current Mozilla, Safari, and Opera*/
  -moz-opacity: 1.0;  /*older Mozilla*/
  -khtml-opacity: 1.0;   /*older Safari*/
  filter: alpha(opacity=0);  /*older IE*/
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */ 
}

.orderinstructions
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #0000FF;
	
}

S
{
	color: red;
}

.heading
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
}

.bodytextsmall
{
	font-family: Arial;
	font-size: 8pt;
	color: #003399;
}

.bodytextsmalllink
{
	font-family: Arial;
	font-size: 8pt;
	color: #003399;
	text-decoration: none;
}

.itemstylebackcolor
{
	background-color: #CDDEF3;
}

.bodytextsmallsofterblue
{
	font-family: Arial;
	font-size: 8pt;
	color: #336699;
}

.bodytext
{
	font-family: Arial;
	font-size: 10pt;
}

.bodytextblack
{
	font-family: Arial;
	font-size: 10pt;
	color: Black;
}

.bodytextsmallplain
{
	font-family: Arial;
	font-size: 8pt;
}

.bodytextsmallplainblk
{
	font-family: Arial;
	font-size: 8pt;
	color: Black;
}

.bodytextinbold
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

.bodytextinbold2
{
	font-family: Arial;
	font-size: 10pt;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

.bodytextinboldblue
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #336699;
}

.bodytextinboldblue2
{
	font-family: Arial;
	font-size: 14pt;
	color: #003366;
}

.bodytextinblue
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #336699;
}

.productpageheading
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
}

.thumbnail
{
	font-family: Arial;
	font-size: 8pt;
}
.thumbnail a {color:#000; text-decoration:none}
.checkoutfieldlabel, .checkoutfieldlabelerror
{
	font-family: Arial;
	font-size: 8pt;
	color: #000066;
}

.checkoutfieldlabelerror
{
	color:  #CC0000;
	font-weight: bold;
}


.checkoutbigheading
{
	font-family: Arial;
	font-size: 10pt;
	color: White;
	font-weight: bold;
}

.checkoutheading
{
	font-family: Arial;
	font-size: 10pt;
	color: White;
	font-weight: bold;
}

.checkoutheadingnew
{
	font-family: Arial;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
}

.checkoutDropDown, .checkoutDropDownAcct
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 8pt;
	white-space: nowrap;
}

.checkoutDropDownAcct
{
	font-family: Courier New, Courier, Arial, Verdana, Sans-Serif;
	font-size: 8pt;
	white-space: nowrap;
}

.checkoutTextBox
{
	font-family: Arial, Verdana, Sans-Serif ;
	font-size: 8pt;
}

.checkoutheading2
{
	font-family: Arial;
	font-size: 10pt;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}
.checkoutheading3
{
	font-family: Arial;
	font-size: 9pt;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}
.checkdesignerimportant
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: White;
}

.paymentpagefieldheadings, .paymentpagefieldtext
{
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
}

.paymentpageinfo
{
	font-family: Arial;
	font-size: 9pt;
	color: #000000;
}

.paymentpageinfobold
{
	font-family: Arial;
	font-size: 10pt;
	font-weight:bold;	
	color: #000000;
}

.paymentpagefieldtext
{
	font-size: 7pt;
	font-weight:bold;	
}

.optionsheadings
{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#424242
}
.OptionsItem {font: normal 12px/14px Arial, Helvetica, sans-serif; color:#424242}
.errorsmall
{
	font-family: Arial;
	font-size: 8pt;
	color: #CC0000;
}

.error
{
	font-family: Arial;
	font-size: 10pt;
	color: #CC0000;
}

.boldred
{
	font-family: Arial;
	font-size: 10pt;
	color: #CC0000;
	font-weight: bold;
}

.boldredsmall
{
	font-family: Arial;
	font-size: 8pt;
	color: #CC0000;
	font-weight: bold;
}

.errorlarge
{
	font-family: Arial;
	font-size: 14pt;
	color: #CC0000;
	font-weight: bold;
}

.footer
{
	font-family: Arial;
	font-size: 10pt;
	color: #003399;
}

.crossselllink
{
	font-family: Arial;
	color: #424242;
	text-decoration: none;
	font-size: 11px;
}



.bodyCopy
{
	font-family: Arial;
	color: #003399;
	text-decoration: none;
	font-size: 12px;
}

.important
{
	font-family: Arial;
	font-size: 10pt;
	color: #CC0000;
}

.masthead
{
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	color: #990066;
}

.previewbutton
{
	background-color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	height: 25px;
	width: 100px;
}

.approvebutton
{
	background-color: #CC3366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	height: 25px;
	width: 100px;
}

.picturechecksheading
{
	font-size: 24pt;
	color: #101264;
	font-family: Arial;
	font-weight: bold;
}





body
{
	font-family: Arial;
}

.freetext
{
	font: bold 12px Arial,Helvetica,sans-serif;
	color: #336699;
	text-transform:capitalize;
}

.freetextsmall
{
	font-family: Arial;
	font-size: 8pt;
	color: #CC0000;
	font-weight: bold;
}
.personalize-table
{
	font-size: 11px;
	font-weight: bold;
	background-color: #efefef;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 8px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.emphasize
{
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.personalizetable
{
	background-color: #cccccc;
}
.personalizetablelabel
{
	background-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 10pt;
	font-weight: bold;
	margin: 3px;
}

.deliveryTable
{
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	width: 400px;
	padding: 0px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

.deliveryTable td, .deliveryTable th
{
	border-right: #cccccc 1px solid;
	padding-right: 2px;
	border-top: #cccccc 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align: top;
	background-color: #ffffff;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.deliveryTable th
{
	text-align: left;
	font-weight: bold;
}

.shipTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	padding: 2px;
	margin: 1px;
	width: 99%;
	border: solid 2px #000000;
	vertical-align: top;
	border-collapse: collapse;
}

.shipTable td, .shipTable th
{
	border: solid 1px #000000;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
}

.shipTable tr
{
	vertical-align: top;
}

.deliveryMethod
{
	background-color: #fff0f0;
}

.greenText
{
	color: #008000;
}
.redText
{
	color: #FF0000;
}
.blueText
{
	color: #0000A0;
}

.shipTable th
{
	background-color: #ccffff;
	text-align: left;
	font-weight: bold;
	font-size: 1.3em;
}

.EstDateIndex
{
	background-color: #def3ec;
	margin: 0;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	color: #52a98d;
	text-align: left;
	width: 800px;
	padding: 5px 0 5px 20px;
}

a.EstDateMoreInfo, a.EstDateMoreInfo:hover, a.EstDateMoreInfo:visited
{
	font: italic 10px georgia,times new roman,times,serif;
	color:#52a98d;
	text-transform:lowercase;
}

.estDate{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #52a98d;
	padding: 15px 0 15px 20px;
	background-color: #def3ec;
	margin-bottom: 20px;
	width: 800px;
	clear:left;
	float:left;
}

.estDate_prod 
{
    font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #52a98d;
	padding: 5px 0 5px 5px;
	background-color: #def3ec;
	margin: 10px 0;
	width: 99%;}

.faxSheetBackground
{
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: large;
	color: #d0d0d0;
	text-align: center;
	font-weight:bold;
	
}

a.authorizationPrintLink, a.authorizationPrintLink:hover, a.authorizationPrintLink:visited
{
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

FORM { DISPLAY: inline; MARGIN: 0px } 

p.home_intro {margin: 0 0 19px 19px;width:600px}
.home_paypal {float:right; margin-right:20px; cursor:pointer}

/*  CODE BELOW IS FOR HOME PAGE PROMO BANNERS  */

.home_promos {
	float: left;
	height: 170px;
	width: 820px;
	margin: 20px 0 15px 19px;
	}
.promo_left {width:186px; height:100%; float:left; position:relative}
.promo_left_text a {width:178px; position:absolute; top:43px; left:8px; font: normal 14px/22px Arial, Helvetica, sans-serif; color:#336699; text-decoration:none}
.promo_right {width:590px; height:100%; float:left; margin-left:20px;}

/*  CODE BELOW IS FOR LAYOUT OF HOME PAGE BUCKETS  */

.home_bucket {width:196px; float:left; overflow:hidden; background:transparent url(../images/home_bkt_linkbg.gif) bottom no-repeat; margin-left:8px;}
.home_bucket a img {border:none; display:block}
.home_bucket h4 {margin:0; clear:both;}
.home_bucket h4 a {display:block; text-indent:10px; background:#336699 url(../images/home_bkt_headbg.gif) no-repeat; font:bold 16px/25px Arial, Helvetica, sans-serif; text-decoration:none; color:#f5f8fb}
.home_bucket h4 a:hover {color:#FFF; text-decoration:underline;}
.home_bucket ul {height:188px; font:normal 14px/22px Arial, Helvetica, sans-serif; color:#336699; margin:8px 0 0 0; padding:0 0 0 16px; list-style:none; list-style-type:none;}
.home_bucket ul li {padding: 0 10px; background:url(../images/diamond-blue.gif) no-repeat 0 8px; line-height:22px;}
.home_bucket ul li a {color:#336699; text-decoration:none;width:100%; display:block;}
.home_bucket a:hover {text-decoration:underline;}

/*  CODE BELOW IS FOR LAYOUT OF BUSINESS PAGE BUCKETS ASSOCIATED WITH THE HOME PAGE BUCKETS  */
#biz-container {margin: 0; padding: 0;}
#biz-container h1 {padding-top:10px;clear:left;}
#biz-container p {padding-right:10px;}

/* CODE BELOW IS FOR ORDER STATUS PAGE AND FORM STYLING */

.orderstatus-container {margin: 0; margin-left: 20px;}
.orderstatus-container h2 {font-size: 1em;}
.orderstatus-container fieldset {border: 0px; margin-top: 10px; margin-left: 10px;}
.orderstatus-container dl {font-size: 0.8em; margin-left: 10px;}
.orderstatus-container dt {font-weight: bold;}
.orderstatus-container dd {margin: 0; margin-left: 10px; margin-bottom: 10px;}

.order-left {
	display: block;
	float: left;
	width: 390px;
	height: 220px;
	margin: 0;
	margin-top: 10px;
	background-color: #e6f9f2;
	overflow: hidden;
}

.order-right {
	display: block;
	float: left;
	width: 390px;
	height: 220px;
	margin: 0;
	margin-top: 10px;
	margin-left: 20px;
	background-color: #eef3f8;
	overflow: hidden;
}

.order-left p, .order-right p {font-size: 0.8em; margin-bottom: 0; padding-bottom: 0;}
.ordertxtsmall {font-size: 0.75em;}
.orderstatus-submit {}

input#txtOrderID {width: 220px;}
input#txtEmailAddress {width: 220px;}
input#txtAccountNumber {width: 220px;}

/* line.aspx style */

.intro_qe2 {margin-left:20px; clear:left; float:left;width:100%;}
.intro_qe2 p {padding-right:20px;}

.product_container{width: 144px; margin:20px 0 0 18px;}

.pagination_bottom 
{
    clear:both;
    float:left;
    width:100%;
    text-align:right
    }
.productgroup_head 
{
    clear:left;
    float:left;
    margin-left:19px;
    margin-top:19px;
    width:800px
    }
.product_list
{
    clear:left;
    float:left;
    }
    
.legal 
{
    width:800px;
    font:normal 11px/12px Arial,Helvetica,sans-serif;
    color:#999;
    margin-top:10px;
    }
    
.line_footer {width:800px; margin-left:20px;margin-top:20px;}

.winnow_container 
{
    width:780px;
    background-color:#f6f9fc;
    margin:20px 0 0 20px;
    padding:10px;
    font: normal 12px/18px Arial,Helvetica,sans-serif;
    color:#424242;
    overflow:hidden;
    clear:left;
    float:left;
    }
.winnow_container a {color:#336699;text-decoration:none;}
.winnow_container a:hover {text-decoration:underline;}

.winnow_container .pagination {width:300px;float:right;text-align:right;}

.pagination_bottom 
{
    width: 780px;
    background-color:#f6f9fc;
    margin-left:20px;
    margin-top:20px;
    padding:10px;
    overflow:hidden;
    color:#424242;
    font: normal 12px Arial,Helvetica,sans-serif;
    text-align:right;
    }
.pagination_bottom a {color:#336699;text-decoration:none;}
.pagination_bottom a:hover {text-decoration:underline;}

.pagenumbering_text
{
	font-weight: normal;
	text-decoration: none;
}

.pagenumber_clicked, a.pagenumber_clicked:link, a.pagenumber_clicked:visited
{
	font-weight:  bold;	
	text-decoration: none;
}

.pagenumber_link, a.pagenumber_link:link, a.pagenumber_link:visited
{
	font-weight: normal;
	text-decoration: none;
	padding:0 2px;
}
a.pagenumber_link:hover {text-decoration:underline;}

/* the following code is for use within QE2 static html sections */

.understrike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	line-height: 12px;
}
.strikethru {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: line-through;
	line-height: 11px;
}

/* Side Nav Style */

.header_logo_citm {
	margin: 15px 0 15px 10px;
	border: none;
	}
	
	.header_logo_biz {
	margin: 15px 0 15px 7px;
	border: none;
	}

.navheader
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display:block;
	width:100%;
	text-indent:5px;
	}

.navheader:hover
{
	color: #fff;
	text-decoration:underline;
}

.navcategory
{
	font-family: Arial;
	color: white;
	text-decoration: none;
	font-size: 12px;
	width:100%;
	display:block;
	background-color:#336699;
	padding:5px 0;
	text-indent:5px;
	margin-top:10px;
	margin-bottom:5px;
}

.navcategory a:link, .navcategory a:active, .navcategory a:visited
{
    color:#fff;
    text-decoration:none;
}
.navcategory a:hover {text-decoration:underline;}

.nav
{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	display:block;
	width:100%;
	text-indent:5px;
}

.nav:hover
{
	color: #fff;
	text-decoration:underline;
}

.optin_personal {
	font:normal 10px/11px Arial, Helvetica, sans-serif;
	margin-left:5px;
}

.optin_personal a {color:white;}

.optin_biz {
	font:normal 10px/11px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0 10px;
}

.optin_biz a {color:white;}


/* Top Nav Links */

.header_container 
{
    width:820px;
    height:57px;
    border-top:solid 3px #ebf0f5;
    float:left;
    background-color:#f7f9fc;
    margin:0 0 20px 0;
    padding:0;
    overflow:hidden
    }
.header_container div 
{
    height:38px;
    float:left;
    font: bold 14px Arial,Helvetica,sans-serif;
    }
.header_container div a:hover {text-decoration:underline; color:#336699;}

div.topnav_home {background-color:#f7f9fc; padding:18px 15px 0 15px}
div.topnav_home a {color:#789fc8; text-decoration:none;}
div.topnav_personal {background-color:#eef3f8; padding:18px 25px 0 25px; height:57px;}
div.topnav_personal a {color:#5285ba; text-decoration:none;}
div.topnav_business {background-color:#eef3f8; padding:18px 25px 0 25px; border-left:solid 1px #f7fafc; height:57px;}
div.topnav_business a {color:#5285ba; text-decoration:none;}
div.topnav_reorder {background-color:#f7f9fc; padding:18px 15px 0 15px}
div.topnav_reorder a {color:#789fc8; text-decoration:none;}
div.topnav_status {background-color:#f7f9fc; padding:18px 15px 0 15px}
div.topnav_status a {color:#789fc8; text-decoration:none;}
div.topnav_contact {background-color:#f7f9fc; padding:18px 15px 0 15px}
div.topnav_contact a {color:#789fc8; text-decoration:none;}
div.topnav_help {background-color:#f7f9fc; padding:18px 15px 0 15px}
div.topnav_help a {color:#789fc8; text-decoration:none;}

div.topnav_cart {height:51px;background-color:#eef3f8; padding:5px 22px 0 22px; text-align:center;}
div.topnav_cart a {color:#789fc8; text-decoration:none;}

.cart_content {width:100%; margin-left:20px; font: normal 12px/14px Arial,Helvetica,sans-serif; color:#444;}
.cart_content td {font: normal 12px/14px Arial,Helvetica,sans-serif; color:#444;}
.cart_content p {font: normal 12px/14px Arial,Helvetica,sans-serif; color:#444; margin:0;}
.cart_content a p:hover {color:#336699; text-decoration:underline;}
.cart_content a:link, .cart_content a:active, .cart_content a:visited {text-decoration:none;}
/*.cart_content a:hover {color:#336699; text-decoration:underline;}*/

.topcart_text {font:normal 11px Arial,Helvetica,sans-serif;}
.cart_dynamic {margin-top:5px;}

.cart_select {font:normal 12px/14px Arial,Helvetica,sans-serif; color:#444}
.cart_price {font:bold 16px Arial,Helvetica,sans-serif; color:#444}
.cart_discount {font:bold 16px Arial,Helvetica,sans-serif; color:#68b49b}
.cart_subtotal {font:bold 18px Arial,Helvetica,sans-serif; color:#336699}
.cart_subtotal_text {font:bold 18px Arial,Helvetica,sans-serif; color:#336699}

.cart_thumbnail {display:block; margin:auto;}

p.cart_removelink {font: italic 11px Georgia,Times New Roman,Times,serif; color:#999; clear:left; float:left; margin-top:5px; width:150px; cursor: pointer}
p.cart_removelink:hover {text-decoration:underline; color:#336699}

.cart_moreinfo {font: italic 11px Georgia,Times New Roman,Times,serif; color:#999;}

.cart_btncustomize {margin-top:7px; height:30px}

.PromotionControl {text-align:right; background-color:#f6f7f8;padding:5px 0; margin:10px 0; overflow:hidden}

/* Footer */

.footer_container 
{
    width:800px;
    clear:left;
    float:left;
    margin-left:19px;
    margin-top:20px;
    border-top:solid 1px #ccc;
    }

.footer_container p
{
    font: normal 11px/12px Arial,Helvetica,sans-serif;
    color:#ccc;
    margin:5px 0 5px 0;
    text-align:left;
    float:left;
    clear:left;
    width:800px;
    }
     
.footer_container p.footer_nav 
{
    font: bold 14px Arial,Helvetica,sans-serif;
    color:#ccc;
    margin:10px 0 0 0;
    text-align:left;
    }
    
    
.footer_container p.footer_nav a 
{
    text-decoration:none;
    color:#547ca8;
    }
.footer_container p.footer_nav a:hover
{
    text-decoration:underline;
    }
    
.footer_container p.footer_nav_2
{
    font: normal 12px Arial,Helvetica,sans-serif;
    color:#ccc;
    margin:5px 0 10px 0;
    text-align:left;
    }
    
.footer_container p.footer_nav_2 a 
{
    text-decoration:none;
    color:#547ca8;
    }
.footer_container p.footer_nav_2 a:hover
{
    text-decoration:underline;
    }
    
.footer_container .security_row {width:800px; clear:left; float:left; margin:10px 0;}  
    
.footer_container .security_row img {float:left;}

/* category pages */
.cat_bucket {
	float: left;
	margin-right: 25px;
	margin-top: 30px;
	width: 150px;
	margin-left: 25px;
	text-align: center;
}

.cat_bucket_carriage {clear: left;}
.cat_bucket a {color:#003399; text-decoration:none}
.cat_bucket a:hover, .cat_bucket a:active {color:#0066FF; text-decoration:underline}

.cat_bucket h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0px;
}

/* confirmation page */
div.confirmation_offer {text-align:center; margin-bottom:10px;} 
div.confirmation_offer p {margin:10px 0;font:normal 12px Arial, Helvetica, sans-serif; text-align:center; color:#CF220E;}
div.confirmation_offer img {border:none;}

/* root element for tabs  */
ul.tabs { 
	list-style:none;
	clear:left;
	float:left; 
	margin:20px 0 0 20px !important; 
	padding:0;
	width: 621px;
	height:30px;
	/*border-bottom:1px solid #eef3f8;*/
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	/*background: url(../images/citm_tabs.png) no-repeat -0px 0;*/
	font-size:12px;
	font-weight: bold;
	display:block;
	height: 30px;  
	line-height:30px;
	text-align:center;	
    text-decoration:none;
	color:#789fc8;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	text-decoration:underline;
}


/* active tab uses a class name "current". it's highlight is also done by moving the background image. 
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -471px -41px;		
	cursor:default !important; 
	color:#336699 !important;
}*/

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 { 
width:65px;
background-color: #f7f9fc;
border-top: solid 1px #eef3f8;
border-left: solid 1px #eef3f8;
border-bottom: solid 1px #eef3f8;
border-right: solid 1px #eef3f8;
}

ul.tabs a.w1.current { 
background-color: #fff; 
border-bottom: 1px solid #fff; /* to look more like a tab we need to hide the top border of the panes div*/
}

/* width 2 */
ul.tabs a.w2 {  
width:88px; 
background-color: #f7f9fc;
border-top: solid 1px #eef3f8;
border-left: solid 1px #fff;
border-bottom: solid 1px #eef3f8;
border-right: solid 1px #eef3f8;
}

ul.tabs a.w2.current { 
background-color: #fff; 
border-bottom: 1px solid #fff; /* to look more like a tab we need to hide the top border of the panes div*/
}

/* width 3 */
ul.tabs a.w3 { 
width:117px; 
background-color: #f7f9fc; 
border-top: solid 1px #eef3f8;
border-left: solid 1px #fff;
border-bottom: solid 1px #eef3f8;
border-right: solid 1px #eef3f8;
}

ul.tabs a.w3.current { 
background-color: #fff; 
border-bottom: 1px solid #fff; /* to look more like a tab we need to hide the top border of the panes div*/
}

/* width 4 */
ul.tabs a.w4 { 
width:119px;
background-color: #f7f9fc; 
border-top: solid 1px #eef3f8;
border-left: solid 1px #fff;
border-bottom: solid 1px #eef3f8;
border-right: solid 1px #eef3f8;
}

ul.tabs a.w4.current { 
background-color: #fff; 
border-bottom: 1px solid #fff; /* to look more like a tab we need to hide the top border of the panes div*/
}

/* width 5 */
ul.tabs a.w5 { 
width:82px; 
background-color: #f7f9fc; 
border-top: solid 1px #eef3f8;
border-left: solid 1px #fff;
border-bottom: solid 1px #eef3f8;
border-right: solid 1px #eef3f8;
}

ul.tabs a.w5.current { 
background-color: #fff; 
border-bottom: 1px solid #fff; /* to look more like a tab we need to hide the top border of the panes div*/
}

/* initially all panes are hidden */
/*div.panes div.pane {
	display:none;
}*/

/* tab pane styling */
div.panes div {
	/*display:none;  THIS IS BEING HANDLED BY JAVASCRIPT NOW */
	clear:left;
	float:left;
	margin: 2px 0 0 20px;		
	padding:20px 20px 20px 20px;
	border:1px solid #eef3f8;
	/*background: url(../images/citm_tab_bg_gradient.gif) no-repeat 0 0;
	border-top:0;
	border-top: 1px solid #eef3f8;*/
	width: 590px;
	font-size:12px;
	background-color:#fff;
}

/* right side callout area for order status and catalog request */

#tabs-rt-callout {
float: left;
margin: 0;
margin-left: 15px;
}

a.tabs-rt-callout-box {
display: block;
width: 151px;
height: 80px;
overflow: hidden;
text-decoration: none;
color: #336699;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
text-align: right;
}

a.tabs-rt-callout-box, #box1 {
background: url(/images/order-btn.jpg) no-repeat;
}

a.tabs-rt-callout-box #callout-txt1 {
display: block;
margin: 15px 12px 0 0;
font-size: 18px;
}

a.tabs-rt-callout-box #callout-txt2 {
display: block;
margin: -20px 12px 0 0;
font-size: 20px;
font-weight: bold;
}

a.tabs-rt-callout-box, #box2 {
background: url(/images/catalog-btn.jpg) no-repeat;
}

a.tabs-rt-callout-box #catalog-txt1 {
display: block;
margin: 0;
margin: 15px 50px 0 0;
font-size: 18px;
}

a.tabs-rt-callout-box #catalog-txt2 {
display: block;
margin: 0;
margin: -18px 25px 0 0;
font-size: 18px;
}

/* Product Page Style */


span#lblSingles, span#lblDuplicates, span#lblBBS, span#lblBBD {color:#5285BA; font:bold 14px Arial, Helvetica, sans-serif}
.product_shortdesc, .product_desc {color:#424242; font:normal 12px/16px Arial, Helvetica, sans-serif; margin-top:10px;}
p.image_enhanced {margin:0; padding:0; color:#424242; font:italic 11px Georgia, "Times New Roman", Times, serif; text-align:center;}
p.product_tip {font:italic 11px Georgia, "Times New Roman", Times, serif}
.product_options td {font:normal 11px Arial, Helvetica, sans-serif; color:#424242}
.product_option_price {font-weight:bold;}

.breadcrumb_contain {float:left; clear:left; margin:0 0 15px 20px; width:800px;}
.breadcrumb_active {color:#5285BA; font: bold 12px Arial, Helvetica, sans-serif;}
.breadcrumb, .breadcrumb a {color:#424242; font: normal 12px Arial, Helvetica, sans-serif; text-decoration:none}
.breadcrumb a:hover {text-decoration:underline;}

.ez_prod_table {border:none;margin-top:10px}

span.ez_prod_link a {color:#424242; font:bold 12px arial,helvetica,sans-serif;}

h1.product {margin-bottom:10px;}

div#dvProd a {color:#424242;}

p.recommended_head {color:#424242; font: bold 14px arial,helvetica,sans-serif; border-bottom: solid 1px #424242;}

img.bbtip {margin-left:5px; cursor:help}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	/*text-shadow: 0 0 2px #000;*/
	padding: 4px 8px;
	border: 1px solid rgba(51,102,153,0.25);
	background-color: rgb(51,102,153);
	background-color: rgba(51,102,153,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(51,102,153,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(51,102,153,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(51,102,153,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(51,102,153,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(51,102,153);
	border-top-color: rgba(51,102,153,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(51,102,153);
	border-bottom-color: rgba(51,102,153,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(51,102,153);
	border-right-color: rgba(51,102,153,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(51,102,153);
	border-left-color: rgba(51,102,153,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}