#masthead { background-color:#858f96;height: 98px !important;}

#content { padding-left:30px;}
#content td { font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:4px;}
#content .instruction { padding-left:4px;}
#content input { border:1px solid #C0C0C0; font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#content select { border:3px solid #C0C0C0; background-color:#CCCCCC; color:#000000; font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
p { font: normal 11px/13px verdana, helvetica, arial, sans-serif; color: #000; background: transparent; margin: 0px; }	

table.credit { font: normal 11px/13px verdana, helvetica, arial, sans-serif; margin: 13px 0px 26px;  }
table.credit td { vertical-align:top; padding: 0px 0px; }
table.credit td span { font-weight:normal; margin-left:13px; }
table.credit td.label { font-weight:bold; text-align:left; vertical-align:top; padding: 0px 13px 20px 0px;}
table.credit h3 { font: bold 11px/13px verdana, helvetica, arial, sans-serif; color:#000; clear:both; margin: 0 0 13px; }
table.credit td.label { text-align:left; font-weight:normal; border-bottom:1px solid #CCC; padding-right:0px;} 
table.credit div {color:#FFF; font-weight:bold; background-color:#9DB9DC; padding-left:4px; border:0px solid #444;} 
table.credit p {padding-left:20px;}

H1.review { font: bold 11px/13px verdana, helvetica, arial, sans-serif; color:#000; clear:both; margin: 0 0 13px; }
#content H1.review span { font-weight:normal; margin-left:340px; }

table.ship { font: normal 11px/13px verdana, helvetica, arial, sans-serif; float:left; margin: 13px 39px 13px 13px;  }
table.ship td { vertical-align:bottom; padding:0px 0px; }
table.ship td span { font-weight:normal; margin-left:26px; }
table.ship td.label { font-weight:bold; text-align:right; vertical-align:top; padding: 0px 13px 20px 0px;}
table.ship h3 { font: bold 11px/13px verdana, helvetica, arial, sans-serif; color:#000; clear:both; margin: 0 0 13px; }
table.ship td.label { text-align:left; font-weight:normal; border-bottom:1px solid #CCC; padding-right:0px;} 
table.ship div {color:#FFF; font-weight:bold; background-color:#9DB9DC; padding-left:4px; border:0px solid #444;} 
table.ship p {padding-left:20px;}

table.order { border:1px solid;border-color:#cccccc; }
table.order th { font-size:9px; font-weight:bold; color:#FFFFFF; background:#9DB9DC center; vertical-align:bottom; padding:3px;}
table.order td.top { font-size:9px; border:0px; padding: 5px 3px 3px; text-align:center; vertical-align:top; }
table.order td.top-left { font-size:9px; border:0px; padding: 5px 3px 3px; text-align:left; vertical-align:top;}
table.order td.top-right { font-size:9px; border:0px; padding: 5px 3px 3px; text-align:right; vertical-align:top;}
table.order td.center { font-size:9px; border-top: 1px dotted #9DB9DC; padding: 5px 3px 3px; text-align:center;}
table.order td.left { font-size:9px; border-top: 1px dotted #9DB9DC; padding: 5px 3px 3px; text-align:left;}
table.order td.right { font-size:9px; border-top: 1px dotted #9DB9DC; padding: 5px 3px 3px; text-align:right;}

table.order td.total { font-size:9px; border-top: 1px dotted #9DB9DC; padding: 5px 3px 3px; text-align:right;}
table.order td.total-caption { font-size:9px; border-top: 1px dotted #9DB9DC; padding: 5px 3px 3px; text-align:right;}
table.order td.total-price { font-size:9px; border-top: 1px dotted #9DB9DC; padding: 5px 3px 3px; text-align:right;}
table.order td.total-bold { font-size:9px; font-weight:bold; border-top: 1px dotted #9DB9DC; padding: 8px 3px 4px; text-align:right;}

table.order td.norule form div { font-size:9px; font-weight:bold; text-align:right; }
table.order td.noruleleft { font-size:9px; border-top:0px; padding: 5px 3px 3px; text-align:left;}
table.order td.norule { font-size:9px; border-top:0px; padding: 5px 3px 3px; text-align:right;}
table.order td.norule form select { font-size:9px;  border-top:0px; padding: 5px 3px 3px; text-align:right;}
table.order td.norule-bold { font-size:9px; font-weight:bold; border-top:0px; padding: 5px 3px 3px; text-align:right;}

table.order td.promo { color:#FFF; background-color:#FFA51F; font-size:12px; border: 2px #003366 solid; padding: 5px 3px 3px; text-align:center;}	
table.order td.promo h6 { color:#FFF; background-color:#FFA51F; font-size:9px; font-weight:normal;}


#bluetable { padding:5px 0 10px; color:#000; font:10px Verdana, sans-serif; vertical-align:top; }
#bluetable th { background-color:#12284d  ; border-right:#ccc 1px solid; color:#fff; font:bold 9px Verdana, sans-serif; padding:9px 15px; text-align:center; text-transform:uppercase; vertical-align:bottom;}
#bluetable th a { color:#fff; text-decoration:none; }
#bluetable th a:hover { color:#fff; text-decoration:underline; }
#bluetable tr.lineitemodd { background-color:#F5F5F5; }
#bluetable tr.lineitemhighlight td { font-weight:bold; }
#bluetable td { border-right:#ccc 1px solid; border-top:#cccccc 1px solid; font:10px Verdana, sans-serif; padding:2px 2px 2px 10px; text-align:left; vertical-align:top; }
#bluetable td:last-child { padding-right:10px; text-align:right; }
#bluetable td.left { border-right:#ccc 1px solid; border-top:#ccc 1px solid; font:10px Verdana, sans-serif; padding:2px; text-align:left; vertical-align:top; }
#bluetable td.footer { background-color:#12284d !important; border-right:#ccc 1px solid; color:#fff !important; font:bold 9px Verdana, sans-serif; padding:3px; text-align:center; text-transform:uppercase; vertical-align:bottom; }
#bluetable td.footer a { color:#fff; text-decoration:none; }
#bluetable td.footer a:hover { color:#ffffff; text-decoration:underline;}
#bluetable span.item-count{ display: block; font-size: 8px; color: #a0a0a0; line-height: 0; margin-top: 5px; text-transform: uppercase;}

#order_status_details .order { padding:5px 0 10px; border:0;}
#order_status_details .order table { border:#ccc 1px solid; color:#000; font:10px Verdana, sans-serif; vertical-align:top; }
#order_status_details .order th { background-color:#12284d  ; border-right:#ccc 1px solid; color:#fff; font:bold 9px Verdana, sans-serif; padding:9px 15px; text-align:center; text-transform:uppercase; vertical-align:bottom;}
#order_status_details .order th a { color:#fff; text-decoration:none; }
#order_status_details .order th a:hover { color:#fff; text-decoration:underline; }
#order_status_details .order tr.lineitemodd { background-color:#F5F5F5; }
#order_status_details .order tr.lineitemhighlight td { font-weight:bold; }
#order_status_details .order td { border-right:#ccc 1px solid; border-top:#cccccc 1px solid; font:10px Verdana, sans-serif; padding:2px 2px 2px 10px; text-align:left; vertical-align:top; }
#order_status_details .order td:last-child { padding-right:10px; text-align:right; }
#order_status_details .order td.left { border-right:#ccc 1px solid; border-top:#ccc 1px solid; font:10px Verdana, sans-serif; padding:2px; text-align:left; vertical-align:top; }
#order_status_details .order td.footer { border-right:#ccc 1px solid; color:#fff; font:bold 9px Verdana, sans-serif; padding:3px; text-align:center; text-transform:uppercase; vertical-align:bottom; }
#order_status_details .order td.footer a { color:#fff; text-decoration:none; }
#order_status_details .order td.footer a:hover { color:#ffffff; text-decoration:underline;}

.order-detail .order { padding:5px 0 10px; border:0;}
.order-detail .order table { border:#ccc 1px solid; color:#000; font:10px Verdana, sans-serif; vertical-align:top; }
.order-detail .order th { background-color:#12284d  ; border-right:#ccc 1px solid; color:#fff; font:bold 9px Verdana, sans-serif; padding:9px 15px; text-align:center; text-transform:uppercase; vertical-align:bottom;}
.order-detail .order th a { color:#fff; text-decoration:none; }
.order-detail .order th a:hover { color:#fff; text-decoration:underline; }
.order-detail .order tr.lineitemodd { background-color:#F5F5F5; }
.order-detail .order tr.lineitemhighlight td { font-weight:bold; }
.order-detail .order td { border-right:#ccc 1px solid; border-top:#cccccc 1px solid; font:10px Verdana, sans-serif; padding:2px 2px 2px 10px; text-align:left; vertical-align:top; }
.order-detail .order td:last-child { padding-right:10px; text-align:right; }
.order-detail .order td.left { border-right:#ccc 1px solid; border-top:#ccc 1px solid; font:10px Verdana, sans-serif; padding:2px; text-align:left; vertical-align:top; }
.order-detail .order td.footer { border-right:#ccc 1px solid; color:#fff; font:bold 9px Verdana, sans-serif; padding:3px; text-align:center; text-transform:uppercase; vertical-align:bottom; }
.order-detail .order td.footer a { color:#fff; text-decoration:none; }
.order-detail .order td.footer a:hover { color:#fff; text-decoration:underline;}

div.order-detail table.order-detail { border:0; border-collapse:collapse; color:#000; font:10px Verdana, sans-serif; vertical-align:top; width:100%; margin-top:20px;}
div.order-detail table.order-detail th { background-color:#12284d; border:0; color:#fff; font:bold 9px Verdana, sans-serif; padding:9px 15px; text-align:center; text-transform:uppercase; vertical-align:bottom;}
div.order-detail table.order-detail th a { color:#fff; text-decoration:none; }
div.order-detail table.order-detail th a:hover { color:#fff; text-decoration:underline; }
div.order-detail table.order-detail tr.lineitemodd { background-color:#F5F5F5; }
div.order-detail table.order-detail tr.lineitemhighlight td { font-weight:bold; }
div.order-detail table.order-detail td { border:0; font:10px Verdana, sans-serif; padding:2px 2px 2px 10px; text-align:center; vertical-align:top; }
div.order-detail table.order-detail td:nth-child(1) { }
div.order-detail table.order-detail td:nth-child(2) { text-align:left;}
div.order-detail table.order-detail td:nth-child(3) { }
div.order-detail table.order-detail td:nth-child(4) { }

div.order-detail form table.order-detail.worksheet-detail-table tbody tr td.center { text-align:center;}

.order-detail table.ext-delivery-details { border:0; border-collapse:collapse; color:#000; font:10px Verdana, sans-serif; vertical-align:top; width:100%; margin-top:20px;}
.order-detail table.ext-delivery-details th { background-color:#12284d; border:0; color:#fff; font:bold 9px Verdana, sans-serif; padding:9px 15px; text-align:center; text-transform:uppercase; vertical-align:bottom;}
.order-detail table.ext-delivery-details th a { color:#fff; text-decoration:none; }
.order-detail table.ext-delivery-details th a:hover { color:#fff; text-decoration:underline; }
.order-detail table.ext-delivery-details tr.lineitemodd { background-color:#F5F5F5; }
.order-detail table.ext-delivery-details tr.lineitemhighlight td { font-weight:bold; }
.order-detail table.ext-delivery-details td { border:0; font:10px Verdana, sans-serif; padding:2px 2px 2px 10px; text-align:center; vertical-align:top; }
.order-detail table.ext-delivery-details td:nth-child(1) { width:50px;}
.order-detail table.ext-delivery-details td:nth-child(2) { text-align:left;}
.order-detail table.ext-delivery-details td:nth-child(3) { width:35px;}
.order-detail table.ext-delivery-details td:nth-child(4) { width:150px;}

.order-detail .worksheet-detail-table { margin-top:30px;}
.order-detail .worksheet-detail-table thead tr th { text-transform:uppercase;}

.interior-pages div.order-detail > table:nth-child(5) > tbody:nth-child(1) > tr:nth-child(6) { background-color:#F00;}
.interior-pages .left { text-align:left !important; padding-left:4px !important;}
.interior-pages .right { text-align:right !important; padding-right:10px !important;}
#bluetable .center { text-align:center !important;}

/* #orderstatus #order_status_details .order *,		.order-detail .worksheet-detail-table *,			#orderstatus #bluetable *, 			.order-detail table.ext-delivery-details { } */
div.order-detail table.order-detail *,		  #order_status_details .order *,			.order-detail .worksheet-detail-table *,			#orderstatus #bluetable *, 			.order-detail table.ext-delivery-details * 			{ border:0;}
div.order-detail table.order-detail td,		  #order_status_details .order td,			.order-detail .worksheet-detail-table td,			#orderstatus #bluetable td, 		.order-detail table.ext-delivery-details td 		{color: #333333;	padding: 1.45em 1.4em; font:12px/17px Verdana, sans-serif;}
div.order-detail table.order-detail thead tr, #order_status_details .order thead tr,	.order-detail .worksheet-detail-table thead tr,		#orderstatus #bluetable thead tr, 	.order-detail table.ext-delivery-details thead tr 	{ background: #12284d;}
div.order-detail table.order-detail thead th, #order_status_details .order thead th,	.order-detail .worksheet-detail-table thead th,		#orderstatus #bluetable thead th, 	.order-detail table.ext-delivery-details thead th	{
	font: 700 11px/15px Lato, Arial, sans-serif;
	letter-spacing: 0.05em;
	padding: .9em 1.4em;
	border-bottom: 0px solid #ddd;
	color: #ffffff;
}

#orderstatus #order_status_details .order tbody tr,	
div.order-detail table.worksheet-detail-table tbody tr, 	
#orderstatus #bluetable tbody tr,
.order-detail table.ext-delivery-details tbody tr, 
div.order-detail table.order-detail tbody tr {
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#orderstatus #order_status_details .order tbody tr:nth-child(even),	
div.order-detail table.worksheet-detail-table tbody tr:nth-child(even), 
#orderstatus #bluetable tbody tr:nth-child(even), 
.order-detail table.ext-delivery-details  tbody tr:nth-child(even),
div.order-detail table.order-detail tbody tr:nth-child(even){ 
	background-color: #f0f2f2;
}

#bluetable td.footer { background-color:#12284d !important; color: #FFF !important;} 
/* #order_status_details .order td.footer { background-color:#12284d !important;} */

#orderstatus #order_status_header { margin-top:40px;}
#orderstatus #order_status_header td {	font: normal 12px/17px Lato, Arial, sans-serif;}
#orderstatus #order_status_header td.prompt { font-weight:bold;}

/* #orderstatus.orderstatus_main div#bluetable table > tbody:nth-child(1) > tr:nth-child(1) > td { background-color: #fff;} */

/** BUTTON STYLING **/
#orderstatus.my_orders .myorders_right .txnnumbuttons .tcom_button { margin-bottom:10px;}
#orderstatus.my_orders a.tcom_button {}


#orderstatus a.tcom_button span, 		.interior-pages a.tcom_button span, 
#orderstatus button.tcom_button span , 	.interior-pages button.tcom_button span { 
	background-image:none !important;
	background-color:#12284D; 
	display: block; 
	line-height: 15px; 
	padding: 12px 0 10px 15px;
	font: 900 12px/15px Lato,Arial,sans-serif;
	text-transform:uppercase;
} 

#orderstatus a.tcom_button, 			.interior-pages a.tcom_button, 
#orderstatus button.tcom_button,		.interior-pages button.tcom_button {
	background-image:none !important;
	background-color:#12284D;
	color: #fff; 
	display: block; 
	float: left;
	font: 900 12px/15px Lato,Arial,sans-serif;
	height: 38px; 
	margin-right: 6px; 
	padding-right: 15px; 
	text-decoration: none;
}
#orderstatus a.tcom_button:hover span, 		.interior-pages a.tcom_button:hover span, 
#orderstatus button.tcom_button:hover span,	.interior-pages button.tcom_button:hover span,
#orderstatus a.tcom_button:hover, 			.interior-pages a.tcom_button:hover, 
#orderstatus button.tcom_button:hover,		.interior-pages button.tcom_button:hover 		{ 
	background-color: #2A5192; outline: none; transition: all 0.3s ease-out 0s;
}

#orderstatus a.tcom_button:active span,		.interior-pages a.tcom_button:active span,
#orderstatus button.tcom_button:active span,.interior-pages button.tcom_button:active span,
#orderstatus a.tcom_button:active,			.interior-pages a.tcom_button:active,
#orderstatus button.tcom_button:active, 	.interior-pages button.tcom_button:active { 
	outline: none; transition: all 0.3s ease-out 0s; 
}






#calender { width:210px;}
#calender table { border-collapse:collapse; border-color:#FFF; width:100%;}
#calender td { text-align: center; font: normal 10px Verdana, Arial, Tahoma;}
#calender a { font: normal 10px Verdana, Arial, Tahoma;}
#calender b { display:block; background:#9DB9DC; color:#FFF; font: normal 10px Verdana, Arial, Tahoma;}
#calender .cal_title { background:#9DB9DC; color:#FFF; width:100%; font: bold 12px Verdana, Arial, Tahoma;}


#advancedsearch { border:0px solid #EEE;}
#advancedsearch td { font: bold 10px Verdana, Arial, Tahoma;}
#advancedsearch input, select { font: normal 11px Verdana, Arial, Tahoma; border:1px solid #333; background-color:#FFF; margin-right:3px;}
#advancedsearch select { text-align:right;}
#advancedsearch img { vertical-align:middle;}	
#advancedsearch div { text-align:right;}	

div.account_rep_module_wrapper div.rep div.gradientbox_rounded_corners p { font:13px/16px normal Arial,Helvetica,sans-serif; margin-bottom:10px;}
div.account_rep_module_wrapper div.rep div.gradientbox_rounded_corners p span.Bold_Text {font-weight: bold;}

/* ========================================================================== */
/* Account Rep Module | 03172015 - Steve */
/* ========================================================================== */

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html { color: #333; font-size: 12px; line-height: 1.4;}
main.content h1,
main.content h2,
main.content h3,
main.content h4,
main.content h5,
main.content h6 { font-family:Lato, Arial, sans-serif !important; font-weight:900 !important;}
::-moz-selection { background: #b3d4fc; text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none;}
audio, canvas, iframe, img, svg, video { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#content.ng-scope { padding-left:0 !important;}      
   
.boxSized, .boxSized #content * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.flexbox *, .flexbox *:before, .flexbox *:after  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.flexbox body #frame_body { background: #ededed !important; color:#333 !important;}

.ng-scope a { 
	text-decoration: none; 
	color: #1563a5; 
	font-size: 11px; 
	-webkit-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out; 
	position: relative; 
	padding: .5em; 
	margin: -.5em;
	}
.ng-scope a:hover { color: #2a89da; }

.flexbox p { margin: .5em 0 .5em 0;}
.flexbox .content { font: 1em/1.4 Arial, "Helvetica Neue", Helvetica, sans-serif; color:#333333;}
.flexbox .title { font: 900 1.7em/1.4 Lato, Arial, sans-serif !important; margin:0; color:#333333;}
.flexbox .code { font: 0.8em/1.6 Monaco, Mono-Space, monospace;}
.flexbox hr { display: block; height: 3px; border: 0; /*background:#ededed;*/ border-top: 3px solid #ededed; margin: .6em 0 1em 0; padding: 0; width:100%;}
.flexbox hr.dotted { border-top: 2px dotted #bfbfbf; margin:1.1em 0; height:2px;}
.flexbox ul { list-style: none; margin:0; padding:0;}
.flexbox span.meta { display: block; font-size: 10px; color: #a0a0a0; text-transform: uppercase; font-weight:bold;}

.btn {
    background: none repeat scroll 0 0 #12284d;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 900 12px/15px Lato,Arial,sans-serif;
    letter-spacing: 0.07em;
    margin: 0;
    padding: 1em 1.3em 0.85em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:hover { background: none repeat scroll 0 0 #2a5192; color: #fff;}
.btn.small { font: 700 9px/15px Lato,Arial,sans-serif; padding: 0.6em 1.4em 0.4em;}
.btn.wide { padding: 1em 2.1em 0.85em;}
.btn.secondary { background: none repeat scroll 0 0 #bfbfbf;}
.btn.secondary:hover { background: none repeat scroll 0 0 #939292;}
.btn.secondary.alt { background: none repeat scroll 0 0 #fff; border: 1px solid #bfbfbf; color: #939292;}
.btn.secondary.alt:hover { background: none repeat scroll 0 0 #ddd;}
.gradient, .tabbed-nav.primary-tabs li.is-active a { background: linear-gradient(to bottom, #1e4c85 0%, #163760 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.btn.gradient:hover { background: none repeat scroll 0 0 #163760;}
.media { margin: 10px;}
.media, .bd { overflow: hidden;}
.media .img { float: left; margin-right: 10px;}
.media .img img { display: block;}
.media .imgExt { float: right; margin-left: 10px;}

/* Wrappers */
.flexbox .container { width:910px; margin:0 auto;}
div#dash-head.dashboard div.container { width:910px; margin:0 auto;}
nav.tabbed-nav div.container { width:910px; margin:0 10px;}
/* nav.tabbed-nav { width:960px; margin:0;}  - need this to have a margin at top of order finder results */

/******************
----- Header -----
*******************/
header {color:#fff;}

#dash-head { width: 960px; height: 128px; margin:0 auto; color:#fff;}
#dash-head.dashboard { background: #ccc url(/yts/images/banner/commerce-services-account-header.jpg) bottom right no-repeat; background-size:1160px 128px;}

#dash-head .account-info,#dash-head .account-logo { display:table-cell; vertical-align:middle;}
#dash-head .account-logo { text-align:right;}
#dash-head .account-info h1 { margin:0; letter-spacing: 0.03em; color:#fff;}
#dash-head .account-info h1 a { text-decoration:none; font-family: Lato, Arial, sans-serif; font-weight: 900; font-size:1em; padding:0; margin:0; color:#fff;}


/******************
---- Navigation ---
*******************/

/* Global Nav */
[class$="nav"] li { margin: 0; display: inline-block; float:left;}
[class$="nav"] li br { display:none;}
[class$="nav"] ul { margin: 0; padding:0;}

/* Main Tabbed Nav */
.tabbed-nav { border-top: 0; border-bottom: 1px solid #d1d1d1; padding: 0; background:#dbdbdb; margin: 0; width:100%; min-width:910px;}
.tabbed-nav ul { list-style-type: none;}
.tabbed-nav li a { border: 0; border-right: 1px solid #d1d1d1; padding: 1.4em 1.2em; /* ~16.8px ~20.4px */ display: inline-block; margin:0; color:#12284d; font: 700 13px/15px Lato, Arial, sans-serif;}
.tabbed-nav li a:hover {     background-color: #f6f6f6; }
.tabbed-nav li a.is-active { font-weight: 700; background-color: #ededed; margin-bottom: -1px; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #ededed;}
.tabbed-nav .container { position:relative; margin: 0 0 50px 0;}
.tabbed-nav a.feedback { position:absolute; bottom: 18px; right: 0; font-size:11px !important; margin-right:20px;}
/* ==========================================================================
   DASHBOARD - Module Blocks
   ========================================================================== */
.left-column { display:inline-block; float:left; width: 566px; margin-right: 18px;}
.right-column { display:inline-block; float:left; width: 326px; margin-right: 0;}
.block { display:block; width:100%; padding:30px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); margin-bottom:20px;}
.block div.block { display:block; width:100%; padding:0; background:#fff; box-shadow:none; margin-bottom:0;}

/* #dash-content { padding:20px;}
.fragmentMain { 
	display:block; 
	width:		860px !important;
	min-width:	860px !important; 
	max-width:	860px !Important; 
	padding:30px; 
	background:#fff; 
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}
.fragmentLeftMain { 
	width:		563px !important; 
	min-width:	563px !important; 
	max-width:	563px !important; 
	margin-bottom:30px;
	padding:30px; 
	background:#fff; 
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}

.fragmentRightRail { 
	width:		229px !important; 
	min-width:	229px !important; 
	max-width:	229px !important; 
	margin-left:20px; 
	margin-bottom:30px;
	padding:24px; 
	background:#fff; 
	box-shadow:0 0 3px rgba(0,0,0,0.3);
} */

/*********************
---- Profile Block ---
*********************/

.profile h4, .team h4 { font-size:11px; margin:5px 0 0 0;}
.profile .title-detail a { font-size:12px;}

/* Personal Info */
.profile .personal li { float:left; width:45%; margin:0 10% 8px 0; display:inline-block;}
.profile .personal li:nth-child(even) { margin-right:0;}

/* Interests */
.interests { padding-bottom:8px;}
.interests ul li { background:#12284d; color:#fff; border-radius: 20px; display:inline-block; float:left; margin:6px 5px 0 0; padding:.5em 1.1em; line-height:1em; font-weight:lighter; vertical-align: middle;}
.edit-link { color:#1563a5; font-size:11px; float:right;}


/************************
----- Recent Orders -----
************************/

#all-orders-filter table { width: 100%; margin: 0 0 10px 0; text-align: left; border-collapse: collapse;}
#all-orders-filter table thead, #all-orders-filter table { margin: 0; padding: 0;}
#all-orders-filter table thead tr th,#all-orders-filter table tr td { font-size: 0.8em; text-align: left; text-transform: uppercase; cursor: pointer;}
#all-orders-filter table thead tr { background: none repeat scroll 0 0 #12284d;}
#all-orders-filter table thead th { font: 700 10px/14px Lato, Arial, sans-serif; letter-spacing: 0.05em; padding: .9em 1.4em; border-bottom: 1px solid #ddd; color: #ffffff;}
#all-orders-filter table tr td { color: #333333; padding: 1.45em 1.4em;}
#all-orders-filter table td span { display: block; font-size: 8px; color: #a0a0a0; line-height: 0; margin-top: 5px; text-transform: uppercase;}
#all-orders-filter table tr { -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#all-orders-filter table tr:nth-child(even) { background: #f0f2f2;}
#all-orders-filter table tr:hover { background: #DFDFDF;}
#all-orders-filter table tr td.last, thead tr th.last { text-align: right;}


/************************
----- Order Builder -----
************************/

#orderBuilderId .orderBuilderTabs div div div div { border:1px solid #ededed; margin-bottom:20px; padding:10px; overflow:auto;}


.orderBuilderTabs span { float:left; font:normal 11px Lato, Arial, sans-serif; letter-spacing: 0.05em; color: #000000;}
.orderBuilderTabs span.c1 { float:left; border-right:1px solid #ededed; width:120px; height:50px; max-height:50px; margin: auto 10px auto 0; word-wrap:break-word;}
.orderBuilderTabs span.c1 a { font-weight:bold; font-size:12px; color:#000000;}
.orderBuilderTabs span.c2 { margin-top:15px;}
.orderBuilderTabs span.c3 { margin-top:15px;}
.orderBuilderTabs span.c3.archive { margin-top:0px;}
.orderBuilderTabs span.c4.archive {display:block; text-transform: uppercase; text-align:right;}

/* .orderBuilderTabs span.c4 a{} */

#orderBuilderId .orderBuilderTabs #quotesTab 				 div div#quoteSearchResults 	div { }
#orderBuilderId .orderBuilderTabs #templatesTab.tab-content  div div#listBomsResults  		div { }
#orderBuilderId .orderBuilderTabs #worksheetsTab.tab-content div div#worksheetSearchResults div { }

.orderBuilderTabs div#templatesTab span.c2 { width:345px; text-align:right;}
.orderBuilderTabs div#worksheetsTab span.c2 { width:270px; text-align:right;}


.orderBuilderTabs .quoteId { width:175px;}
.orderBuilderTabs .modDate { width:178px; text-align:right;}
.orderBuilderTabs .archDelAction { width:352px; text-align:right;}
.orderBuilderTabs .archDelAction span { display:block; margin-left:312px; font-size:8px !important; color: #a0a0a0 !important; text-transform: uppercase;}
.orderBuilderTabs .numOfLines { width:80px; float:left; margin-top:15px;} 

 
/* Tabs */
.tabbed-nav.primary-tabs li#quotesTabLabel { border-radius:6px 0 0 6px;}
.tabbed-nav.primary-tabs li#worksheetsTabLabel { border-radius:0 6px 6px 0; border-right:none;}
div.orderBuilderTabs div#finderWrapper button.btn.gradient.f-r.wide { margin-top: 20px;}

/* IE Conditionals */
:root .gradient, :root .tabbed-nav.primary-tabs li.is-active { filter:none \ ; background: linear-gradient(to bottom, #1e4c85 0%, #163760 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.lt-ie9 .tabbed-nav.primary-tabs li.is-active { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4c85', endColorstr='#163760',GradientType=0 ); /* IE6-8 */}

/*****************************************************************************/


div#frame_body main#content section.left-column {}

#ordersCardFinder table { width: 100%; margin: 0 0 10px 0; text-align: left; border-collapse: collapse;}
#ordersCardFinder table thead, #ordersCardFinder table { margin: 0; padding: 0;}
#ordersCardFinder table thead tr th,#ordersCardFinder table tr td { font-size: 0.8em; text-align: left; text-transform: uppercase; cursor: pointer;}
#ordersCardFinder table thead tr { background: none repeat scroll 0 0 #12284d;}
#ordersCardFinder table thead th { font: 700 10px/14px Lato, Arial, sans-serif; letter-spacing: 0.05em; padding: .9em 1.4em; border-bottom: 1px solid #ddd; color: #ffffff;}
#ordersCardFinder table tr td { color: #333333; padding: 1.45em 1.4em;}
#ordersCardFinder table td span { display: block; font-size: 8px; color: #a0a0a0; line-height: 0; margin-top: 5px; text-transform: uppercase;}
#ordersCardFinder table tr { -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#ordersCardFinder table tr:nth-child(even) { background: #f0f2f2;}
#ordersCardFinder table tr:hover { background: #DFDFDF;}
#ordersCardFinder table tr td.last, thead tr th.last { text-align: right;}

main#content a.view-more {
	font:700 1.2em/1.4em Merriweather, serif!important;
	font-style:italic!important;
	text-align:center;
	text-decoration:none;
	color:#c9c9c9!important;
	display:block;
	position:relative;
	margin:20px -.5em -.5em!important;
	padding:.5em;
	-webkit-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
	}
main#content a.view-more:hover { color: #2a89da !Important;}
	
	
main#content .left-column 	a.view-more	{}
main#content .right-column  a.view-more {}
	
/************************
----- Order Builder -----
************************/
.order-builder { position:relative;}
.order-builder .title-link { position:absolute; right:30px; top:41px;}

.builder-list { width:100%;}
.builder-list li { width:100%; margin:7px 0; float:left; display:table;}
.builder-list li a { width:100%; padding:1em 1.7em; border:1px solid #dee1e1; margin:0; height:73px; box-shadow: none; background:#fff; display:table-cell; vertical-align:middle; color:#333333;}
.builder-list li a:hover, .builder-list li a:focus { box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3); border-color:#7c7b7b; background: #fafbfd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWVhZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #fafbfd 0%, #e9eaeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafbfd), color-stop(100%,#e9eaeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #fafbfd 0%,#e9eaeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #fafbfd 0%,#e9eaeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #fafbfd 0%,#e9eaeb 100%); /* IE10+ */ background: linear-gradient(to bottom,  #fafbfd 0%,#e9eaeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfd', endColorstr='#e9eaeb',GradientType=0 ); /* IE6-8 */}
.builder-list li a:focus { border-color:#BFBFBF; box-shadow: none;}
.builder-list li a h3, .builder-list li a h4 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; font-size:1.30em; display:inline-block; float:left; margin:0; line-height: 3.45rem;}
#quotes-list.builder-list li a h4 { font-size:1em; margin-left:15px; font-weight:normal; padding-left: 15px; border-left:1px solid #dee1e1;}
.builder-list li a p { text-align:right; float:right;}
.builder-list li a p span { font-weight:bold; color:#babcbd; display:block; vertical-align:bottom; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.builder-list li a p span:hover { color:#333; text-decoration:underline;}


/************************
---- Recent Updates ---
************************/
.updates {}

article {}
article span.meta { margin:7px 0 0 16px; position:relative;}
article span.meta:before { content:''; width:11px; left:-16px; top:2px; position:absolute;}
article span.meta.Email:before { height:8px; background: url(/images/updates_email-icon.png) no-repeat;}
article span.meta.Article:before { background: url(/images/updates_category-icon.png) no-repeat; height:10px; top:1px;}

/************************
---- Team Module ---
************************/
.support { margin-top:20px;}
.bubble { position: relative; width: 100%; height: auto; padding: 1.3em 1.4em; background: #12284d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#fff;}
.bubble:after { content: ''; position: absolute; border-style: solid; border-width: 12px 12px 0; border-color: #12284d transparent; display: block; width: 0; z-index: 1; bottom: -12px; left: 42px;}
.bubble h3 { color:#fff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; font-size:1.30em; margin:0 0 2px 0;}

.employee { margin:20px 0 10px 0; border-bottom: 1px solid #ededed; padding-bottom:10px;}
.employee .image-crop { width:110px; height:110px; border-radius:50% 50%; overflow:hidden; border:1px solid #ededed; position:relative; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.employee .image-crop img { width:120px; position:absolute; top:-5px; left:-5px; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.employee:hover .image-crop img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}
.employee .contact-info { padding-left:5px; height:110px; display:table-cell; vertical-align:middle;}
.employee .contact-info a { font-size: 1.1em; line-height: 1.6em; color: #333333; display: inline-block; width: 140px; white-space: pre-wrap; word-wrap: break-word; padding: 0; margin: 3px 0;}
.employee .contact-info a:hover { color:#9D9D9D;}

.hours { text-align:center;}
.hours span { color:#999999; font-size:.95em; line-height:1.5em; vertical-align: text-top; margin-left:3px;}

/************************
---- Related Products ---
************************/
.related-list { margin:0; padding:0; list-style: none;}
.related-list li { width:120px; display:inline-block; float:left; margin: 12px 25px 12px 0;}
.related-list li:nth-child(even) { margin-right: 0;}
.related-list li a { display:block; padding: 0; margin: 0; color:#333333;}
.related-image { border:1px solid #eeeeee; width:120px; height: 160px; padding: 10px; overflow: hidden; margin-bottom:1em;}
.related-image img { width:100%;}
.related-content span { color:#a0a0a0; font-size:12px; font-weight:normal;}
.related-content p { font-weight:bold; margin:.3em 0; line-height:1.3em; font-size:13px;}


/************************
---- Quick Links ---
************************/
.quick-links {}
.quick-links ul { width:46%; display:inline-block; float: left; margin-left:4%; list-style: disc;}
.quick-links ul li { margin:7px 0;}
.quick-links ul li a { font-size:1em;}


/************************
------ Order Finder -----
************************/
/* Tabs */
.tabbed-nav.primary-tabs { background:#fff; min-width:100%; border:0; margin:15px 0 10px 0;}
.tabbed-nav.primary-tabs li  { color:#fff; border:0; padding: 1.0em 2.0em; font-size:12px; letter-spacing: 0.08em; border-right:1px solid #fff; background:#c1c5ce;}
.tabbed-nav.primary-tabs li#poTabLabel { border-radius:6px 0 0 6px;}
.tabbed-nav.primary-tabs li#skuTabLabel { border-radius:0 6px 6px 0; border-right:none;}

.tabbed-nav.primary-tabs li.is-active { background: linear-gradient(to bottom, #1e4c85 0%, #163760 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
div#orderFinderCard div#finderWrapper button.btn.gradient.f-r.wide { margin-top: 20px;}


/* IE Conditionals */
:root .gradient, :root .tabbed-nav.primary-tabs li.is-active { filter:none \ ; background: linear-gradient(to bottom, #1e4c85 0%, #163760 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}

.lt-ie9 .tabbed-nav.primary-tabs li.is-active { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4c85', endColorstr='#163760',GradientType=0 ); /* IE6-8 */}


/* Text area */
.finder-inputs textarea.tab-content { display:none;}
.finder-inputs textarea:first-child, .finder-inputs textarea:nth-child(2), .finder-inputs textarea:nth-child(3) { display:inline-block;}
.order-finder textarea { 
	width:100%; 
	max-width:100%; 
	height: 90px; 
	max-height:120px; 
	padding:.9em 1em;
	background: none repeat scroll 0 0 #fff; 
	border: 1px solid #d6d6d6; 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) inset; 
	outline: medium none;
	}
.finder-options { color:#565656; margin:15px 0 26px 0;}
.finder-options span { display:inline-block; float:left; margin-right:5px; font-weight:bold; font-size:11px; line-height:20px;}
.finder-options ul.options { display:inline-block; float:left; width:200px;}
.finder-options ul.options li { display:inline-block; margin:4px 5px; font-size:11px;}


.finder-inputs input[type="text"]::-moz-placeholder,.finder-inputs  textarea::-moz-placeholder { color: #aeaeae; font-family: "Merriweather",serif; font-size: 1em; font-style: italic;}

/* ==========================================================================
   END DASHBOARD - Module Blocks
   ========================================================================== */






/* ==========================================================================
   INTERIOR PAGES - Main Content
   ========================================================================== */

/****************************
---- Structural Elements ---
****************************/
main#content { padding:0;}

.side-bar { width:123px; float:left; margin-right:20px; display:inline-block; height:100%;}
.side-bar .btn { width:100%; margin:15px 0 10px; padding-left:1em;}
.interior-pages .side-bar { display:none;}


.content-block { width:100%; float:left; background-color:#EDEDED; overflow:auto;}
.interior-pages section.content-block div.block { width:767px; margin:40px 80px;}
/* .content-block:after { content: ""; display: table; clear: both;} */
.content-head h1 { display:inline-block;}
.content-head .detail-btns, .content-head .btn { float:right;}
.content-head .detail-btns .btn { float:none;}

.interior-pages { padding:40px 0 0 40px;}

.interior-pages div.block div.order-detail h2 { color:#000; font-size:18px; font-weight:900;}
.interior-pages .order-detail div.page-title h2 { color:#AAA !important; width:100%;}
.page-title > h2:nth-child(1) { float:left;}

/*************
 Sidebar Nav
*************/
.side-nav { float:left;}
.side-nav li { border-bottom: 2px dotted #cacaca; width:100%;}
.side-nav li:last-child { border-bottom:0;}
.side-nav li a { padding: 1.0em 0; /* ~12px ~20.4px */ display: inline-block; width:100%; margin:0; color:#939292; font: 700 14px/15px Lato, Arial, sans-serif !important;}
.side-nav li a:hover, .side-nav li a.is-active { color: #000000;}

/*************
Interior Tabs
*************/
.tabbed-nav.interior-tabs  { min-width:100%; background:#fff; border-bottom:1px solid #bebebe; margin:0 0 18px 0;}
.tabbed-nav.interior-tabs li a { border-right: 1px solid #dedede; border-left: 1px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #bebebe; margin:0 6px -1px 0; padding: 1.0em 2.4em; /* ~16.8px ~20.4px */ min-width:110px; text-align:center; text-transform:uppercase; background:#fff; color:#C4C4C4; font: 900 11px/15px Lato, Arial, sans-serif !important; letter-spacing:0.1em;}
.tabbed-nav.interior-tabs li:first-child { padding-left: 11px;}
.tabbed-nav.interior-tabs li a:hover { color:#828282;}
.tabbed-nav.interior-tabs li.is-active a { color: #333333; border-right: 1px solid #bebebe; border-left: 1px solid #bebebe; border-top: 1px solid #bebebe; border-bottom: 1px solid #ffffff;}

/****************************
---- Order Center Styles ---
****************************/

/*************
 Pagination
*************/
.pagination { text-align:right; margin-top:18px;}
.pagination select { padding:7px 0 7px 4px; margin:0 10px 0 4px;}
.pagination label { padding:5px 0 5px 4px;}

ul.prev-next { display:inline-block; float:right; margin-left:10px;}
ul.prev-next li { display:inline-block; float:left; margin-right:7px;}
ul.prev-next li a { display:inline-block; color:#333333; border:1px solid #dedede; width:32px; height:32px; line-height:32px; vertical-align:middle; text-align:center; margin:0; padding:0; background:#fff;}
ul.prev-next li a.inactive { color:#dedede;}
ul.prev-next li a:hover { border:1px solid #909090;}

/*************
 Order Detail
*************/
div.order-detail table.order-header, table.ext-delivery-info { width:100%;}
.td-tracking-header-cells { font-size:12px !important; line-height:13px; text-transform:uppercase; font-family: Arial,?Helvetica,?sans-serif !important; padding:0; width:30%;}
.td-tracking-header-cells.bold { font-weight:bold; width:20%; }
.order-header td { padding:5px 0 !important; vertical-align:top;}
.order-detail table.ext-delivery-details {}
.ext-delivery-info td { padding:0;}
.order-detail hr { border-color: #ededed; border-image: none; border-style: solid none none; border-width: 3px 0 0; display: block; height: 3px; margin: 0.6em 0 1em; padding: 0; width: 100%;}

.order-detail thead th { padding:.9em 12px;}
.order-detail thead th span { font-size:9px; display:block; font-weight:400;}
.order-detail { margin-bottom:25px;}
.order-detail h4 { margin:5px 0 15px 0; color:#A3A3A3;}
.order-detail h1 { margin-bottom:5px; float:left;}
.order-detail ul { width:100%; float:left; display:inline-block; margin-top:5px;}
.order-detail ul li { margin:0 50px 10px 0; float:left; display:inline-block;}
.order-detail ul li h2 { font-size:1.2em !important; text-transform: uppercase !important; margin:0 0 4px 0; display:block; line-height:1em; line-height:16px;}
.order-detail hr.dotted { border-top: 2px dotted #DADADA;}

/* Page Title Header */
.page-title { margin-bottom:25px;}
.page-title h4 { display:inline-block; float:left;}
.detail-btns a { margin-left:10px; float:left;}

/* Content Header Links */
.content-head-links { float:right; display:inline-block; margin-top:17px;}
.content-head-links a { margin-left:10px;}

/* ==========================================================================
   END INTERIOR PAGES - Main Content
   ========================================================================== */



/*********************
--- Register Gate ---
*********************/
header.register * { color:#FFF; font-family: Lato,Arial,sans-serif;}
header.register { height: 411px; background: #ccc url(/yts/myaccount/commerce-services/images/commerce-services-register-gate.jpg) no-repeat; background-size:cover; text-align:center; padding:13px 0;}
header.register h2 { font-size:40px; font-weight:300 !important; line-height:42px; letter-spacing:-0.01em; margin-bottom:0;}
header.register h4 { font-size:21px; font-weight:700 !important; margin:20px 0 35px;}
header.register .btn { font-weight:400; font-size:2.2em; text-transform: none; color:#344c74; letter-spacing:0.01em; border-radius:4px; padding: 1.25em 2.6em 1.2em 1.8em; background: #dedede url(../img/btn_arrow-right.png) right 12% center no-repeat;}
header.register .btn:hover { background: #fff url(/yts/myaccount/commerce-services/images/commerce-services-btn-arrow-right.png) right 10.5% center no-repeat;}
header.register p { margin-top:20px; font-size:1em; color:#ccc;}
header.register p a { font-size:1em; color:#ccc; text-decoration: underline;}
header.register img { display:block; margin:33px auto 0;}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {}
@media print,    (-o-min-device-pixel-ratio: 5/4),    (-webkit-min-device-pixel-ratio: 1.25),    (min-resolution: 120dpi) {}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.left-column .hidden, .right-column .hidden, one-column .hidden, nav .hidden { display: none !important; visibility: hidden;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

.invisible { visibility: hidden;}

.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

.ir { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.f-r { float:right;}
.f-l { float:left;}

.left-column .hide, .right-column .hide, one-column .hide, nav .hide { display: none;}
.left-column .show, .right-column .show, one-column .show, nav .show { display: block;}

.table { display:table; height:100%;}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print { *, *:before, *:after {     background: transparent !important;     color: #000 !important;     box-shadow: none !important;     text-shadow: none !important; }
 a, a:visited {     text-decoration: underline; }
 a[href]:after {     content: " (" attr(href) ")"; }
 abbr[title]:after {     content: " (" attr(title) ")"; }
 a[href^="#"]:after, a[href^="javascript:"]:after {     content: ""; }
 pre, blockquote {     border: 1px solid #999;     page-break-inside: avoid; }
 thead {     display: table-header-group; }
 tr, img {     page-break-inside: avoid; }
 img {     max-width: 100% !important; }
 p, h2, h3 {     orphans: 3;     widows: 3; }
 h2, h3 {     page-break-after: avoid; }}
 


.ng-scope div.gradientbox_rounded_corners { background: none; border-color: #cccccc; border-radius: 0; border-width: 0; margin-bottom: 0;}
.ng-scope div.gradientbox_rounded_corners .Bold_Text { font-weight:normal !important;}
.ng-scope div#accountTeamCard div.gradientbox_rounded_corners p { margin: 18px 0 !important;/*  padding: 0 !important; */}

div#contactCard .subscriptions { overflow:auto;}
div#contactCard .subscriptions ul li { float:left; padding-right:5px;}

/* main#content { background-color:#EDEDED; overflow:auto; } */

section.one-column { background: #ededed !important; color:#333 !important;	padding: 30px 0 30px;}
section.one-column div#ordersCardFinder.block {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	display: block;
	margin:0 0 20px 52px;
	padding: 30px 28px;
	width: 800px;
}


div#transaction div#tabsection div#ddimagetabs { width:100%;}

div#transaction div#tabsection div#ddimagetabs a, 
div#transaction div#tabsection div#ddimagetabs a.current,
div#transaction div#tabsection div#ddimagetabs a span,
div#transaction div#tabsection div#ddimagetabs a.current span { background-image: none !important;}

div#transaction div#tabsection div#ddimagetabs a { border:1px solid #ccc; background-color:#DBDBDB;}
div#transaction div#tabsection div#ddimagetabs a.current { border:1px solid #ccc; border-bottom:1px solid #FFF; background-color:#FFF; box-shadow: 0 -3px 3px -3px rgba(0,0,0,0.3);}

div#transaction div#tabsection div#ddimagetabs a span { }
div#transaction div#tabsection div#ddimagetabs a.current span { }

div#transaction div#tabsection form div.pref_box { border:1px solid #ccc !important; background-color:#FFF;	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}

div#preferences.pref_main div#twocol_body { top:30px; }
div#preferences.pref_main #twocol_body * { font-family: Lato,Arial,sans-serif; font-weight: normal; font-size:101%;}
div#preferences.pref_main #twocol_body .description { font-weight:bold;}
div#preferences.pref_main { /* background-color:#EDEDED; */ font-family: Lato,Arial,sans-serif;}
div#preferences.pref_main div#twocol_pagetitle { color: #333333; font: 900 1.7em/1.4 Lato,Arial,sans-serif !important; margin: 0; border-bottom:3px solid #cdcdcd;}
div#preferences.pref_main .tabcontent { padding:20px 30px !important; width:auto !important;}
.pref_main #twocol_body #twocol_content div.pref_box div.tabcontent { padding-left: 5px; padding-top: 10px; width: auto !important;}

div#preferences.pref_main #tab1content { margin:0; padding:0;}

div#preferences .submitmessage, div#preferences .error { /*display:none;*/ }   
 /* div#preferences.pref_main div#transaction br */

 div#accountTeamCard div.team h4 { text-transform:uppercase;}
 
 div#accountQuickLinksCard div.quicklinks ul.clearfix {display:table-cell; width:46%; clear:none; font: 1em/1.4 Arial,"Helvetica Neue",Helvetica,sans-serif;}
 
 div#accountTeamCard div.media.employee div.img { background: #fff url("/images/no-profile-image.jpg") no-repeat scroll center center / 110px 110px;}
 

.flexbox main#content .left-column { margin-top:30px !important;}
.flexbox main#content .right-column { margin-top:30px !important;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.flexbox main#content .left-column { padding-left:30px;}
.flexbox body#mainBody table tbody tr td:first-child { background-color:#EDEDED;}
.flexbox main#content div#ordersCard table tbody tr td:first-child { background-color:inherit;}
}



.btn {
    background: none repeat scroll 0 0 #12284d;
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font: 900 12px/15px Lato,Arial,sans-serif !important;
    letter-spacing: 0.07em;
    margin: 0;
    padding: 1em 1.3em 0.85em;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:hover { background: none repeat scroll 0 0 #2a5192; color: #fff;}
.btn.small { font: 700 9px/15px Lato,Arial,sans-serif; padding: 0.6em 1.4em 0.4em;}
.btn.wide { padding: 1em 2.1em 0.85em;}
.btn.secondary { background: none repeat scroll 0 0 #bfbfbf;}
.btn.secondary:hover { background: none repeat scroll 0 0 #939292;}
.btn.secondary.alt { background: none repeat scroll 0 0 #fff; border: 1px solid #bfbfbf; color: #939292;}
.btn.secondary.alt:hover { background: none repeat scroll 0 0 #ddd;}
.gradient, .tabbed-nav.primary-tabs li.is-active a { background: linear-gradient(to bottom, #1e4c85 0%, #163760 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.btn.gradient:hover { background: none repeat scroll 0 0 #163760;}
.media { margin: 10px;}
.media, .bd { overflow: hidden;}
.media .img { float: left; margin-right: 10px;}
.media .img img { display: block;}
.media .imgExt { float: right; margin-left: 10px;}

.interior-pages div#bottom_buttons { height: 35px; margin-top:50px;}

#frame_body { width:960px !important; height:auto; overflow:hidden;}