/*
Theme Name: PC Freight
Theme URI:
Description: ...
Author: Zebulon Young
Template:
Version: 0.1
Tags:

Copyright 2011.  Zebulon Young.


.home h1{background:transparent url("images/icons/logo-home.png")no-repeat; margin-left: 30px;}
#homepage #page-wrapper #page-header h1 { color: #4b7abf; text-transform:uppercase; margin:0; padding:10px 10px 10px 0; position:absolute; top: 78px; left: 30px; padding-top:20px;}

*/
h2.total {float:left; margin-right: 10px;}

div#page-header h1.logo {padding: 20px 10px 10px 0; background-image: none;}

.textcenter{text-align: center;}
body { font-family:	Tahoma, Verdana, Geneva, sans-serif; font-size:	10pt; color: #444; padding: 0; margin: 0; background-color: #e3e9f2; }

div#page-wrapper { margin: auto; padding: 0 30px; width: 960px; position:relative; }

div#page-header{height:92px;}

div#page-content { clear: both; background-color: #FFFFFF; position:relative; padding-bottom: 20px;}
div#page-content.home{background:url('images/hbg.jpg') top left no-repeat; min-height:605px; position:relative;}
div#page-content-home{padding: 30px; background:url('images/hbg.jpg') top left no-repeat; min-height:605px; position:relative;}
div.content-wrapper{padding: 30px; }

.slogan{position:absolute; top:120px; left: 80px; width:400px;  }
.slogan p{margin:6px 0; font-size:38px; color:#fff;}
.slogan .sleft{text-align: left;}
.slogan .sright{text-align: right;}
.slogan a{color:#003366; text-decoration:none; font-size: large;}
.slogan a:hover{text-decoration: underline;font-size: large;}

div#page-footer { clear: both; margin-top: 15px; }

div#featured-image { clear: left; float: left; width: 33.3%; }
div#about { float: left; width: 33.3%; }
div#services { float: left; width: 66.6%; }

div#partner-corner { float: right; width: 285px; margin-right:100px; margin-top:10px; }

div#quick-quote-wrapper div { margin: 0;}
div#partner-corner.quick-quotes { background-color: transparent; }

#quick-quote-wrapper h2 {margin:0; padding:15px 10px 5px 10px; padding-left:35px;  font-size: 16px; font-weight: normal; background:url("images/icons/note.png") 10px 12px no-repeat;}
#quick-quote-wrapper div.retail { background-color: transparent; margin-top: -22px; padding: 0px 5px 5px 160px;}
#quick-quote-wrapper img { background-color: transparent; margin-top: -22px; padding: 0px 0px 0px 85px;}
#quick-quote-wrapper div.form { padding: 10px; }
#quick-quote-wrapper .form .inside { text-align: center; }
#quick-quote-wrapper input[type=text] { border-radius: 5px; font-size: 16px; margin: 2px 0; padding: 5px; text-align: right; width: 235px; }

#quick-quote-wrapper .form .field { position: relative; overflow: hidden; border: 1px solid #999; border-radius: 5px; margin: 12px 5px; }
#quick-quote-wrapper .form .field .label { position: relative; font-size: 16px; color: #AAA; text-align: left; padding: 5px; background:#e4e4e4; border:1px solid #cecece}
#quick-quote-wrapper .form .field input[type=text],
#quick-quote-wrapper .form .field select { position: absolute; top: 0; right: 0; border: 0 none; background-color: transparent; outline: none; }
#quick-quote-wrapper .form .field select { left:0; width: 100%; height: 100%; background:#e4e4e4;}

#quick-quote-wrapper .form .field .error_message { color: #F30; display: none; padding: 0 5px 2px; text-align: right; }
#quick-quote-wrapper .form .field.error .error_message { display: block; }
#quick-quote-wrapper .form .field.error { border-color: #F30; }

#quick-quote-wrapper .form .field.city { display: none; }
#quick-quote-wrapper .form .field.state { display: none; }

#quick-quote-wrapper .form .controls { border: 0 none; text-align: right; }
#quick-quote-wrapper .form .button { width:252px; height:40px; line-height:40px; background: url("images/signin-btn.png") top left no-repeat; text-align: center; margin:0; color:#fff}

#quick-quote-wrapper .form ul { list-style: none; padding: 5px 20px 0; }
#quick-quote-wrapper .form ul li { font-size: 14px; overflow: hidden; padding-bottom: 5px; text-align: left; }
#quick-quote-wrapper .form .result .method { float: left; }
#quick-quote-wrapper .form .result .rate { float: right; text-align: right; }

/* for dialog */
#quick-quote-wrapper-dialog {}
div#partner-corner.quick-quotes { background-color: transparent; float: right; width: 300px;}
#quick-quote-wrapper-dialog h2 { background-color: #444; border-radius: 10px 10px 0 0; box-shadow: 2px 2px 9px #999; color: #FFF; margin: -5px 0 0; padding: 5px 10px;}
#quick-quote-wrapper-dialog div.bg { 
	background-color: #fff;
	border: 1px solid #444; 
	border-radius: 0 0 10px 10px; 
	box-shadow: 2px 2px 9px #999; 
	margin: 0; 
	padding: 10px 5px; 
}

#quick-quote-wrapper-dialog .bg  { 
	background-color: #fff;
	text-align: center; 
}
#quick-quote-wrapper-dialog input[type=text] { border-radius: 5px; font-size: 16px; margin: 0px 0; padding: 5px; text-align: right; width: 200px; }
#quick-quote-wrapper-dialog .bg .field { position: relative; overflow: hidden; border: 0px solid #999; border-radius: 5px; margin: 2px 5px; }
#quick-quote-wrapper-dialog .bg .field .error_message { color: #F30; display: none; padding: 0 5px 2px; text-align: right; }
#quick-quote-wrapper-dialog .bg .field.error .error_message { display: block; }
#quick-quote-wrapper-dialog .bg .field.error { border-color: #F30; }
#quick-quote-wrapper-dialog .bg .controlsok { border: 0 none; text-align: right; }
#quick-quote-wrapper-dialog .bg .buttonok{ background-image: none; background-color: #888; padding: 5px 15px; height: auto; border: 1px solid #444; border-radius: 5px; width: 25px; color: white; font-size: 16px; margin: 10px 170px; cursor: pointer;}


div#login-form {padding:15px; background:url('images/signin-box-bg.png');}
	.forgot{margin:10px 0; padding:0; list-style-type: none; }
	.forgot a{text-decoration: none; color:#fff}
	.forgot .fpass{float:left}
	.forgot .fnew{float:right}

div#services div.service { float: left; width: 50%; }
div#services div.service p, div#about p { padding-right: 30px; }

p.more { text-align: right; }
p.more a { color: inherit; text-decoration: underline; }

form ul, form li {
	padding:		0;
	margin:			0;
	list-style:		none;
	}

form li label {
	display:		block;
	float:			left;
	}


input[type=text],
input[type=password] { 
	background: #f5f5f5;
    border: 1px solid #cdcdcd;
    padding: 6px 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    width: 110px;
}
input[type=text].short { width: 50px; }
input[type=text],
input[type=password],
input[type=text].medium { width: 236px; }
input[type=text].long { width: 236px; }
input[type=text].x-long { width: 260px; }

form li label {
	width:			150px;
	margin-top:		2px;
	}

form li { clear: both; }

form li.controls { }

form li input.end-control {
	margin-left:	150px;
	}

div#login-form form li label { width: 80px; }

.button { background: url("images/buttons.png") no-repeat -10px -10px; cursor: pointer; display: inline-block; margin: 0 0 0 5px; overflow: hidden; height: 30px; width: 120px; font-size: 15px; }
span.alt-text { display: none; }

.button.cancel-order { background-position: -10px -330px; }
.button.submit#signin { width:252px; height:40px; line-height:40px; background: url("images/signin-btn.png") top left no-repeat; text-align: center; margin:0; color:#fff}
.button.save { background-position: -10px -90px; }
.button.cancel { background-position: -10px -290px; }
.button.checkout { background-position: -10px -50px; }
.button.edit { background-position: -10px -250px; width: 30px; }
.button.delete { background-position: -10px -370px; width: 30px; }
.button.add-to-cart { background-position: -10px -170px; }
.button.complete-order {background:url("images/sbtn.png") top left no-repeat; width:136px; height:42px; line-height:42px; color:#fff; text-align: center; margin:0; float:left}
.button.short-save { background:url("images/sbtn.png") top left no-repeat; width:136px; height:42px; line-height:42px; color:#fff; text-align: center; margin:0; float:left; }
.addcoupon { background:url("images/add.png") top left no-repeat; width:58px; height:45px; line-height:42px; color:#fff; text-align: center; margin:16px 0px 0px 16px; cursor: pointer; display: inline-block; border:0}
.button.short-cancel { background:url("images/cbtn.png") top left no-repeat; width:136px; height:42px; line-height:42px; color:#fff; text-align: center; margin:0; float:right; text-decoration: none; }

.button.processing { background: url("images/processing.gif") no-repeat -10px -10px; cursor: default; display: inline-block; margin: 0 0 0 5px; overflow: hidden; height: 30px; width: 120px; }

.actions .print-label { background: url("images/label.png") no-repeat; display: inline-block; height: 40px; margin-left: 5px; width: 30px; }
.actions .print-labels { background: url("images/labels.png") no-repeat; display: inline-block; height: 40px; margin-left: 5px; width: 30px; }

div#login-form h3{font-weight:normal; color:#fff; margin-top:0}
div#login-form .uinput,
div#login-form .pinput,
#account-login-page .uinput,
#account-login-page .pinput
{
	width:252px !important; 
	height:40px; 
	border:0 !important; 
	outline:0; 
	padding-left:40px; 
	color:#f2f2f2
}
form#account-login-page input.uinput,
form#account-login-page input.pinput{
	color: #333;
}
div#login-form .uinput{
	background: url("images/uinput.png") top left no-repeat; 
}
div#login-form .pinput{
	background:url('images/pinput.png') top left no-repeat; 
}
div#login-form li{margin:10px 0}

.controls { clear: both; margin-top: 5px; padding-top: 5px; }


div#customer .button.edit { float: right; background:url("images/icons/edit.png") 0px 0px no-repeat; width:50px}

p.action-description { color: #444444; margin: 0 5px; padding: 0; }

div#account-home div#account-stats { float: right; width: 40%; }
div#account-home div#account-settings { margin-top:40px; }
#account-home #search label{
	width: 70px;
	display: inline-block;
}

div#admin-home div#stats { float: right; width: 40%; }
div#admin-home div#settings { clear: right; float: right; width: 40%; }
div#admin-home div#recent-orders { float: left; width: 60%; }

div#admin-home div#affiliates { float: left; width: 40%; }
div#admin-home div#affiliates div.wrapper { border: 1px solid #444; margin: 0 10px 0 0; padding: 10px; }
div#admin-home div#affiliates h3 { margin-top: 5px; }

div#admin-home div#accounts { width: 60%; }

.settings ul { padding: 0; list-style: none; margin-top:20px; }

li.saved-card { height: 30px; }
li.saved-card .button { display: none; float: right; margin: 0; }

#add-payment-account,
#new-account { margin-top: 10px; padding: 5px; border: 1px solid #CCCCCC; }
#add-payment-account h4,
#new-account h4 { background-color: #FFFFFF; color: #CCCCCC; display: inline-block; margin: -15px 0 5px 0; padding: 0 5px 0 0; }

table.recent-orders { width: 100%; border-collapse: collapse;}
table.recent-orders tr:hover{background: #F2F2F2; color: #003366}
table.recent-orders tr td{padding:3px 10px; }
table.recent-orders tr a{color:#333; text-decoration: none;}
table.recent-orders tr a:hover{text-decoration: underline;}
table.recent-orders tr span{float:left; width:20px;  height:18px; }
table.recent-orders tr span.coupon{background: url("images/icons/c.png") no-repeat;}
.admin-static{background:#EDF1F8; padding:10px; height:500px; }
.admin-static h3{font-weight: normal; background: url("images/icons/static.png") no-repeat; margin:0; padding:5px 10px 5px 35px; }

div.form-wrapper {
	clear:			left;
	}

div.page-header img#logo {
	float:			left;
	width:			150px;
	}

div#page-header h1 { color: #4b7abf; text-transform:uppercase; margin:0; padding:10px 10px 10px 60px; position:absolute; top: 78px; left: 30px; padding-top:20px; background-image: url("images/icons/logo-home.png"); background-repeat: no-repeat}

div#order-list ul,
div#order-list li {
	list-style:		none;
	}

div#order-list ul li {
	float:			left;
	clear:			left;
	}

div#order-list ul li ul li {
	clear:			none;
	}

div#order-list li.name {
	width:			12em;
	}

div#order-list li.location {
	width:			10em;
	}

