body { 
background-color: #D7DEE1;
text-align: center; 
font-size:100%;
font-family: Arial,Verdana,Helvetica,sans-serif;
line-height:1.120em;
}

.container {
width: 896px;
min-height:100%;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
margin: 0px auto; 
position: relative; 
margin-top: -15px;
margin-bottom: 0px;
background: url(../images/vertical-background.jpg) repeat-y;  
text-align: left;
}

.header {
width: 860px;
float: left;
display: inline; 
margin: 0 15px 0 15px;
}

#banner {
width: 850px;
float: left;
display: inline; 
margin: 0 22px 0 22px;
border: 1px #fff solid;
padding: 0 0 10px 0;
background: url(../images/banner-drop-shadow.jpg) no-repeat bottom center;  
}

#logo {
float: left;
display: inline;
margin: 37px 0 0 15px;
}

/* ^^^^^^^^ TEXT START ^^^^^^^^^^ */

h1,h2,h3 {
font-weight: bold; 
color: #333;
}

h1 { 
font-size: 1.2em; 
letter-spacing: -1px; 
line-height: 1.4em;
}

h2 {
font-size: 1.2em; 
letter-spacing: -1px; 
line-height: 1.4em;
}

h3 {
font-size: 1em; 
letter-spacing: -1px;
line-height: 1.2em;
}

p {
font-size:0.8em;
color: #666;
}

a {
font-size:0.78em;
color: #235194;
font-weight: bold;
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
color: #357BE1;
}

p a {
font-size: 1em; 
font-weight: normal;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #357BE1;
color: #357BE1;
}

p a:hover {
border-style: none none solid none; 
border-color: #235194;
color: #235194;
text-decoration: none;
}

p b {
color: #333;
font-size: 0.95em; 
}

a b  {
font-size: 0.95em; 
}

.main-title {
margin: 15px 0 10px 5px;
}

.sub-title {
color: #333; 
font-weight: bold; 
letter-spacing: -1.1px; 
margin: 0 0 10px 0;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #BFBFBF;
padding-bottom: 4px;
}

#left-content-first-p {
font-weight: bold;
letter-spacing: -1px;
margin: 20px 0 0 0;
}

.small-text {
text-align: right;
margin: 0 4px 0 0;
} 

.ul-global{
list-style: square;
font-size: 0.78em;
color: #666;
}

.ul-global a{
font-size: 1em;
}

.li-global {
list-style-position: outside;
text-decoration: none;
margin-left: -20px;
}

.li-global a {
font-size: 0.95em; 
font-weight: normal;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #357BE1;
color: #357BE1;
}

.li-global a:hover {
border-style: none none solid none; 
border-color: #235194;
color: #235194;
text-decoration: none;
}

.links {
color: #235194; 
font-weight: bold;
letter-spacing: -0.5px;
text-decoration: none;
}

.links a:hover {
text-decoration: underline; 
}

.list-ul {
list-style-image: url(../images/arrow.gif);
margin-top: 20px;
font-weight: bold;
line-height: 160%;
text-decoration: none; 
}

#pdf-container {
float: left;
display: inline;
min-height: 200px;
min-height: 30px;
padding: 8px 13px 0 10px;
background-color: #ededed;
border: 1px #BFBFBF solid;
margin: 5px 10px 5px 0
}

.breadcrumbs {
font-size:0.78em;
margin: 2px 0 15px 5px;
font-weight: bold;
color: #333;
border-style: dotted none dotted none; 
border-width: 1px;  
border-color: #ccc;
padding: 6px 0 6px 0;
}

.breadcrumbs a {
font-size:1em;
}

.black {
color: #000;
}

.inline-image {
float: right;
margin: 0 20px 0 30px;
}


/* ^^^^^^^^ TEXT END ^^^^^^^^^^ */

/* ^^^^^^^^ IMAGES START ^^^^^^^^^^ */

.pdf-icon {
margin: 1px 3px 0 0;
display: inline;
}

.thumbnails {
border: 1px #ccc solid;
margin: 0 0 0 0;
}

.thumbnails:hover {
border: 1px #666 solid;
}

.img-content {
float: left;
display: inline;
margin: 10px 30px 10px 0;
}

/* ^^^^^^^^ IMAGES END ^^^^^^^^^^ */

/* ^^^^^^^^ NAVIGATION START ^^^^^^^^^^ */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/multi-column.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {height: 47px; width: 861px; float:left; display: inline; background: transparent url(../images/bgOFF.jpg) repeat-x top left; font-family:arial, sans-serif; margin: 30px 17px 10px 17px; text-align:left;}

#menu {height:47px; width:851px; position:relative; font-size:12px; margin: 0; z-index:1000; float:left;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left;}
#menu ul li a {outline: none; display:block; float:left; padding:0 20px 0 20px; text-decoration:none; color:#4d4d4d; font-weight:bold; height:47px;line-height:49px;font-size:12px;background: transparent url(../images/bgDIVIDER.jpg) no-repeat right top; }
#menu ul li a b {outline: none; display:block; float:left; padding:0; text-decoration:none; color:#4d4d4d; font-weight:bold; height:47px;line-height:49px;font-size:12px; cursor:pointer;text-align:left; }

#menu ul li div.holder {position:absolute; left:-9999px;}
#menu ul li div.holder-2 {position:absolute; left:-9999px;}

#menu ul li div .leftSide {float:left; width:842px; background: #fff url(../images/nav-shadow.jpg) repeat-x top left; border-style: none solid solid solid; border-width: 1px; border-color: #ccc;}
#menu ul li div .rightSide {float:left; margin-left:5px; display:inline; padding:0; background: #fff url(../images/nav-shadow.jpg) repeat-x top left;}

#menu ul li:hover {outline: none; position:relative;}
#menu ul li a:hover {outline: none; height: 45px; color:#357BE1; background-color: #ededed; background-position:right center; white-space:nowrap; position:relative; border-style: solid none solid none; border-width: 1px; border-color: #ccc;}
#menu ul li a:hover b {outline: none; height: 45px; color:#357BE1; background-color: #ededed; background-position:left center;}
#menu ul li a.sub:hover {outline: none; color:#357BE1; white-space:nowrap;}
#menu ul li a.sub:hover b {outline: none; color:#357BE1; background-position:left bottom;}

#menu ul li:hover > a {color:#357BE1;}
#menu ul li:hover a.sub {color:#357BE1;}
#menu ul li:hover a.sub > b {color:#357BE1;}

#menu ul :hover div.holder {position:absolute; top:47px; left:-74px; margin: 0; padding: 0;}
#menu ul :hover div.holder-2 {position:absolute; top:47px; left:-241px; margin: 0; padding: 0;}

#menu ul li.right a:hover div.holder {outline: none; left:auto; right:3px; top:41px;}
#menu ul li.right:hover div.holder {outline: none; left:auto; right:4px; top:41px;}

#menu ul li.right a:hover div.holder-2 {outline: none; left:auto; right:3px; top:41px;}
#menu ul li.right:hover div.holder-2 {outline: none; left:auto; right:4px; top:41px;}

#menu ul dl {width:230px; margin:5px 0 5px 5px; padding:0 5px; list-style:none;}
#menu ul dl dd {display:block; padding:0; margin:0;}
#menu ul dd a {outline: none; font-size:11px; background-image: none; display:block; height: 33px; line-height: 33px; color:#666; text-align:left; margin: 0; padding:0 0 0 10px; font-weight:normal; white-space:nowrap; float:none;}
#menu ul dd a:hover {outline: none; color:#357BE1; border: 0; height: 100%; padding:0 0 0 10px; margin: 0;}

#menu ul table td {vertical-align:top;}

.nav-cat-td {width:25px; height: 25px; display: inline; border: 0; margin: 0; float: left;}
.nav-cat-td img {display: inline; border: 0; margin: 8px 0 0 5px; float: left;}
.nav-cat-td img:hover {display: inline; border: 0; margin: 8px 0 0 5px; float: left;}
.nav-cat-td:hover {width:25px; height: 25px; display: inline; border: 0; margin: 0; float: left;}

/* ^^^^^^^^ LEFT CONTENT START ^^^^^^^^^^ */

.left-content-container {
width: 620px; 
float: left;
display: inline;
margin: 4px 0 10px 20px;
}

