body {
font-family: Arial, Helvetica, sans-serif; 
margin:10px;
padding:0px;

    overflow-x: hidden; 
}


.viewTable {
    border-color: #B0D1F7;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.viewTDHead {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    background-color: #4E88CA;
    color: #FFFFFF;
    padding: 3px;
    font-weight: bold;
    font-size: 10px;
}
                                                                                                                    
.viewTD {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 3px;
    background-color: #F9FCFF;
    font-size: 10px;
}

.viewTD2 {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 3px;
    background-color: #EEEEEE;
    font-size: 10px;
}

.itemTable {
    border-color: #B0D1F7;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
                                                                                                                      
.itemTDHead {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    background-color: #71AAEB;
    color: #FFFFFF;
    padding: 3px;
    font-weight: bold;
    font-size: 10px;
}
                                                                                                                      
.itemTD {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 3px;
    background-color: #F9FCFF;
    font-size: 10px;
}

.subnav { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
.whitesubnav { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
.boxtext { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

.boxtitle {
  color: #4E88CA;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-image: url(images/boxheadbg.gif);
  letter-spacing: 1px;
}

.boxtitletext { 
  color: #000000; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Arial, Helvetica, sans-serif;
}

.boxtitletext2 { 
  color: #4E88CA; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Arial, Helvetica, sans-serif;
}

.productbold { 
  color: #4E88CA; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Arial, Helvetica, sans-serif;
}

A.subnav:link { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding: 2px 2px 2px 2px } 
A.subnav:visited { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding: 2px 2px 2px 2px }
A.subnav:hover { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; padding: 2px 2px 2px 2px }

.footer { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
A.footer:link { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } 
A.footer:visited { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
A.footer:hover { color: #F7941D; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  }

td { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.loginmargin {
	padding-top: 48px;
    }
	
.loginbox {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border: 1px solid #90BDE9;
  background: #EAF0F7;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 120%;
}
	
.textboxlogin {
  background: #90BDE9;
  border: 1px solid #2E76B9;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  margin-top: 4px;
} 
	
.formbutton {
  background: #90BDE9;
  border: 2px solid #2E76B9;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
} 

.bluesmtxt {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
	color: #2F8CC7;
	font-weight: bold;
	} 
	
A.bluesm:link { color: #0f16af; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } 
A.bluesm:active { color: #0f16af; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } 
A.bluesm:visited { color: #0f16af; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } 
A.bluesm:hover { color: #7AAEE1; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.footertxt {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	} 



.box {
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right:8px;
	padding-top: 8px;
	line-height: 130%;
	border-width: 1px 1px 1px 1px;
    border-style: solid;
	border-color: #B0D1F7;
	} 
	
A.boxlink:link { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none;} 
A.boxlink:visited { color: #000000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
A.boxlink:hover { color: #5D5D7A; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.categorybox {
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right:8px;
	padding-top: 8px;
	line-height: 130%;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #B0D1F7;
	text-align:center;
} 

.newsbox {
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right:8px;
        padding-top: 8px;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: #B0D1F7;
        text-align:center;
}   

.boxSide {
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right:8px;
        padding-top: 0px;
        line-height: 130%;
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-color: #B0D1F7;
}

.error {
  color: #ff0000;
  width: 50%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #F1F1F1;
  border: 2px solid #CCCCCC;
  margin-top: 3px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.error2 {
  color: #ff0000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.goodMessage {
  color: #ff0000;
  width: 50%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #F1F1F1;
  border: 2px solid #CCCCCC;
  margin-top: 3px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

A.redlink:link { color: #E92C2D; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}
A.redlink:visited { color: #E92C2D; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
A.redlink:hover { color: #7EB4F2; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

A.viewcartlink:link { color: #5287f5; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}
A.viewcartlink:visited { color: #5287f5; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
A.viewcartlink:hover { color: #7EB4F2; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.daysTD {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #ACACD4;
}
                                                                                      
.daysTDyellow {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #F7D722;
}
                                                                                      
.daysTDorange {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #F2A41C;
}

.daysTDgreen {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #8DC63F;
}
                                                                                      
                                                                                      
.daysTDredorange {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #E9612C;
}
                                                                                      
                                                                                      
.daysTDred {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #E92C2D;
}

A.bluelink:link { 
  color: #0b01b2; 
  font-size: 10px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  text-decoration: none; 
} 
A.bluelink:visited { 
  color: #0b01b2; 
  font-size: 10px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  text-decoration: none; 
}
A.bluelink:hover { 
  color: #7EB4F2; 
  font-size: 10px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;  
  text-decoration: underline; 
}

/*************invoice styles**************/
.footerbg {
  color: #3485CA;   font-size: 10px;
  font-weight: bold;   font-family: Arial, Helvetica, sans-serif;
  background-image: url(images/footer_background.gif);
  padding-top: 8px; 
}

.invWhtName { color: #FFFFFF; font-size: 20px; font-family: Arial, Verdana, Geneva;}
                                                                                                                     
.invWhtOrderInfo { color: #FFFFFF; font-size: 16px; font-family: Arial, Verdana, Geneva; font-weight: bold;}
                                                                                                                     
.invTxtDes{ color: #3E77B9; }

.sideHeaderTD { 
	background-color: #7EB4F2;
	color: #FFFFFF;   
	font-size: 10px;
    font-weight: bold;   
	font-family: Arial, Helvetica, sans-serif;
  	}

.boxtopTD { 
	background-color: #7EB4F2;
	color: #FFFFFF;   
	font-size: 10px;
    font-weight: bold;   
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
    padding-top: 2px;
  	}

.divHidden {
display: none;
}
                                                                                
                                                                                
.divShown {
}

/*************tab styles**************/
                                                                                                                             
A.offlink:link { color: #0b01b2; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
A.offlink:visited { color: #0b01b2; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
A.offlink:hover { color: #5F94D6; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
                                                                                                                             
A.onlink:link { color: #FFFFFF; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
A.onlink:visited { color: #FFFFFF; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
A.onlink:hover { color: #D9EAFF; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
                                                                                                                             
/*************below tab link styles**************/
A.toplink:link { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
A.toplink:visited { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
A.toplink:hover { color: #0A53AD; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  text-decoration: underline; }

.invoicetopTD { 
	background-color: #71AAEB;
}

.divSearchBillto {
  margin-left:2px; 
  margin-right:2px; 
  display:none; 
  border:1px solid black; 
  background-color:#F9F9F7;
}

.openOrder {
  color: #ff0000;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.shippedOrder {
  color: #ff0000;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

#pageFooter {
  width: 100%;
  clear: both;
  position: relative;
  overflow: hidden;
}
.footerRow {
  width: 100%;
}

.footerTagLine {
  clear: both;
  width: 100%;
  text-align: center;
  font-style: italic;
  margin-top: 10px;
}

ul.footerList {
  display: inline;
  margin: 0;
  list-style-type: none;
}

ul.footerList li a:link, ul.footerList li a:visited {
  float: left;
  width: 30%;
  text-align: center;
  padding-left: 5px;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

ul.footerList li a:hover {
  color: #AA1712;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
}

#pageContainer {
  width: 100%;
}

#header {
  width: 100%;
  display:block;
}

#topbar {
  height: 30px;
  position: relative;
}

#underbar {
  background-color: #000000;
  height: 30px;
  position: relative;
}

#topLogo {
  float: left;
  width: 396px;
  padding-top:10px;
  height: 75px;
}
#topUser {
  float: left;
  width: 200px;
  padding-top:10px;
  height: 75px;
}

#topRight {
	float: right;
	width: 545px;
	height: 100px;
}

.topTab {
  float: left;
  width: 80px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

.topTabFwd {
  float: left;
  width: 80px;
  background-color: #90BDE9;
  color: #FFFFFF;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

.topTabBack {
  float: left;
  width: 80px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

#mainArea {
  border: 1px solid #A1A1A1;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}


#indexLeftPanel {
	width: 18%;
	color:#1529a9;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
}


#indexLeftPanel a {
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  float:left;
  font-size:16px;
  font-weight:bold;
  color:#1d1db4;
  text-decoration:none;
  width: 100%;
  text-align:center;
}


#yellowPanel {
  width: 60%;
  border: 1px solid #A1A1A1;
  background: #FDFCEC;
  font-family: Arial, Helvetica, sans-serif;
  float:right;
}

#loginPanel {
  width: 28%;
  border: 1px solid #1529a9;
  font-family: Arial, Helvetica, sans-serif;
  float:right;
  background: url(images/loginbg.gif);
  margin-right:10px;
  padding:10px;
}

#truck {
	width:50%;
	margin-top:30px;
	margin-right:10px;
	float:left;
	text-align: center;
	margin: 0 auto;
}

#loginBoxText {
  width: 33%;
  font-family: Arial, Helvetica, sans-serif;
  width:86%;
  margin: 0 auto;
  font-size:13px;
}

#loginForm form {
  margin: 0px;
}

#userNameLabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#userNameInput {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 120%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

#passwordLabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 120%;
  padding-left: 20px;
  padding-right: 20px;
}

#passwordInput {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 120%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#submitLoginBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 120%;
  padding-left: 20px;
  margin-bottom: 20px;
}

.bigTextBoxLogin {
  width:98%;
  background: #FFFFFF;
  border: 1px solid #1529a9;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  color: #1529a9;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bigFormButton {
  background: #90BDE9;
  border: 2px solid #2E76B9;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 120%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.bigFormButton2 {
  background: #0b01b2;
  border: 1px outset #04003b;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 120%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 3px;
  -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
}

.bigFormButton3 {
  background: #0b01b2;
  border: 1px outset #04003b;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 120%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 3px;
  margin-top: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
}

.bigFormButton3hover {
  background: #6868ec;
  border: 1px outset #04003b;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 120%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 3px;
  margin-top: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
}

A.tabBlueLink:link {
  color: #0b01b2;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
A.tabBlueLink:visited {
  color: #0b01b2;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
A.tabBlueLink:hover {
  color: #7EB4F2;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: underline;
}

#subBar {
  width: 100%;
  overflow: auto;
  border: 1px solid black;
}

.subBarItem {
  float: left;
  width: 120px;
  text-align: center;
}

A.subBarLink:link {
  color: #0b01b2;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
A.subBarLink:visited {
  color: #0b01b2;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
A.subBarLink:hover {
  color: #7EB4F2;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: underline;
}

#statusBar {
  width: 100%;
  overflow: auto;
}

#billToBox {
	float: left;
	width: 63%;
	overflow: auto;
	border-right: 1px dotted #CCCCCC;
	margin-top:8px;
	padding: 13px 0px 5px 5px;
}

.billToLabel {
  float: left;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 5px;
}
.billToItem {
  float: left;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 9px;
}

A.billToItemLink:link {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #0f16af;
}
A.billToItemLink:visited {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #0f16af;
}
A.billToItemLink:hover {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #7AAEE1;
}

#cartSummary {
	float: left;
	width: 20%;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 3px;
	border:0px solid black;
	margin-left:15px;
  padding: 5px 14px 5px 14px;
}
.cartSummaryItem {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.cartSummaryHighlight {
  background-color: #e6eaf6;
  cursor: pointer;
  padding: 5px 14px 5px 14px;
}


#quickEntryForm {
  border: 1px solid;
  border-color:#1221ac;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.rowHeading {
  background-color: #1221ac;
  overflow: auto;
  padding:1px;
}

.rowHeadingCell {
  float: left;
  width: 14%;
  background-color:#1221ac;
  font-size:16px;
  color:#FFFFFF;
  font-weight: bold;
}
.rowHeadingCellID {
  float: left;
  width: 10%;
  background-color:#1221ac;
  font-size:16px;
  color:#FFFFFF;
  font-weight: bold;
}
.rowHeadingCellName {
  float: left;
  width: 25%;
  background-color:#1221ac;
  font-size:16px;
  color:#FFFFFF;
  font-weight: bold;
}
.rowHeadingCellA1 {
  float: left;
  width: 20%;
  background-color:#1221ac;
  font-size:16px;
  color:#FFFFFF;
  font-weight: bold;
}
.rowHeadingCellA2 {
  float: left;
  width: 20%;
  background-color:#1221ac;
  font-size:16px;
  color:#FFFFFF;
  font-weight: bold;
}
.rowHeadingCellCSZ {
  float: left;
  width: 20%;
  background-color:#1221ac;
  font-size:16px;
  color:#FFFFFF;
  font-weight: bold;
}

.rowOdd {
  overflow: auto;
  padding:7px;
}

.rowEven {
  overflow: auto;
  padding:7px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#f6f8fe;
}

.rowCell {
  float: left;
  width: 14%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.rowCellID {
  float: left;
  width: 10%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.rowCellName {
  float: left;
  width: 25%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.rowCellA1 {
  float: left;
  width: 20%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.rowCellA2 {
  float: left;
  width: 20%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.rowCellCSZ {
  float: left;
  width: 20%;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

A.custLink:link {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #0f16af;
  font-weight:bold;
}
A.custLink:visited {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #0f16af;
  font-weight:bold;
}
A.custLink:hover {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #7AAEE1;
  font-weight:bold;
}

.buttonGroup {
  margin-left: 5px;
  margin-right: 5px;
  margin-top:10px;
}

.cartPartIdHeading {
  float: left;
  width: 15%;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
}

.cartPartId {
  float: left;
  width: 15%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 15px;
}

.cartDescriptionHeading {
  float: left;
  width: 30%;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
}

.cartDescription {
  float: left;
  width: 30%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top:15px;
}

.cartQuantityHeading {
  float: left;
  width: 15%;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
}

.cartQuantity {
  float: left;
  width: 15%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 8px;
}

.cartPriceHeading {
  float: left;
  width: 10%;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
  font-weight: bold;
  text-align: center;
}

.cartPrice {
  float: left;
  width: 10%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 15px;
  padding-right: 15px;
  font-weight: bold;
  text-align: right;
}

.cartExtendedHeading {
  float: left;
  width: 10%;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 5px;
  text-align: center;
}

.cartExtended {
  float: left;
  width: 10%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top:15px;
  text-align: right;
}


.cartDelete {
  float: left;
  width: 20%;
  color: #000000;
  text-align: right;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.cartUpdate {
  width: 50%;
  color: #000000;
  margin-left: 20px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.checkoutEntryForm {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.cartRowColHeading {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  background: #0f16af;
  overflow: auto;
  border: 1px solid #a8a8a8;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 1px;
}

.cartRowEven {
  overflow: auto;
  border: 1px solid #a8a8a8;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 3px;
  padding: 5px;
  background-color: #f5f7fb;
}

.cartRowOdd {
  overflow: auto;
  border: 1px solid #a8a8a8;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 3px;
  padding: 5px;
  background-color: #FFFFFF;
}


/*  Gina 2012 */

.mainmenu{
	width: 100%; /* The mainmenu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #e6eaf6;
	font-size:13px;
	font-weight:bold;
}

.mainmenu ul{
	margin: 0;
	padding: 0;
	float: left;}

.mainmenu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.mainmenu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the mainmenu text */
	color: #0f16af; /* text color of the mainmenu */
	padding: 10px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #e6eaf6;}

.mainmenu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #0f16af;
	text-decoration: none;}
	
.mainmenu ul li a:active { /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #FFFFFF;
	background-color:#0f16af; /* change the background color of the list item when you hover over it */
}

.mainmenu ul li a:hover {
	color: #fff;
	background-color:#0f16af; /* change the background color of the list item when you hover over it */
}

#current{
	color: #FFFFFF;
	background-color:#0f16af; /* change the background color of the list item when you hover over it */
}
	
.clear {
	clear:both;
}

.submenu{
	width: 100%; /* The submenu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #0f16af;
	font-size:11px;
	font-weight:bold;
}

.submenu ul{
	margin: 0;
	padding: 0;
	float: left;}

.submenu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.submenu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the submenu text */
	color: #ffffff; /* text color of the submenu */
	padding: 5px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #0f16af;}

.submenu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}
	
.submenu ul li a:active { /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #ffffff;
	background-color:#6868ec; /* change the background color of the list item when you hover over it */
}


#currentSub{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #ffffff;
	background-color:#6868ec; /* change the background color of the list item when you hover over it */
	text-decoration:underline;
}


.submenu ul li a:hover, .submenu ul li {
	color: #FFFFFF ;
	background-color:#6868ec; /* change the background color of the list item when you hover over it */
}


h2 {
	color: #1529a9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:10px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:5px;
}

#topPhone {
	color: #1529a9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width:50%;
	float:left;
	padding-top:30px;
	
}

#topAddress {
	color: #1529a9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width:48%;
	float:left;
	padding-top:21px;
	text-align:right;
}

#topRightIndex {
	float: right;
	height: 66px;
	width:50%
}

#topLogoIndex {
  float: left;
  width: 45%;
  padding-top:10px;
  padding-left:5px;
  height: 75px;
}

.indexhorizrule {
	color:#dedede;
}

.orderGrid {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 3px;
  padding-bottom: 5px;
  font-family: Arial, Verdana, Geneva;
}

.orderGridHeadRow {
  clear: both;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.orderGridHeadCell {
  float: left;
  width: 24%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridHeadCell1 {
  float: left;
  width: 8%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridHeadCell2 {
  float: left;
  width: 12%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridHeadCell3 {
  float: left;
  width: 26%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridHeadCell4 {
  float: left;
  width: 10%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridHeadCell5 {
  float: left;
  width: 14%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridHeadCell6 {
  float: left;
  width: 13%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridHeadCellLast {
  float: left;
  width: 13%;
  border: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.orderGridCell1 {
  float: left;
  width: 8%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.orderGridCell2 {
  float: left;
  width: 12%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.orderGridCell3 {
  float: left;
  width: 26%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.orderGridCell4 {
  float: left;
  width: 10%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.orderGridCell5 {
  float: left;
  width: 14%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.orderGridCell6 {
  float: left;
  width: 13%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.orderGridCellLast {
  float: left;
  width: 13%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-right: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridHeadRow {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.pendingGridHeadCell {
  float: left;
  width: 16%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.pendingGridHeadCell1 {
  float: left;
  width: 8%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.pendingGridHeadCell2 {
  float: left;
  width: 12%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.pendingGridHeadCell3 {
  float: left;
  width: 26%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.pendingGridHeadCell4 {
  float: left;
  width: 14%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.pendingGridHeadCell5 {
  float: left;
  width: 20%;
  border-top: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  border-left: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.pendingGridHeadCellLast {
  float: left;
  width: 16%;
  border: 1px solid #1221ac;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  background: #1221ac;
}

.pendingGridHeadCellFull {
  float: left;
  width: 96%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  border-left: 1px solid #1221ac;
  border-right: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  text-align: center;
  background: #FFFFFF;
  position: relative;
  overflow: auto;
}

.orderGridHeadCellFull {
  float: left;
  width: 96%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  border-left: 1px solid #1221ac;
  border-right: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
  text-align: center;
  background: #FFFFFF;
  position: relative;
  overflow: auto;
}

.orderGridRow {
  clear: both;
  width: 100%;
  overflow: auto;
  background: #FFFFFF;
}

.orderGridCell {
  float: left;
  width: 24%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridCell {
  float: left;
  width: 16%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridCell1 {
  float: left;
  width: 8%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridCell2 {
  float: left;
  width: 12%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridCell3 {
  float: left;
  width: 26%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridCell4 {
  float: left;
  width: 14%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridCell5 {
  float: left;
  width: 20%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.pendingGridCellLast {
  float: left;
  width: 16%;
  text-align: center;
  background: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #1221ac;
  border-right: 1px solid #1221ac;
  border-bottom: 1px solid #1221ac;
}

.modal {
  background-color:#fff;
  display: none;
  width: 400px;
  padding: 15px;
  text-align: left;
  border: 2px solid #333;
 
  opacity: 1.0;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;
}

#showFavListDropdown {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
  padding-bottom: 5px;
}

.checkoutSummary {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 3px;
  padding-bottom: 5px;
  border: 1px solid #A1A1A1;
  background: #f6f8f6;
  font-family: Arial, Helvetica, sans-serif;
}

.checkoutSummaryLabel {
  float: left;
  width: 84%;
  color: #000000;
  text-align: right;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 5px;
}

.checkoutSummaryValue {
  float: left;
  width: 15%;
  color: #000000;
  text-align: right;
  font-size: 14px;
  font-family: Verdana, Arial, Geneva;
  font-weight: bold;
  padding-top: 5px;
  padding-right: 5px;
}


.checkoutPartIdHeading {
  float: left;
  width: 15%;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
}

.checkoutPartId {
  float: left;
  width: 15%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 10px;
}

.checkoutDescriptionHeading {
  float: left;
  width: 30%;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
}

.checkoutDescription {
  float: left;
  width: 30%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 10px;
}

.checkoutQuantityHeading {
  float: left;
  width: 15%;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
}

.checkoutQuantity {
  float: left;
  width: 15%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 2px;
}

.checkoutPriceHeading {
  float: left;
  width: 20%;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 5px;
  text-align: right;
  font-weight: bold;
}

.checkoutPrice {
  float: left;
  width: 20%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 10px;
  text-align: right;
  font-weight: bold;
}

.checkoutExtendedHeading {
  float: left;
  width: 18%;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  padding-top: 5px;
}

.checkoutExtended {
  float: left;
  width: 19%;
  color: #000000;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  padding-top: 10px;
}

.invoiceTop {
  overflow: auto;
  padding-left: 10px;
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border: 1px solid #000000;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.invoiceInfoBox {
  float: left;
  width: 30%;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

.invoiceBilltoBox {
  float: left;
  width: 30%;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

.invoiceShiptoBox {
  float: left;
  width: 30%;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

.invoiceH2 {
  float: left;
  width: 49%;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 8px;
}

.invoiceH3 {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-bottom: 5px;
}

.invoicePrint {
  float: left;
  width: 49%;
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 8px;
}

.pageNumberBox {
  text-align: right;
  padding-right: 5px;
}

.billedTable {
    border-color: #000000;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.billedHeadCell {
    border-width: 1px 1px 0 0;
    border-style: solid;
    color: #FFFFFF;
    background: #1221ac;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
}

.billedCell {
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    background: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px;
}

.billedCellShipped {
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    background-color: #98FB98;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px;
}

.billedCellLeft {
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: left;
    background: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 3px;
    font-size: 12px;
}

.billedCellRight {
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: right;
    background: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 5px;
    font-size: 12px;
}

.orderLabel {
    padding-left: 5px;
}

.profileBox {
    border: 2px solid #cccccc;
    width: 50%;
    font-family: Arial, Helvetica, sans-serif;
}

.profileBoxRow {
    padding-top: 5px;
    clear: both;
}
.profileBoxCell1 {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 30%;
    text-align: right;
}
.profileBoxCell2 {
    float: left;
    padding-left: 5px;
    width: 58%;
}
.profileBoxCell3 {
    float: left;
    width: 95%;
    text-align: left;
}