div#order-list li.date {
	width:			12em;
	}

div#order-list li.price {
	width:			6em;
	text-align:		right;
	}


/*** SHIPPING INTERFACE ***/

td { vertical-align: text-bottom; }

#shipping-interface { clear: left; width: 900px; padding:30px 50px }

#shipping-interface h2 { }
#shipping-interface h3 { margin-bottom: 0; }
#shipping-interface p { margin-top: 0; }

#shipping-interface #order-progress ul { float: left; padding: 0; margin: 0; list-style-type:none; }
#shipping-interface #order-progress li	{ float: left; padding-left: 30px; line-height:25px; background:url("images/icons/hide-arrow.png") 8px 4px no-repeat;}
#order-progress li.current { color: #333; background:url("images/icons/active-arrow.png") 8px 4px no-repeat !important;}
#shipping-interface #order-progress li.top{padding:0; background:none; padding-right:20px; }
#shipping-interface li.top h3 {margin:0; font-size:20px; }
#order-progress li.disabled { color: #DDDDDD; }

#shipping-interface form{ margin:0 auto; }
#shipping-interface form li{margin-bottom:2px}
#shipping-interface form li input, #shipping-interface form li select{background:#f5f5f5; border:0; border-radius:5px; padding:4px; width:275px; margin-bottom: 5px;}
#shipping-interface form li select{width:285px}

