* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 13px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: #4c4c4c;
  
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a { color: #0c3f7b; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl:after,
.cl:before {
	content: "";
	display: table;
}
.cl:after { clear: both; }
.cl { *zoom: 1; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.shell { margin: 0 auto; }

.top-nav { float: left; font-family: 'helvetica',arial, helvetica, serif; font-size: 12px;  }
.top-nav ul { list-style: none; list-style-position: outside; }
.top-nav ul li { display: inline; padding: 0 27px 0 0; }

#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li {
float: left;
padding: 0px 19px 0px 22px;
line-height: 43px;
border-right: 2px solid #30598A;
}
#navigation ul li.first { padding-left: 18px;  }
#navigation ul li.last {border-right: 0; }
#navigation a { color: #d3d3d3; text-decoration: none; float: left;  }
#navigation li a:hover,
#navigation li.active a { color: #fff; text-decoration: none; }

#navigation .big-btn {
	background: #103057;
	border: none;
	color: white;
	float: right;
	padding-left: 0px;
	padding-left: 17px;
	padding-right: 18px;
	height: 55px;
	position: relative;
	margin-top: -10px;
	line-height: 55px;
	margin-right: 10px;
	position: relative;
}
#navigation .big-btn span {
	padding-left: 26px;
	display: block;
}
#navigation a.cart span {
background: url(images/cart-ico2.png) no-repeat 0px 17px;
}
#navigation a.my-account span {
background: url(images/account-ico2.png) no-repeat 0px 17px;
}
#navigation .big-btn:hover .sub-menu { display: block; }
#navigation .big-btn span {  padding-left: 26px; display: block; }

#navigation a.my-account { margin-left: 0;  }


#navigation .sub-menu li { display: block; padding: 0; width: 210px; border: none; }

#navigation .sub-menu li a.welcome-link { border-bottom: 1px solid #ddd; max-width: 198px; }
#navigation .sub-menu li a:hover { background: #103056 url(images/bullet.png) no-repeat 98% 50%; color: #fff; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.5); box-shadow: 0 2px 1px rgba(0,0,0,0.5); -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; }
#navigation .sub-menu li a.welcome-link:hover { border-bottom: none; padding: 12px 0 12px 12px; max-width: none; }
#navigation .cart li { width: 270px; }
#navigation .cart-action {
	padding: 18px 12px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

#navigation .cart li h6 { margin: 3px 0 0; font-size: 13px; line-height: 1.1; }
#navigation .cart li p { margin: 0; font-size: 11px; color: #666; line-height: 1.1; }
#navigation .cart li a:hover p { color: #fff; }
#navigation .cart li img { margin: 0 12px 0 0; float: left; }