.left-content-text {
width: 620px; 
float: left;
display: inline;
margin: 0 0 30px 5px;
}

#left-content-ad {
border: none;
margin: 0 0 10px 0;
}

#left-content-ad-2 {
border: none;
margin: 5px 0 20px 0;
}

#left-content-ad-3 {
float: left;
border: none;
margin: 10px 0 0 20px;
}

.left-content-header {
float: left; 
display: inline;
width: 620px; 
height: 46px; 
background: url(../images/product-header.jpg) no-repeat;
}

.left-content-header-title {
float: left;
font-size: 1.2em; 
letter-spacing: -1px; 
display: inline; 
margin: 11px 0 0 11px;
}

.left-content-box {
width: 620px; 
float: left;
display: inline;
margin: 25px 0 10px 20px;
}

.left-content-half {
width: 290px; 
float: left;
display: inline;
margin: 15px 20px 0 0;
}

.metal-processes-left-content {
width: 620px; 
float: left;
display: inline;
margin: 0 0 15px 5px;
}

.left-content-indent {
width: 600px; 
margin: 10px 0 10px 5px;
}

.promise-box {
width: 620px;
float: left;
display: inline;
margin: 0 0 0 0;
padding: 0 0 15px 0;
}

.promise-box-third-1 {
float: left;
width: 200px;
border-style: none dotted none none; 
border-width: 0; 
border-color: #ccc;
margin: 0 5px 0 0;
padding-right: 5px;
}

.promise-box-third-2 {
float: left;
width: 200px;
border-style: none dotted none none; 
border-width: 0; 
border-color: #ccc;
margin: 0 5px 0 0;
padding-right: 5px;
}

.promise-box-third-3 {
float: left;
width: 195px;
}

.promise-box-title {
display: inline;
}

.promise-box-text {
line-height: 130%;
}

.promise-box img {
margin: 0 5px 10px 5px;
}

.enquiry-form-button {
font-family: Arial,Verdana,Helvetica,sans-serif;
float: left;
text-align: right;
display: block;
margin: 0;
padding: 5px 10px 5px 31px;
border: 1px #ccc solid;
text-decoration: none;
background: transparent url(../images/production-enquiry-button.jpg) no-repeat left;
}

.enquiry-form-button:hover {
text-decoration: none;
border: 1px solid #357BE1;
color: #357BE1;
}

.enquiry-form-info-icon {
float: left;
display: inline;
margin: 8px 7px 5px 0;
vertical-align: middle;
}


.user-action-result-positive {
float:left;
width: 555px;
height: 50px;
background: url(../images/user-action-result-positive.jpg) no-repeat;
padding: 10px 10px 0px 55px;
margin: 2px 0 0 0;
font-size: 0.78em;
font-weight: bold;
color: #333;
text-align: left;
}

.user-action-result-icon {
margin: 0px 3px -2px 0;
}

.user-action-result-negative {
float:left;
width: 555px;
height: 50px;
background: url(../images/user-action-result-negative.jpg) no-repeat;
padding: 10px 10px 0px 55px;
margin: 2px 0 0 0;
font-size: 0.78em;
font-weight: bold;
color: #fff;
text-align: left;
}

.user-action-result-information {
float:left;
width: 555px;
height: 50px;
background: url(../images/user-action-result-information.jpg) no-repeat;
padding: 11px 10px 0px 55px;
margin: 2px 0 0 0;
font-size: 0.78em;
font-weight: bold;
color: #333;
text-align: left;
}

/* ^^^^^^^^ SUPPLY CHAIN ^^^^^^^^^^ */

#global-supply-chain-container {
float: left;
width: 618px;
margin: 0;
padding: 15px 0 0 0;
background: #ededed;
border-style: none solid solid solid; 
border-width: 1px; 
border-color: #DEDEDE;
}

#global-supply-chain-container h2 {
text-align: center;
margin: 0 0 5px 0;
}

.global-supply-chain-box {
float: left;
width: 149px;
margin: 0 0 0 5px;
font-size: 0.9em;
line-height: 1em;
}

/* ^^^^^^^^ DISTRIBUTORS PAGE START ^^^^^^^^^^ */

.distributor-map {
float: left;
display:inline;
width:618px;
background: url(../images/distributor-map.jpg) no-repeat;
border-style: none solid solid solid; 
border-width: 1px; 
border-color: #DEDEDE;
padding: 0 0 30px 0;
margin: 0 0 35px 0;
}

.distributor-map-title {
margin: 30px 0 0 0;
background: url(../images/bgON.jpg) repeat;
padding: 7px 0 6px 10px;
border-style: none solid solid solid; 
border-width: 1px; 
border-color: #DEDEDE;
}

.distributor-ul {
float: left;
display:inline;
list-style-image: url(../images/arrow.gif); 
font-weight: bold;
margin: 30px 55px 0 20px;
text-decoration: none;
line-height: 1.5em;
}

.distributor-li {
list-style-image: url(../images/arrow.gif);
margin: 0 0 20px 5px;
}

.distributor-country {
float: left;
display:inline;
width: 620px;
margin: 0 0 10px 0;
}

.distributor-1 {
float: left;
display:inline;
width: 185px;
height: 180px;
margin: 8px 0 0 8px;
border-style: none solid solid none;  
border-width: 1px; 
border-color: #ccc;
padding: 5px;
}

.distributor-3 {
float: left;
display: inline;
width: 185px;
height: 180px;
margin: 8px 0 0 8px;
border-style: none solid solid none;  
border-width: 1px; 
border-color: #ccc;
padding: 5px;
}

.distributor-country-container {
float: left;
display:inline;
width:618px;
border-style: none solid solid solid; 
border-width: 1px; 
border-color: #DEDEDE;
padding: 0 0 8px 0;
margin: 0 0 10px 0;
}

.distributor-country-container-title {
margin: 0 0 0 0;
background: url(../images/bgON.jpg) repeat;
padding: 7px 0 6px 10px;
border-style: none solid solid solid; 
border-width: 1px; 
border-color: #DEDEDE;
}

.distributor-country p {
font-size: 0.7em;
margin-top: 0;
}

/* ^^^^^^^^ DISTRIBUTORS PAGE END ^^^^^^^^^^ */

/* ^^^^^^^^ NEWS PAGE START ^^^^^^^^^^ */

.news-preview-container {
float:left;
margin: 20px 0 0 0;
border-style: dotted none none none; 
border-width: 1px; 
border-color: #ccc;
}

.email-campaigns-container {
float:left;
display: inline;
margin: 20px 0 0 0;
background: url(../images/email-campaign-container-bg.jpg) bottom right no-repeat;
}

#home-news-link {
float: right; 
margin: 15px 0 5px 5px;
letter-spacing: -1px; 
}

.news-preview {
float:left;
width: 602px;
display: block;
padding: 20px 0 20px 0;
margin: 0 0 0 0;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #ccc;
}

.news-preview a {
font-size: 0.9em;
}

.news-preview h2 {
margin: 5px 0 5px 0;
font-size: 0.95em;
}

.news-preview img {
float: left;
margin: 0 17px 0 0;
border: 1px #ccc solid;
padding: 0px;
}

#news-calendar-icon {
float: left;
display: inline;
margin: 0 5px 0 0;
padding:0;
vertical-align: middle;
border: none;
}

.news-preview p {
margin:0;
padding:0;
}

.news-preview-main-title {
margin: 30px 10px 0 0;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #ccc;
padding-bottom: 2px;
}

.news-image {
float: left;
margin: 0 15px 10px 0;
padding: 0;
border: 1px #ccc solid;
}

/* ^^^^^^^^ NEWS PAGE END ^^^^^^^^^^ */

/* ^^^^^^^^ NEWS (HOMEPAGE) START ^^^^^^^^^^ */

.news-content-container {
float: left;
display: inline; 
width: 618px; 
padding: 0;
margin: 0 0 0 0;
border: 1px #BFBFBF solid;
}

.news-content {
width: 280px;
float:left;
display: inline;
margin: 10px 12px 10px 12px; 
}

.news-main-title {
color: #333; 
font-weight: bold; 
letter-spacing: -2px; 
margin: 10px 0 10px 10px;
}