#shipping-interface #active-form { clear: left; float: left; width: 550px; margin-right: 40px; }
#shipping-interface #order-summary { float: left; width: 280px; }

#active-form .form-wrapper { padding-right: 30px; }
#active-form #instructions { margin-right: 30px; }

#product-list { border: 1px solid #DDDDDD; margin-right: 30px; max-height: 300px; overflow-y: scroll; }
#product-list div.product { clear: left; position: relative; padding: 5px; }
#product-list div.product-image { float: left; width: 160px; height: 80px; border: 1px solid black; margin-right: 5px; }
#product-list div.product-name { font-weight: bold; }
#product-list div.product .button.add-to-cart { float: right; margin-top: 0; }

div.product .button { display: none; }

#payment-form div { clear: left; }
#payment-form div#bill-partner-form { display: none; }
#payment-form div#bill-method-nav { float: left; width: 400px; border-bottom: 1px solid #999; margin-bottom: 10px; overflow: visible; }
#payment-form div#bill-method-nav li { display: block; float: left; clear: none; width: 120px; border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #999; padding: 4px; margin-left: 5px; background-color: white; }
#payment-form div#bill-method-nav li:hover { cursor: pointer; }
#payment-form div#bill-method-nav li.selected { position: relative; top: 1px; }
#payment-form div#creditcard-form { padding: 10px; }
#payment-form div#bill-partner-form { padding: 5px 30px 5px 10px; }

