/***************************************************
 *
 * Support Elements
 *
 ***************************************************/
#support-welcome {
	width: 549px;
	background: url(/resources/images/decor/bg_supportWelcome.jpg) no-repeat top left;
	margin: 0 0 30px 0;
}
.welcome-content h3 {
	margin-bottom: 10px;
}
.welcome-content {
	font-size: 12px;
	line-height: 15px;
	padding: 12px;
	margin: 0;
}
.fifty_left {
	float: left;
	_display: inline; /*IE6*/
	width: 42%;
	margin-right: 25px;
	padding-right: 12px;
	border-right: 1px solid #cccccc;
	font-size: 12px;
	line-height: 15px;
}

.fifty_right {
	float: left;
	_display: inline; /*IE6*/
	width: 50%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
}
div.fifty_left ul li,
div.fifty_right ul li {
	margin-bottom: 5px;
}
div.fifty_left h3,
div.fifty_right h3 {
	margin-bottom: 12px;
}

 ul.support {
	margin-top: 10px;
	margin-left: 18px;
	list-style-type: disc !important;
}

 ul.support li {
	padding-bottom: 5px;
}

.supportFullBin {
	border: 1px solid #99c7d7;
	padding: 10px;
}
div.grey-box {
	background: #ffffff url(/resources/images/decor/bg_greyContainer.png) bottom left repeat-x;
	border: 1px solid #cccccc;	
	padding: 10px;
	margin-bottom: 10px;
}
div.support_form {
	margin: 20px;
}
ul.collector {
	font-size: 14px;
	line-height: 16px;
}
ul.collector li dd {
	margin: 5px 0 5px 20px;
}
ul.collector li.pop-list {
	margin-top: 12px;
}
.support_form ul.collector #mobile_number, .support_form ul.collector label[for=mobile_number] {
	display: none;
}
td.bin-left {
	padding-right: 10px;	
}

td.bin-right {
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

.divider {
	border-top: 1px solid #ccc;
	margin: 2em 0 1em 0;
}

#three-bin td {
	width: 33%;	
}

#three-bin select {
	width: 160px;
	margin-top: 3px;
}

#three-bin table {
	margin-bottom: 3em;	
}

.defaultBin {
	border: 1px solid #99c7d7;
	padding: 10px;
}

.bgGrey {
	background: #fff url(/resources/images/expresspay/es-background.png) !important;
}
#submitOrderStatus {
	text-align: center;
	font: normal normal 600 16px/20px 'Barlow Semi Condensed';
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	border: 1px solid #28c2fe !important;
	border-radius: 50px !important;
	opacity: 1;
	width: 36% !important;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.order-status-title {
	font: normal normal bold 40px/32px Comfortaa;
	letter-spacing: 0px;
	color: #0F3D58;
	text-transform: lowercase;
	opacity: 1;
	width: auto !important;
}
.order-status-header {
	font: normal normal 600 24px/32px 'Barlow Semi Condensed';
    letter-spacing: 0px;
    color: #131E29;
    opacity: 1;
}
.default-label {
	font: normal normal normal 24px/32px 'Barlow Semi Condensed' !important;
	letter-spacing: 0px;
	color: #131E29;
	opacity: 1;
	text-transform: lowercase;
}

.order-input-field {
	background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #70707064;
    border-radius: 4px;
    opacity: 1;
    height: 24px !important;
}
.order-details-content {
	opacity: 1;
    min-height: 258px;
    height: auto !important;
    border: 0px !important;
    margin-bottom: 0px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 16px #00000029;
    border-radius: 24px;
    width: 920px !important;
    margin-bottom: 80px !important;
}
.preorder-text-field {
	height: unset !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #131E297A;
    border-radius: 8px;
    opacity: 1;
    max-width: 9.375em;
    min-width: 6em;
    font-size: 1.15em;
}
.order-content-radio {
	border: 2px solid #00C0F3;
    height: 20px;
    margin-left: 0px;
    margin-right: 8px;
    width: 20px;
}
/***************************************************
 *
 * Support Form Elements
 *
 ***************************************************/
 
#support-form label.labelLeft {
	display: block;
	float: left;
	width: 10em;
	text-align: right;
	padding-right: 1em;
}

#support-form li {
	padding: 4px;
	clear: both;
}

#support-form blockquote {
	padding-left: 5em;
}


/***************************************************
 *
 * Support Dual Column Page Layout
 *
 ***************************************************/
 
div#dualColumn {
	float: left; 
	width: 725px;
	font-size: 11px;
 }
 
div.content div.contentDisplay {
	float: left; 
	width: 725px;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
 
div.dualColumnLeft {
	float: left; 
	width: 160px;
	border-right: 1px solid #ccc;
	display: block; 
	clear: both;
	vertical-align: top;
}

/*div.dualColumnRight {
	float: right; 
	vertical-align: top; 
	width: 180px;
	padding-left: 10px;
	border-left: 1px solid #CCC;
}*/

* html div.dualColumnRight {
	width: 195px;
}

div.contentDisplay div.dualColumnContent {
	float: right; 
	padding-right:0px !important;
	width: 535px;
}


ul.supportRight li {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 6px;	
}

li.alright {
	text-align: right;	
}

dl#contactUs {
	margin-top: 1em;
}