.news-title {
color: #333; 
font-weight: bold; 
letter-spacing: -1px; 
margin: 20px 0 0 0;
}

/* ^^^^^^^^ GROUP 1 ^^^^^^^^^^ */

.group-1 {
float: left;
display: inline; 
width: 620px; 
padding:0;
margin:0 0 15px 0;
border-style: solid; 
border-width: 1px; 
border-color: #ccc; 
background: #f7f9f8;
}

.group-1-imagecells {
background-color: #fff; 
width: 100px;
height: 100px; 
padding: 4px;
margin: 0;
border: 1px #ccc solid;
}

.group-1-datacells {
width: 200px;
height: 100px; 
padding: 8px 5px 10px 8px;
border: 1px #ccc solid;
vertical-align: top;
background-color: #fff;
margin: 0;
}

.group-1-datacells p {
font-size: 0.78em;
}

.group-1-product-title {
letter-spacing: -1px; 
color: #235194; 
font-weight: bold; 
vertical-align: top;
margin:0;
}

.group-1-model-title {
margin:0;
line-height: 125%;
}

.group-1-images {
border-style: none;
text-align: center;
}

.group-1 p {
margin: 3px 0 0 0;
}

/* ^^^^^^^^ GROUP 2 ^^^^^^^^^^ */

.group-2 {
float: left;
display: inline; 
width: 620px; 
padding: 0;
margin: 0 0 15px 0;
border: 1px #ccc solid;
background-color: #F2F2F2;
}

.group-2-imagecells {
background-color: #fff; 
width: 100px;
padding: 10px 10px 5px 10px; 
border: 1px #ccc solid;
text-align: center; 
}

.group-2-datacells {
background-color: #fff; 
height: 100px; 
padding: 7px; 
border: 1px #ccc solid;
}

.group-2-product-title {
font-size: 0.78em;
font-weight: bold; 
color: #333;
vertical-align: top;
margin: 1px 0 5px 0;
}

.group-2-imagecells p {
margin: 10px 0 5px 0;
text-align: center;
}

.group-2-images {
border-style: none;
width: 100px;
height: 100px;
}

.group-2 a {
line-height: 120%;
}

/* ^^^^^^^^ GROUP 3 ^^^^^^^^^^ */

.group-3 {
float: left;
display: inline; 
width: 620px; 
padding: 0;
margin: 0 0 15px 0;
border-style: solid;
border-width: 1px; 
border-color: #ccc; 
background: #f7f9f8;
}

.group-3-imagecells {
background-color: #fff; 
width: 200px;
height: 100px; 
padding: 3px;
border-style: solid; 
border-width: 1px; 
border-color: #CCCCCC;
text-align: center;
}

.group-3-datacells {
background-color: #fff; 
width: 400px;
height: 100px; 
padding: 7px; 
border-style: solid;
border-width: 1px; 
border-color: #CCCCCC; 
vertical-align: top;
}

.group-3-datacells p {
font-size: 0.78em;
}

.group-3-product-title {
margin:0;
}

.group-3-model-title {
margin:0;
line-height: 125%;
}

.group-3-images {
border-style: none;
text-align: center;
}

.group-3 p {
margin: 3px 0 0 0;
}

/* ^^^^^^^^ PRODUCT DETAIL START ^^^^^^^^^^ */

.product-detail-container {
float: left;
display: inline; 
width: 618px; 
padding-bottom: 30px;
margin: 0 0 15px 0;
border: 1px #ccc solid;
}

.product-detail-image-container {
float: left;
display: inline;
width: 580px; 
padding-bottom: 20px;
margin: 30px 0 5px 20px;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #ccc;
}

.product-detail-image {
float: left;
display: inline; 
margin: 0 0 20px 10px;
}

.product-detail-line-drawing {
float: left;
display: inline; 
margin: 50px 0 0 30px;
}

.product-detail-info-container {
float: left; 
display: inline;
width: 580px; 
padding: 0 0 5px 0;
margin: 10px 0 15px 20px;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #ccc;
line-height: 1em;
}

.product-detail-info-container p {
margin: 0 0 11px 0;
}

.product-detail-container p b {
color: #666;
}

.product-detail-page-info {
float: left; 
display: inline;
width: 562px; 
padding: 8px 10px 10px 7px;
margin: 0 0 15px 20px;
border-style: dotted; 
border-width: 1px; 
border-color: #57B6DD;
background: #EFF8FC;
font-size: 0.78em;
}

.product-detail-page-info-icon {
float: left;
display: inline;
margin: 16px 7px 5px 0;
vertical-align: middle;
}

.product-detail-extras-container {
float: right;
width: 165px;
background: url(../images/bkgrnd_rightcol_featurebox.png) 0 100% repeat-x;
border: 1px #ccc solid;
padding: 10px;
margin: 0 0 10px 10px;
}

.product-detail-extras-container h2 {
float: left;
width: 165px;
border-style: none none dotted none;
border-width: 1px; 
border-color: #ccc;
margin: 0;
font-size: 0.9em;
line-height: 100%;
padding: 0 0 3px 0;
}

.product-detail-extras-container ul {
float: left;
margin: 10px 0 0 23px; 
padding: 0;
font-size: 0.7em;
}

.product-detail-extras-container ul a {
margin-left: 0px;
font-size: 1em;
}

#acrobat-image {
float: left;
margin: 7px 5px 0 7px;
border: 0;
}

#print-icon-li {
list-style-image: url(../images/Print_16x16.png);
vertical-align: bottom;
margin: 0;
}

#pdf-icon-li {
list-style-image: url(../images/pdficon_small.gif);
}

#dwg-icon-li {
list-style-image: url(../images/DWG_logo_Web_sm.gif);
}

#acrobat {
display:block;
float:left;
margin:11px 10px 0 144px;
}

#acrobat a {
background:transparent url(../images/contact_acrobat.gif) repeat scroll 0;
display:block;
height:17px;
width:150px;
}

#acrobat a:hover {
background:transparent url(../images/contact_acrobat.gif) repeat scroll 0 17px;
}

.product-detail-half-ad-left {
float: left;
margin: 0px 5px 15px 20px;
}

.product-detail-half-ad-right {
float: left;
margin: 0px 0 15px 5px;
}

.product-detail-data-table-container {
float: left;
display: inline;
width: 580px;
margin: 0 0 20px 20px;
}

.product-detail-data-table {
float: left;
width: 100%;
background-color: #fff; 
border-collapse: collapse;
}

.product-detail-data-cell {
font-size: 0.7em;
background: #f2f2f2;
padding: 2px 1px 2px 1px;
text-align: center;
color: #808080;
border: 1px #fff solid;
}

.product-detail-data-header {
font-size: 0.7em;
background: url(../images/product-detail-table-header.jpg) repeat;
padding: 7px 5px 7px 5px;
text-align: center;
font-weight: bold; 
color: #fff; 
line-height: 130%;
border: 1px #fff solid;
}

.product-detail-quote-request-header {
width: 55px;
font-size: 0.7em;
background: url(../images/product-detail-quote-request-header.jpg) repeat;
padding: 7px 5px 7px 5px;
text-align: center;
font-weight: bold; 
color: #fff;
line-height: 130%;
}

#product-detail-info-icon {
margin: 0 5px 15px 0;
}

#quote-button {
border: 0;
}

.model-detail-data-table {
width: 600px;
padding: 5px 0 5px 0;
color: #333;
font-size: 0.78em;
}

.model-detail-data-table th {
width: 170px;
text-align: right;
padding: 0 5px 0 0;
line-height: 1.06em;
border: none;
background-color: #fff;
}

.model-detail-data-table td {
text-align: left;
border: none;
}

.quantity {
width:200px;
}

.other_info {
width:200px;
}