#payment-form ul.form-fields { min-height: 150px; }
#payment-form ul.form-fields .new-card { display: none; }

#order-detail { clear: both; }
#order-detail #order { float: left; padding-top: 20px; width: 50%; }
#order-detail #customer { float: left; width: 50%; }
#order-detail #payment { clear: left; float: left; width: 50%; }
#order-detail #packages { float: right; width: 50%; }

#order-detail div#order { clear: left; }
#order-detail div#order ol.order-items li { list-style: decimal; clear: left; }
#order-detail div#order ol.order-items li span { display: block; float: left; }

#shipping-interface div#controls { clear: left; text-align: right; }

#shipping-interface table.order-items { width: 600px; }
#shipping-interface table.order-items td.item-price { text-align: right; }
#shipping-interface div.order-total { width: 600px; text-align: right; font-weight: bold; }

table.cart { width: 100%; }
table.cart td.price { text-align: right; position:relative;  }
table.cart td.actions { text-align: right; }
table.cart td .button { float: right; display: none; }
table.cart tr.package td { height: 40px; padding-bottom: 10px; vertical-align: top; }
table.cart tr.subtotal td { vertical-align: top; }
table.cart tr.partner-total td { color: #CCCCCC; }

li.product span.price { float: right; }

/*** general ***/


div {
	/* outline:	1px solid #AEF; */
	padding:		0;
	margin:			0;
	}

img {
	border:		0px none;
	}

.left {
	float:			left;
	}

.right {
	float:			right;
	}

.clear {
	clear:		both;
	}

/**	PCFREIGHT
 *
 */

/* Package Builder */

#package-builder { overflow: hidden; padding: 5px 0px; position: relative; }

#package-builder .step { float: left; width: 150px; padding: 5px; margin-right: 10px; min-height: 300px; }
#package-builder .step .label { color: #CCC; font-size: 18px; }
#package-builder .step.enabled { background: #F2F2F2; }
#package-builder .step.enabled .label { color: #444; text-align: center; font-size: 20px; }

#package-builder .step ul { list-style: none; margin: 0; padding: 0; }
#package-builder .step li:hover { background-color: #003366; color: #FFF; }
#package-builder .step li.selected { background-color: #003366; color: #FFF; }

#package-builder .package-size { width: 100px; }
#package-builder .package-size li { font-size: 14px; padding: 2px 10px; text-align: right; margin-bottom:2px }
#package-builder .package-size li:hover { background-color: #003366; color: #FFF; }
#package-builder .package-size li.selected { background-color: #003366; color: #FFF; }

#package-builder .shipping-method { width: 220px; }
#package-builder .shipping-method li { font-size: 14px; overflow: hidden; padding: 2px 5px; margin-bottom:2px }
#package-builder .shipping-method li .method { float: left; }
#package-builder .shipping-method li .rate { float: right; }

#package-builder .insurance { min-height: inherit; }
#package-builder .insurance .field { display: none; }
#package-builder .insurance.enabled .field { display: block; position: relative; text-align: center; }
#package-builder .insurance.enabled .field .units { position: absolute; left: 0px; font-size: 14px; color: #999; top: 0; padding: 7px; }
#package-builder .insurance.enabled .field input { text-align: right; padding: 2px; width: 110px; margin: 5px 0; font-size: 14px; }

#package-builder .controls { background-color: #F2F2F2; position: absolute; right: 0px; bottom: 20px; margin: 0 20px; padding: 5px; width: 150px; }
#package-builder .controls div { display: block; }
#package-builder .controls .button { }
#package-builder .controls .button.enabled { background-color: #FC0; border-color: #FC0; }
#package-builder .price { font-size: 24px; padding: 0 10px; margin: 12px 10px; line-height: 16px; float: left; }

/* -- */

.store-wrapper {
	width:			960px;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		30px;
	}

.catalogue-wrapper {
	float:			right;
	width:			658px;
	padding-left:	20px;
	padding-right:	20px;
	}

div.shipping,
div.shipping div.column {
	float:			left;
	}

.shipping.wrapper {
	}

.shipping .column {
	}

.shipping .column.column-1 {
	width:			400px;
	}

.shipping .column.column-2 {
	width:			150px;
	}

.shipping .section {
	}

.shipping td.input-label {
	text-align:		right;
	}

/**
 *	User Menu
 */

div.user-menu-wrapper {
	position:			fixed;
	top:				0px;
	right:				20px;
	background-color:	white;
	z-index:			300;
	border-left:		1px solid black;
	border-right:		1px solid black;
	border-bottom:		1px solid black;
	}

div.user-menu-wrapper .user-menu-section {
	padding:			5px;
	}

table.order-detail {
	width:				800px;
	margin:				0;
	padding:			0;
	border-spacing:		0;
	}

table.order-detail td {
	font-size:			9pt;
	margin:				0;
	padding:			5px 5px;
	vertical-align:		top;
	}

table.order-detail tr.header td,
table.order-detail tr.order-total td {
	background-color:	#DDD;
	font-weight:		bold;
	border:				hidden;
	padding:			2px 5px;
	}

table.order-detail tr.row-even {
	background-color:	#F4F4F4;
	}

table.order-detail td.col-2 {
	text-align:			right;
	}

table.order-detail td {
	border:				1px solid white;
	}

table.order-detail tr.order-total td.col-1 {
	text-align:			right;
	}

div.cart-sidebar-wrapper {
	float:				right;
	width:				240px;
	}

table.cart-sidebar {
	width:				240px;
	margin:				0;
	padding:			0;
	border-spacing:		0;
	}

table.cart-sidebar td {
	font-size:			9pt;
	margin:				0;
	padding:			5px 5px;
	vertical-align:		top;
	}

table.cart-sidebar tr.header td,
table.cart-sidebar tr.order-total td {
	background-color:	#DDD;
	font-weight:		bold;
	border:				hidden;
	padding:			2px 5px;
	}

table.cart-sidebar tr.row-even {
	background-color:	#F4F4F4;
	}

table.cart-sidebar td.col-2 {
	text-align:			right;
	}

table.cart-sidebar td {
	border:				1px solid white;
	}

table.cart-sidebar tr.order-total td.col-1 {
	text-align:			right;
	}

/**
 * Menu Bar
 *
 */

div.menu ul { list-style: none; margin: 0; padding: 0; }
div.menu li { display: inline-block; padding: 5px; }
div.menu a, div.menu a:hover { color: inherit; text-decoration: none; }

div#main-menu-wrapper { clear: both; color: #333333; font-size: 11pt; text-align: right;}
div#main-menu-wrapper #menu-main li a{padding-left:35px; line-height:30px; float:left; }
div#main-menu-wrapper #menu-main li#menu-home a{background:url('images/icons/home.png') 0px -5px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-home a:hover{background:url('images/icons/home_over.png') 0px -5px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-contact a{background:url('images/icons/mail.png') 0px 5px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-contact a:hover{background:url('images/icons/mail_over.png') 0px 5px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-account a{background:url('images/icons/account.png') -2px -5px no-repeat; padding-left: 40px}
div#main-menu-wrapper #menu-main li#menu-account a:hover{background:url('images/icons/account_over.png') -2px -5px no-repeat; padding-left: 40px}
div#main-menu-wrapper #menu-main li#menu-coupon a{background:url('images/icons/coupon.png') -4px -5px no-repeat; padding-left: 30px; }
div#main-menu-wrapper #menu-main li#menu-coupon a:hover{background:url('images/icons/coupon_over.png') -4px -5px no-repeat; padding-left: 30px; }
div#main-menu-wrapper #menu-main li#menu-order a{background:url('images/icons/shipwine.png') 0px -7px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-order a:hover{background:url('images/icons/shipwine_over.png') 0px -7px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-international a{background:url('images/icons/international.png') 0px -7px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-international a:hover{background:url('images/icons/international_over.png') 0px -7px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-setting a{background:url('images/icons/setting.png') 0px 3px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-setting a:hover{background:url('images/icons/setting_over.png') 0px 3px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-address a{background:url('images/icons/address.png') 0px 3px no-repeat;}
div#main-menu-wrapper #menu-main li#menu-address a:hover{background:url('images/icons/address_over.png') 0px 3px no-repeat;}
div#session-tools { color: #333; float: right; }
div#session-tools a:hover { text-decoration: underline; }


div#footer-menu-wrapper { color: #FFFFFF; float: right; }
div#footer-menu-wrapper a:hover { text-decoration: underline; }

/*
div.menu-bar-wrapper {
	float:			left;
	clear:			both;
	position:		relative;
	width:			100%;
	padding:		0;
	margin:			0;
	}

div.menu-bar-wrapper .search-form {
	position:	absolute;
	top:		7px;
	right:		0;
	z-index:	200;
	}

div.menu-bar-wrapper #searchsubmit {
	display:		none;
	}

.menu-bar ul,
.menu-bar li {
	padding:	0;
	margin:		0;
	list-style:	none;
	}

div.menu-bar {
	float:			left;
	clear:			both;
	display:		block;
	position:		relative;
	height:			36px;
	width:			100%;
	border-top:		solid 1px #CCCCCC;
	border-bottom:	solid 1px #CCCCCC;
	background-color:	white;
	padding:		0;
	}

ul.menu-bar {
	padding:		0 30px;
	}

ul.menu-bar a {
	color:	#444444;
	text-decoration:	none;
	font-size:	10pt;
	font-weight:	normal;
	}

ul.menu-bar > li {
	float:		left;
	position:	relative;
	margin:		0px 5px;
	padding:	10px 5px;
	height:	17px;
	}

ul.menu-bar li li {
	float:		none;
	margin:		0;
	padding-left:	5px;
	padding-top:	5px;
	}

ul.menu-bar li li li {
	padding-left:	10px;
	}

ul.menu-bar > li > ul.children,
ul.menu-bar > li > ul.sub-menu {
	position:		absolute;
	width:			200px;
	background-color:	white;
	padding:			5px;
	border-left:	solid #CCCCCC 1px;
	border-right:	solid #CCCCCC 1px;
	border-bottom:	solid #CCCCCC 1px;
	top:	36px;
	left:	0px;
	visibility:	hidden;
	z-index:		100;
	}
*/

/**
 * Standard Wordpress Styles
 */
 /* for retail button */
 .retail {
	 margin:120px auto;
	 width:139px;
 }
 .retail .row {
	 clear:both;
	 margin:0 0 6px 0;
	 height:16px;
 }
 .retail .row label {
	 float:left;
	 width:40px;
 }
 .retail .row .switch {
	 
	 background-color: transparent;
 }
 .ui-dialog-titlebar-close {
   visibility: hidden;
 }
 div#expand{
 display:block;
 }

