/*
 * Skeleton V1.1
 * Copyright 2011, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 8/17/2011
 */

/* Table of Content
==================================================
#Site Styles
#Page Styles
#Media Queries
#Font-Face */

/* #Site Styles
================================================== */

#egneside_wrapper {
  width: 984px;
  padding: 20px;
  vertical-align: top;
  background: #FFFFFF;
  height: 100%;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
}

p.clear {
  margin: 0;
  height: 15px;
}

span.error {
  display: none;
}

p.error {
  color: red;
}

h4 {
  color: black;
  font-size: 13px;
margin-bottom: 0px;
font-weight: bold;
line-height: 20px;
}

input.error, select.error, textarea.error {
  border: 1px solid red;
}

#egneside_wrapper h2 {
  font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 24px;
color: #000;
text-transform: uppercase;
}

table {
  font-size: 12px;
}


/*Back and forward buttons*/
a.forward, a.back, input.forward {
  width:112px;
  height:33px;
  display:block;
  font-weight:bold;
  line-height:33px;
  text-transform:uppercase;
  float: left;
  color: white;
  font-size: 11px;
  text-decoration:none;
}

.LoginBtn, .order-lookup {
background-image: url(../images/forward-small.png);
text-indent: 0px;
color: white !important;
border: none;
background-position: right;
background-repeat: no-repeat;
background-color: #00a0f8;
height: 22px;
width: auto;
padding-right: 35px;
padding-left: 13px;
font-size: 10px;
text-transform:uppercase;
float:right !important;
font-weight: bold;
text-shadow: none;
line-height: 23px;
padding-top: 0px;
margin-right: 40px;
margin-top: 8px;
}

.LoginBtn:hover, .order-lookup:hover {
background-image: url(../images/forward-small.png);
background-position: right;
background-repeat: no-repeat;
background-color:#18b0ff;
color: white;
border: none;
}



a.forward, input.forward, input.forward:hover {
  background-image:url(../images/forward.png);
  color: white;
}

input.forward.contact-btn {
    background:url(../images/forward.png);
    width: 112px;
    height: 33px;
    float: right;
    border: none;
    text-align: left;
    padding-left: 10px;
}

input.forward {
  padding: 0;
  margin: 0;
  text-shadow: none;
  font-size: 12px;
}

input.forward:hover {
  color: white;
}

a.back {
  background-image:url(../images/back.png);
  text-indent: 40px;
}

footer {
  width: 200px;
}

/*User information sidebar*/
td.userInformation a {
  display: block;
}

td.userInformation .personal {
  margin: 14px 0;
}


/* #Page Styles
================================================== */

.B2BLogin_TD div table tr td {
  color: #686767;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.B2BLogin_TD {
  width: 723px;
  padding: 28px;
  vertical-align: top;
  background: #FFFFFF;
  height: 100%;
  color: #686767;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.B2BLogin_TD h2 {
  font: normal 24px Arial, Helvetica, sans-serif;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
}
.B2BLogin_TD h3 {
  color: #000000;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.B2BLogin_TD ul li {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #686767;
  list-style: none;
  margin-left: 10px;
}

.B2BLogin_TD p {
  color: #686767;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#egneside_wrapper h3 {
  color: #000000;
  text-decoration: none;
  font: bold 12px Arial, Helvetica, sans-serif;
}
#egneside_wrapper ul li {
  color: #686767;
}

#egneside_wrapper .recolorTD p {
  color: #000000;
}

#egneside_wrapper p {
  text-decoration: none;
}
#egneside_wrapper .recolorTDred p {
  color: #c04435;
}
#egneside_wrapper .egneside_video {
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
}

.FormText {
  color: #686767;
  text-decoration: none;
}

input.SubNews, input.UnsubNews, input.registration, input.SubmitButton_B2Blogin, input.send, input.SubmitButton_login {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  border:0 none #FFFFFF;
  cursor:pointer;
  display:block;
  float:left;
  height:17px;
  line-height:10px;
  overflow:hidden;
  position:relative;
  right:-5px;
  text-indent:-5000px;
  top:6px;
}

input.UnsubNews {
  background:transparent url(/images/design/design/da/prcard/unsub_btn.gif) no-repeat scroll 0 0;
  width:55px;
}

input.SubNews {
  background:transparent url(/images/design/design/da/prcard/sub_btn.gif) no-repeat scroll 0 0;
  width:52px;
}

