body
{
	color: #000;
	margin: 0px;
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	min-width: 800px;
	line-height: 18px;
}

b {
	font-weight: bold;
}

.rightTitle {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;

}

.clearBoth {
	clear: both;
}

#centeredColumn
{
	width: 800px;
	margin: 0 auto;
	margin-left: expression( (document.body.clientWidth - 800) / 2 + 'px');
}

#wholeContainer {
	width: 800px;
	margin: 15px 0 0 0;
}

/* Head */

#head {
	width: 800px;
	height: 176px;
	display: block;
}

#head1 {
	width: 800px;
	height: 81px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
}
#wholesaleInfo
{
  border: 1px solid #B0BD39;
}
#wholesaleInfo .head
{
	width:100%;
	margin:5px 0;	
	display:block;
	text-align: center;
	color: #0060B6;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	border: none;
}
#passRequest
{
  display:none;
}

/* Body */

a.links {
	color: #002d61;
	text-decoration: none;
	font-weight: bold;
}

a:hover.links {
	color: #e99519;
}


#body {
	width: 800px;
	display: table;
	float: left;
}



#middle {
	width: 599px;
	display: block;
	float: left;
	height: 390px;
	background-image: url(../images/body.gif);
	background-repeat: no-repeat;
}

#middle a{
	color: #002E5F;
	font-weight: bold;
	text-decoration: none;
}

#middleText {
	padding: 10px;
}

#bodyBlock {
	display: block;
}

#right {
	width: 201px;
	display: table;
	float: left;
	background-image: url(../images/right_panel_bg.jpg);
	background-repeat: repeat-y;
}

#right1 {
	width: 201px;
	height: 254px;
	background-image: url(../images/right_panel.gif);
	background-repeat: no-repeat;
	display: table;
}



#rightText {
	padding: 10px;
}

/* Footer */

#footer {
	width: 800px;
	height: 38px;
	background-image: url(../images/bottom_nav.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
}

#footerSub {
	width: 800px;
	height: 51px;
	background-image: url(../images/sub_bottom_nav.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
}

#footerText {
	width: 800px;
	text-align: center;
	padding: 10px 0 0 0;
	color: #fff;
}

a.footerLinks {

	color: #FFFFFF;
	text-decoration: none;
}

a:hover.footerLinks {
	color: #A8C138;
}

a.footerLinks2 {

	color: #0021EE;
	text-decoration: none;
}

a:hover.footerLinks 2 {
	color: #A8C138;
}

#footerTextsub {
	padding: 22px 0 0 35px;
	color: #fff;
}


/*lists*/
.largeList {
	list-style-image: url(../images/small_dot.gif);
	margin: 0 0 0 35px;
	padding: 0;
}

.largeList li {
	margin: 5px 0 15px 0;
	color: #FFFFFF;
	font-size: 13px;
}

.smallList {
	list-style-image: url(../images/small_dot.gif);
	margin: 0 0 0 35px;
	padding: 0;
	text-transform: capitalize;
	color: #FFFFFF;
}

.smallList a {
	color: #fff;
}

.smallList li {
	margin: 5px 0 5px 0;
}

#rightContainer {
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 181px;
	font-size: 11px;
}
#rightText {
	padding: 70px 0 0 0;
}


#creditBox {
	float: right;
	width: 225px;
	padding: 10px 0 0 0;
}

.spidertelDesign {
	
	font-size:10px;
	color:#666666;
}

.spidertelDesign a {
	color:#002D5F;
}

.spidertelDesign a:hover {
	color:#E99519;
	font-style:italic;
}

#homeText {
	line-height: 18px;
}

#right2 {
	height: 136px;
	width: 201px;
}

.rightNav {
	text-align: right;
	padding: 10px 15px 0 0;
	font-weight: bold;
	color: #FFFFFF;
}

.rightNav a {
	color:#FFFFFF;
	text-decoration: none;
}

.rightNav a:hover {
	color:#0060B6;

}
#middleSub {
	float: left;
	width: 800px;
}

