@charset "UTF-8";
/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL */
body { background-color: #fff2ba; font-family: Helvetica, Arial, sans-serif; color: #00187a; }
a { color: #00187a; }
h2 { font-size: 24px; }
#container > h2 { padding: 18px; }
.wrapper { width: 960px; margin: 0 auto; }
.Title { color: #00187a; font-size: 22px; }
.blueLine { height: 2px; background-color: #00187a; margin: 15px 0; }
.textBlock { color: #000; font-size: 14px; line-height: 18px; margin-bottom: 15px; }
.textBlock a { color: #00187a; text-decoration: underline; font-weight: bold; }
.textList { color: #00187a; font-weight: bold; font-size: 16px; margin-bottom: 15px; margin-left: 20px; }
.textList li { list-style-type: disc; margin-bottom: 2px; margin-left: 10px; }
.customSnippet { text-align: center; margin: 15px 0; }
.customSnippet img { margin-right: 10px; }
.sectionHeader { background-color: #00187a; padding: 7px 15px; font-size: 22px; font-weight: bold; color: #fff; width: 603px; margin: 15px 0;}
#productSliderHeader { bottom:100px; left:0; position: absolute; }
.sectionHeader em { float: left; font-style: normal; }
.sectionHeader span { display: block; float: right; font-size: 14px; font-weight: normal; margin-top: 4px; }
.Red { color: red; }

/* TOP BAR */
.topBar { width: 960px; height: 32px; background-image: url(../images/topBar.gif); background-repeat: no-repeat; padding-top: 7px; font-size: 14px; }
.topBarLeft { float: left; margin: 0 0 0 20px; color: #fff; }
.topBarRight { float: right; margin-right: 20px; }
.topBarRight span { color: #FFF; float: left; }
.topBarAccount { display: block; background-image: url(../images/accountIcon.gif); background-repeat: no-repeat; padding-right: 25px; margin-left: 15px; color: #a8c1ff; background-position: 77px -2px; }
.topBarAccount a { text-decoration: none; color: #a8c1ff; }
.topBarAccount a:hover { text-decoration: underline; }
.topBarCart { color: #ffe600; padding-right: 25px; background-position: 67px -2px; display: block; background-image: url(../images/cartIcon.gif); background-repeat: no-repeat; margin-left: 15px; }
.topBarCart a { text-decoration: none; color: #ffe600; }
.topBarCart a:hover { text-decoration: underline; }

/* FOOTER */
.footer { background-image: url(../images/footerBottom.jpg); width: 910px; float: left; margin: 0 auto; clear: both; background-position: bottom; background-repeat: no-repeat; background-color: #00187a; padding: 25px; margin-bottom: 25px; }
.footerLeft { float: left; }
.footerInfo { float: left; }
.footerInfo span { display: block; color: #9fbcfe; border-bottom: 1px solid #9fbcfe; padding-bottom: 5px; margin-bottom: 7px; font-size: 14px; margin-right: 25px; }
.footerInfo ul { float: left; margin-right: 15px; }
.footerInfo li { font-size: 12px; color: #fff; margin-bottom: 5px; }
.footerInfo a { color: #fff; text-decoration: none; }
.footerInfo a:hover { text-decoration: underline; }
.footerCompany span { width: 125px; }
.footerCards span { width: 244px; }
.footerSupport span { width: 85px; }

.footerRight { float: right; }
.footerRightTitle { color: #ffd703; font-size: 16px; margin-bottom: 7px; }
.footerRightSubtitle { color: #fff; font-size: 14px; margin-bottom: 10px; }
.footerRightInputText { width: 180px; font-style: italic; color: #000; font-size: 14px; font-family: Georgia, Times, serif; padding-left: 5px; }
.footerRightButton { background-image: url(../images/footerBtnDiscount.gif); width: 150px; height: 28px; border: 0; text-indent: -3000px; margin-left: 10px; cursor: pointer; opacity: .9; }
.footerRightButton:hover { opacity: 1; }
.footerRightCopyright { font-size: 12px; color: #fff; margin-top: 25px; }
.footerRightCopyright span { float: left; display: block; }
.footerRightCopyright em { float: right; display: block; }
.footerRightCopyright em a { text-decoration: underline; color: #fff; font-style: normal; }


/* NAV */
.nav { width: 960px; height: 190px; background-image: url(../images/nav.gif); background-repeat: no-repeat; position: relative; }
.screen { float: right; position: absolute; top: 45px; right: 67px; }
.navItems { float: left; margin-top: 150px; margin-left: 28px; }
.navItems li { float: left; margin-left: 28px; }

/* CONTAINER */
#container { background: #fff; border: 2px solid #00187a; border-top: 0; position: relative; min-height: 400px; }

/* HOME LAYOUT */
#container .mainLeftColumn { float: left; width: 633px; margin-top: 20px; margin-bottom: 160px; }
#container .mainLeftLeftColumn { float: left; width: 310px; margin: 0 15px; }
#container .mainLeftRightColumn { float: right; margin-right: 15px; margin-bottom: 15px; }
#container .mainLeftRightColumn img { display: block; margin-bottom: 15px; }
#container .mainLeftColumnButtons { clear: both; margin-left: 30px; }
#container .mainLeftColumnButtons img { margin-right: 33px; }
#container .mainSlider { margin-left: 15px; }

.mainRightColumn { float: right; width: 321px; border-left: 2px solid #00187a; background: #eef5ff; }
.mainRightColumn .priceMatic { background-color: #a6c7fc; border-bottom: 2px solid #051779; padding: 10px 18px 10px 18px; position: relative; }
.mainRightColumn .priceMatic img { float: left; }
#priceMaticTopInput { color: #00187A; font-size: 16px; font-weight: bold; width: 100px; float: right; padding-left: 3px; }

.totalLoader { width: 16px; height: 16px; background: url(../images/ajax-loader-sm-yel.gif) no-repeat; position: absolute; display: none; }
#totalLoader { float: right;  right: 23px; margin: 5px 0px 0px 0px; }
#totalLoaderBot { float: left; top: 6px; right: 5px; }
#subtotalLoader { float: left; top: 9px; right: 20px; }

#priceMaticMainFormContainer { padding: 10px 21px 10px 20px; float: left; width: 280px;}
#priceMaticMainForm .title { color: #00187a; font-size: 14px; font-weight: bold; margin-bottom: 7px; width: 100%; }
#priceMaticMainForm .title img { margin: 3px 0 0 3px; display: inline; }
.priceMaticTotalInput { text-transform: uppercase; }

.priceMaticProduct, .priceMaticFrontImprint, .priceMaticSizeMaterial, .priceMaticOptional, .priceMaticSpecial { float: left; clear: both; margin-bottom: 17px; }
.priceMaticQuantity, .priceMaticBackImprint, .priceMaticTurnaround { float: right; margin-bottom: 17px; }
.priceMaticFrontImprint img, .priceMaticBackImprint img { display: block; margin-bottom: 5px; }
.priceMaticOptionalCheckbox { margin-bottom: 5px; }
.priceMaticOptional { width: 100%; }
.priceMaticOptional input { margin: 0 5px 0 0; text-indent: 0; }
.priceMaticOptional label { font-size: 11px; }
.priceMaticOptional label strong { text-transform: uppercase; color: #00187a; }
.priceMaticSpecial textarea { width: 260px; }
.priceMaticTotal { float: left; margin-left: 55px; margin-bottom: 15px; }
.priceMaticTotal span { position: relative; top: 5px; }
.priceMaticTotal span, .priceMaticTotal input { color: #00187a; font-size: 18px; font-weight: bold; float: left; }
.priceMaticTotal input { width: 108px; margin-left: 10px; }
#priceMaticBot { float: left; position: relative; }
#addToCart { text-align: center; clear: both; margin-bottom: 30px; }
.actionImgBtn img { opacity: .85; }
.actionImgBtn img:hover { opacity: 1; }

/* ORDER LAYOUT */
.orderSteps { margin: 0 20px 20px 20px; }
.orderStepsTitle { float: left; margin-top: 19px; }
.orderStepsNumbers { float: right; margin-top: 25px; }
.orderStepsNumbers li { float: left; margin-left: 20px; font-size: 16px; }
.orderStepsNumbers .active { color: #00187a; padding: 3px 0 3px 26px; height: 23px; background-position: left; background-repeat: no-repeat; }
.orderStepsNumbers .inactive { color: #7e7e7e; padding: 3px 0 3px 26px; height: 23px; background-position: left; background-repeat: no-repeat; }

.orderStepsNumbers .stepOne .active { background-image: url(../images/orderOne_active.gif); }
.orderStepsNumbers .stepOne .inactive { background-image: url(../images/orderOne_inactive.gif); }
.orderStepsNumbers .stepTwo .active { background-image: url(../images/orderTwo_active.gif); }
.orderStepsNumbers .stepTwo .inactive { background-image: url(../images/orderTwo_inactive.gif); }
.orderStepsNumbers .stepThree .active { background-image: url(../images/orderThree_active.gif); }
.orderStepsNumbers .stepThree .inactive { background-image: url(../images/orderThree_inactive.gif); }

.orderSectionHeader { font-size: 16px; font-weight: normal; width: auto; padding: 5px 22px; margin: 0; }
.orderSectionHeader em { font-size: 14px; font-style: normal; margin-left: 20px; margin-top: 2px; float: left; }
.orderSectionHeader a { float: right; padding-left: 16px; background-image: url(../images/closeX.gif); background-repeat: no-repeat; background-position: 0 1px; font-size: 12px; color: #fff; margin-top: 3px; }
.orderSectionHeader span { float: left; margin-top: 0; font-size: 18px; }

.orderMain { margin: 25px 25px 25px 10px; }
.orderMainLeft, .orderMainMiddle, .orderMainRight { float: left; margin-left: 25px; }
.orderMainLeft { width: 282px; }
.orderMainMiddle { width: 400px; padding-right: 25px; border-right: 2px solid #00187a; }
.orderMainRight { width: 115px; }
.orderMainLeftFront { float: left; }
.orderMainLeftBack { float: right; }
.orderMain span { color: #00187a; font-weight: bold; font-size: 15px; display: block; margin-bottom: 10px; }
.orderMain img { display: block; margin-bottom: 10px; }
.orderMain em { font-style: normal; font-size: 13px; color: #00187a; display: block; margin-bottom: 20px; }
.orderMainMiddle textarea { width: 85%; padding: 4px; font-family: Helvetica, Arial, sans-serif; }
.orderMainRight select { margin-bottom: 15px; }
.orderMainRight input { font-size: 18px; color: #00187a; width: 110px; }

input[readonly] {
	background: #F0F0F0;
}

.orderSectionSlant { background: none; background-repeat: no-repeat; background-image: url(../images/orderHeader_slant.gif); border-bottom: 2px solid #00187a; padding-top: 5px; padding-bottom: 5px; }
.orderSlant { padding: 10px 25px 25px 0; background-color: #edf4fe; }
.orderSlantLeft, .orderSlantMiddle, .orderSlantRight { float: left; margin-left: 20px; width: 31%; }
.orderSlantLeftLeft { float: left; width: 94px; margin-right: 7px; }
.orderSlantLeftLeft img { display: block; }
.orderSlantLeftLeft input { margin: 8px 0 0 12px; }
.orderSlantLeftLeft label { font-size: 14px; font-weight: bold; color: #00187a; margin-left: 1px; }
.orderSlantRightRight { float: right; width: 180px; font-size: 11px; color: #00187a; margin-top: 7px; line-height: 13px; }
.orderSlantRightRight em { display: block; }
.orderSlantRightRight a { font-weight: bold; text-decoration: underline; color: #00187a; }

.orderCheckout { border-top: 4px solid #00187a; padding: 20px 15px 0px 15px; }
.orderCheckoutContainer { float: left; width: 160px; margin: 5px 25px 25px 25px; }
.orderCheckoutContainer input { color: #00187a; width: 130px; }
.orderCheckoutContainer .title { color: #00187a; font-size: 16px; margin-bottom: 7px; }
.orderCheckoutContainer .title img { margin: 3px 0 0 3px; display: inline; }
.orderCheckoutContainerRight { width: auto; margin-top: 20px; margin-right: 0; }
.orderCheckoutContainerRight .title { font-size: 18px; float: left; margin-right: 10px; margin-top: 6px; font-weight: bold; }
.orderCheckoutContainerRight input { font-size: 20px; font-weight: bold; color: #00187a; float: left; margin-right: 15px; width: 120px; }
.orderCheckoutContainerRight img { float: left; display: block; position: relative; top: -4px; }

.orderComplete { height: 300px; background-image: url(../images/complete_man.gif); background-position: bottom right; background-repeat: no-repeat; padding: 45px 450px 0 45px; color: #00187a; }
.orderComplete em { font-style: normal; font-weight: bold; font-size: 18px; display: block; margin-bottom: 15px; }
.orderComplete span { font-weight: normal; font-style: normal; font-size: 18px; display: block; margin-bottom: 15px; }
.orderComplete p { font-size: 14px; line-height: 18px; margin-bottom: 15px; }
.orderComplete p a { color: #00187a; font-weight: bold; text-decoration: underline; }
.orderComplete img { display: block; }

#orderInvoice {
	padding: 20px 40px 0px 40px;
	font-size: 90%;
	line-height: 18px;
}

#orderInvoice > table {
	width: 100%;
	border-collapse:collapse;
	margin-bottom: 20px;
}

#orderInvoice td, #orderInvoice th {
	padding: 3px 5px;
	border: 1px solid black;
	text-align: left;
	color: #000;
}

#orderInvoice th {
	background: #F0F0F0;
}

.orderInvoiceLabels {
	width: 150px;
}

#orderInvoiceFooter td.orderInvoiceTotals, #orderInvoiceFooter th.orderInvoiceTotals {
	text-align: right;
	width: 90px;
}

#orderInvoice tr.invoiceDiscounts td {
	color: red;
}

#invoiceLogo {
	text-align: center !important;
	vertical-align: middle;
}

#totalsCol {
	padding: 0px !important;
}

#orderInvoice .orderInvoiceItemDetails td {
	border: 0;
	border-bottom: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
}

#orderInvoice table.orderInvoiceItemDetails {
	width: 100%;
}

#orderInvoice .orderInvoiceItemDetails label {
	font-weight: bold;
}

/* SECURE CHECKOUT LAYOUT */
.secure { }
.secure table { width: 100%; }
.secure th { background-color: #00187a; color: #fff; font-size: 16px; text-align: left; width: 50%; font-weight: normal; }
.secure th span { display: block; padding: 10px 20px; }
.secure th em { font-size: 14px; font-style: normal; margin-left: 10px; }
.secure th .leftBorder { border-left: 2px solid #fff; display: block; }
.secure th .rightAlignYellow { color: #ffe303; text-align: right; font-weight: bold; }

.secure .secureLeft, .secure .secureRight { padding: 10px 20px; }
.secure .secureRight { border-left: 2px solid #00187a; }
.secure .secureRightTotal { background-color: #edf4fe; }

.secure .secureLeft tr { height: 40px; }
.secure .secureRight tr { height: 40px; }
.secure .secureFormTitle { font-size: 16px; text-align: right; }
.secure .secureFormTitle { text-align: left; white-space:nowrap; }
.secure .secureFormField, .secure .secureFormButton { text-align: left; padding-left: 10px; }
.secure .secureFormButtonCalculate button { width: 91px; height: 29px; background-image: url(../images/calculate_btn.gif); background-repeat: no-repeat; border: 0; }
.secure .secureFormButtonCalculate button:hover { cursor: pointer; }
.secureFormFieldPopulated input { font-style: italic; font-weight: normal; color: #8e8e8e; }

.secure .secureRight .secureRightOrderTotal { vertical-align: middle; font-weight: bold; font-size: 20px; text-align: center; }
.secure .secureRight .secureRightOrderTotal input { width: 150px; color: #00187a; font-weight: bold; font-size: 20px; }
.secure .secureRight .secureRightOrderTotal .secureRightOrderTotalTitle { margin-bottom: 10px; }
.secure .secureRight .secureFormDollar { padding: 0 10px; text-align: right; }

.secure .secureContactInfo { padding-top: 20px; }
.secure .secureContactInfo .secureRight { background-repeat: no-repeat; background-position: bottom left; background-image: url(../images/contactBg.gif); }
.secure .secureContactInfo .secureLeft tr, .secure .secureContactInfo .secureRight tr, .secure .securePaymentInfo .secureLeft tr, .secure .securePaymentInfo .secureRight tr { height: 30px; }
.secure .secureContactInfo .secureFormTitle { text-align: left; font-size: 14px; width: 120px; }
.secure .secureContactInfoTable { width: 360px; margin: 0 auto; }
.secure .secureContactInfo .secureFormTitleZip { padding-left: 10px; width: 15%; }

.secureContactInfoHeading { font-size: 16px; font-weight: bold; text-decoration: underline; }
.secureContactInfoCheckbox label { font-size: 10px; }
.secureFormField input { width: 111px; }
.secureFormField input.checkbox { width: 10px; }
.secureFormField input.wide { width: 238px; }
.secureFormField input.short { width: 58px; }

.securePaymentInfo .secureContactInfoTable { width: auto; }
.securePaymentRadio { font-size: 14px; }
.secure .securePaymentInfo .secureFormTitle { text-align: left; font-size: 14px; float: left; margin-top: 5px; margin-left: 10px; }
.secureContactInfoTable div { margin-bottom: 5px; }
.secure .securePaymentInfo .secureRight { border-left: 0; }
.securePaymentInfo .secureLeft td.CreditCards { width: 100%; }
.securePaymentInfo .secureRight label { font-size: 10px; }
.securePaymentInfo .secureRight div { margin-bottom: 10px; }
.securePaymentInfo .secureRight td { vertical-align: top; }
.securePaymentInfo .secureLeft { width: 400px; float: left; padding-top: 20px; }
.securePaymentInfo .secureRight { width: 400px; float: right; padding-top: 40px; }
.securePaymentInfo .secureFormField { float: right; width: 250px; }
.securePaymentInfo .secureFormFieldExpiration { width: auto; float: left; margin-left: 62px; }
.securePaymentInfo .secureFormFieldCVV { width: 50px; float: left; }
.secure .securePaymentInfo .secureFormTitleCVV { margin-top: 1px; }
.securePaymentCreditCards label { font-size: 14px; }
.securePaymentCreditCards img { margin-left: 5px; margin-right: 10px; }

.error, .field-validation-error { color: red; font-size: 70%; font-weight: bold }
.input-validation-valid,.field-validation-valid,.validation-summary-valid{display:none}
.input-validation-error{background-color:#fee;border:1px solid red; outline: none; }
.input-validation-error:focus{outline:none}
input[type="text"].input-validation-error:focus, select.input-validation-error:focus{outline:none}

.validation-summary-errors, .validation-summary-success, .validation-summary-hazard { color:#FFF; padding: 10px 10px; line-height: 18px; background: #b51111; font-size: 90%; display: none; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.validation-summary-errors span, .validation-summary-success span, .validation-summary-hazard span { font-weight: 700; }
.validation-summary-errors ul{ list-style: disc inside }
.validation-summary-errors ul li{ font-weight: normal }
.validation-summary-errors ul li label, .validation-summary-errors ul li span{display:inline !important; font-weight:normal }

.validation-summary-success 
{
	background: #3bcc37;
}
.validation-summary-hazard
{
	background: #ffd426;
	color: #000;
}

.authorizeNet { float: left; margin-right: 10px; }

/* MY ACCOUNT */
.accountSteps { margin: 0 20px 20px 20px; }
.accountStepsTitle { float: left; margin-top: 28px; }
.accountStepsNumbers { float: right; margin-top: 25px; }
.accountStepsNumbers li { float: left; margin-left: 20px; font-size: 16px; }
.orderHistory { padding-left: 40px; background-repeat: no-repeat; background-image: url(../images/clock_icon.gif); height: 37px; }
.editInfo { padding-left: 40px; background-repeat: no-repeat; background-image: url(../images/person_icon.gif); height: 37px; }
.Logout { padding-left: 40px; background-repeat: no-repeat; background-image: url(../images/no_icon.gif); height: 37px; }
.orderHistory a, .editInfo a, .Logout a { float: left; margin-top: 7px; }

.individualOrder { padding: 25px 0 25px 25px; border-bottom: 2px solid #00187a; height: 105px; }
.individualOrderLeft { float: left; margin: 0 50px 0 35px; }
.individualOrderMiddle { float: left; padding: 0 50px; border-left: 2px solid #000; border-right: 2px solid #000; }
.individualOrderFront { float: left; margin-right: 20px; }
.individualOrderBack { float: left; }
.individualOrderRight { float: left; margin: 0 0 0 50px; }

.individualOrderLeft em { font-size: 18px; font-style: normal; display: block; margin-bottom: 10px; }
.individualOrder a { display: block; margin-bottom: 10px; }
.individualOrder span { font-size: 12px; }

.individualOrderMiddle span { display: block; margin-top: 7px; text-align: center; }

.individualOrderRight em { font-size: 16px; font-style: normal; display: block; text-align: center; margin: 0 auto; margin-bottom: 10px; }
.individualOrderRight em span { display: inline; }
.individualOrderRight .orderRightRed { font-weight: bold; color: #ff2727; }
.individualOrderRight .orderRightGreen { font-weight: bold; color: #27d427; }
.individualOrderRight a { display: block; margin: 0 auto; margin-bottom: 10px; text-align: center; }
.individualOrderRight span { font-size: 12px; margin: 0 auto; display: block; text-align: center; }

.individualOrderFooter { padding: 25px; }
.individualOrderFooterTotal { float: left; }
.individualOrderFooterPages { float: right; }
.individualOrderFooterPages ul { display: inline; float: left; }
.individualOrderFooterPages li { display: inline; margin-right: 5px; }
.individualOrderFooterPages li a { color: #505050; }

.individualOrderFooterPages a { text-decoration: none; }
.individualOrderFooterPages li .footerPagerCurrent { color: #00187a; font-weight: bold; }
.footerPagerPrevious { float: left; margin-right: 10px; padding-left: 18px; background-repeat: no-repeat; background-image: url(../images/previous.gif); background-position: left; color: #505050; }
.footerPagerNext { float: left; margin-left: 10px; padding-right: 16px; background-repeat: no-repeat; background-image: url(../images/next.gif); background-position: right; color: #505050; }

.individualOrderFooterPages span.disabled { color: #c4c4c4; }
.individualOrderFooterPages a.disabled { color: #c4c4c4; }
.individualOrderFooterPages a:hover { text-decoration: underline; }

div.product-at-a-glance { float: left; }
div.product-at-a-glance > h3 { text-transform: uppercase; color: #FFF; font-size: 12px; background: #051679; padding: 5px 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; text-align: center; }
div.product-at-a-glance > div { border: 1px solid #051679; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; padding: 10px; font-weight: bold; min-width: 120px; text-align: center; }
div.customSnippet > div:first-child { margin-right: 15px; margin-bottom: 10px; clear: both; }
div.product-at-a-glance em { text-decoration: none; font-size: 28px; font-style: normal; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

div.mainContent { padding: 25px; min-height: 300px; }
div.mainContent2 { padding: 0; min-height: 300px; }

#categoriesWithProducts h2 { float: left; font-size: 20px; padding: 10px 25px; }
#categoriesWithProducts > div { padding: 25px 0px 25px 35px; float: left; min-width: 275px; }
#categoriesWithProducts > div > span { padding: 25px 0px 25px 35px; }
#categoriesWithProducts ul.productList { width: 600px; margin-top: 20px; }
#categoriesWithProducts ul.productList li { width: 300px; float: left; min-height: 35px; margin-bottom: 25px; }
#categoriesWithProducts ul.productList li a { font-weight: bold; }
#categoriesWithProducts h3 { background: #00187A; color: #FFF; padding: 6px 25px; clear: both; }

.productList li img { float: left; min-width: 62px; min-height: 43px; }
.productList li span { float: left; line-height: 40px; margin-left: 10px; }

#categoryTypeMenu { float: right; margin-right: 15px; }
#categoryTypeMenu li { float: left; line-height: 40px; padding-right: 10px; display: none; }

#productSlider { position: absolute; bottom: 100px; left: 0px; }

#loadingOverlay, #altLoadingOverlay { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 2; background: url(/assets/images/ajax-loader-bg.png); display: none; }
#loadingOverlay > div, #altLoadingOverlay > div { margin: 250px auto; height: 66px; width: 66px; background: url(/assets/images/ajax-loader.gif) no-repeat; }
#altLoadingOverlay > div { margin: 66px auto; }
 #altLoadingOverlay { left: -20px; right: -20px; top: -10px; bottom: -10px; }

.infiniteCarousel { position: relative; width: 632px; }
.infiniteCarousel .wrapper { width: 552px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; min-height: 10em; margin: 0 40px; position: absolute; top: 0; }
.infiniteCarousel ul a img { /*border: 5px solid #000;   -moz-border-radius: 5px;   -webkit-border-radius: 5px;*/ }
.infiniteCarousel .wrapper ul { width: 9999px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; }
.infiniteCarousel ul li { display: block; float: left; padding: 10px; /*height: 85px;*/ width: 117px; }
.infiniteCarousel ul li a img { display: block; }
.infiniteCarousel .arrow { display: block; height: 36px; width: 37px; background: url(../images/carousel-arrow.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 28px; cursor: pointer; }
.infiniteCarousel .forward { background-position: 0 0; right: 0; }
.infiniteCarousel .back { background-position: 0 -72px; left: 0; }
.infiniteCarousel .forward:hover { background-position: 0 -36px; }
.infiniteCarousel .back:hover { background-position: 0 -108px; }

#productVideo { visibility: hidden; }
.ajaxLoader { background: url(../images/ajax-loader-yel-lblue.gif) no-repeat; display:table-cell;float:left;height:18px;width:19px;padding-right:7px; }
.span-link-style { cursor:pointer;text-decoration:underline; }
input.textbox-label { border:none; background-color: #FFF; font-weight: bold; color: #454545 !important; background: #ffdc27; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px; border: 1px solid #debd11; }
.icon-plus {height:16px;width:16px;background: url(../images/plus.png) no-repeat;cursor:pointer; }
.promo-wrapper 
{
	position: relative;
}
.promo-button {height:16px;width:16px;background: url(../images/plus-button.png) no-repeat; cursor:pointer; opacity: .85; position: absolute; right: 27px; top: 3px; }
.promo-button:hover { opacity: 1; }
.ajaxLoading { background: url(../images/ajax-loader-yel-lblue.gif) no-repeat!important; height:16px;width:16px;}
.icon-cross { background: url(../images/cross-button.png) no-repeat; cursor:pointer; }
.validation-msg { font-size:10px;color:Red;position:absolute;width:150px;}
#SampleRequestForm table {width:500px;margin:30px 130px;}
#SampleRequestForm table tr {height:35px;width:95px;}
.textRight{text-align:right;vertical-align:top;}
.success-msg {background-color:transparent;color:Blue;font-weight:bold;font-size:11px; text-align:center;}
.specials-details {float:left;width:600px;}
.specials-details p {margin:10px;}
.specials-img {float:left; width: 300px;}
.specials-list li { margin-bottom:25px; display:list-item;}

dl { margin: 15px 0; }
dt { font-weight: bold; margin: 15px 0 5px 0; }

#customerArtwork 
{
	margin: 0px 20px;
}

#customerArtwork label 
{
	width: 45px; text-align: right; padding-right: 15px; float: left; line-height: 200%;
}

#customerArtwork h4 
{
	margin: 10px 0px; border-bottom: 1px dashed #00187a; line-height: 150%; width: 50%; float: left;
}

#customerArtwork fieldset 
{
	padding-bottom: 5px;
}

.headerWithSub {
	border-bottom: 2px solid #00187A;
	margin-bottom: 20px;
}

.headerWithSub > h2:first-child {
	background: #00187A;
	color: #FFF;
	padding: 10px 20px;
}

.headerWithSub > h3 {
	padding: 10px 20px;
}

.approvalForms {
	border-top: 2px solid #00187A;
	margin: 20px 0px;
	padding: 30px 60px;
}

.approvalForms form > div {
	float: left;
	margin-right: 40px;
}

.approvalForms .actionImgBtn img {
	margin: 20px 0;
}

.rejectComments {
	width: 300px;
	height: 80px;
}

.contentWrapper {
	margin: 0px 20px;
}

/*  home */ 
.home-intro {width:100%;float:left;font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.home-intro .home-intro-lf {float:left;width:520px;padding:25px 0 0 20px;text-align:center;color:#333;}
.home-intro .home-intro-lf h3 {font-size:24px;margin-bottom:20px;color:#00177C;}
.home-intro .home-intro-lf li {margin-bottom:10px;text-align:left;font-size:17px;}
.home-intro .home-intro-lf li.lf {background:red;width:235px;padding:0 0 0 32px;background:url(/assets/images/img-bullet.jpg) no-repeat 16px 6px;float:left;}
.home-intro .home-intro-lf li.rf {background:red;width:220px;padding:0 0 0 32px;background:url(/assets/images/img-bullet.jpg) no-repeat 16px 6px;float:right;}
.home-intro .btn-view {clear:both;margin-bottom:20px;padding-top:10px;}
.home-intro .home-intro-note {clear:both;font-size:11px;}
.home-intro .home-intro-rf {float:right;width:415px;}
.home-blocks li {width:319px;float:left;height:200px;font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.home-blocks li.col1 {background:url(/assets/images/img-bg-block-1.jpg) no-repeat right bottom;}
.home-blocks li.col2 {background:url(/assets/images/img-bg-block-2.jpg) no-repeat right bottom;}
.home-blocks li.last {width:318px;}
.home-blocks li h4 {height:40px;line-height:40px;color:#fff;background:#00177c;text-align:center;border-right:solid 2px #fff;font-size:20px;}
.home-blocks li.last h4 {border:0px;}
.home-blocks li .text {border-right:solid 2px #00177c;padding:20px 203px 0 22px;height:140px;text-align:center;line-height:24px;color:#333;font-size:18px;}
.home-blocks li .text a {font-weight:bold;}
.home-blocks li .text a:hover {text-decoration:none;}
.home-intro h4 {font-size:14px;font-weight:normal;margin-bottom:15px;line-height:18px;}

.home-blocks li.col3 {background:url(/assets/images/img-bg-block-3.jpg) no-repeat right bottom;}
.home-blocks li.last .text {border:0;padding:0;width:318px;margin-top:8px;font-size:16px;}
.home-blocks li.last .text #links {display:block;padding-top:70px;width:318px;}
.home-blocks li.last .text a {font-size:16px;display:inline;}

/* 2 image promo container

.home-blocks li.last .text {border:0px;padding:20px 29px 0 29px;}
.home-blocks li.last .text a {display:block;width:115px;font-size:16px;padding-top:90px;}
.home-blocks li.last .text a.lf {float:left;background:url(/assets/images/img-card-1.jpg) no-repeat center top;}
.home-blocks li.last .text a.rf {float:right;background:url(/assets/images/img-card-2.jpg) no-repeat center top;}

*/




/* design-services */
.design-services {font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.design-services .design-services-top {height:59px;border-bottom:solid 2px #00177c;position:relative;margin-bottom:40px;}
.design-services .design-services-top h3 {font-size:24px;line-height:59px;padding-left:20px;color:#00177C;}
.design-services .design-services-top .btn-twitter {width:144px;height:37px;display:block;position:absolute;right:80px;top:10px;}
.design-services .design-services-lf {width:455px;float:left;padding:0 0 0 20px;color:#000;font-size:14px;font-weight:normal;line-height:22px;}
.design-services .design-services-lf .services-set {padding:38px 0 24px 0;}
.design-services .design-services-lf .services-set li {text-align:center;width:212px;float:left;}
.design-services .design-services-lf .services-set li h4 {margin-bottom:14px;color:#00177C;text-decoration:underline;font-size:16px;}
.design-services .design-services-lf .services-set li.lf {padding-right:15px;border-right:solid 1px #ccc;}
.design-services .design-services-lf .services-set li.rf {padding-left:15px;}
.design-services .design-services-lf .services-set li .ft-georgia {font:bold italic 14px Georgia, Times, "Times New Roman", serif;padding:10px 0 15px 0;}
.design-services .design-services-lf .services-note {color:#00177C;text-align:center;margin-bottom:40px;}
.design-services .design-services-rf {width:445px;float:right;height:396px;background:url(/assets/images/img-services-right.jpg) no-repeat;}
.design-services .design-services-rf ul {}
.design-services .design-services-rf li {font-size:14px;color:#141414;padding-left:8px;background:url(/assets/images/img-bullet-2.jpg) no-repeat left 7px;width:156px;line-height:20px;margin-bottom:10px;font-weight:bold;}
.design-services .design-services-rf li span {font-weight:normal;}





/*  why-choose */
.why-choose {font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.why-choose .why-choose-top {height:59px;position:relative;}
.why-choose .why-choose-top h3 {font-size:24px;line-height:59px;padding-left:20px;color:#00177C;}
.why-choose .why-choose-top .btn-twitter {width:144px;height:37px;display:block;position:absolute;right:80px;top:10px;}
.why-choose .why-choose-blocks h4 {
height:40px;font:bold italic 20px/40px Georgia, Times, "Times New Roman", serif;color:#fff;background:#00177c;padding:0 20px;}
.why-choose .why-choose-block-1 {width:353px;float:left;border-right:solid 1px #ccc;}
.why-choose .why-choose-block-2 {width:303px;float:left;border-right:solid 1px #ccc;}
.why-choose .why-choose-block-3 {width:298px;float:left;}
.why-choose .why-choose-blocks .text {padding:28px 20px 0 20px;color:#1F1F1F;line-height:18px;height:456px;}
.why-choose .why-choose-blocks .text p {margin-bottom:15px;}
.why-choose .why-choose-blocks .text h5 {font-weight:bold;text-align:center;color:#00177C;font-size:20px;line-height:40px;margin-bottom:15px;}
.why-choose .why-choose-block-2 .text h5, .why-choose .why-choose-block-3 .text h5 {font-size:16px;font-weight:bold;line-height:normal;}
.why-choose .why-choose-block-3 .text {background:url(/assets/images/img-choose-block-3.jpg) no-repeat right bottom;}
.why-choose .why-choose-blocks .text .note {font:italic 12px Georgia, Times, "Times New Roman", serif;color:#00177C;text-align:center;}





/*  contact-us */
.contact-us {font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.contact-us .contact-us-top {height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.contact-us .contact-us-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.contact-us .contact-us-top .btn-twitter {
width:144px;
height:37px;
display:block;
position:absolute;
right:80px;
top:10px;
}
.contact-us .contact-us-lf {
width:533px;
float:left;
padding:30px; 0 0 65px;
}
.contact-us .contact-us-lf h4 {
color:#000;
text-align:center;
margin-bottom:32px;
}
.contact-us .contact-us-lf .txB {
width:215px;
padding:0 0 0 5px;
height:18px;
border:solid 1px #929497;
font:normal 14px Helvetica, "Helvetica Neue", Arial, sans-serif
}
.contact-us .contact-us-lf .field {
width:222px;
margin-bottom:16px;
}
.contact-us .contact-us-lf .lf {
float:left;
}
.contact-us .contact-us-lf .rf {
float:right;
}
.contact-us .contact-us-lf .select select {
float:left;
margin-right:82px;
}
.contact-us .contact-us-lf .select .txB {
width:50px;
float:left;
}
.contact-us .contact-us-lf .field-wide {
clear:both;
padding-top:18px;
margin-bottom:34px;
}
.contact-us .contact-us-lf .field-wide textarea {
width:526px;
height:110px;
font:normal 14px Helvetica, "Helvetica Neue", Arial, sans-serif;
padding:5px 0 0 5px;
}
.contact-us .contact-us-lf .txS {
text-align:center;
}
.contact-us .contact-us-rf {
width:290px;
height:432px;
padding-top:18px;
float:right;
background:#e8f1fe url(/assets/images/img-contact-right.jpg) no-repeat center bottom;
text-align:center;
color:#000;
line-height:18px;
}
.contact-us .contact-us-rf a {
color:#000;
text-decoration:none;
}
.contact-us .contact-us-rf a:hover {
text-decoration:underline;
}





/*  thank-you */
.thank-you {
font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
height:390px;
background:url(/assets/images/img-thank-you-right.jpg) no-repeat right bottom;
}
.thank-you .thank-you-top {
height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.thank-you .thank-you-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.thank-you .thank-you-top .btn-twitter {
width:144px;
height:37px;
display:block;
position:absolute;
right:80px;
top:10px;
}
.thank-you .thank-you-lf {
width:540px;
padding:36px 0 0 22px;
color:#000;
}
.thank-you .thank-you-lf a {
color:#000;

}
.thank-you .thank-you-lf h4 {
font:bold italic 36px Georgia, Times, "Times New Roman", serif;color:#00177C;text-align:center;
margin-bottom:36px;
text-align:center;
}
.thank-you .thank-you-lf p {
margin-bottom:15px;
}





/*  turnaround */
.turnaround  {font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.turnaround  .turnaround-top {height:59px;position:relative;}
.turnaround  .turnaround-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
float:left;
width:480px;
}
.turnaround  .turnaround-top .note {
font:italic 16px Georgia, Times, "Times New Roman", serif;color:#00177C;text-align:center;
float:left;
width:420px;
line-height:59px;
padding-right:20px;
text-align:right;
}
.turnaround  .turnaround-steps h4 {
height:43px;
padding-top:7px;
background:#00177c;
color:#fff;
font-size:18px;
text-align:center;
}
.turnaround  .turnaround-steps li {
width:190px;
float:left;
border-right:solid 1px #ccc;
height:684px;
}
.turnaround  .turnaround-steps li.c3,
.turnaround  .turnaround-steps li.c4 {
width:191px;
}
.turnaround  .turnaround-steps li.c5 {
border:0px;
}
.turnaround  .turnaround-steps li .text {
color:#333;
text-align:center;
font-size:14px;
}
.turnaround  .turnaround-steps li.c1 .text {
padding-top:329px;
background:url(/assets/images/img-turn-1.jpg) no-repeat center top;
}
.turnaround  .turnaround-steps li.c2 .text {
padding-top:356px;
background:url(/assets/images/img-turn-2.jpg) no-repeat center top;
}
.turnaround  .turnaround-steps li.c3 .text {
padding-top:356px;
background:url(/assets/images/img-turn-3.jpg) no-repeat center top;
}
.turnaround  .turnaround-steps li.c4 .text {
padding-top:470px;
background:url(/assets/images/img-turn-4.jpg) no-repeat center top;
}
.turnaround  .turnaround-steps li.c5 .text {
padding-top:586px;
background:url(/assets/images/img-turn-5.jpg) no-repeat center top;
}





/*  sample-request */
.sample-request {font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.sample-request .sample-request-top {height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.sample-request .sample-request-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.sample-request .sample-request-top .btn-twitter {
width:144px;
height:37px;
display:block;
position:absolute;
right:80px;
top:10px;
}
.sample-request .sample-request-lf {
width:533px;
float:left;
padding:30px; 0 0 65px;
}
.sample-request .sample-request-lf h4 {
color:#000;
text-align:center;
margin-bottom:32px;
}
.sample-request .sample-request-lf .txB {
width:215px;
padding:0 0 0 5px;
height:18px;
border:solid 1px #929497;
font:normal 14px Helvetica, "Helvetica Neue", Arial, sans-serif
}
.sample-request .sample-request-lf .field {
width:222px;
margin-bottom:16px;
}
.sample-request .sample-request-lf .lf {
float:left;
}
.sample-request .sample-request-lf .rf {
float:right;
}
.sample-request .sample-request-lf .select select {
float:left;
margin-right:82px;
}
.sample-request .sample-request-lf .select .txB {
width:50px;
float:left;
}
.sample-request .sample-request-lf .field-wide {
clear:both;
padding-top:18px;
margin-bottom:34px;
}
.sample-request .sample-request-lf .field-wide textarea {
width:526px;
height:110px;
font:normal 14px Helvetica, "Helvetica Neue", Arial, sans-serif;
padding:5px 0 0 5px;
}
.sample-request .sample-request-lf .txS {
text-align:center;
}
.sample-request .sample-request-rf {
width:290px;
height:387px;
padding-top:45px;
float:right;
background:#e8f1fe;
text-align:center;
color:#000;
line-height:18px;
}
.sample-request .sample-request-rf h4 {
font-size:20px;
color:#00177C;
line-height:30px;
margin-bottom:44px;
}





/*  sample-request-thank */
.sample-request-thank {
font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
height:390px;
background:url(/assets/images/img-thank-you-right.jpg) no-repeat right bottom;
}
.sample-request-thank .sample-request-thank-top {
height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.sample-request-thank .sample-request-thank-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.sample-request-thank .sample-request-thank-top .btn-twitter {
width:144px;
height:37px;
display:block;
position:absolute;
right:80px;
top:10px;
}
.sample-request-thank .sample-request-thank-lf {
width:540px;
padding:36px 0 0 22px;
color:#000;
}
.sample-request-thank .sample-request-thank-lf a {
color:#000;

}
.sample-request-thank .sample-request-thank-lf h4 {
font:bold italic 36px Georgia, Times, "Times New Roman", serif;color:#00177C;text-align:center;
margin-bottom:36px;
text-align:center;
}
.sample-request-thank .sample-request-thank-lf p {
margin-bottom:15px;
}





/*  page-file-setup  */
.page-file-setup {
font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
color:#000;
}
.page-file-setup .page-file-setup-top {
height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.page-file-setup .page-file-setup-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.page-file-setup h4 {
height:76px;
line-height:76px;
text-align:center;
}
.page-file-setup .note {
height:108px;
background:#e8f1fe url(/assets/images/img-bg-file-setup-top.jpg) no-repeat;
position:relative;
margin-bottom:45px;
}
.page-file-setup .note .text {
width:314px;
position:absolute;
left:308px;
top:33px;
text-align:center;
line-height:24px;
}
.page-file-setup .note a {
display:block;
width:165px;
height:47px;
position:absolute;
right:131px;
top:33px;
}
.page-file-setup .templates {
height:228px;
padding:0 75px;
}
.page-file-setup .templates li {
width:192px;
float:left;
text-align:center;
}
.page-file-setup .templates li div {
margin-bottom:20px;
}
.page-file-setup .templates li.mid {
margin:0 72px;
}





/*  support */
.support {
font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.support .support-top {
height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.support .support-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.support .support-top .btn-twitter {
width:144px;
height:37px;
display:block;
position:absolute;
right:80px;
top:10px;
}
.support .support-list {
padding:65px 200px 0 28px;
background:url(/assets/images/img-support-right.jpg) no-repeat right top;
}
.support .support-list li {
width:115px;
float:left;
padding:0 0 0 70px;
font-size:14px;
color:#000;
height:170px;
margin-right:33px;
}
.support .support-list li.c1 {
background:url(/assets/images/img-icon-support-1.jpg) no-repeat;
}
.support .support-list li.c2 {
background:url(/assets/images/img-icon-support-2.jpg) no-repeat;
}
.support .support-list li.c3 {
background:url(/assets/images/img-icon-support-3.jpg) no-repeat;
}
.support .support-list li.c4 {
background:url(/assets/images/img-icon-support-4.jpg) no-repeat;
}
.support .support-list li.c5 {
background:url(/assets/images/img-icon-support-5.jpg) no-repeat;
}
.support .support-list li.c6 {
background:url(/assets/images/img-icon-support-6.jpg) no-repeat;
}
.support .support-list h4 {
font-size:18px;
text-decoration:underline;
line-height:20px;
margin-bottom:10px;
}





/*  faq */
.faq{
	font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.faq .faq-top {
	height:59px;
	position:relative;
	border-bottom:solid 2px #00177c;
}
.faq .faq-top h3 {
	font-size:24px;
	line-height:59px;
	padding-left:20px;
	color:#00177C;
}
.faq .faq-list {
	padding:20px 330px 0 20px;
	min-height:390px;
	background:url(/assets/images/img-faq-right.jpg) no-repeat right bottom;
}
.faq .faq-list li {
	margin-bottom:12px;
}
.faq .faq-list li a.toggle {
	font-weight:bold;
	display:block;
	padding-left:20px;
	background:url(/assets/images/img-faq-open.jpg) no-repeat left 2px;
	color:#000;
}
.faq .faq-list li a.close {
	background:url(/assets/images/img-faq-close.jpg) no-repeat left 2px;
}
.faq .faq-list li > div {
	width: 550px;
	padding:16px 12px;
	background:#e8f1fe;
	margin-top:12px;
	color:#000;
	display:none;
}





/*  reseller-signup */
.reseller-signup {font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;}
.reseller-signup .reseller-signup-top {height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.reseller-signup .reseller-signup-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.reseller-signup .reseller-signup-top .btn-twitter {
width:144px;
height:37px;
display:block;
position:absolute;
right:80px;
top:10px;
}
.reseller-signup .reseller-signup-lf {
width:533px;
float:left;
padding:30px; 0 0 65px;
}
.reseller-signup .reseller-signup-lf h4 {
color:#000;
text-align:center;
margin-bottom:32px;
}
.reseller-signup .reseller-signup-lf .txB {
width:215px;
padding:0 0 0 5px;
height:18px;
border:solid 1px #929497;
font:normal 14px Helvetica, "Helvetica Neue", Arial, sans-serif
}
.reseller-signup .reseller-signup-lf .field {
width:222px;
margin-bottom:16px;
}
.reseller-signup .reseller-signup-lf .lf {
float:left;
}
.reseller-signup .reseller-signup-lf .rf {
float:right;
}
.reseller-signup .reseller-signup-lf .select select {
float:left;
margin-right:82px;
}
.reseller-signup .reseller-signup-lf .select .txB {
width:50px;
float:left;
}
.reseller-signup .reseller-signup-lf .field-wide {
clear:both;
padding-top:18px;
margin-bottom:34px;
}
.reseller-signup .reseller-signup-lf .field-wide textarea {
width:526px;
height:110px;
font:normal 14px Helvetica, "Helvetica Neue", Arial, sans-serif;
padding:5px 0 0 5px;
}
.reseller-signup .reseller-signup-lf .txS {
text-align:center;
}
.reseller-signup .reseller-signup-rf {
width:290px;
height:387px;
padding-top:45px;
float:right;
background:#e8f1fe url(/assets/images/img-reseller-right.jpg) no-repeat center bottom;
text-align:center;
color:#000;
line-height:18px;
}
.reseller-signup .reseller-signup-rf h4 {
font-size:20px;
color:#00177C;
line-height:30px;
margin-bottom:44px;
}





/*  reseller  */
.reseller {
font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
color:#000;
background:url(/assets/images/img-reseller-right2.jpg) no-repeat right bottom;
padding-bottom:35px;
}
.reseller .reseller-top {
height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.reseller .reseller-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.reseller h4 {
height:76px;
line-height:76px;
text-align:center;
}
.reseller .note {
height:100px;
background:#e8f1fe;
position:relative;
margin-bottom:30px;
}
.reseller .note .text {
width:735px;
}
.reseller .note .text ul {
padding-left:35px;
}
.reseller .note .text li {
float:left;
text-align:center;
color:#00177C;
font-size:20px;
line-height:26px;
font-style:italic;
font-weight:bold;
padding-top:24px;
}
.reseller .note .text li.c1 {
width:145px;
}
.reseller .note .text li.c2 {
width:178px;
}
.reseller .note a {
display:block;
width:156px;
height:36px;
position:absolute;
right:60px;
top:33px;
}
.reseller .table {
padding:0 0 0 110px;
line-height:20px;
} 
.reseller .table ul {
margin-bottom:46px;
}
.reseller .table div {
font-size:12px;
width:430px;
text-align:center;
font-style:italic;
}





/*  reseller-thank */
.reseller-thank {
font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
height:390px;
background:url(/assets/images/img-thank-you-right.jpg) no-repeat right bottom;
}
.reseller-thank .reseller-thank-top {
height:59px;
position:relative;
border-bottom:solid 2px #00177c;
}
.reseller-thank .reseller-thank-top h3 {
font-size:24px;
line-height:59px;
padding-left:20px;
color:#00177C;
}
.reseller-thank .reseller-thank-top .btn-twitter {
width:144px;
height:37px;
display:block;
position:absolute;
right:80px;
top:10px;
}
.reseller-thank .reseller-thank-lf {
width:540px;
padding:36px 0 0 22px;
color:#000;
}
.reseller-thank .reseller-thank-lf a {
color:#000;
}
.reseller-thank .reseller-thank-lf h4 {
font:bold italic 36px Georgia, Times, "Times New Roman", serif;color:#00177C;text-align:center;
margin-bottom:36px;
text-align:left;
}
.reseller-thank .reseller-thank-lf p {
margin-bottom:15px;
}