.submit_button {
font-weight: bold;
font-size: 1em;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

.quote-form-span {
font-weight: normal;
}

/* ^^^^^^^^ RIGHT CONTENT START ^^^^^^^^^^ */

.right-content-container  {
width: 220px;
float: right;
display: inline;
margin: 0 20px 0 0;
padding: 0;
}

.right-content-header {
float: left;
display: inline; 
width: 220px; 
height: 46px; 
background: url(../images/right-content-header.jpg) no-repeat;
margin: 15px 0 0 0;
}

.right-content-text {
width: 190px; 
float: left;
display: inline;
margin: 0 10px 10px 10px;
}

.right-content-title {
margin: 13px 0 0 11px;
line-height:130%;
}

.right-content-object {
margin: 15px 0 0 0;
border-style: none;
}

.right-content-images {
width: 200px; 
float: left;
display: inline;
margin: 9px;
border-style: none;
}

/* ^^^^^^^^ SEARCH START ^^^^^^^^^^ */

.search-box-container {
float: left;
width: 216px;
display: inline;
border: 1px #ccc solid;
background: url(../images/bkgrnd_rightcol_featurebox.png) 100% repeat-x;
padding: 0 0 8px 0;
margin: 4px 20px 0 0;
line-height: 100%;
}

.search-box-container form {
float: left;
}

.search-title {
margin: 4px 0 0 8px;
}

.search-text {
font-size:0.7em;
margin: -2px 11px -1px 9px;
}

.search-input {
float: left;
width: 166px;
border: 1px #ccc solid;
margin: 0 0 0 8px;
height: 18px;
font-size: 11px;
padding: 4px 0px 0px 4px;
background: #fff url(../images/search-shadow.jpg) repeat-x top left;
}

.search-input:focus {
outline: none;
border: 1px #357BE1 solid;
padding: 4px 0px 0px 4px;
}

.search-button {
background: url(../images/search-icon.jpg) no-repeat center bottom;
border: 0;
float: right;
display: inline;
margin: 0 7px 0 5px;
width: 24px;
height: 24px;
cursor: pointer;
}

.search-button:hover {
background: url(../images/search-icon-hover.jpg) no-repeat center bottom;
}

.search-again-container {
float: left;
display: inline; 
width: 620px; 
padding: 0;
margin: 0 0 15px 0;
border: 1px #ccc solid;
background-color: #f2f2f2;
}

.search-again-container p {
margin: 0 0 0 10px;
}

.search-again-input {
text-align: left;
float: left;
width: 200px;
border: 1px #ccc solid;
margin: 0 0 0 8px;
height: 18px;
font-size: 11px;
padding: 4px 0px 0px 4px;
}

.search-again-button {
text-align: left;
display: inline;
background: url(../images/search-icon.jpg) no-repeat center bottom;
border: 0 none;
float: left;
margin: 0 7px 0 0;
width: 24px;
height: 24px;
cursor: pointer;
}

.search-again-button:hover {
background: url(../images/search-icon-hover.jpg) no-repeat center bottom;
}

/* ^^^^^^^^ LOGIN START ^^^^^^^^^^ */

.login-container {
float: left;
width: 202px;
display: inline;
border: 1px #ccc solid;
background: url(../images/bkgrnd_rightcol_featurebox.png) 0 100% repeat-x;
padding: 7px 7px 7px 7px;
margin: 15px 20px 0 0;
}

.login-button {
float: right;
margin: -1px 0px 0px 0px;
width: 65px;
height: 26px;
font-weight: bold;
font-size: 0.78em;
font-family: Arial,Verdana,Helvetica,sans-serif;
padding: 0;
}

.login-button:hover {
color: #357BE1;
}

.login-input {
float: left;
width: 125px;
border: 1px #ccc solid;
height: 18px;
font-size: 11px;
margin: 0;
padding: 4px 0px 0px 4px;
}

.login-container a {
float: left;
margin-top: 3px;
}

.user-sub-container {
float: left;
display: inline;
width: 200px;
margin: 5px;
}

.right-content-user-text-container {
display: inline;
float: left;
width: 190px;
margin: 0 0 10px 0;
}

.right-content-user-text-container-2 {
display: inline;
float: left;
width: 190px;
margin: 5px 6px 8px 6px;
font-weight: bold;
color: #ccc;
line-height: 130%;
text-align: center;
}

.user-icon {
margin: 10px 0 0 0 ;
float: right;
display: inline;
}

.right-content-seperator {
width: 100%;
border-style: solid none none none; 
border-width: 1px; 
border-color: #666;
margin: 10px 0 10px 0;
}

/* ^^^^^^^^ QUOTE REQUEST START ^^^^^^^^^^ */

.quote-basket-container {
float: left;
width: 202px;
display: inline;
border: 1px #ccc solid;
background: url(../images/bkgrnd_rightcol_featurebox.png) 0 100% repeat-x;
padding: 7px;
margin: 15px 0 0 0;
}

.quote-basket-title {
display: inline;
float: left;
margin: 6px 0 10px 2px; 
}

.quote-basket-text {
font-size: 0.78em;
display: inline;
float: right;
width: 100%;
font-weight: bold;
color: #333;
border-style: none none solid none; 
border-width: 1px; 
border-color: #ccc;
margin: 7px 0 8px 0;
padding: 0 0 7px 0;
text-align: center;
}

.quote-basket-container b {
color: #333;
}

.login-basket-text {
display: inline;
float: right;
width: 100%;
font-weight: bold;
color: #333;
border-style: solid none solid none; 
border-width: 1px; 
border-color: #ccc;
margin: 0 0 7px 0;
padding: 7px 0 7px 0;
text-align: center;
}

.quote-basket-promote {
float: left; 
display: inline;
font-size: 0.78em;
line-height: 1.2em;
color: #333;
width: 100%;
background: #EFF8FC;
border-style: dotted; 
border-width: 1px; 
border-color: #57B6DD;
margin: 0 0 0 0;
padding: 7px 0 7px 0;
text-align: left;
}

.quote-basket-promote-icon {
float: left;
display: inline;
margin: 2px 2px 0 0 ;
vertical-align: middle;
}

.quote-basket-user-info {
font-size: 0.78em;
display: inline;
float: left;
width: 100%;
color: #333;
border-style: solid none solid none; 
border-width: 1px; 
border-color: #ccc;
margin: 0 0 0 0;
padding: 7px 0 7px 0;
line-height: 150%;
}

.quote-basket-user-account-info {
font-size: 0.78em;
display: inline;
float: left;
width: 100%;
color: #333;
border-style: none none solid none; 
border-width: 1px; 
border-color: #ccc;
margin: 0 0 0 0;
padding: 6px 0 7px 0;
text-align: center;
font-weight: bold;
}

.quote-request {
margin: 0;
}

.quote-basket-icon {
margin: 1px 0 0 0 ;
float: right;
display: inline;
}

.quote-basket-user-icon {
float: left;
display: inline;
margin: 0 2px 0 0 ;
vertical-align: middle;
}

.quote-basket-offline-user-icon {
float: left;
display: inline;
margin: 0 2px 0 0 ;
}

.checkout-button-container {
display: inline;
float: right;
width: 200px;
margin: 0;
width: 100%;
border-style: solid none none none; 
border-width: 1px; 
border-color: #ccc;
margin: 10px 0 0 0;
padding: 7px 0 0 0;
}

.login-button-container {
display: inline;
float: right;
width: 200px;
margin: 0;
width: 100%;
margin: 1px 0 0 0;
padding: 0;
}

.checkout-button {
font-family: Arial,Verdana,Helvetica,sans-serif;
display: inline;
float: right;
height: 22px;
width: 100%;
font-size: 0.78em;
font-weight: bold;
background-color: #005196; 
color: #fff;
border-style: solid solid solid none;
border-width: 0;
border-color: #235194;
cursor: pointer;
}

.checkout-button a:hover {
background: transparent url(../images/bgON.jpg) repeat-x;
color: #357BE1; 
background-color: #ededed; 
text-decoration: none;
}

.quote-request-table {
float: left;
display: inline;
width: 200px;
color: #333; 
font-size: 0.78em;
}

.quote-request-table a {
font-size: 0.9em
}

.quote-request-table-header {
font-weight: bold;
} 

.quote-request-table-column-model-no {
width: 100px;
padding: 1px 1px 8px 1px;
}

.quote-request-table-column-model-PTID {
width: 50px;
padding: 1px 1px 8px 1px;
}

.quote-request-table-column-model-quantity {
width: 50px;
text-align: center;
padding: 1px 1px 8px 1px;
}

.login-user-text {
font-size: 0.78em;
display: inline;
float: right;
width: 100%;
font-weight: bold;
color: #333;
border-style: none none solid none; 
border-width: 1px; 
border-color: #ccc;
margin: 0 0 7px 0;
padding: 0 0 7px 0;
}

/* ^^^^^^^^ NEWSLETTER ^^^^^^^^^^ */

#newsletter-container {
float: left;
display: inline;
width: 216px; 
border: 1px #ccc solid;
background: url(../images/bkgrnd_rightcol_featurebox.png) 0 100% repeat-x;
padding: 0px;
margin: 15px 20px 15px 0;
font-weight: bold;
font-size: 0.85em;
line-height: 100%;
}