input.registration {
  background:transparent url(/images/design/design/da/egnesider/registration.gif) no-repeat scroll 0 0;
  width:66px;
}

input.send {
  background:transparent url(/images/design/design/da/egnesider/send_knap.gif) no-repeat scroll 0 0;
  width:36px;
}

input.SubmitButton_B2Blogin {
  background:transparent url(/images/design/design/da/egnesider/send_knap.gif) no-repeat scroll 0 0;
  width:36px;
}

input.SubmitButton_login {
  background:transparent url(/images/design/design/da/egnesider/login_button.gif) no-repeat scroll 0 0;
  width:40px;
}


/* special colors */
#egneside_wrapper h2.fontColor1, #egneside_wrapper p.fontColor1, #egneside_wrapper .fontColor1
{
  color: #FFF;
}

/*CUSTOMER CENTER */
#customercenter_wrapper {
  width: 723px;
  padding: 28px;
  vertical-align: top;
  background: #FFFFFF;

}
#customercenter_wrapper  h2 {
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
}
#customercenter_wrapper a:link {
  color: #00a8ff;
  text-decoration: none;
}

#customercenter_wrapper a:visited {
  color: #00a8ff;
  text-decoration: none;
}
#customercenter_wrapper a:active {
  color: #00a8ff;
  text-decoration: none;
}
#customercenter_wrapper a:hover {
  color: #00a8ff;
  text-decoration: underline;
}
#customercenter_wrapper p {
  color: #686767;
  text-decoration: none;
}

/*Contact page*/

#ContactPage {
border: 1px solid #ededed;
border-top:none;
}

.contact {
margin: 40px 0px 0px 50px;
#margin: 40px 0px 10px 50px;

}

.contact input {
width: 410px;
height: 25px;
line-height: 25px;
margin-top: 3px;
margin-bottom: 3px;
border: 1px solid #d3d3d3;
font-size: 11px;
padding-left: 5px;
}

.contact input.valid {
background-color: #f9f9f9;
}

 table.contact textarea {
  width: 410px;
  height:90px;
  border: 1px solid #d3d3d3;
  margin-top: 3px;
margin-bottom: 3px;
font-size: 11px;
padding-left: 5px;
}


table.contact td {
  vertical-align: center;
  padding-right: 25px;
font-size: 11px;
font-weight: bold;
}

#egneside_wrapper th {
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}


a.bullet {
  background-image:url(../images/bullet.gif);
  background-repeat:no-repeat;
  background-position:2px 3px;
  height:16px;
  color:##00A8FF !important;
  font-weight:normal;
  padding-left:18px;
  font-size: 12px;
  margin-right: 10px;
  line-height: 22px;
}

table.data {
  margin:5px 15px 15px 15px;
}

table.data tr {
  xbackground-color:#e8e8e8;
}
table.data td {
  padding:8px 0px 12px 0px ;
  color:#686767;
  border-bottom:1px solid #eaeaea;
}
table.data th {
  padding:8px 0px 10px 0px ;
  color:#686767;
  border-bottom:1px solid #eaeaea;
  text-align: left;
}

.oSortBreaker {
  background-color:#4CC2FF;
  color:#FFFFFF;
  display:block;
  padding:15px;
}

.subtitle2 {
  padding:8px 0px 8px 8px;
  font-size:14px;
  margin:0px 0px 5px 0px;
  background: #f9f9f9;
border: 1px solid #ededed;
height:23px;
}

.subtitle {
  padding:8px 0px 8px 8px;
  font-size:14px;
  margin:0;
  background: #f9f9f9;
border-bottom: 1px solid #ededed;
height:23px;
}


div.subtitle img, div.subtitle2 img {
  float: left;
	margin: 0;
	border:none !important;
}

div.subtitle p, div.subtitle2 p {
    line-height: 25px !important;
	margin: 0px 10px 0px 10px;
	font-weight: bold !important;
	color: black;
	float: left;
	font-size:12px;
}

.OpenOrders, .ClosedOrders {
border: 1px solid #ededed;
margin-bottom:20px;
}


div#OrderHead {
  padding:20px;
  font-size:12px;
  margin:0;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	overflow: hidden;
}

#OrderHeadInfo {
  float:right;
  margin-top: 30px;
}


#DeliveryInfo {
	float:left;
	border: 1px solid #ededed;
	padding:15px 20px 15px 20px;
	width: 200px;
}