.zclear{clear:both; padding:5px 0;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.atitle{border-bottom:1px solid #003366; position:relative; height:24px; margin-bottom:25px }
	.atitle h2{color:#003366; font-size:16px; padding:10px 10px 10px 25px; margin:0;  position:absolute; top:0; left:0; background:#fff url("images/icons/user.png") 0px 10px no-repeat; }
	.atitle h2.shipping{color:#003366; font-size:16px; padding:10px 10px 10px 25px; margin:0;  position:absolute; top:0; left:0; background:#fff url("images/icons/order.png") 0px 10px no-repeat; }
	.atitle h2.cart{background:#fff 0px 0px no-repeat;}
.account-home-left{float:left; width:60%}
.account-information-left{
	float:left; 
	width:100%;
    border: none !important;
    border-radius: 0!important;
}
.account-home-right{float:right; width:300px;}
.wrapper.quick-quotes{width: 274px; background:#f2f2f2}
#account-settings h2{font-weight:normal; background:#fff url("images/icons/card.png") 0px 13px no-repeat;}
#recent-orders h2{background:#fff url("images/icons/order.png") 0px 11px no-repeat;}
#search h2 {background: #fff url("images/icons/search.png") 0px 11px no-repeat;}
.new-card input{background:#f5f5f5; border:1px solid #cdcdcd; padding:6px 5px; border-radius:5px; margin-bottom:5px; width: 110px}
.account-list a{color:#333; text-decoration:none; }
.account-list a:hover{text-decoration:underline}
.navi{color:#003366; font-weight:bold}
.navi a{color:#003366; font-weight:bold}
	.textinput{background:#E4E4E4; border:#CECECE; border-radius:5px; padding:10px 5px}

	.add-account{width:250px; padding:10px; background: #f2f2f2; }
	.add-account h3{margin:0; padding:10px 0; font-weight:normal; padding-left:30px; background: url("images/icons/add-user.png") 3px 8px no-repeat;}
	.add-account li{margin-bottom:5px; }
	.create-user{width: 252px; height: 40px; line-height: 40px; background: url("images/signin-btn.png") top left no-repeat; text-align: center; margin: 0; color: #fff;}
	h2.cart-title{background:#fff url("images/icons/cart.png") 0px 4px no-repeat;}
	h2.packages-title{background:#fff url("images/icons/packages.png") 0px 10px no-repeat;}
	h2.review{background:#fff url("images/icons/review.png") 0px 10px no-repeat;}
	h2.payment{background:#fff url("images/icons/payment.png") 0px 10px no-repeat;}
	h2.ship{background:#fff url("images/icons/ship.png") 0px 14px no-repeat;}
	h2.coupon{background:#fff url("images/icons/coupon_over.png") no-repeat; padding-left:35px; }
	.cart tr {padding:5px 0}
	.cart tr td{border-bottom:1px solid #ccc; padding:10px 0}
	.cart tr.subtotal td{border:0}
	table.cart td.price .place-holder{display: inline-block; float: right; height: 30px; width: 30px; position:absolute; top:40px; right:12px}

	.password-reset{text-decoration: none; color:#003366}
	.password-reset:hover{text-decoration: underline;}
	#account-login-page .uinput, #account-login-page .pinput{background:#f5f5f5; border: 1px solid #ccc !important; color: #333; padding: 0 10px; height: 30px; width: 225px !important;}

	#admin-account input, #admin-account select, #admin-account textarea{background: #f5f5f5; border: 0; border-radius: 5px; padding: 4px; width: 275px; border:1px solid #eee; margin-bottom: 5px;}
	#admin-account input[type="checkbox"]{width: 20px;}
	#admin-account textarea{height:100px; margin:3px 0;}
	#admin-account select{width:285px}
	.admin-contact li{margin:5px 0; }

	#address-box{background:#F2F2F2; margin-top: 10px; }
	#address-box h3{margin:0; padding:10px 0px 10px 40px; background: url("images/icons/address.png") 5px 10px no-repeat; font-size:18px; font-weight:normal;}
	#address-box ul{margin:0; padding:0; list-style-type: none}
	#address-box ul li{border-bottom:1px solid #ebebeb; clear:both; position: relative;  }
	#address-box ul li a{line-height:25px; text-decoration: none; display: block; color: #333; padding:0 15px; }
	#address-box ul li a:hover{background: #fff}
	#address-box ul li strong.title{padding:10px 15px; float: left;}
	#address-box ul li strong.action{padding:10px 15px; float: right;}
	#address-box .navi{padding:5px 15px; text-align: center; }
	#address-box .act{float:right; width:80px; position:absolute; top:0; right:0}
	#address-box .act a{float:left; margin:0; padding:3px 5px; }
	#address-box .act a:hover{background: transparent;}
	.error{color:#f00;}
	.maccount{padding-left:20px !important; background: url("images/icons/user-black.png") 2px 3px no-repeat;}
	.add-new{float:right; color:#003366; background: url("images/icons/add.png") 0px 3px no-repeat; margin-right: 10px; font-size: 13px; padding:5px 0 5px 20px; text-decoration: none; }

	.coupon-box{}
	.coupon-box input{width:90%; padding:6px 4px; border:1px solid #cdcdcd; border-radius:5px; background: #f5f5f5; outline: 0; -moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 0 0 1px #ccc; box-shadow: 0 0 1px #ccc;}
	.add-coupon-box{width:220px; height:70px; padding:10px; background-color:#f2f2f2;  top:40px; right:0px; display: none; } /*position:absolute;*/
	#coupon-p{display: none;}
	table.coupon-list{width:100%; border-collapse: collapse;}
	table.coupon-list tr{line-height:24px; }
	table.coupon-list tr:hover{background:#f2f2f2; font-weight:bold; color:#003366}
	table.coupon-list a.delcoupon{display:block; width:13px; height: 16px; background: url('images/icons/adel.png') top left no-repeat; margin:0 auto; }
	.address-search{text-align:center; background:#fff url("images/icons/search.png") 225px 6px no-repeat; width:250px; margin:0 auto; position:relative;}
	#address-key{ width:240px; background: transparent; border: 0; padding:5px; outline:0;}
	.address-search ul{position: absolute; top:31px; left:0; width:250px; padding:0; margin:0; z-index:20; }
	.address-search ul li a{background:#fff; line-height:30px !important; height:30px !important; display:block; padding:0 5px !important; }
	.address-search ul li a:hover{background:#E5E5E5 !important}
	.address-search ul li a span.name{float:left}
	.address-search ul li a span.state{float:right}

	#payment{position:relative; }

	.account-list .shipwine, .account-list .delaccount{width:80px; padding-left:25px; }
	.account-list .shipwine{background:url("images/icons/shipwine.png") -5px -6px no-repeat; }
	.account-list .delaccount{background:url("images/icons/adel.png") 7px 6px no-repeat; }


/*hwl*/
#package-builder .package-size { width: 130px; }

#package-builder div.form { }
#package-builder .form .inside { text-align: center; }
#package-builder input[type=text] { border-radius: 5px; font-size: 16px; margin: 2px 0; padding: 5px; text-align: right; width: 300px; }

#package-builder .form .field { position: relative; overflow: hidden; border: 1px solid #999; border-radius: 5px; margin: 12px 5px; }
#package-builder .form .field .label { position: relative; font-size: 16px; color: #AAA; text-align: left; padding: 5px; background:#e4e4e4; border:1px solid #cecece}
#package-builder .form .field input[type=text] { position: absolute; top: 0; right: 0; border: 0 none; background-color: transparent; outline: none; }
#package-builder .form .field select { position: absolute; top: 0; right: 0; border: 0 none; background-color: transparent; outline: none; }
#package-builder .form .field select { left:0; width: 100%; height: 100%; background:#e4e4e4;}

#package-builder .form .field .error_message { color: #F30; display: none; padding: 0 5px 2px; text-align: right; }
#package-builder .form .field.error .error_message { display: block; }
#package-builder .form .field.error { border-color: #F30; }
.success_message { color: #006400; font-weight:bold; }

#package-builder .form .field.city { display: none; }
#package-builder .form .field.state { display: none; }

#package-builder .form .controls { border: 0 none; text-align: right; }
#package-builder .form .button { width:252px; height:40px; line-height:40px; background: url("images/signin-btn.png") top left no-repeat; text-align: center; margin:0; color:#fff}

#package-builder .form ul { list-style: none; padding: 5px 20px 0; }
#package-builder .form ul li { font-size: 14px; overflow: hidden; padding-bottom: 5px; text-align: left; }
#package-builder .form .result .method { float: left; }
#package-builder .form .result .rate { float: right; text-align: right; }

#package-builder .insurance { width: 130px; min-height: inherit; }
#package-builder .insurance .field { display: none; }
#package-builder .insurance.enabled .field { position: relative; overflow: hidden; border: 1px solid #999; border-radius: 5px; margin: 12px 5px; }
#package-builder .insurance.enabled .field .units { position: relative; font-size: 16px; color: #AAA; text-align: left; padding: 5px; background:#e4e4e4; border:1px solid #cecece }
#package-builder .insurance.enabled .field input { position: absolute; top: 0; right: 0; border: 0 none; background-color: transparent; outline: none; }

.box-wrapper {
	background: #f3f3f3;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #bbb;
	float: left;
	margin: 10px 0;
	padding: 5px 0;
	width: 100%;
}
.box-wrapper h2 {
	padding: 5px 10px;
	margin: 5px 0px;
	width: 100%;
	float: left;
}
.box-wrapper .form {
	padding: 0px 10px;
	float: left;
}

.pcf-tabs ul.pcf-tab-nav{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 0!important;
    border: none !important;
    background: none!important;
}

.pcf-tabs ul.pcf-tab-nav li{
	display: inline-block;
    min-width: 210px;
    width: auto;
    border: none !important;
    border-radius: 0 !important;
}

.pcf-tabs ul.pcf-tab-nav li a{
	display: block;
	text-align: center;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus{
	outline: none;
}

/*.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
/* .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } */
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 1px; background: none !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text;
 }
 .pcf-tabs .ui-tabs-tab.ui-tab.ui-state-default{
	background: none;
 }
 .ui-tabs .ui-tabs-nav li.ui-tabs-active a h2{
	 border-top:1px solid #ccc;
	 border-right:1px solid #ccc;
	 border-top-right-radius: 5px;
	 box-sizing: border-box;
 }

 .ui-tabs .ui-tabs-nav li a h2{
	 background-position-x: 10px;
	 padding-left:35px;
	 margin-right: 5px;
 }
 .ui-tabs .ui-tabs-nav li a h2{
	background-position-x: 10px;
	padding-left:40px;
}

 .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) a h2{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top-right-radius: 5px;
	box-sizing: border-box;
	background-color:  #e3e9f2;
	color: #386694;
}

.ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) a h2:hover{
	background-color:#eee;
	color: #003366;
	z-index:2;
}

.ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) a .atitle{
	padding-left:30px;
}
.ui-tabs-panel#account-information,
.ui-tabs-panel#shipping-information{
	border:none !important;
}