#newsletter-input {
float: left;
display: inline;
width: 125px;
border: 1px #ccc solid;
height: 18px;
font-size: 11px;
margin: 0px 0px 7px 7px;
padding: 4px 0px 0px 4px;
}

#newsletter-input:focus {
border: 1px #357BE1 solid;
}

#newsletter-button {
float: right;
display: inline;
margin: -1px 7px 0px 0px;
width: 65px;
height: 26px;
font-weight: bold;
font-size: 0.78em;
font-family: Arial,Verdana,Helvetica,sans-serif;
padding: 0px;
}

#newsletter-image {
float: right;
display: inline;
margin: 0px 7px 0px 3px;
padding: 0px;
}

#newsletter-header {
margin: 7px 0px 6px 7px;
color: #333;
padding: 0px;
font-weight: bold;
}

/* ^^^^^^^^ RIGHT CONTENT END ^^^^^^^^^^ */

/* ^^^^^^^^ CHECKOUT START ^^^^^^^^^^ */

.checkout-container {
float: left;
display: inline; 
width: 618px;
margin: 0 0 15px 0;
border: 1px #ccc solid;
padding: 10px 0 10px 0;
}

.checkout-basket-icon {
float: right;
margin: 8px 10px 0 18px;
}

.checkout-page-info-box-icon {
float: left;
display: inline;
margin: 8px 7px 5px 0;
vertical-align: middle;
}

.checkout-container p {
float: left; 
display: inline;
width: 566px; 
padding: 8px 10px 10px 7px;
margin: 10px 0 15px 16px;
border-style: dotted; 
border-width: 1px; 
border-color: #57B6DD;
background: #EFF8FC;
font-size: 0.78em;
}

.checkout-container table a {
font-size: 1em;
}

.checkout-container table {
float: left;
display: inline;
width: 586px;
margin: 0px 16px 5px 16px;
background-color: #fff;
font-size: 0.78em;
border-collapse: collapse;
}

.checkout-container th {
font-weight: bold;
padding: 5px;
background: url(../images/product-detail-table-header.jpg) repeat;
color: #fff;
border: 1px #fff solid;
}

.checkout-container tr {
padding: 5px;
vertical-align: top;
background-color: #ededed;
}

.checkout-container td {
padding: 5px;
border: 1px #fff solid;
}

.checkout-other-info-input {
width: 260px;
height: 6em;
float: left;
overflow: auto;
}

.checkout-table-product-catagory {
width: 90px;
}

.checkout-container img {
border: 0;
}

.checkout-page-button-container {
float: right;
border: 0;
margin: 0 12px 0 3px;
}

.checkout-remove {
float: right;
width: 60px;
text-align: right;
font-size: 0.78em;
display: block;
margin: 0 5px 10px 5px;
padding: 5px 10px 5px 30px;
border: 1px #ccc solid;
text-decoration: none;
background: transparent url(../images/checkout-remove-button.jpg) no-repeat left;
}

.checkout-remove:hover {
text-decoration: none;
color: red;
padding: 5px 10px 5px 30px;
border: 1px solid red;
}

.checkout-update {
height: 30px;
float: right;
text-align: right;
font-size: 0.78em;
color: #235194;
font-weight: bold; 
font-family: Arial,Verdana,Helvetica,sans-serif;
display: block;
margin: 0 3px 10px 5px;
padding: 4px 10px 6px 25px;
border: 1px #ccc solid;
text-decoration: none;
background: transparent url(../images/checkout-update-button.jpg) no-repeat left;
cursor:pointer;
}

.checkout-update:hover {
text-decoration: none;
border: 1px solid #357BE1;
}

.checkout-send-request-button-container {
float: right;
width: 586px;
margin: 20px 17px 0 17px;
border-style: dotted none none none; 
border-width: 1px; 
border-color: #ccc;
padding: 20px 0 0 0;
}

.checkout-send-request {
height: 28px;
float: right;
text-align: right;
font-size: 0.78em;
color: #235194;
font-weight: bold; 
font-family: Arial,Verdana,Helvetica,sans-serif;
display: block;
margin: 0 0 10px 5px;
padding: 5px 10px 5px 25px;
border: 1px #ccc solid;
width: 170px;
text-decoration: none;
background: transparent url(../images/checkout-send-quotes-button.jpg) no-repeat left;
cursor:pointer;
}

.checkout-send-request:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
background: transparent url(../images/checkout-send-quotes-button.jpg) no-repeat left;
}
/* ^^^^^^^^ CHECKOUT END ^^^^^^^^^^ */

.proceed-to-checkout-button {
float: right;
text-align: left;
display: block;
font-family: Arial,Verdana,Helvetica,sans-serif;
margin: 0 0 0 0;
width: 185px;
padding: 5px 0px 5px 15px;
border: 1px #ccc solid;
text-decoration: none;
background: transparent url(../images/checkout-proceed-to-checkout-button.jpg) no-repeat right;
}

.proceed-to-checkout-button:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

/* ^^^^^^^^ LOGIN OR REGISTER START ^^^^^^^^^^ */

.login-register-container {
float: left;
display: inline; 
width: 618px;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border: 1px #ccc solid;
}

.login-register-container h2 {
margin: 0 0 10px 0;
}

.login-register-login-container {
float:left;
display: inline; 
width: 195px;
margin: 10px 0 10px 10px;
padding: 10px;
border: 1px #ccc solid;
background: url(../images/bkgrnd_rightcol_featurebox.png) 0 100% repeat-x;
}

.login-register-login-container p {
font-weight: bold;
margin: 0 0 0 0;
}

.login-register-login-inputs {
margin: 0 10px 5px 0;
width: 190px;
}

#login-register-login-button {
float: left;
text-align: center;
font-family: Arial,Verdana,Helvetica,sans-serif;
color: #235194;
font-weight: bold;
font-size: 0.78em;
padding: 5px 20px 5px 20px;
border: 1px #ccc solid;
text-decoration: none;
background: url(../images/default-button.jpg) no-repeat left;
margin: 0 12px 0 0;
cursor:pointer;
}

#login-register-login-button:hover {
text-decoration: none;
border: 1px solid #357BE1;
}

.login-register-reset-password-container {
float:left;
display: inline; 
width: 300px;
margin: 10px 0 10px 10px;
padding: 10px;
border: 1px #ccc solid;
background: url(../images/bkgrnd_rightcol_featurebox.png) 0 100% repeat-x;
}

.login-register-reset-password-container th {
font-size: 0.7em;
padding: 5px;
}

.login-register-register-container {
float:right;
display: inline; 
width: 350px;
height: 156px;
margin: 10px 10px 10px 0;
padding: 10px;
border: 1px #ccc solid;
background: url(../images/bkgrnd_rightcol_featurebox.png) 0 100% repeat-x;
}

.login-register-register-container p {
margin: 0 0 10px 0;
}

.login-register-register-button {
float: left;
font-family: Arial,Verdana,Helvetica,sans-serif;
text-align: center;
display: block;
padding: 5px 20px 5px 20px;
border: 1px #ccc solid;
text-decoration: none;
background: transparent url(../images/default-button.jpg) no-repeat left;
margin: 0 0 0 0;
}

.login-register-register-button:hover {
text-decoration: none;
border: 1px solid #357BE1;
}

/* ^^^^^^^^ LOGIN OR REGISTER END ^^^^^^^^^^ */
/* ^^^^^^^^ REGISTER START ^^^^^^^^^^ */

.register-container {
float: left;
display: inline; 
width: 618px;
margin: 0 0 15px 0;
border: 1px #ccc solid;
padding: 10px 0 10px 0;
}