.lineType-Resource input:disabled {
	display:none;
}

.lineType-Item input:disabled {
	display:none;
}

p.support {
}

.formWrapper {
  margin: 0 auto;
  overflow: hidden;
}

.formWrapper form fieldset {
margin-bottom: 20px;
float: left;
width: 300px;
margin: 35px 0px 0px 125px;
}

.formWrapper input {
  padding-left: 5px;
margin-bottom: 2px;
width: 250px;
height: 26px;
line-height: 26px;
}

.formWrapper fieldset label {
  float: left;
  width: 250px;
  font-weight: normal;
  font-size: 12px;
color: #5d5d5d;
line-height: 18px;
}

.formWrapper fieldset span {
  overflow: hidden;
}

#egneside_wrapper form.login li {
  margin-top: 5px;
  font-size:12px;
}

.formWrapper form fieldset legend {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 9px 0;
}

.formWrapper form fieldset button {
  float: left;
  /* padding: 5px; */
}

/*RMA section*/
a.nonReturnable {
  color: #bcbcbc;
}

.rmaSection .contactInformation li {
  margin: 21px 0;
}

.rmaSection .createRMA {
  padding: 7px;
  font-weight: bold;
}

/*Detail page*/
.btnFunctions2 {
margin-left: 150px;
margin-bottom: 20px;
width: 420px;
display: block;
height: 40px;
}

table.data td.RMA {
  vertical-align: top;
}


/*RM  A FAQ section*/
.faq {
  margin: 49px 0;
}

#egneside_wrapper .faq h2 {
  font-size: 2em;
  font-weight: bold;
  color: #C60;
  margin: 14px 0;
}

#egneside_wrapper .faq h3 {
  margin: 7px 0;
  font-weight: bold;
  font-size: 1.3em;
}

#egneside_wrapper .faq p {
  margin: 7px 0;
}

form .orderNumber {
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
}
#egneside_wrapper form span.orderNumber {
  margin: 0 14px;
}

.buttonCell tr:last-child td:last-child {
  margin: 14px 0;
}

.btnRMA {
  float: right;
  margin: 28px 0 0 0;
}

/*Highlight checked checkBox*/
table tr.checked {
  background: #f9f9f9;
}

/*center the checkbox button*/
td.RMA {
  text-align: center;
}

/* RMA stuff */
div.RmaText p {font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:13px;color:#777;}
div.RmaText p a {color:#777;}
div.RmaText h2 { font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:24px;color:#000;padding-top:35px;padding-right:35px;padding-left:35px;text-transform:uppercase;}
div#Divider h2 { font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:18px;background-color:#00a7ff;color:#fff;text-transform:uppercase;padding:10px 0p normal;
font-style: normal; }

/* rma form*/
#rmaform input {
  display: inline;
}

#frm_dealer {
  padding: 0 20px;
}

#frm_dealer textarea {
  width: 100%;
}

input.rmasend {
  font-size: 23px;
  width: 150px;
}

a.rmasend.button {
  font-size: 23px;
  color: black;
}

#order-information span {
  display: block;
}

.customer-info-bar tr {
  height: 120px;
}

.customer-info-bar td {
  padding: 20px;
}

h2 a, h2 a:hover, h2 a:visited {
  color: black;
}

a.back:hover, a.forward:hover {
  cursor: hand;
}

a.forgotLink {
  font: normal 11px Arial, Helvetica, sans-serif;
  float:left;
  margin-top: 11px;
}

#egneside_wrapper>p {
  margin-bottom: 45px;
}

#egneside_wrapper td.textarea {
  vertical-align: top;
}


.rmaCreate {
  width: 800px;
  margin: 0;
   overflow: hidden;
}
.rmaCreate h2.title{
  text-transform: uppercase;
}
.hidden {
  display: none;
}
.rmaCreate .rmaBanner {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	background-color: #00a7ff;
	color: white;
	text-transform: uppercase;
	padding: 10px 0px 10px 25px;
	margin-bottom: 20px;
	width: 100%;
}
.rmaCreate ul.faq1 {
  list-style-type: decimal;
   font-size: 12px;
   margin-left: 20px;
}

.rmaCreate ul.faq1 li {
   font-size: 12px;
   margin: 0px;
   list-style-type: decimal;
}
.rmaCreate ul.address {
  list-style-type: none;
}