/*headers*/

#middleSubtopseo {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	background-image: url(../images/sub_top_slice_seo.gif);
}

#middleSubtopabout {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	background-image: url(../images/sub_top_slice_about.gif);
}

#middleSubtopproducts {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	background-image: url(../images/sub_top_slice_products.gif);
}

#middleSubtoporder {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 19px;
	background-image: url(../images/order_cards.gif);
}

#middleSubtopcustom {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 19px;
	background-image: url(../images/custom_quotes.gif);
}

#middleSubtopsamples {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 19px;
	background-image: url(../images/free_samples.gif);
}

#middleSubtopcontact {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 19px;
	background-image: url(../images/contact.gif);
}

#middleSubtopcheckout {
	width: 800px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 19px;
	background-image: url(../images/checkout.gif);
}

#middleRepeat {
	background-image: url(../images/sub_slice.gif);
	background-repeat: repeat-y;
	width: 800px;
	display: table;
	float: left;
}
#subText {
	float: left;
	width: 550px;
	margin: 0 0 0 25px;
	display: block;
	line-height: 13px;
}
#subText h2{
	line-height:16px;
}
#subTextright {
	float: left;
	width: 176px;
	margin: 0 0 0 35px;
}
#rightTitle {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 0 8px;
}
.imagePlaceholder {
	float: right;
	height: 250px;
	width: 200px;
	margin: 0 0 0 10px;
}

.line1
{
	height: 1px;
	margin-top: 15px;
	padding: 0px;
	background-image: url(../images/line1.gif);
	border-width: 0px;
	font-size: 12px;
	background-repeat: repeat-x;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

/*form*/
#subText p
{
	line-height:25px;
}
#formRow1
{
	height: 30px;
	display: block;
	white-space: nowrap;
	float: left;
	width: 450px;
	padding: 15px 0 0 0;
}

#formRow2
{
	background-color: #add6ff;
	width: 100%;
	height: 30px;
	display: block;
}

#formRow3
{
	height: 55px;
	display: block;
	white-space: nowrap;
	float: left;
	width: 500px;
}

.formTextheader {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}

.formText
{
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	display: block;
	float: left;
	width: 80px;
	text-align: left;
	height: 30px;
	padding: 0;
}

.formText2
{
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	display: block;
	float: left;
	width: 230px;
	text-align: left;
	line-height: 30px;
}

.formText3
{
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	display: block;
	float: left;
	width: 81px;
	text-align: left;
	height: 30px;
}

#formField
{
	padding: 2px;
	background-color: #fff;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 250px;
	margin: 5px 0px 0px 11px;
	float: left;
	border: 1px solid #333333;
}

#formFieldblue
{
	padding: 2px;
	background-color: #fff;
	border-color: #69c;
	border-width: 1px;
	border-style: solid;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: normal;
	width: 140px;
	margin: 0 0 5px 0;
	float: left;
}

#formSelect
{
	padding: 2px;
	background-color: #fff;
	color: #0060B6;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 11px;
	float: left;
	width: 200px;
	border: 1px solid #333333;
}
.formSelect
{
	padding: 2px;
	background-color: #fff;
	color: #0060B6;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 11px;
	float: left;
	width: 200px;
	border: 1px solid #333333;
}

#formField2
{
	padding: 2px;
	background-color: #fff;
	border-color: #986400;
	border-width: 1px;
	border-style: solid;
	color: #986400;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: normal;
	margin: 5px 11px 5px 11px;
	float: left;
}

#formButton
{
	padding: 2px;
	background-color: #0657A0;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 5px 0px 0px 11px;
	cursor: pointer;
}
#pageHeading {
	font-size: 14px;
	font-weight: bold;
	color: #A3BB33;
}
.productTable {
	display: block;
	float: left;
	height: 150px;
	width: 550px;
}
.productCell {
	float: left;
	height: 125px;
	width: 125px;
	display: block;
	margin: 10px 10px 0 0;
}