.register-container-info-box {
float: left; 
display: inline;
width: 565px; 
padding: 0px 10px 0px 7px;
margin: 15px 0 20px 18px;
border-style: dotted; 
border-width: 1px; 
border-color: #57B6DD;
background: #EFF8FC;
font-size: 0.78em;
vertical-align: middle;
}

.register-container-info-box p {
font-size: 1em;
}

.register-container-info-box-icon {
float: left;
display: inline;
margin: 0 2px 0 0;
vertical-align: middle;
}

#register-asterisk {
font-weight: bold;
color: #357BE1;
font-size: 1.5em;
line-height: 0.5em;
}

.columnarForm fieldset {
float: left;
display: block;
width: 562px;
margin: 0 18px 10px 18px;
padding: 0 10px 10px 10px;
border: 1px #ccc solid;
font-size: 0.78em
}

.columnarForm p{
font-size: 1em;
}

.columnarForm input {
display: block;
width: 20em;
margin: 0;
padding: 2px;
}

.columnarForm input:focus {
border: 2px #357BE1 solid;
padding: 2px;
display: block;
width: 20em;
margin: 0;
padding: 2px;
}

.columnarForm label {
display: block;
margin-bottom: 3px;
}

.columnarForm label.first {
padding-top: 1em;
}

.columnarForm select {
display: block;
}

.columnarForm legend {
font-weight: bold;
color: #357BE1;
}

.password-form p {
width: 540px;
border: 0;
margin: 1em 0 0 0;
}

.address-form {
float:right;
margin: 10px;
}

.country1 {
width: 20em;
}

#newsletter-form-p {
float: left;
width: 500px;
border: 0;
margin: 10px;
}

#newsletter-form-input {
float: left;
margin: 10px 0 5px 0;
width: 15px;
}

#register-button-container {
float: left;
width: 580px;
margin: 10px 18px 10px 18px;
border-style: dotted none none none; 
border-width: 1px; 
border-color: #ccc;
padding: 20px 0 0 0;
}

#register-button {
float: left;
width: 150px;
text-align: right;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-weight: bold;
font-size: 0.78em;
height: 26px;
display: block;
margin: 0;
padding: 5px 15px 5px 15px;
border: 1px #ccc solid;
text-decoration: none;
background: transparent url(../images/checkout-send-quotes-button.jpg) no-repeat left;
cursor:pointer;
}

#register-button:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

#my-account-save-changes-button {
float: right;
width: 150px;
text-align: right;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-weight: bold;
font-size: 0.9em;
height: 26px;
display: block;
margin: 0 6px 10px 0;
padding: 4px 15px 6px 15px;
border: 1px #ccc solid;
text-decoration: none;
background: transparent url(../images/checkout-send-quotes-button.jpg) no-repeat left;
cursor:pointer;
}

#my-account-save-changes-button:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

/* ^^^^^^^^ REGISTER END ^^^^^^^^^^ */

/* ^^^^^^^^ MYACCOUNT START ^^^^^^^^^^ */

.account-details-container {
float: left;
display: inline; 
width: 618px;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
font-size: 0.78em;
}

.account-details-menu-container {
float: left;
width: 590px;
margin: 0 0 0 13px;
display: inline; 
}

.my-account-amend-p {
font-size: 1em;
margin-left: 6px;
}

#main {
float: left;
display: inline;
border: 1px solid #ccc;
clear: both;
background: #fff;
padding: 10px 0 0 0;
margin: 0;
width: 588px;
}

#contents {
float: left;
padding: 5px;
background: #fff;
width: 578px;
margin: 0;
}

#header {
position: relative;
width: 100%;
height: 5em;
width: 15em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
margin: 0;
padding: 0;
position: absolute;
bottom: 2px;
width: 598px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
display: inline;
list-style: none;
}

#primary span {
width: 168px;
height: 19px;
display: block;
float: left;
text-align: center;
font-weight: bold;
border: 1px solid #ccc;
border-bottom: #fff;
background: #fff;
padding: 10px 12px 10px 12px;
margin: 1px 2px -7px 0;
}

#header ul#primary a {
background: url(../images/default-button.jpg) repeat-x;
border: 1px solid #ccc;
border-bottom: none;
width: 168px;
display: block;
float: left;
padding: 9px 12px 11px 12px;
margin: 1px 2px -2px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #333;
font-size: 0.9em;
}

#header ul#primary a:hover {
background: #ededed;
border: 1px solid #ccc;
border-bottom: none;
width: 168px;
display: block;
float: left;
padding: 11px 12px 9px 12px;
margin: 1px 2px -2px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #357BE1;
}

#account-details-view-contact-details-button {
float: left;
display: block;
width: 168px;
font-size: 1em;
line-height: 1.3em;
height: 35px;
background: url(../images/account-details-view-quote-request-details-button.jpg) no-repeat;
margin: 5px;
padding: 10px 3px 10px 10px;
text-align: left;
border-style: solid; 
border-width: 1px; 
border-color: #ccc; 
vertical-align: middle;
}

#account-details-view-contact-details-button:hover {
background-color: #ededed;
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

#account-details-view-account-details-button {
float: left;
display: block;
width: 168px;
font-size: 1em;
line-height: 1.3em;
height: 35px;
background: url(../images/account-details-view-account-details-button.jpg) no-repeat;
margin: 5px;
padding: 10px 3px 10px 10px;
text-align: left;
border-style: solid; 
border-width: 1px; 
border-color: #ccc; 
vertical-align: middle;
}

#account-details-view-account-details-button:hover {
background-color: #ededed;
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

.account-details-container a {
font-size: 1em;
}

.account-details-container h2 {
font-size: 1.6em;
}

.account-details-table {
float: left;
width: 570px;
margin: 10px 3px 25px 3px;
}

.account-details-table th {
padding: 8px 5px 8px 0;
width: 110px;
font-size: 1em;
background: url(../images/product-detail-table-header.jpg) repeat;
padding: 5px;
font-weight: bold; 
color: #fff; 
text-align: right;
}

.account-details-table td {
padding: 8px 5px 8px 5px;
background-color: #ebebeb;
}

.td-amend {
width: 100px;
}

.account-details-content-container-1 {
float: left;
width: 582px;
margin: 0 18px 0 18px;
border-style: none none dotted none; 
border-width: 1px; 
border-color: #ccc;
padding: 10px 0 5px 0;
}

.account-details-content-container-2 {
float: left;
width: 582px;
margin: 0 18px 0 18px;
border-style: dotted none dotted none; 
border-width: 1px; 
border-color: #ccc;
padding: 10px 0 5px 0;
}

.account-details-update-button {
float: right;
font-family: Arial,Verdana,Helvetica,sans-serif;
text-align: right;
display: block;
margin: 10px 18px 50px 0;
padding: 5px 30px 5px 10px;
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
text-decoration: none;
background: url(../images/checkout-proceed-to-checkout-button.jpg) no-repeat right;
}

.account-details-update-button:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

.account-details-order-history-table {
float: left;
width: 570px;
margin: 10px 3px 25px 3px;
background-color: #fff;
border: 0;
}

#account-details-order-history-table-other-info {
width: 150px;
}

.account-details-order-history-table th {
font-size: 1.05em;
background: url(../images/product-detail-table-header.jpg) repeat;
padding: 5px;
text-align: center;
font-weight: bold; 
color: #fff; 
}

.account-details-order-history-table tr {
padding: 5px;
vertical-align: top;
background-color: #ebebeb;
font-size: 0.85em;
}

.account-details-order-history-table td {
padding: 5px;
}

/* ^^^^^^^^ CUSTOM ENQUIRY FORM START ^^^^^^^^^^ */

.get-a-quote-button {
float: right;
margin: 8px 0 0 0;
border: none;
}

#custom-enquiry-description {
display: block;
overflow: auto;
width: 555px;
height: 162px;
}

.upload-button {
float: left;
font-family: Arial,Verdana,Helvetica,sans-serif;
text-align: right;
display: block;
margin: 10px 10px 10px 0;
padding: 5px 30px 5px 10px;
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
text-decoration: none;
background: transparent url(../images/checkout-proceed-to-checkout-button.jpg) no-repeat right;
}

.upload-button:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

.custom-enquiry-icon {
margin: 5px 5px 0 0;
}

.send-enquiry-button-container{
float: left;
width:580px;
margin: 5px 0 0 18px;
}