.rmaCreate ul.address li{
  margin-bottom:0px;
  font-size: 12px;
}
.rmaCreate label.inline {
  display: block;
  float: left;
  width: 200px;
}
.rmaCreate label.inline span {
  overflow: hidden;
}
.commonRMA span input {
width: 270px;
height: 23px;
margin-top: 2px;
border: 1px solid #d3d3d3;
font-size: 11px;
padding-left: 5px;
}

.commonRMA span#date input, .commonRMA span input.orderNumber  {
  background-color: #f9f9f9;
}
.rmaCreate textarea[name="note"],.rmaCreate textarea[name="comment"] {
  width: 100%;
}


.rmaCreate ul.itemInfo li {
  display:inline;
  float: left;
}

.rmaCreate ul.itemInfo li select, .rmaCreate ul.itemInfo li input {
  width: 100px;
}

.rmaCreate ul.itemInfo li:first {
  margin-left: 0;
}

.rmaCreate ul.itemInfo li.saveButton {
  float: right;
  margin: 10px 160px 0 0;
}

.rmaCreate ul.itemInfo li.saveButton button {
  float: right;
  color: white;
  text-shadow: none;
  font-weight: bold;
  text-transform: uppercase;
  width: 50px;
  height: 30px;
  padding: 0px;
}
.rmaCreate ul.itemInfo li.saveButton button:active {
  border: none;
}

.rmaCreate ul.itemInfo li.saveButton button:hover {
  border: none;
}

.rmaCreate ul.itemInfo li.saveButton button.save {
  background: #00A7FF;

}

.rmaCreate button#plus {
  font-size: 12px;
  height: 30px;
  vertical-align: middle;
  margin: 10px 0 0 0;
  padding: 5px;
  float: right;
  background: #00A8FF;
  color: white;
  text-shadow: none;
  text-transform: uppercase;
}

.rmaCreate ul.itemInfo li.saveButton button.edit {
  background: black;
}

.rmaCreate ul.itemInfo select {
  border: 1px solid grey;
}

.commonRMA .cell label {
  margin-right: 20px;
}
.commonRMA {
  padding: 25px 25px 5px 25px;
}

.perRMA {
margin-top: 10px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
margin-bottom: 20px;
}


.perRMA .col {
  width: 755px;
  float: left;
  margin-right:32px;
  margin-bottom: 16px;
}
.perRMA .c3 {
  margin:0;
}

.perRMA h1 {
  border-bottom: 1px solid #333;
  font-size: 32px;
  color: #fff;
  padding-bottom: 12px;
}

.perRMA h2 {
  margin: 10px 0;
  color: #000;
  font-size: 18px;
}

.perRMA h3 {
  margin: 0;
}

.perRMA h3 a {
  display: block;
  padding: 10px 10px 10px 25px;
  margin: 0;
  color: #1c1c1c;
  text-decoration: none;
  font-weight: normal;
  background: #f9f9f9;
}

/* styling for h3 in rma new page */
.perRMA h3 {
  display: block;
  padding: 10px 10px 10px 25px;
  margin: 0;
  color: #1c1c1c;
  text-decoration: none;
  font-weight: normal;
  background: #f9f9f9;
  width: 763px;
  display:inline-block;
  font-weight:normal;
  text-decoration:none;
  cursor: default;
  -moz-box-sizing: border-box;
}


.perRMA h3.open a {
	background: #f9f9f9;
	padding-left:25px;}


.perRMA h2 + div,
.perRMA .example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}

.commentInfo {
	background: #f9f9f9;
	padding-top:15px;
}


/* Pre hide sections with JavaScript on
--- */
.perRMA h3+div {
  display: none;
}

.perRMA .col select, .col input {
  width: 130px;
}

/*
.perRMA h3 select, .perRMA h3 input {
  width: 125px;
  float: left;
  margin-right: 4px;
  margin-left: 4px;
  height: 23px;
  padding-left: 4px;
  font-size: 11px;
  border: 1px solid #d3d3d3;
}

*/

.perRMA input.itemQuantity {
  width: 35px;
  height: 23px;
  text-align:center;
  font-size: 11px;
  padding-left:0px;
  border: 1px solid #d3d3d3;
  float:left;
}

.perRMA textarea[name="itemNote"] {
  margin-right: 0px;
}