.productCell a {
	text-decoration: none;
	border: none;
}
#middleHeader {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #A6BE32;
	float: left;
	width: 550px;
	text-align: center;
	padding: 15px 0 0 0;
}

/* Form */

.formRow
{
	width: 100%;
	height: 40px;
	white-space: nowrap;
}

.formText
{
	color: #0060B6;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 11px;
	display: block;
	float: left;
	width: 150px;
	text-align: right;
}

.formField
{
	padding: 2px;
	background-color: #fff;
	border-color: #333;
	border-width: 1px;
	border-style: solid;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: normal;
	width: 200px;
	margin: 5px 0px 0px 11px;
	float: left;
}

.formMultiple
{
	padding: 2px;
	background-color: #fff;
	border-color: #333;
	border-width: 1px;
	border-style: solid;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: normal;
	width: 200px;
	margin: 5px 0px 0px 11px;
	float: left;
}

.formSelect
{
	padding: 2px;
	background-color: #fff;
	border-color: #333;
	border-width: 1px;
	border-style: solid;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: normal;
	margin: 5px 0px 0px 11px;
	float: left;
}

#formButtoncontainer {
	margin: 0 0 0 162px;
	clear: left;
}

.formButton
{
	padding: 2px;
	background-color: #0060B6;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: bold;
	float: left;
	margin: 11px 18px 11px 0px;
	cursor: pointer;
}
#listHeader {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #B6CB56;
}

.smallList2 {
	list-style-image: url(../images/small_dot.gif);
	margin: 0 0 0 35px;
	padding: 0;
	text-transform: capitalize;
	color: #333333;
}

.smallList2 a {
	color: #002374;
	
}

.smallList2 li {
	margin: 5px 0 5px 0;
}

.centeredBox {
	float: left;
	margin: 10px 50px 10px 50px;
	width: 450px;
	line-height: 20px;
	padding: 5px 0 0 0;
	font-size: 14px;
}

.centeredBox a {
	font-weight: bold;
	color: #0060B6;
	text-decoration: none;
}

.centeredBox2 {
	float: left;
	margin: 10px 50px 10px 50px;
	width: 450px;
	line-height: 20px;
	padding: 5px 0 0 0;
	font-size: 14px;
	border: thin dotted #387ABF;
	background-color: #FFFFFF;
}
.contactIcon {
	float: left;
	height: 42px;
	width: 45px;
	margin: 0px 10px 0 15px;
}
.statementBox {
	font-size: 16px;
	font-weight: bold;
	color: #A8C138;
}
.headerForm {
	padding-top: 5px;
	float: left;
	padding-left: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#rightImage {
	height: 125px;
	width: 175px;
	padding: 5px 0 10px 3px;
}

/* styles for cmx forms*/
form fieldset
{
	border:none;
}
form fieldset p
{
	clear:both;
	padding:0; margin:0;
}
form fieldset label
{
	color:#0060B6;
	display:block;
	float:left;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:30px;
	margin:0 0 0 11px;
	text-align:right;
	width:150px;
}
.checkbox input
{
	width:auto;
  margin: 5px 5px 0 11px !important;
  padding: 0px !important;
}
.checkbox a
{
	position: relative;
	top: 2px;
	margin-left: 5px;
}
.checkbox img
{
	border-width:0px;
}
.smallComment
{
	font-size:90%;
	color:#666;
	line-height:12px !important;
	height:10px;
	margin-left:10px;
}
.error
{
  padding-top:5px;
	line-height:15px !important;
	width:auto;
	color:#ff0000;
}

form fieldset input, form fieldset textarea
{
	background-color:#FFFFFF;
	border:1px solid #333333;
	color:#333333;
	float:left;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:11px;
	margin:5px 0 0 11px;
	padding:2px;
	width:200px;
}
.buttonRow
{
	display:block;
	padding-left:160px;
}
.submit
{
	padding: 2px;
	background-color: #0657A0;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 5px 0px 0px 11px;
	cursor: pointer;
	width:auto;
}