#send-enquiry-button {
height: 28px;
float: left;
text-align: right;
font-size: 0.78em;
color: #235194;
font-weight: bold; 
font-family: Arial,Verdana,Helvetica,sans-serif;
display: block;
margin: 0 0 10px 0;
padding: 4px 10px 6px 15px;
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
width: 130px;
text-decoration: none;
background: transparent url(../images/checkout-send-quotes-button.jpg) no-repeat left;
cursor: pointer;
}

#send-enquiry-button:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
background: transparent url(../images/checkout-send-quotes-button.jpg) no-repeat left;
}

/* ^^^^^^^^ CUSTOM ENQUIRY FORM END ^^^^^^^^^^ */

.type-selector {
float: right;
margin: 14px 5px 0 5px;
}

.type-selector-title {
float: right;
margin: 16px 0 0 0;
font-weight: bold;
color: #333;
}

.type-selector-button {
float: right;
text-align: right;
font-family: Arial,Verdana,Helvetica,sans-serif;
display: block;
margin: 10px 10px 0 0;
padding: 5px 30px 5px 10px;
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
text-decoration: none;
background: transparent url(../images/checkout-proceed-to-checkout-button.jpg) no-repeat right;
}

.type-selector-button:hover {
text-decoration: none;
border: 1px solid #49b644;
color: #49b644;
}

/* ^^^^^^^^ FOOTER START ^^^^^^^^^^ */

#footer {
width: 896px;
float:left;
display: inline;
margin: 20px 0 0 0;
background: url(../images/footer-background.jpg) repeat-y;
font-size: 0.85em
}

#footer b{
font-size: 1em
}

.footer-nav-container {
float:left;
width: 854px;
margin: 0px 6px 5px 6px;
padding: 5px 15px 5px 15px;
font-size: 0.78em;
color: #fff;
font-weight: bold;
background: #666;
}

.footer-nav-1 {
float:left;
text-align: left;
width: 300px;
padding: 0;
}

.footer-nav-2 {
float:right;
text-align:right;
width: 300px;
padding: 0;
margin: 0 0 0 0;
}

.footer-nav-1 a {
font-size: 1em;
color: #fff;
font-weight: bold;
}

.footer-nav-2 a {
font-size: 1em;
color: #fff;
font-weight: bold;
}

.footer-nav a:hover {
color: #fff;
text-decoration: underline;
}

#footer-icon {
margin: 0 0 0 3px;
vertical-align: bottom;
border: 0;
}

#follow-us-text {
margin: 0 3px 0 3px;
color: #afe0f4;
text-decoration: none;
}

#follow-us-text:hover {
text-decoration: underline;
}

#footer-image {
width: 902px;
height: 35px;
margin: 0 auto;
text-align: center;
position: relative;
background: url(../images/footer.jpg) no-repeat;
}

.footer-container {
width: 896px;
margin: 0 auto;
position: relative; 
margin-bottom: 50px;
}

.footer-text {
color: #fff; 
line-height: 130%;
margin: 0 0 0 20px;
margin: 10px 0 0 20px;
}

.footer-text a {
color: #fff; 
border: none;
}

.footer-text a:hover {
color: #fff;
text-decoration: underline;
border: none;
}

.address-text {
color: #fff; 
line-height: 130%;
margin: 0 0 0 20px;
font-size: 0.78em;
font-style: normal;
}

.footer-text-small {
font-size: 0.6em;
color: #666; 
text-align: left;
margin: 0 0 40px 20px;
}

.footer-a-2 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 1em;
float: right;
text-align: right;
font-weight: normal;
text-decoration: none;
margin: 0 27px 0 0;
}

.footer-div-1 {
width: 295px;
float: left;
display: inline;
margin: 5px 0 0 0;
border-style: none dotted none none;
border-width: 1px; 
border-color: #fff;
padding: 0 0 9px 0;
}

.footer-div-3 {
width: 295px;
float: left;
display: inline;
margin: 5px 0 0 0;
}

.footer-div-1 a {
font-weight: normal;
color: #fff; 
font-size: 1em;
}

#footer b {
color: #fff;
} 

/* ^^^^^^^^ FOOTER END ^^^^^^^^^^ */

.redirect-container{
width: 860px;
min-height:100%;
overflow: auto;
margin: 0 auto; 
position: relative; 
margin: 20px 0 40px 20px;
background: #fff;
color: #333; 
text-align:left;
font-family: Arial,Verdana,Helvetica,sans-serif;
line-height: 130%;
border: 1px solid #ccc;
padding: 30px 30px 40px 30px;
}

#error-logo {
float: left;
margin: 0 500px 30px 0;
}

.redirect-container li {
margin: 5px 0 5px 0;
font-size: 0.78em;
}

.redirect-container li a {
font-size: 1em;
}

.site-map {
list-style-type: square;
line-height: 1.5em;
}

.site-map-models {
list-style-image: url(../images/arrow.gif);
}

.site-map ul li {
list-style-type: square;
line-height: 1.8em;
}

#related-products-spacer {
float: left;
height: 20px;
width: 600px;
}

/* ^^^^^^^^ CUSTOM MANUFACTURING ^^^^^^^^^^ */

.custom-images {
border: 0;
}

.custom-imagecells {
background-color: #fff; 
width: 100px;
height: 100px; 
padding: 2px;
border-style: solid; 
border-width: 1px; 
border-color: #ccc; 
}

.gallery {
padding: 0;
margin: 0 0 5px 0;
border-style: solid; 
border-width: 1px; 
border-color: #ccc; 
}

.gallery-thumb {
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
padding: 1px;
margin: 10px 21px 11px 0; 
}

.gallery-thumb:hover {
padding: 0px;
border-width: 2px; 
}

.custom-process {
float:left;
width: 600px;
padding: 0 8px 0 0;
margin: 0 0 2px 0;
}

.custom-process img {
float: left;
margin: 10px 19px 0 0;
padding: 0;
}

.custom-process h2 {
line-height: 1.1em;
margin: 25px 0 5px 0;
font-size: 0.9em;
}

.custom-process-tagline {
text-align: right;
}

.custom-process-table {
float: left;
width: 620px;
margin: 0 0 10px 0;
border-style: solid; 
border-width: 1px; 
border-color: #ccc; 
background-color: #f7f9f8;
padding: 0;
}

.custom-process-table td {
width: 96px;
margin: 0;
text-align: center;
}

.custom-process-cat-td a {
font-size: 0.7em;
line-height: 1.3em;
height: 35px;
width: 90px;
display: block;
background: url(../images/default-button.jpg) no-repeat left;
margin: -4px 0 0 0;
padding: 7px 3px 1px 3px;
text-align: center;
border-style: none solid solid solid; 
border-width: 1px; 
border-color: #ccc; 
}

.custom-process-cat-td a:hover {
background: #ededed;
text-decoration: none; 
padding: 8px 3px 0px 3px;
}

.custom-process-table img {
width: 96px;
height: 96px;
float: left;
margin: 0;
padding: 0;
border-style: solid solid none solid; 
border-width: 1px; 
border-color: #ccc; 
}

.custom-process-table-main-link {
width: 544px;
font-size: 0.78em;
line-height: 1.3em;
height: 28px;
display: block;
background: url(../images/custom-process-table-main-link.jpg) no-repeat top left;
margin: 0 0 0 0;
padding: 15px 65px 1px 0px;
text-align: right;
border-style: solid; 
border-width: 1px; 
border-color: #ccc; 
}

.custom-process-table-main-link:hover {
text-decoration: none; 
border-color: #357BE1; 
}

.separation-title {
width: 618px;
float: left;
margin: 10px 0 10px 0;
padding: 20px 0 0 0;
border-style: dotted none none none; 
border-width: 1px; 
border-color: #ccc; 
}

.custom-manufacturing-separation-title {
width: 618px;
float: left;
margin: 10px 0 15px 0;
padding: 20px 0 0 0;
border-style: dotted none none none; 
border-width: 1px; 
border-color: #ccc; 
font-size: 1.1em
}

.content-separation {
width: 620px;
float: left;
display: inline;
border-style: dotted none none none; 
border-width: 1px; 
border-color: #ccc;
margin: 10px 0 20px 0;
}