button#send {
    background-image: url(../images/forward.png);
    text-indent: -8px;
    color: white;
    width: 120px;
    height: 33px;
    display: block;
    background-repeat: no-repeat;
    background-position: right;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    text-shadow: none;
    font-size: 12px;
    border: none;
    float: right;
    margin-top: 20px;
    padding-left: 16px;
    background-color: #00a8ff;
}


.regNumber {
	width: 200px;
	height: 23px;
	font-size: 11px;
	padding-left: 5px;
	border: 1px solid #d3d3d3;
	margin-left: 10px;
}

.cardNumber {
	width: 200px;
	height: 23px;
	font-size: 11px;
	padding-left: 5px;
	border: 1px solid #d3d3d3;
	margin-left: 10px;
}

input.itemNo:disabled {
	border:none !important;
	background:none !important;
	font-size: 12px;
font-weight: bold;
color: black !important;
margin-left: 5px;
cursor:default;
width:400px;
}

.RmaProductInfo {
height: 30px;
width: 100%;
display: block;
padding-top: 12px;
color: black !important;
}


.RmaProductInfo input{
color: black !important;
}


.RmaProductInfo p {
	font-size: 12px;
	font-weight: bold;
	color: black;
	float: left;
	padding-top: 2px;
}

.RmaProductInfo2 {
	font-size: 11px;
	font-weight: bold;
	color: black;
	line-height: 16px;
	padding-right:10px;
	float:left;
	width: 160px;
}

.RmaProductInfo3 {
	font-size: 11px;
	font-weight: bold;
	color: black;
	line-height: 16px;
	margin-left:20px;
}

#RmaProductInfo-itemQuantity {
	font-size: 11px;
	font-weight: bold;
	color: black;
	line-height: 16px;
	padding-right:10px;
	float:left;
	width: 38px;
}


.cardInfo {
	width: auto;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	height: 80px;
	padding-top: 20px;
	background: #f9f9f9;
}

.cardInfo p {
	margin: 0px 0px 15px 20px;
	font-size: 11px;
	font-weight: bold;
	color: black;
	line-height: 16px;
}


#RmaProductInfoDIV {
	width: 100%;
height: 18px;
}

input[name="productNumber"] {
    width: 140px;
    border: 1px solid #d3d3d3;
    line-height: 23px;
	height: 23px;
	font-size: 11px;
	padding-left:5px;
	margin-top: 1px;
}

table.fixed {
  table-layout: fixed;
}
table.fixed td {
  overflow: hidden;
}
table.common-info th {
  width: 150px;
}
table.common-info tbody tr td:nth-child(1) {
  font-weight: bold;
}
table.common-info .rma-number {
  font-size: 15px;
  font-weight: bold;
}
th.item-no {
  width: 50px;
}
th.item-name {
  width:145px;
}
th.item-qty {
  width:45px;
}
th.item-handle-type, th.item-fail-type {
  width:90px;
}
th.item-exchangedno {
  width: 50px;
}
.common-info {
  margin: 20px 0;
}
.data.rma-info {
  margin: 20px 0;
}
table.rma-info {
  width: 760px;
}
div.rmaInfo {
  padding: 0;
}
label.error {
  font-size: 11px;
  font-weight: normal;
}
.rma-thanks {
  line-height: 30px;
}
ul.rma-address li {
  font-size: 12px;
  margin-bottom: 0px;
}
label.error:hover {
  cursor:hand;
}
.rma .space {
  display: block;
  height: 20px;
}
button.delete {
  background: #990000;
  color: white;
  text-shadow: none;
  float: right;
  margin: 0;
}
form.rma .commonRMA {
  font-size: 11px;
  font-weight: normal;
}

input.orderNumber {
  font-size: 11px;
  font-weight: normal;
}

textarea {
  overflow:hidden;
}

.placeholder {
  color: #aaa;
}



form.rma select.failTypeAlt,
form.rma select.failTypeDetailed,
form.rma select.handleType,
form.rma select.itemQuantity {
  width: 160px;
  border: 1px solid #d3d3d3;
  line-height: 27px;
	height: 27px;
	font-size: 11px;
	padding-left:3px;
	margin-left:10px;
	float:left;
}

form.rma select.itemQuantity {
  width: 40px;
  margin-left: 0px;
  padding-left: 0px;
}

form.rma div.failTypeDetailed.container .item-name {
  width: 199px;
}

form.rma div.failTypeDetailed.container {
  float: left;
  width: 328px;
  height:30px;
}