dl#contactUs dt {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 2px;
}

dl#contactUs dd {
	margin-bottom: 2em;
}

ul.relatedLinks {
	margin: 10px 0 0 0;
	padding: 0;
}

ul.relatedLinks li {
	margin: 0;
	padding: 0 0 0 180px;
}

li.formNudge {
	margin: 0;
	padding: 0;
}

li.linkContainer ul {
	margin: 0;
	padding: 0;
}

li.linkContainer ul li {
	margin: 0;
	padding: 0;
}

li div.returningCustomer {
	padding: 7px 0 5px 0;
}

* html ul.relatedLinks {
	margin: 0;
}

.note {
	font-size: xx-small;
	font-style: italic;
}
	
/***************************************************
 *
 * Search Result Elements
 *
 ***************************************************/
 
ul.searchHelp {
	margin-top: 2px;
	margin-left: 18px;
	list-style-type: disc !important;
}

ul.searchHelp li { 
	padding: 0;
	margin: 0;
}


/***************************************************
 *
 * Order List
 *
 ***************************************************/
#fulfillment-order-status {
	width: 100%;
}

#fulfillment-order-status th {
	text-align: center;
	background-color: #0F3D58;
    color: #fff;
	vertical-align: top;
	padding: 3px;
	white-space: nowrap;
	font-weight: 400;
	font: normal normal normal 16px/32px "Montserrat";
}

#order-status-detail .fulfillment-order-type th {
	text-align: left;
	font: normal normal normal 400 16px/32px "Montserrat";
	background-color: #0F3D58;
    color: #fff;
}

#fulfillment-order-status td.even {
	background-color: #e5f1f5;
}

#fulfillment-order-status td.evenEnd {
	background: #e5f1f5 url(/resources/images/layouts/order_status_group.png) top right no-repeat;
}

#fulfillment-order-status td {
	padding: 5px;
	font: normal normal normal 16px/32px "Montserrat" !important;
}

/* This is for switching the [+/-] icon */

#fulfillment-order-status td.rowImageExpand {
	background-image: url(/resources/images/expand.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 20px;
}

#fulfillment-order-status td.rowImageCollapse {
	background-image: url(/resources/images/collapse.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 20px;
}

#fulfillment-order-status td.ship-type {
	text-align: center;
}

#fulfillment-order-status td.order-date {
	text-align: left;
}

#fulfillment-order-status td.ship-date {
	text-align: right;
}

#fulfillment-order-status td.myOrderOrderStatusContainer {
	text-transform: lowercase;
}

/***************************************************
 *
 * Sublist of Order Contents
 *
 ***************************************************/
#order-status-detail {
	margin: 0em .5em .5em .5em;
	padding: 5px 0 10px 0;
}
/* Remove due to 404 errors: order_status_detail_group.png not found. */ 
/* #fulfillment-order-status tr td.even #order-status-detail {
	background: #fff url(/resources/images/layouts/order_status_detail_group.png) top right no-repeat;
} */


#order-status-detail table {
	width: 100%;
}

#order-status-detail table th {
	text-align: center;
	vertical-align: top;
	padding: 3px;
	background-color: #0F3D58;
    color: #fff;
	font: normal normal normal 400 16px/32px "Montserrat";
}

#order-status-detail td.evenEnd {
	background: #e5f1f5 url(/resources/images/layouts/order_status_group.png) top right no-repeat;	
}

#order-status-detail ul {
	margin: 1em 0em 1em 0em;
}

#order-status-detail li {
	clear: left;
	margin-bottom: 5px;
}

#order-status-detail li span {
	padding-right: .5em;
	text-align: left;
}

#order-status-detail-shipping {
	float: left;
	margin-top: 10px;
}

#order-status-detail .order-status-red {
	color: #EB3C3C;
}

.returnExchangeInfo {
	font: normal normal normal 16px/32px "Montserrat";
	width: 100%;
	opacity: 1;
	letter-spacing: 0px;
	color: #131E29;
	
}
.returnExchangeInfo p {
	line-height: 1.4 !important;
}
@media screen and (max-width:768px) {
	.returnExchangeInfo {
		font: normal normal normal 14px/18px "Montserrat";
	}
	#fulfillment-order-status th {
		font: normal normal normal 14px/20px "Montserrat";
	}
	#order-status-detail .fulfillment-order-type th {
		font: normal normal normal 400 14px/20px "Montserrat";
	}
	#fulfillment-order-status td {
		font: normal normal normal 14px/32px "Montserrat"!important;
	}
}
@media only screen and (device-width: 768px) {
	
	.order-details-content {
		width: 690px !important;
		margin-bottom: 40px !important;
	}
}
@media screen and (max-width:767px) {
	#submitOrderStatus {
		width: 88% !important;
	}
	.table-responsive {
		display: block;
	    width: 100%;
	    overflow-x: auto;
	}
	.order-status-title {
		font: normal normal bold 24px/32px Comfortaa;
	}
	.default-label-radio {
		font: normal normal 16px/24px 'Barlow Semi Condensed' !important;
	}
	.order-content-radio {
		height: 15px;
		width: 15px;
		float: left;
	}
	.radio-alignment {
		padding-left: 2%;
	}
}
/***************************************************
 *
 * Get Started Box Styles
 *
 ***************************************************/