.content-shifter-left {
float: left;
margin-left: -3px;
}

.enquiry-converter-container {
float: left; 
display: inline;
width: 602px; 
padding: 5px 15px 5px 0;
margin: 25px 0 20px 0;
background: #EFF8FC;
border: 1px #57B6DD dotted;
}

.enquiry-converter-container-icon {
float: left;
display: inline;
margin: 3px 15px 15px 15px;
vertical-align: middle;
}

#enquiry-form-launcher {
border: 0;
margin: 20px 0 0 0;
}

#quote-requests-sent-tick {
float: left;
margin: 42px 15px 0 20px;
}

.image-border {
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
margin-right: 10px;
}

.services-gallery-container {
float: left;
width: 610px;
margin: 0 0 10px 0;
padding: 0 0 20px 0;
border-style: dotted none dotted none; 
border-width: 1px; 
border-color: #ccc;
}

.services-gallery-container img {
border-style: solid; 
border-width: 1px; 
border-color: #ccc;
padding: 2px;
margin: 1px;
}

.services-gallery-container img:hover { 
border-color: #a6a6a6;
}

/* ^^^^^^^^ THANK-YOU PAGE ^^^^^^^^^^ */

.thank-you-container {
width: 598px; 
float: left;
display: inline;
padding: 10px;
margin: 0 0 30px 0;
background-color:#ededed;
border: 1px dotted #b1cfb3;
}

.thank-you-text-container {
width: 500px; 
float: right;
}

/* ^^^^^^^^ HOMEPAGE TEST^^^^^^^^^^ */

.custom-process-table-1 {
float: left;
border: 0;
border-collapse:collapse;
width: 620px;
margin: 10px 0 10px 0;;
}

.custom-process-table-1 td {
width: 300px;
margin: 0;
text-align: center;
}

.custom-process-cat-td-1 a {
font-size: 0.7em;
line-height: 1.3em;
height: 35px;
width: 294px;
display: block;
background: url(../images/default-button.jpg) repeat-x left;
margin: -3px 0 0 0;
padding: 7px 3px 1px 3px;
text-align: center;
border-style: none solid solid solid; 
border-width: 1px; 
border-color: #ccc; 
}

.custom-process-cat-td-1 a:hover {
background: #ededed;
text-decoration: none; 
padding: 8px 3px 0px 3px;
}

.custom-process-table-1 img {
width: 300px;
height: 97px;
float: left;
margin: 0;
padding: 0;
border-style: solid solid none solid; 
border-width: 1px; 
border-color: #ccc; 
}

.contact-box {
width: 590px;
float: left;
display: inline;
margin: 0 0 0 0;
padding: 15px;
border-style: dotted; 
border-width: 1px; 
border-color: #57B6DD;
background: #EFF8FC;
font-weight: bold;
}

.contact-box-third-1 {
float: left;
width: 190px;
border-style: none dotted none none; 
border-width: 0; 
border-color: #57B6DD;
margin: 0 5px 0 0;
padding-right: 5px;
text-align: center;
}

.contact-box-third-2 {
float: left;
width: 190px;
border-style: none dotted none none; 
border-width: 0; 
border-color: #57B6DD;
margin: 0 5px 0 0;
padding-right: 5px;
text-align: center;
}

.contact-box-third-3 {
float: left;
width: 185px;
text-align: center;
}

.contact-box-title {
display: inline;
}

.contact-box-text {
line-height: 130%;
}

.contact-box img {
margin: 0 5px 10px 5px;
}

/* ^^^^^^^^ ADMIN ^^^^^^^^^^ */

.admin-container {
float: left;
display: inline; 
width: 598px;
margin: 0 0 15px 0;
border: 1px #ccc solid;
padding: 10px;
font-size: 1em;
}

.admin-container fieldset {
font-size: 1em;
}

.admin-index-buttons-1 {
float: left;
display: block; 
margin: 0 5px 0 0;
border: 1px #ccc solid;
padding: 10px;
background: #ededed;
}

.admin-index-buttons-1 {
width: 269px;
}

#admin-index-buttons-edit {
float: left;
display: block; 
margin: 0 5px 0 0;
border: 1px #ccc solid;
padding: 10px;
background: #ededed url(../images/Edit_24x24.png) no-repeat 98% 6px;
width: 269px;
}

#admin-index-buttons-edit:hover {
border: 1px #49b644 solid;
text-decoration: none;
color: #49b644;
}

#admin-index-buttons-download {
float: left;
display: block; 
margin: 0 5px 0 0;
border: 1px #ccc solid;
padding: 10px;
background: #ededed url(../images/Download_24x24.png) no-repeat 98% 6px;
width: 269px;
}

#admin-index-buttons-download:hover {
border: 1px #49b644 solid;
text-decoration: none;
color: #49b644;
}

#admin-index-buttons-list {
float: left;
display: block; 
margin: 0 5px 0 0;
border: 1px #ccc solid;
padding: 10px;
background: #ededed url(../images/Text_Document_24x24.png) no-repeat 98% 6px;
width: 269px;
}

#admin-index-buttons-list:hover {
border: 1px #49b644 solid;
text-decoration: none;
color: #49b644;
}

#admin-index-buttons-add {
float: left;
display: block; 
margin: 0 5px 0 0;
border: 1px #ccc solid;
padding: 10px;
background: #ededed url(../images/Add_24x24.png) no-repeat 98% 6px;
width: 269px;
}

#admin-index-buttons-add:hover {
border: 1px #49b644 solid;
text-decoration: none;
color: #49b644;
}

#admin-buttons-edit-small {
float: left;
display: block; 
margin: 0 0 5px 0;
border: 1px #ccc solid;
padding: 5px;
background: #ededed url(../images/Edit_16x16.png) no-repeat 95% 6px;
width: 60px;
}

#admin-buttons-edit-small:hover {
border: 1px #49b644 solid;
text-decoration: none;
color: #49b644;
}

#admin-buttons-delete-small {
float: left;
display: block; 
margin: 0 0 5px 0;
border: 1px #ccc solid;
padding: 5px;
background: #ededed url(../images/Delete_16x16.png) no-repeat 95% 6px;
width: 60px;
}

#admin-buttons-delete-small:hover {
border: 1px red solid;
text-decoration: none;
color: red;
}

.admin-table {
float: left;
width: 598px;
font-size: 0.78em;
background: #fff;
border-collapse: collapse;
}

.admin-table td, th {
background: #f2f2f2;
padding: 2px 1px 2px 1px;
border: 1px #fff solid;
} 

.admin-table a {
font-size: 1em;
}

.admin-edit-banners-form {
float: left;
width: 600px;
}

.admin-edit-banners-form p {
font-size: 0.78em;
font-weight: bold;
color: #333;
}

.admin-add-banners-form {
float: left;
width: 600px;
}

.admin-add-banners-form p {
font-size: 0.78em;
font-weight: bold;
color: #333;
}

.admin-add-banners-input {
float: left;
width: 250px;
display: block;
}

.admin-add-banners-textarea {
float: left;
display: block;
width: 450px;
margin-right: 100px;
}

.admin-add-banners-checkbox {
float: left;
display: block;
}

.admin-add-banners-submit-button {
float: left;
margin: 10px 0 10px 0;
}

.admin-edit-pages-form {
float: left;
width: 600px;
}

.admin-edit-pages-form p {
font-size: 0.78em;
font-weight: bold;
color: #333;
}

.admin-edit-type-form {
font-size: 0.78em;
}

.admin-edit-category-form {
font-size: 0.78em;
}

.admin-edit-family-form {
font-size: 0.78em;
}

.admin-edit-model-form {
font-size: 0.78em;
}

.admin-edit-part-form {
font-size: 0.78em;
}

.admin-edit-part-dimension-form {
font-size: 0.78em;
}

.admin-list-type-details-table {
font-size: 0.78em;
}

.admin-edit-type-detail-form {
font-size: 0.78em;
}

.admin-edit-type-detail-form input {
width: 250px;
}

.admin-link-part-dimensions-to-types-form {
font-size: 0.78em;
}

.admin-link-part-dimensions-to-types-form table {
background-color: #f2f2f2;
}

.link-related-types-to-types-form {
font-size: 0.78em;
}

.contact-address {
font-size: 0.78em;
}