table.rma-info .item-fail-type-detail{
  width: 120px;
}

.productNumberInfo {
 float: left;
margin-left: 10px;
position: relative;
top: -17px;
}

.changeLater h3 a,
.rmaBanner {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}

.changeLater h3 a{
  width: 100%;
  display:inline-block;
  font-weight:normal;
  text-decoration:none;
  cursor: default;
}
.changeLater h3 a:hover{
}
.changeLater h3 a:active{
  position:relative;
  /* top:1px; */
}

#egneside_wrapper .click-to-toggle {
  display: block;
float: right;
font-weight: bold;
background: #e5e5e5;
padding: 2px 10px 2px 10px;
border-radius: 2px;
font-size: 10px;
margin: 0;
cursor:pointer;
}

.nav-button, .nav-button:hover, .nav-button:active {
  background: #00A8FF;
  text-shadow: none;
  text-transform: uppercase;
  border:none;
}

#rma-button {
    color: white;
    float: right;
    background: url("../images/forward.png") no-repeat scroll right center #00a8ff;
    width: 93px;
    height: 17px;
    display: block;
    font-size: 11px;
    line-height: 17px;
    text-decoration: none;
    text-indent: -25px;
    text-align: center;
}

textarea.itemComment {
	width: 745px;
	border: 1px solid #e5e5e5;
	padding: 5px;
	font-size: 11px;
	margin: 0px 0px 10px 20px;
	height: 70px;
}

textarea.itemNote {
  width: 745px;
border: 1px solid #e5e5e5;
padding: 5px;
font-size: 11px;
margin: 0px 0px 10px 20px;
height: 70px;
}


#RmaNote {
	width: 100%;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	height: 130px;
	padding-top: 20px;
	background: #f9f9f9;
}

.hidden {
  display: none;
}


#create-rma {
  border: 1px solid #ededed;
  border-top:none;
}

#NavCenterMenu {
	float:left;
	background:#f9f9f9;
	border: 1px solid #ededed;
	width:160px;
}

#NavCenterMenuHead {
	border-bottom: 1px solid #ededed;
	padding:10px;
	text-transform:uppercase;
	font-size: 12px;
text-align: center;
font-weight:bold;
}

#NavCenterMenuItem {
	padding: 18px 20px 20px 20px;
}


#NavCenterContent {
	float:left;
	margin-left: 20px;
	width: 800px;
}

.border {
	height:1px;
	background:#dfdfdf;
	width: 1024px;
	position: relative;
	left: -20px;
}

.alert {
  padding: 8px 0px 8px 8px;
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  background: #ffebe8;
  border: 1px solid #dd3c10;
  height: 23px;
  position: relative;
  font-size: 12px;
  font-weight: bold;
}

.alert span.close {
  position: absolute;
  right: 10px;
  font-size: 11px;
  font-weight: bold;
}

.alert span.close:hover {
  cursor: pointer;
}

.chat-style {
  font-size: 11px;
  line-height: 14px;
  color: #717171;
  margin-bottom: 25px;
}

div.error p {
	width: 450px;
	padding: 20px;
	background: #ffebe8;
	border: 1px solid #dd3c10;
	color: #00000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	position: relative;
	top: 20px;
	left: 225px;
	text-align: center;
	margin-bottom: 5px;
}


#order-lookup {
  margin-bottom: 0px !important;
}

.ReturnLabel {
float: left;
margin: 35px 0px 0px 0px;
}

.ReturnLabel a{
color: black;
font-size: 10px;
text-decoration: underline;
display: block;
cursor: pointer;
}

.ReturnLabel img {
display:block;
margin: 0px auto;
}

@media only screen and (max-width: 768px) {
	.contact .columns.eight {
	width: 90% !important;
	}
}

@media only screen and (max-width: 600px) {
	#OrderHeadInfo {
	float: left;
	}
	.customerCenter table.data th {
	padding-left: 2px !important;
	}
}

@media only screen and (max-width: 450px) {
	.contact {
		margin: 40px 0 0 0;
	}
	.contact .columns.eight textarea {
	height: 80px;
	}
	.ClosedOrders.infoBlock th {
	font-size: 12px;
	}
	.ClosedOrders.infoBlock td {
	font-size: 11px;
	}
	.ClosedOrders.infoBlock td a {
	font-size: 11px;
	}
}