.sidebar .widget ul.side-menu li:hover .dd { display: block; }
.sidebar .widget .dd { position:absolute; left: 237px; padding: 18px 18px 0 18px; min-width:540px; top: 0; background: #fff; box-shadow: 0 0 13px #333; display:none; }
.sidebar .widget .dd .menu:first-child { margin: 0; padding: 0; border: none; }
.sidebar .widget .dd .menu:nth-child(3n+1) { margin: 0; padding: 0; border: none; }
.sidebar .widget .dd ul { margin-left:1px; }
.sidebar .widget .dd .dd { left: 130px; top: -20px; width:150px; }
 /* CJ 10/10/2012 Newsletter version without form tag. START */
.sidebar .widget .newsletter-form { padding-top:12px; }
.sidebar .widget span.field { width: 194px; height: 36px; padding: 0 11px; background: url(images/sidebar-field.png) no-repeat 0 0; display: block; margin-bottom: 7px;  }
/* CJ 10/10/2012 END */

/* gallery-slider */
/* CJ 11/27/2012 Added background-color, changed font size, background-color, color */
/*.gallery-slider-holder .title { position:absolute; top: -19px; left: -1px; background: #fff; font-size:17px; line-height:18px; padding: 5px 14px; z-index: 50; background-color: #11345e; }
.gallery-slider-holder .title { text-transform: uppercase; color:#ffffff; font-family: 'helvetica-bold'; font-weight:normal; box-shadow: 0 0 5px #666; }
.gallery-slider-holder .inner { width:728px; position:relative; z-index: 20; }
.caroufredsel_wrapper { width: 675px; height: 114px; position: relative; overflow: hidden; margin:  0 auto  !important; z-index: 2; }
.gallery-slider .entry { float: left; width: 135px; height: 113px; }
.gallery-slider .entry img { width: 107px; height: 113px;   }
.gallery-slider .entry a { width:  107px; display: block; margin: 0 auto; position: relative; }
.gallery-slider .entry a:hover { text-decoration: none; }
.gallery-slider .entry a span {  position: absolute; bottom: 0; left: 1px; padding: 8px 6px; line-height: 12px;  background: url(images/span-bg.png) repeat 0 0; width: 93px; color: #fff; font-size: 12px; font-family: 'helvetica-bold', arial, helvetica, serif; display: none; }
.gallery-slider .entry a em {  position: absolute; top: 0; left: 0; width: 107px; height: 113px; background: url(images/entry-hover.png) no-repeat 0 0; display: none; } 

.gallery-slider-holder a.slider-btn { background: url(images/arr.png) no-repeat 0 0; width: 38px; height: 115px; position: absolute; top: 0; display: block; font-size: 0; line-height: 0; text-indent: -4000px; z-index: 999; }
.gallery-slider-holder a.next  { background-position: right 0; right: 0; }
.gallery-slider-holder a.prev  { background-position: 0 0; left: 0; }*/
/* end of gallery-slider  */

.categories { margin-right: -26px; position: relative; width: 756px; height: 100%; padding-top: 14px; padding-bottom: 15px; }
.categories .box-category { width: 233px; height: 155px; border: 1px solid #a6a6a6; margin-right: 13px; float: left; position: relative; }
.categories .box-category:hover { border-color: #777;  }
.categories .box-category a { display: block; font-family: 'PT Sans', sans-serif; font-weight: 700; }
.categories .box-category img { width: 233px; height: 155px; }

.categories .box-category a span.title { color: #11325a; }
.categories .box-category a:hover { text-decoration:none; }

.section { border: 1px solid #a6a6a6; background-color: #fff; padding: 19px 20px 19px 25px; }

.post { border: 1px solid #909090; margin-top:3px; }
.post .pagination { text-align:center; padding: 57px 25px 41px 63px; text-align:center; font-family: helvetica, arial, sans-serif; font-weight: bold; font-size:14px; line-height:18px; }
.post .pagination a { color:#b8b8b8; }
.post .pagination a:hover, .post .pagination a.active { color:#1a0d93; text-decoration:underline; }
.post .pagination span { padding: 0 16px; }
.post input.count { float:left; font-size:14px; color:#4c4c4c; font-family: helvetica, arial, sans-serif; font-weight: bold; border: none; background: #ddd; border: 1px solid rgba(0,0,0,0.05); border-radius: 3px; padding: 5px 7px 4px; width:42px; margin-top:1px; text-align: center; }
.post h3 { font-family: helvetica, arial, sans-serif; font-weight: bold; font-size:30px; line-height:1; color:#0b0172; text-transform: uppercase; }

/* CJ 10/10/2012 Adjusted breadcrumb padding right from 26px to 10px */
#breadcrumb { background: #f3f3f3 url('images/breadcrumb-bg.png') repeat-x 0 0; padding: 14px 10px 12px; color:#666666; font-size:12px; line-height:18px; }
#breadcrumb a { color:#666666; }
/* CJ 10/10/2012 Adjusted breadcrumb padding right from 18px to 5px */
#breadcrumb span { padding: 0 5px; }
/* CJ 10/10/2012 Highlight for messages */
.highlight { background: #fbf59d; }
.heading { padding: 18px 24px; }

#products { color:#717171; }
#products .head { background: #dedede url('images/products-head.png') repeat-x 0 0; padding: 9px 0 6px; width:728px; }
#products .head { font-family: helvetica, arial, sans-serif; font-weight: bold; font-size:12px; line-height:18px; color:#717171; }
#products .head .details { padding-left:130px; }
#products .row { padding: 22px 0 10px; width:728px; }
#products .even { background: #e4e4e4 url('images/row-even-bg.png') repeat-x 0 0; padding-top:38px; padding-bottom:24px; }
#products .picture { width:96px; float:left; padding-left:9px; }
#products .details { width:280px; float:left; padding-left:25px; }
#products .price { width:90px; float:left; padding-left:30px; }
#products .quantity { width:153px; float:right; padding-right:17px; }
#products .quantity p.remaining { display: block; text-align: left; font-size: 11px; font-style: italic; }
#products .row .details { font-size:12px; line-height:21px; padding-top:8px; }
/*CJ 01/09/2013 Changed font-family from helvetica to arial, size from 14px to 16px */
#products .row h4 { font-size:16px; line-height:21px; font-weight:normal; font-family: arial, sans-serif; font-weight: bold; word-spacing: -1px; }
#products .row .price li { list-style: none; padding-top:2px; font-size:12px; }
#products .row .price li + li { padding-top:1px; }
#products .row .quantity { padding-top:16px; }
#products .row .add-btn { float:right; }

.single { margin-top:8px; border: 1px solid #a8a8a8; border-top-color: #000;  }
.single #breadcrumb { padding: 13px 19px 12px; }

/*CJ 03/05/2013 set picture width: 288*/
#info .picture { max-width:288px; float:left;  }
/*CJ 02/13/2013 Added popup version */
#info .picture-popup { width:180px; float:left; }
#info .picture img, #info .picture-popup img { display:block; width:100%; -webkit-box-shadow: 0 0 36px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 36px rgba(0,0,0,0.25); box-shadow: 0 0 36px rgba(0,0,0,0.25); }

#info .alert {
	margin: 0 0 6px;
	padding: 6px 12px;
	background: #5494de;
	border: 1px solid rgba(0,0,0,0.05);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
#info .highlight { background: #fbf59d; }

#info .meta .quantity { float:left; padding-top:0; padding-right:12px; }
/*CJ 11/27/2012 */
#info h4 { font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: 700; color: #666; line-height: 1.4; margin: 0 0 3px; }
#info .meta .quantity h4 { font-family: 'PT Sans', sans-serif; font-weight: 700; }
#info .meta .quantity input { font-size:14px; padding: 8px; }
#info .meta .add-btn { float:left; margin-right:24px; width:92px; background: #1a4c87; box-shadow: none; font-size: 14px; padding:8px; text-transform: lowercase; -webkit-box-shadow: inset 0 16px 4px #316cb2; -moz-box-shadow: inset 0 16px 4px #316cb2; box-shadow: inset 0 16px 4px #316cb2; }
#info .meta .add-btn:active { -webkit-box-shadow: inset 0 -16px 4px #316cb2; -moz-box-shadow: inset 0 -16px 4px #316cb2; box-shadow: inset 0 -16px 4px #316cb2; }

#info .meta p.price { margin: 0 0 18px; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 700; color: #666; float:none; }
#info .entry { line-height:1.4; background: url('images/single-entry-bg.png') repeat-x 0 0; padding:24px 0 12px; }
#info .entry p { margin: 0 0 12px; }
#info .entry .col { padding: 0 36px 0 0;float: left; width: 234px; }

#info .choices { padding-top:6px; padding-left:11px; }
#info .choices li { list-style: none; font-size:17px; line-height:18px; padding-bottom:11px; color:#898989; }
#info .choices .ez-radio { background: url('images/radio.png') no-repeat 0 0; width:18px; height:18px; float:left; }
#info .choices .ez-selected { background-position:0 -18px; }
#info .choices .ez-radio input { width:18px; height:18px; cursor: pointer; }
#info .choices .number { float:left; padding-left:28px; width:40px; padding-right:12px; }
#info .choices .price { float:left; }
/*CJ 11/27/2012 */
#info .attribute-selector { margin: 0 0 0 0; padding: 0; float: left; width: 31%; }
#info .attribute-selector li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 3px 6px 0;
	padding: 0;
	line-height: 1;
}
/*CJ 11/27/2012 - new */
/*CJ 11/30/2012 QB*/
#info .attribute-selector.quantity-break { width: 69%;  float: right;  margin: 0 0 0 0; }
#info .attribute-selector li a {
	display: inline-block;
	margin: 0;
	padding: 7px;
	background: #ddd;
	border: 1px solid rgba(0,0,0,0.05);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	color: #444;
	text-align: center;
	min-width: 18px;
}
/*CJ 10/10/2012  Changed solid to dotted for UOM/Quantity Break */
#info .attribute-selector li a:hover,
#info .attribute-selector li a.active {
	padding: 5px;
	background: #ddd;
	border: 3px dotted #1a4c87;
	text-decoration: none;
}
/*CJ 10/10/2012  Added to Prod Detail page for selected UOM/Quantity Break START */
#info .attribute-selector li a.selected {padding: 5px 4px; background: #ddd; border: 3px solid #1a4c87; text-decoration: none; }
/*CJ 10/10/2012 END */

.related-products {
	margin: 0;
	padding: 24px;
}
.related-products h3 {
	margin: 0 0 12px;
	font-size: 30px;
	color: #333;
	line-height: 1;
	text-transform: none;
}
.related-tabs {
	margin: 0;
	padding: 0;
}
.related-tabs li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0;
	padding: 0;
}
.related-tabs li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 9px 24px;
	background: #103056;
	border: 1px solid rgba(0,0,0,0.25);
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position: relative;
	top: 12px;
	left: 12px;
	z-index: 10;
}
.related-tabs li a:hover,
.related-tabs li a.active {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #103056;
}
.related-sliders {
	margin: 0;
	padding: 60px 12px 12px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 6px 3px -3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 6px 3px -3px rgba(0,0,0,0.25);
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.25);
	position: relative;
}
.related-sliders > li {
	display: none;
	list-style: none;
}
.related-sliders li#tab-1 { display: block; }
.related-sliders li ul {
	margin: 0;
	padding: 0;
}
.related-sliders li ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 12px;
	text-align: center;
	width: 126px;
	vertical-align: top;
}
.related-sliders li img {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	max-width: 100%;
}
.related-sliders li h6 {
  font-size: 13px;
  line-height: 1;
}
.related-sliders li .product-info { font-size: 11px; }
.related-sliders li .product-info .code {
	
}
.related-sliders li .product-info .price { font-weight: 700; }
/* CJ 12/6/2012 removed [brackets], added background color */
.related-sliders li .product-info .message { display:block; font-style: italic; text-transform: lowercase; color: #888; line-height: 1.2; background: #fbf59d;}

/* CJ 10/10/2012 Changed top from 12 to 18px */
.add-items {
	position: absolute;
	top: 18px;
	right: 12px;
}
.add-items .quantity,
.add-items .quantity h4,
.add-items .quantity input[type="text"] { float: left; }
.add-items .quantity h4 { margin: 7px 0; }
.add-items .quantity input[type="text"] { margin: 0 12px; padding: 8px 12px 8px; }
.add-items .add-btn { float:left; margin:0; width:92px; background: #1a4c87; box-shadow: none; font-size: 14px; padding:8px; text-transform: lowercase; -webkit-box-shadow: inset 0 16px 4px #316cb2; -moz-box-shadow: inset 0 16px 4px #316cb2; box-shadow: inset 0 16px 4px #316cb2; }
/* CJ 12/3/2012 added hover */
.add-items .add-btn:hover { box-shadow: 0 16px 4px #316CB2 inset; text-decoration:none; }
/* CJ 11/27/2012 */
.add-items .add-btn:active { -webkit-box-shadow: inset 0 -16px 4px #316cb2; -moz-box-shadow: inset 0 -16px 4px #316cb2; box-shadow: inset 0 -16px 4px #316cb2; }
/* CJ 10/10/2012 Added style for related products tab error message. START */
.errormessage {font-weight: normal; color:#717171;}
.add-items .errormessage { padding-top: 5px; font-weight: normal; color: #717171; padding-left: 70px; }
/* CJ 10/10/2012 Added style for related products tab error message. END */

#related .categories { width:962px; }
#related .categories .box-category { width:214px; height:auto; border-color: #e1e1e1; }
#related .categories .box-category:hover { border-color: #777; }
#related .categories .box-category img { width:100%; height:auto; }
#related .categories .box-category a span.title { width:190px; color:#343434; text-align:left; padding: 15px 12px 17px; font-weight:normal; }
#related .categories .box-category a span.title { font-size:18px; line-height:19px; }
#related .categories .box-category span.price { position:absolute; right: 8px; bottom: 20px; font-size:16px; line-height:20px; color:#616161; font-weight:normal; }
#related .categories .box-category span.code { position:absolute; right: 9px; bottom: 7px; font-size:9px; line-height:14px; color:#7a7a7a; }

/* Footer */
.footer { background: url(images/footer.png) no-repeat center 0; padding-top: 48px;  text-align: center; padding-bottom: 60px; }
.footer  .footer-nav ul { list-style: none; list-style-position: outside; line-height: 13px;  font-weight: bold; padding-bottom: 10px;  }
.footer  .footer-nav ul li { display: inline;  padding: 0 15px; border-right: 1px solid #c4c4c4;  }
.footer  .footer-nav ul li.last { border-right: 0;  }
.footer  .footer-nav ul li a { color: #8a8a8a;  }
.footer  .footer-nav ul li a:hover { color: #333; text-decoration: none;  }
.footer p { padding-bottom: 10px; font-size: 12px; color: #9f9f9f; }

/* CJ 12/10/2012 */
/* error page */
#error .frame { text-align: center; }
#error .frame > .content1 { margin: 0 auto; width: 900px; padding: 80px 0 120px 0; }

/* Admin Rows / Content */
.main.full {background: white;border: 1px solid black;}
.content p { margin: 1em 0; }
.content.full {width: 960px;padding: 20px;}
.content .row {float: left; width: 100%; position: relative;}
.content .row.center {width: 840px; margin: 0 auto; float: none;}
.content .title-row {width: 100%; text-align: center; background: #eee;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
position: relative;
}
/*CJ 01/09/2013 changed top padding from 55 to 30 */
.content .title-row h2 {color: #555; font-size: 42px; text-align:left; line-height: 1; padding: 24px; font-family: Helvetica, serif; font-weight: 600;}
.content .title-row h2 .script {color: #b8b8b8;font-family:'caslon', arial, helvetica, serif; font-weight: 100}
.excel-export-link {
  color: #fff;
  position: absolute;
  top: -10px;
  right: 36px;
}
.content .row .col1,
.content .row .col2 {float: left; width: 47.5%;}
/*CJ 01/11/2013 */
.content .row .col1 { padding: 1% 1% 1% 1%; }
.content .row .col2 { padding: 1% 1% 1% 1%; }
.content h3 {font-size: 25px; margin: 10px 0px}
.content ul {list-style: none; padding-left:15px;}
.content .row .col-list {margin: 50px 0 0;}
.content .row .button-blue {
  display: inline-block;
  *display: inline;
  *zoom: 1;
	background: #1d5091; /* Old browsers */
	background: -moz-linear-gradient(top, #1d5091 0%, #173967 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d5091), color-stop(100%,#173967)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1d5091 0%,#173967 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1d5091 0%,#173967 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1d5091 0%,#173967 100%); /* IE10+ */
	background: linear-gradient(top, #1d5091 0%,#173967 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d5091', endColorstr='#173967',GradientType=0 ); /* IE6-9 */
	padding: 10px 30px;
	color: #fff;
	font-size: 22px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	border: none;
}
.content .row .full-width {width: 100%; float:left; padding-left: 0px; padding-right: 0; text-align:center; font-size: 15px;}
.content .row .button-blue:hover,
.content .row .button-blue:active {background: #173967; text-decoration: none;}

/* Admin Forms */
/* CJ 12/17/2012 Removed all "form" tags, form-box set top margin: from 0 to 10px */
/* CJ 01/22/2013 New wide version */
.form-box-wide { margin: 10px 20px 24px 25px; width: 95%; }
.form-box { background-color: White; margin: 0px 0 24px; width: 100%; float:left; padding: 18px; border: 1px solid #eee;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* CJ 01/22/2013 Changed from min-width: 180px to 20px */
.form-box input, .form-box select { margin: 0 0 12px; min-width: 20px; }
.form-box select, textarea { display: block; width: 100%; }
.content .center .form-box.full-width {max-width: 720px; height: auto;}
/* CJ 12/27/2012 Changed margin: -39 to -25 */
.form-box h3 {background: #666;padding: 10px 0px;color: white;font-weight: 300;font-size: 14px;border-radius: 8px;margin: -39px 0px 21px -18px; padding-left: 20px;}
.form-box.full-width h3 {width: 759px; padding-left: 0;}
/* CJ 01/22/2013 Removed form tag */
.form-box.full-width input[type='text'],
.form-box.full-width input[type='password'],
.form-box.full-width select {max-width: 320px;}
.form-box input[type='text'],
.form-box input[type='password'],
.form-box textarea {
  padding: 9px 12px;
	width: 100%;
	color: #acacac;
	font-size: 14px;
	background: #f1f1f1;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	border: 1px solid #acacac;
	-webkit-border-radius: 6px;
   	-moz-border-radius: 6px;
   	border-radius: 6px;
   	padding-left: 10px;
   	margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
label.inline-fixed {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 24px 0 0;
  width: 96px;
}
/* CJ 01/22/2013 Added padding to ddl */
select.wide { min-width: 300px; padding: 4px; }
.form-box input[type="submit"] { font-size: 15px;}
/* CJ 12/17/2012 Changed top padding from 20 to 45 */
.form-box .footnote {font-size: 15px; padding: 16px 0px 30px; font-style: italic; float:left; color:#6193d0;}
.form-box.left-form .footnote {width: 100%; text-align:left;margin: -30px 0 -10px;}
.footnote a {color:#6193d0;}
.form-box p {color: #767676; font-size: 15px; line-height: 22px; margin: 0 0 10px 0;}
.form-box ul {padding-left: 20px; margin: 0 0 10px 0;}
.form-box ul li {color: #a3a3a3; font-size: 15px;line-height: 22px;list-style: disc; padding-left:0}
.form-box.left-form label {float: left;width: 180px;height: 42px;padding-right: 20px;margin-bottom: 10px;text-align: right;line-height: 2.5;}
/* CJ 03/01/2013 validation msgs */
.form-box.left-form span.validation {float: right; width: 180px; height: 42px; margin-bottom: 10px; text-align: left; line-height: 2.5; color: Red;}

/*CJ 01/22/2013 removed form tag*/
.form-box.left-form input[type='text'],
.form-box.left-form input[type='password'],
.form-box.left-form select {float:left;}
.form-box.left-form select {font-size: 20px;margin: 8px 0px;}
.form-box.left-form .button-blue {width: 330px;margin-left: 12px;margin-top: 20px;}
/* CJ 03/01/2013 Request Info */
.form-box.left-form .submit-button { margin-left: 24px; width: 280px; }

.form-box .address-box {
  margin: 0 12px 12px 0;
  padding: 12px;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  float: left;
  min-width: 240px;
  max-width: 300px;
}
.form-box .address-box h4 { margin: 0 0 12px; font-size: 18px; }
.form-box .address-box p { font-size: 12px; line-height: 1.5; }
.form-box .address-box p:last-child { margin: 0; }
/* CJ 12/27/2012 New version for Checkout:Shipping Shipping Address ddl */
.form-box-shipping input[type='text'] 
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 10pt;
    color: Black;
    box-shadow: none;
    border-radius: 0 0 0 0;
    border: 0 none #ACACAC;
    background: none repeat scroll 0 0 transparent;

}
.form-box-shipping ul li { color: #000000; font-size: 12px; line-height: 18px;}

.reports-list {
  padding: 20px;
  float: left;
  width: 196px;
}
.reports-list ul { margin: 20px 0; padding: 0; }
.reports-list ul li {
  padding: 6px 3px;
  border-bottom: 1px dotted #818181;
  font-size: 12px;
}
.reports-list ul li:first-of-type { border-top: 1px dotted #818181; }
/* CJ 02/25/2013 CPA Reports list START */
.reports-list-table td {
  padding: 6px 3px;
  border-bottom: 1px dotted #818181;
  font-size: 12px;
}
.reports-list-table td:first-of-type { border-top: 1px dotted #818181; }
/* CJ 02/25/2013 CPA Reports list END */
.reports-data {
  margin: 36px 0 0;
  width: 720px !important;
  float: right;
  position: relative;
}
.reports-data select.short {
  display: inline;
  width: auto;
  min-width: 120px;
}
.data-container {
  
}
.data-tabs {
  margin: 0 !important;
  padding: 0 !important;
}
.data-tabs li,
.data-tabs li a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
}
.data-tabs li a {
  padding: 8px 9px 6px;
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.data-container .canvas {
  background: #ccc;
  border: 1px solid #0c3f7b;
  min-height: 420px;
}
.signature {
  border: 1px solid #ccc;
  width: 100%;
  height: 42px;
}
.wrapped {
  width: 95% !important;
  margin: 10px 0 10px;
  padding: 5px 2.5% 10px;
  border: 2px solid #ccc;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

/*SC 2/15/2013 for invoice summary and invoice history grids*/
.table, .data {
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
  width: 100%;
}
.data { margin: 12px 0 0; }
.data table { width: 100%; }
/*CJ 02/14/2013 added vertical-align: top;  */
.data th, .data td {
  padding: 3px 0;
  text-align: left; vertical-align: top;
}
/*CJ 02/14/2013 Removed text-decoration: underline; added vertical-align: top; */
.data th { width: 90px; font-weight: bold; vertical-align: top;}
.data input, .data select {margin: 0;}
.table tr:hover { background: #eee; }
.table .subtotal:hover { background: none; }
.table th,
/*CJ 01/22/2013 Added vertical-align: top; */
.table td {
  padding: 4px;
  min-width: 30px;
}
/*CJ 12/19/2012 added to right align prices */
.table th.align_right,
.table td.align_right {
  padding: 4px;
  text-align: right;
  min-width: 30px;
}
.table th {
  background: #ccc;
  font-weight: bold;
  vertical-align: top;
}
/*CJ 01/03/2013 removed text-align: center */
.table td { border-bottom: 1px solid #ccc; }

.table td:last-child{padding:6px 6px 6px}
.table.order-history td:last-child { text-align: left; }
/*CJ 12/19/2012 changed bottom padding from 6 to 0px */
.table .subtotal td{padding:24px 6px 0;border-bottom:0;text-align:right}
/*CJ 12/19/2012 added for other charges (tax, shipping, etc) */
.table .othercharges td{padding:6px 6px 0;border-bottom:0;text-align:right}
/*CJ 12/19/2012 added to right align Qty textbox */
.table .align_right{padding:6px 3px;text-align:right}

.table input { padding: 6px 3px; }
.table .qty input[type="text"]{padding:6px 3px;width:45px;text-align:right}
.table input[type="checkbox"] { margin: 5px 0; }
.table .warning,
.table .out-out-stock{color:red}
.table .warning{font-size:10px;font-weight:bold}
.table .footnote{font-size:10px;font-weight:bold}
/*CJ 03/29/2013 Added .tax  */
.table .tax{color:#4C4C4C;font-style: normal;padding: 0;}
/*CJ 12/20/2012 Added border-color: transparent to override Chrome default.  */
.table{font-size:12px;width:100%;border-color:transparent}
/*CJ 01/25/2013 change margin left from -180 to -140, change position from absolute to fixed */
.popup {
  margin: -120px 0 0 -140px;
  padding: 24px;
  background: #fff;
  border: 9px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  -webkit-box-shadow: 0 0 30px 3px #444;
  -moz-box-shadow: 0 0 30px 3px #444;
  box-shadow: 0 0 30px 3px #444;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 294px;
  min-height: 174px;
}
.popup, .wide { min-width: 360px; }
.popup input[type="text"]{padding:6px 3px;width:50%}
.main .popup h2 {
  margin: 0;
  padding: 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #818181;
  line-height: 1;
}
.popup .item { margin: 24px 0; }

/* ALL ITEMS BELOW Added by CJ */
/*CJ 12/21/2012 inventory warehouse popup */
#info .popup-inventory h2 {
  margin: 10px;
  padding: 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #818181;
  line-height: 1;
  text-align: center;
}
/*CJ 12/21/2012 inventory warehouse popup */
#tablewrapper{padding:20px;} 
#tablewrapper table.inventorytable{border-spacing:0;border-collapse:collapse;border-top:4px solid gray;border-bottom:1px solid gray;border-top-color:gray;border-bottom-color:gray;margin:auto;} 
#tablewrapper table.inventorytable th{text-align:left;font-weight:400;border-top:1px dotted gray;border-top-color:gray;padding:.2em .5em;} 
#tablewrapper table.inventorytable td{text-align:right;border-top:1px dotted gray;padding:.2em .5em;} 
#tablewrapper table.inventorytable thead th{border-bottom:1px solid gray;} 
#tablewrapper table.inventorytable th.Corner{text-align:left;font-weight:700;} 
#tablewrapper table.inventorytable tfoot th{border-bottom:1px solid gray;border-top:1px solid gray;} 
#tablewrapper table.inventorytable th.num, #tablewrapper table.inventorytable tfoot th.total{text-align:right;font-weight:700;}

/* CJ 12/17/2012 added error-message */
.error-message { color: Red; }
/* CJ 12/20/2012 added modalBackground */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; z-index: 1000; }

/* CJ 12/27/2012 added modalBackground */
/* Checkout Steps
-------------------- */
.checkout_heading1 {
	background:url('../images/h-dotted.gif') 0 100% repeat-x;
	font-size:1.692em;
	font-weight:normal;
	color:#555555;
	margin:0 0 0.7em;
	padding:0 0 0.2em;
	line-height:1.3em;
}

.checkout_steps {
	list-style-type:none;
	padding:0;
	margin:0;
	float:right;
	margin-top:-3.2em;
	font-size:0.92em;
	font-weight:bold;
}
.checkout_step, .checkout_step_current {
	background:none;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
	margin:0 1em;
	color:#999999;
	
}
.checkout_step_current {
	background:url('../images/checkout_step.gif') 50% 100% no-repeat;
	padding-bottom:0.78em;
	position:relative;
	color:#333333;
}

/*CJ 01/04/2013 For about us/contact us with no left nav */
.info .title-row {width: 100%; text-align: center; background: #eee;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.info .title-row h2 {color: #555555; font-size: 42px; text-align:left; padding: 24px 0; font-family: Helvetica, serif; font-weight: 600;}
.info .title-row h2 .script {color: #b8b8b8;font-family:'caslon', arial, helvetica, serif; font-weight: 100}
.info .row {float: left; width: 100%; position: relative;}
.info .row.center {width: 720px; margin: 0 auto; float: none;}

.table-ordersummary {width: 100%; font-size: 12px; margin-top: 15px; }
.table-cart {width: 100%; font-size: 12px; margin-top: 15px; }
.table-cart .sub-total .left_col { 
    text-align: right;
    white-space: nowrap; padding-top: 5px; padding-right: 5px;
    font-weight: bold; width: 90%;
}
.table-cart .sub-total .right_col { 
    text-align: right;
    white-space: nowrap; padding-top: 5px; padding-right: 5px;
}

.rbox_right {
	float:right;
	text-align:right;
	line-height:1em;
	font-size:0.92em;
	margin:-1.5em 0 0 0;
	color:#ffffff; margin: -45px 20px;
}
.rbox_right a {
	color:#ffffff;
	margin-left:2.1em;
}
.email-link {
  padding: 2px 0 0px 21px;
  background: url(images/ico-email-blue.png) no-repeat left center;
  position: absolute;
  bottom: 24px;
  right: 24px;
}
.excel-export-link-blue{position:absolute;bottom:24px;right:110px}
.excel-export-link-blue2{position:absolute;bottom:24px;right:30px}
.printer_friendly{background:url('images/ico-printer.gif') 0 0 no-repeat;padding-left:25px}
/* CJ 01/09/2013 Added for orderdetail buttons */
.form-box a.button { margin: 15px 3px 10px; min-width: 20px; }

/* CJ 01/22/2013 Added for wide buttons */
.form-box a.wide { margin: 0 0 12px; min-width: 180px; }
a.wide { margin: 0 0 12px; min-width: 180px; }
/* CJ 01/23/2013 Added from old css - for Order Pad */
.QuotedItem { background-color: #D8FFD6; }
/* CJ 02/15/2013 grdInvoiceSummaryI2, CPA */
.searchdatatable { padding: 0px; }
.searchdatatable td { vertical-align: middle; padding: 0px; border-bottom: 0px; }
.searchdatatable input[type="text"] { padding: 5px; }
/* CJ 02/25/2013 CPA */
.reportparams { padding: 0px; }
.reportparams td { vertical-align: middle; padding: 0px; border-bottom: 0px; text-align:center ; }
.reportparams input[type="text"] { -moz-box-sizing: none; background: none; border: none; box-shadow: none; font-size: 12px; margin: 0; color: #000000; padding: 5px; }
/* CJ 02/15/2013 AccountsReceivableSummaryI2 */
.data .td_right{text-align:right}
/* CJ 01/22/2013 New  START */
.label {width: 100px;}
div.spaced { margin: 2px;}
.sub-heading { margin-top: 5px; margin-bottom: 20px; }
.spaced-right { margin-right: 5px; }
select.spaced { margin: 2px; }
select.padded { padding: 4px; }
/*  END */
/* CJ 01/26/2013 Reports  START */
.DefaultTabStyle { background-color: #999999; cursor:hand; color:White; background-image: none; border-radius: 6px 6px 0 0; padding: 0px 5px 0px; font-size: 12px; font-family: helvetica,arial,serif; }
.SelectedTabStyle { background-color: #1F5799; cursor: hand; color: White; background-image: none; border-radius: 6px 6px 0 0; padding: 0px 5px 0px; font-size: 12px; font-family: helvetica,arial,serif; }
.HoverTabStyle { background-color: #3399FF; cursor: hand; color: White; background-image: none; border-radius: 6px 6px 0 0; padding: 0px 5px 0px; font-size: 12px; font-family: helvetica,arial,serif; box-shadow: inset -0px 18px 4px #316cb2; }
.report_table_container { overflow:auto; padding:1px; height: 460px; }
.WebTabStyle { font-family: arial,serif; font-size: 12px; color: #4C4C4C; }
.no-wrap { white-space:nowrap; }
.table th.rowHeader { vertical-align: bottom; }
.foot-note {font-size: 12px; font-style: italic; color:#6193d0;}
.instructions {color: #767676; }
.validation-instruction {margin-left: 175px; margin-bottom: 50px; font-size: 12px; color: #767676; }
/*  END */
/*SC 3/13/2012 Class for ddlShipToTableI2 dropdownextender*/
.HighlightOff{background-color:#fff}
.HighlightOn{background-color:#39f}
.HighlightOn a{color:#fff;font-weight:bold}
.HighlightOnHover a{color:#000;font-weight:normal}
.ShipTosHeader{background-color:White;font-size:12px;font-family:arial,sans-serif;font-weight:bold;}
.ShipTosPanel{border:1px solid rgba(0,0,0,0.25)}
.ShipTosDiv{width:100%; overflow:scroll; height:250px; background-color:White}
.HideControl{display:none}
.ShowControl{display:block;}
.customddltext{color:#000}
.customddltext:hover{text-decoration:none; color: #000000;font-weight: normal;}
.customlbl{padding: 3px 1px 3px 5px;border: 1px solid #ACACAC; margin-bottom: 5px;}
/*  END */
/* CJ 03/26/2013 Admin */
.system { font-size: 20px; }
.login{margin:50;padding:100px 50px 150px 360px}
.login h4{float:left;text-align:right;padding-right:10px;padding-bottom:0;margin-top:4px}
.login .errstar { color: #FF0000; font-size: 18px; }
.login .errmessage { color: #FF0000; font-size: 12px; }
.login input.log-in { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; margin-top: 2px;  width: 218px; height: 36px; line-height: 36px; font-family: 'helvetica' ,arial, helvetica, serif; color: #fff; font-size: 15px; cursor: pointer; border: 0; -moz-box-shadow: inset 0px -18px 4px #316cb2; -webkit-box-shadow: inset 0px -18px 4px #316cb2; box-shadow: inset 0px -18px 4px #316cb2; background-color: #1f5799; }
.login input.log-in:hover { -moz-box-shadow: inset 0px 18px 4px #316cb2; -webkit-box-shadow: inset -0px 18px 4px #316cb2; box-shadow: inset -0px 18px 4px #316cb2; background-color: #1f5799; }

.frame { text-align: center; }
.frame > .welcome { margin: 0 auto; width: 900px; padding: 110px 0 120px 0; }

#cache{padding-left:65px;padding-bottom:50px;padding-top:50px}
#cache .head{color:#717171;font-family:helvetica,arial,sans-serif;font-size:12px;font-weight:bold;line-height:18px;background:url("images/products-head.png") repeat-x scroll 0 0 #dedede;padding:9px 0 6px 70px;width:760px}
#cache .row { padding-left: 70px;  padding-top: 10px; }

#cache .head .key { width:280px; float:left; padding-left:0px; padding-right:10px; text-align: left; }
#cache .head .numitems { width:90px; float:left; padding-right:25px; text-align: right; }
#cache .head .view { width:100px; float:left; }
#cache .head .action { width:100px; float:left; }

#cache .add-btn { margin-right: 10px; }
#cache .row .key { width:280px; float:left; padding-left:0px; padding-right:10px; padding-top: 10px; text-align: left; vertical-align: bottom; }
#cache .row .numitems { width:90px; float:left; padding-right:25px; padding-top: 10px; text-align: right; vertical-align: bottom; }
#cache .row .view { width:100px; float:left; padding-top: 10px; }
#cache .row .action { width:100px; float:left; padding-top: 10px; }
#cache .row .message { width:200px; float:left; padding-top: 10px; vertical-align: bottom; }

#cache .adminfooter  { padding: 9px 0 6px 70px; width:760px; }
#cache .adminfooter .row  { float:right; padding-right:75px; }
#cache .adminbuttons  { float:left; line-height: 18px; }


#cache .settings-btn { width:92px; background: #316cb2; font-size: 14px; padding:8px; text-transform: lowercase; display:block; }

.leftcol{text-align:left;height:20px;width:100px;float:left}
.rightcol{text-align:left;height:20px;width:200px;float:left}
/* CJ 03/26/2013 Admin End*/