#get-started {
	margin-top: 10px;
	padding: 10px 10px 10px 15px;
	width: 210px;
	float: right;
}

#get-started ul {
	list-style-type: disc;
	padding-left: 20px;
}



/***************************************************
 *
 * Phones & Accessories Support
 *
 ***************************************************/
 
 #supportTypeSelection {
 	width: 100%;
 	margin-top: 1em;
 	text-align: center;
 }
 
 #supportTypeSelection td {
 	width: 30%;
 	padding: 10px 10px 0px 10px;
 }
 
 #supportTypeSelection td.aggregator {
 	vertical-align: middle;
 	text-align: center;
 	font-weight: bold;
 }
 
 #supportTypeSelection ul li {
 	padding-bottom: 5px;
 }
 
 #supportTypeSelection select {
 	width: 180px;
 }
 
  .supportListItem {
 	float: left;
 	height: 150px;
 	padding: 10px;
 	text-align: center;
 	width: 100px;
 	margin-bottom: 1em;
}

td.supportItem { 
	padding: 2em 1em;
	/* padding-bottom: 2em; */
	text-align: center;
	vertical-align: top;
	width: 25%;
}

/*****************************************************
* Returning Customer Login
******************************************************/

.customer {
	padding-bottom: 20px;
}

.customer form .title{
	padding:0 0 6px 0;
	margin:0 0 18px 0 !important;
	border-bottom:1px solid #b2b2b2;
}

.customer form input {width:155px;}

.customer .links .title{
	padding:8px 0 10px 0;
	border-top:3px solid #b2b2b2;
}

.customer .links{
	height:100px;
	overflow:hidden;
	border-bottom:3px solid #b2b2b2;
}

.customer_logged .links{
	height:108px;
}

.customer ul{
	margin:0;
}

.customer ul li{
	*zoom:1;
	border-top:1px solid #b2b2b2;
}

.customer a{
	color:#333 !important;
	display:block;
}

.customer ul li a{
	*zoom:1;
	background:url(/resources/images/home/arrow_gray.gif) no-repeat right center;
	padding:5px 0;
}


.customer form{
	padding-bottom: 20px;
}

.customer_logged form{
	height:179px;
}

.customer form .submit{
	width:60px;
	height:22px;
	margin:0 10px 0 0;
	float:left;
	display:block;
}

.customer_logged form .submit{
	width:55px;
	height:22px;
	margin:11px 0 0 10px;
	*margin:12px 0 0 10px;
	_margin:12px 0 0 5px;
	display:block;
}

.customer_logged form p{
	margin:0 0 0.8em 0;
}

.customer_logged form span{
	display:block;
	float:left;
}

.customer form a.forgot{	
	padding:1px 0 0 0;
	float:left;
	display:block;
	font-size:0.9090em !important;
}

.customer form label{
	font-weight:bold;
	margin:0 0 2px 1px;
	display:block;
}

.customer form input.text{
	width:156px;
}

.customer form input.zip{
	width:70px;
}
/*
*********************
GLOSSARY
*********************
*/
div#glossary {
	font-size: 12px;
}
div#glossary h3 {
	margin-bottom: 15px;
}
/*
************************
TAKE IT TO THE TOP & CONTACT US
***********************
*/
#take_it {
	margin-top: 12px;	
	cursor:pointer;
	font-size:18px;
	padding-top:20px;
}
/*
Tower Request
*/
#tower-request ul.collector,
#contactUsEmailForm ul.collector {
	color: #5C6F7D;
	margin: 10px 0px 10px 0px;
}
#tower-request ul.collector li,
#contactUsEmailForm ul.collector li {
	clear: left;
	margin-bottom: 1em;
}

#tower-request ul.collector li label,
#contactUsEmailForm ul.collector li label.left {
	float: left;
	display: block;
	padding-right: 1em;
	text-align: right;
	width: 15em;
	height: 2.5em;
	
}
#tower-request ul.collector li span,
#contactUsEmailForm ul.collector li span {
	float: right;
	display: block;
	padding-right: 1em;
}

#commentsArea{
	width: 325px;
	height: 160px;
	float: left;
	margin-left: 100px;
}

.textRight{
	width: 30px;
}
.fulfillment-order-content{
	text-align: center;
}
#login-bin-login-link {
    padding-bottom: 20px;
    color: #036fba !important;
    text-decoration: none;
    cursor: pointer;
}