/* order form */
.formHR
{
  border:1px solid #A8C138;
}
#guestInfo
{
  display:none;
}
#estimatedPrice
{
	width:175px;
	float:none;
	border:1px solid #A8C138;
  color:#0060B6;
  font-weight:bold;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	display:block;
}
#estimatedPrice label
{
	color:#0060B6;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:auto;
	line-height:20px;
	margin:0 0 0 11px;
	width:100px;
	float:left;
	text-align:right;
}
#estimatedPrice span
{
  font-weight:bold;
  font-size:120%;
	color:#000;
	line-height:20px;
	margin-left:5px;
}
.alignRight
{
	margin-right:0 !important;
	margin-left:auto;
	float:right !important;
} 
#shippingInfo
{
	margin-top:5px;
	float:left;
}
/* Flash */

#flashContent
{
	display: block;
	z-index: 1;
	width: 310px;
	height: 390px;
	padding: 0px;
	margin: 0px;
}
.phoneNumber {
	float: left;
}
#footerPhone {
	float: left;
	padding: 0 0 0 75px;
	font-weight: bold;
	font-size: 18px;
}
#footerLinks {
	float: left;
}
.checkBox {
	text-decoration: none;
	margin: 5px 0px 0px 11px;
}
.checkText {
	color: #0060B6;
}


/*account styles*/
.styleTable
{
	font-size:90%;
	border-right:1px solid #083459;
	border-bottom:1px solid #083459;
	text-align:center;
}
.styleTable thead
{
	color:#fff;
	background-color: #0060B6;
	line-height:90%;
}
.styleTable thead tr td
{
	font-size:100%;
	font-variant: small-caps;
	text-align: center;
	border-left:1px solid #083459;
	border-top:1px solid #083459;
	border-bottom:3px solid #A8C138;
	padding:3px 0;
}
.styleTable tbody tr td
{
	padding:0 3px;
	border-left:1px solid #083459;
	border-top:1px solid #083459;
		padding:3px 0 5px 0;
}
.styleTable tbody tr.even
{
	background-color:#DAE3F2;
}
.styleTable tbody tr.ruled
{
	background-color:#DFEF86;
}
.styleTable tbody tr td ul
{
	padding:0;
	margin:0;
}
.styleTable tbody tr td ul li
{
	list-style:none;
	padding:0;
	margin:0;
}
.proof_check
{
	width:12px;
	float:none;
	margin:0;
	padding:0;
}
#searchResults
{
	display: none;
}
.sectionHeader label
{
	color:#000 !important;
}
.monthRange
{
float:none;
width:auto;
}
.dateRange
{
float:none;
width:auto;
margin:0;
}
.date-pick
{
	width:70px !important;
}
#date2
{
	margin-left:5px;
}
#hiddenTB_content
{
	display:none;
}
.order_details, .quote_details
{
	width:49.5%;
	float:left;
	margin-bottom:10px;
}
.order_details h3, .quote_details h3
{
	margin:0;
	padding:0;
	color:#000;
	font-size:16px;
	font-variant:small-caps;
}
.order_details dl, .quote_details  dl
{
	margin:0 0 0 10px;
	padding:0;
}
.order_details dl dt, .quote_details  dl dt
{
	font-weight:bold;
}
.order_details dl dd, .quote_details  dl dd
{
	margin-left: 15px;
}
.order_details dl dd ul, .quote_details dl dd ul
{
	margin-left: 15px;
	padding-left:0;
}
.order_details dl dd ul li, .quote_details dl dd ul li
{
	margin:0;
	padding:0;
}
#userDetails
{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
	border:1px solid #A8C138;
	padding:2px;
}
#userDetails .userLink
{
	display:block;
	width:auto;
	float:right;
}
#userDetails .userLink a
{
	color:#0021EE
}
#userDetails .userLink a:hover
{
	color:#4F6AFF
}
#userDetails .userLink a:visited
{
	color:#002D5F
}
#userDetails .userLink a:visited:hover
{
	color:#4F6AFF
}
.shipping_check
{
	width:16px !important;
}
/* date Picker */
/* creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}