/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
}
	* html {
		border: none;
	}
body {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
img, object, embed {
	display: block;
}
a img, img a, img {
	border: none;
}
p a:hover {
	text-decoration: underline;
}
.clearer{
	clear: both;
	line-height: 0px;
}
div.BKAHeader {
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #ECECEC;
    padding: 3px 6px 3px 6px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
div.BKAHeader span.template {
    display: block;
    font-family: Arial;
    font-size: 9px
}
div.siteContainer {
	width: 974px;
	width/**/:/**/ 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px 7px;
	color: #5C6A76;
	background: #FFFFFF url(images/UI/bg-main.jpg) repeat-y;
}
.screenReader {
	display: none;
}
/*~~~~~~~~~~~~~~~~~global styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~header styles start~~~~~~~~~~~~~~~~~*/
div.header {
	width: 960px;
	height: 102px;
	position: relative;
	background: url(images/UI/bg-header.jpg) no-repeat 0px 0px;
}
div.searchArea {
	width: 362px;
	height: 21px;
	position: absolute;
	top: 43px;
	left: 542px;
	background-color: Black;
}
div.searchArea img {
	float: left;
	margin: 0px;
	_margin: 0px -3px;
}
div.searchArea input {
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	width: 152px;
	width/**/:/**/ 144px;
	height: 21px;
	height/**/:/**/ 16px;
	margin: 0px 0px 6px 0px;
	padding: 1px 0px 0px 4px;
	border: 2px solid #000000;
}
div.searchArea a {
	float: left;
	display: block;
	width: 78px;
	height: 13px;
	margin-top: 5px;
	background: url(images/UI/a-searchProds.gif) no-repeat 0px 0px;
}
div.searchArea a.site{
	margin-left: 5px;
	width: 67px;	
	background: url(images/UI/a-searchSide.gif) no-repeat 0px 0px;
}
div.searchArea a.search {
	float: left;
	display: block;
	width: 52px;
	height: 21px;
	margin-top:0px;
	background: url(images/UI/txt-search.jpg) no-repeat 0px 0px;
}
	

div.header a.register {
	float: left;
	display: block;
	position: absolute;
	top: 86px;
	left: 778px;
	width: 75px;
	height: 16px;
	background: url(images/UI/txt-register.jpg) no-repeat 0px 0px;
}
div.header a.register:hover {
	background-position: 0px -16px;
}
div.header a.login {
	float: left;
	display: block;
	position: absolute;
	top: 86px;
	left: 854px;
	width: 50px;
	height: 16px;
	background: url(images/UI/txt-login.jpg) no-repeat 0px 0px;
}
div.header a.login:hover {
	background-position: 0px -16px;
}
div.header a.myaccount {
	float: left;
	display: block;
	position: absolute;
	top: 86px;
	left: 760px;
	width: 88px;
	height: 16px;
	background: url(images/UI/txt-myAccount.jpg) no-repeat 0px 0px;
}
div.header a.myaccount:hover {
	background-position: 0px -16px;
}
div.header a.logout {
	float: left;
	display: block;
	position: absolute;
	top: 86px;
	left: 849px;
	width: 55px;
	height: 16px;
	background: url(images/UI/txt-logout.jpg) no-repeat 0px 0px;
}
div.header a.logout:hover {
	background-position: 0px -16px;
}
/*~~~~~~~~~~~~~~~~~header styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~contentContainer styles start~~~~~~~~~~~~~~~~~*/
div.pageContainer {
	width: 960px;
	border-top: 3px solid #0072BB;
	border-bottom: 3px solid #0072BB;
	background: #FFFFFF url(images/UI/bg-pageContainer.jpg) repeat-y right top;
}
div.leftBanner {
	width: 40px;
	float: left;
}
/*~~~~~~~~~~~~~~~~~contentContainer styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~leftCol styles start~~~~~~~~~~~~~~~~~*/
div.leftCol {
	width: 140px;
	float: left;
	background: #B3B3B3;
}
div.leftNav {
	font-size: 12px;
	color: #000000;
	width: 122px;
	padding-top: 16px;
	margin: 0px 9px;
}
div.leftNav a {
	color: #000000;
	text-transform: lowercase;
	display: block;
	width: 122px;
	line-height: 18px;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}
div.leftNav a:hover {
	font-weight: bold;
}
div.leftNav a.active {
	color: #FFFFFF;
	font-weight: bold;
}
div.subNav {
	display: none;
}
div.subNav a {
	color: #FFFFFF;
	width: 122px;
	width/**/:/**/ 112px;
	padding-left: 11px;
}
div.subNav a:hover {
	color: #0072BB;
	font-weight: normal;
}
div.subNav a.active {
	color: #0072BB;
	font-weight: bold;
	background: url(images/UI/bg-subNav-a.gif) no-repeat 1px 8px;
}
div.subNav a.active:hover {
	font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~leftCol styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~shoppingCart styles start~~~~~~~~~~~~~~~~~*/
div.shoppingCart {
	width: 122px;
	margin: 8px 0px 0px 9px;
	border-top: 1px solid #666666;
	font-size: 12px;
}
div.shoppingCart h1 {
	font-size: 12px;
	color: #0072BB;
	margin: 4px 0px 5px 0px;
	padding: 0px;
}
table.shoppingCartTable {
	text-align: left;
	width: 120px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
table.shoppingCartTable th {
	font-size: 11px;
	color: #333333;
	padding: 5px 2px 4px 9px;
	background-color: #A4A4A4;
}
table.shoppingCartTable th.alt {
	border-left: 1px solid #B3B3B3;
	padding: 5px 3px 4px 5px;
}
table.shoppingCartTable td {
	font-size: 10px;
	color: #333333;
	padding: 4px 0px 0px 7px;
	border-bottom: 1px solid #666666;
	background-color: #CACACA;
}
table.shoppingCartTable td.alt {
	padding: 7px 2px 0px 2px;
	border-left: 1px solid #666666;
}
table.shoppingCartTable td input {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	width: 24px;
	height: 22px;
	height/**/:/**/ 16px;
	margin: 0px 0px 6px 0px;
	padding: 4px 0px 0px 0px;
	border: 1px solid #666666;
	background-color: #D2D2D2;
}
a.finaliseOrder {
	display: block;
	width: 120px;
	height: 22px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url(images/UI/bg-finaliseOrder.jpg) no-repeat 0px 0px;
}
a.finaliseOrder:hover {
	background-position: 0px -22px;
}
a.updateOrder:hover {
	background-position: 0px -22px;
}
a.updateOrder {
	display: block;
	width: 120px;
	height: 22px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url(images/UI/bg-update.jpg) no-repeat 0px 0px;
}
a.nextCheckout
{
	float: right;
	display: block;
	width: 55px;
	height: 20px;
	margin-top:5px;
	_margin-right: 4px;
	background: url(images/UI/next.gif) no-repeat 0px 0px;
}
a.nextCheckout:hover {
	background-position: 0px -20px;
}
a.btnOnlineShopping{
	display: block;
	width: 120px;
	height: 20px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url(images/UI/shopOnline.gif) no-repeat 0px 0px;
}
/*~~~~~~~~~~~~~~~~~shoppingCart styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~contentArea styles start~~~~~~~~~~~~~~~~~*/
div.contentArea {
	float: left;
	width: 724px;
	width/**/:/**/ 684px;
	padding: 20px;
}
a {
	color: #0072BB;
	text-decoration: none;
}
h1.introHeading {
	font-size: 16px;
	font-weight: normal;
	color: #0072BB;
	line-height: 21px;
	width: 382px;
	margin: 0px 0px 13px 0px;
	padding: 0px;
}
h1.latestNews {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 15px 0px 14px 0px;
	padding: 0px;
}
p.intro {
	font-size: 13px;
	color: #000000;
	line-height: 18px;
	width: 375px;
	margin: 0px;
	padding: 0px;
}
div#homeRightFlash {
	width: 285px;
	height: 205px;
	float: right;
}
hr {
	text-align: left;
	color: #000000;
	margin: 24px auto 0px 0px;
	background-color: #000000;
	width: 100%;
	border: none;
	height: 1px;
	padding: 0px;
	display: block;
}
hr.alt {
	margin: 17px auto 0px 0px;
}
ul.newsList {
	margin: 0px;
	padding: 0px;
}
ul.newsList li {
	font-size: 11px;
	line-height: 15px;
	list-style: none;
	width: 358px;
	margin: 0px 0px 9px 0px;
	padding: 0px;
	background: url(images/UI/bg-newsList-span.jpg) no-repeat 0px 5px;
}
ul.newsList li a {
	display: block;
	color: #000000;
	width: 356px;
	width/**/:/**/ 330px;
	margin: 0px;
	padding: 0px 14px 0px 12px;
	background: url(images/UI/bg-newsList.jpg) no-repeat right 17px;
}
ul.newsList li a:hover {
	background-position: right -62px;
	text-decoration:none;
}
ul.newsList li a span {
	color: #000000;
	font-weight: bold;
}
ul.newsList li span.outer {
	color: #0072BB;
}
div.customerReferance {
	width: 368px;
	padding-top: 15px;
	background: url(images/UI/bg-customerReference.jpg) repeat-x 0px 0px;
}
div.customerReferance p {
	font-size: 12px;
	color: #0072BB;
	margin: 0px;
	padding: 0px;
}
div.customerReferance p span {
	font-weight: bold;
	margin-left: 5px;
}
div.homeFeaturedContainer {
	float: right;
	margin-top: 15px;
}
a.homeFeatured {
	text-decoration: none;
	display: block;
	width: 287px;
	height: 96px;
	margin-bottom: 10px;
	background: url(images/UI/bg-homeFeatured.jpg) no-repeat 0px 0px;
}
a.homeFeatured:hover {
	background-position: 0px -96px;
}
a.homeFeatured div.img {
	text-align: center;
	float: left;
	width: 84px;
	height: 75px;
	margin: 10px 25px 0px 24px;
	_margin: 10px 25px 0px 12px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
a.homeFeatured div.img img {
	display: inline;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
a.homeFeatured h1 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	float: left;
	margin: 14px 0px 6px 0px;
	padding: 0px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
a.homeFeatured p {
	font-size: 11px;
	color: #000000;
	float: left;
	width: 129px;
	margin: 0px;
	padding: 0px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
a.homeFeatured p span {
	font-weight: bold;
	color: #0072BB;
	display: block;
	margin: 0px;
	padding: 0px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
/*~~~~~~~~~~~~~~~~~contentArea styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~footer styles start~~~~~~~~~~~~~~~~~*/
div.footer {
	text-align: center;
	width: 974px;
	height: 35px;
	height/**/:/**/ 25px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0px 0px 0px;
	background: #FFFFFF url(images/UI/bg-footer.jpg) repeat-y;
}
div.footer p {
	font-size: 10px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
div.footer p a {
	color: #666666;
}
/*~~~~~~~~~~~~~~~~~footer styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~aboutUs styles start~~~~~~~~~~~~~~~~~*/
div.mainContentCol {
	float: left;
	width: 523px;
	width/**/:/**/ 475px;
	border-right: 1px solid #000000;
	padding-right: 48px;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	color: #494949;
	margin: 0px 0px 13px 0px;
	padding: 0px;
}
p {
	font-size: 12px;
	color: #000000;
	line-height: 17px;
	margin: 0px 0px 11px 0px;
	padding: 0px;
	/*padding: 0px 48px 0px 0px;*/
}
p span.redText {
	color: #0072BB;
}
p.introText {
	font-weight: bold;
	color: #0072BB;
	margin: 0px 0px 17px 0px;
	/*padding: 0px 60px 0px 0px;*/
}
img.imgFloatLeft {
	float: left;
	margin: 0px 16px 13px 0px;
	margin/**/:/**/ 0px 19px 13px 0px;
}
img.imgFloatRight {
	float: right;
	margin: 0px 0px 13px 19px;
}
div.rightContentCol {
	float: left;
	width: 160px;
	width/**/:/**/ 146px;
	padding-left: 14px;
}
div.rightContentCol div.aboutComp {
	font-size: 11px;
	color: #000000;
	padding: 15px 0px;
	background: url(images/UI/bg-aboutComp.jpg) repeat-x 0px 0px;
}
div.rightContentCol div.aboutCompAlt2 {
	background: none;
}
div.rightContentCol div.aboutComp h1 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}
div.rightContentCol div.aboutComp p {
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
div.rightContentCol div.aboutComp p a {
	color: #0072BB;
}
div.rightContentCol div.aboutComp p a:hover {
	text-decoration: underline;
}
div.rightContentCol div.aboutCompAlt {
	text-align: center;
	padding: 15px 0px;
}
div.rightContentCol div.aboutCompAlt img {
	display: inline;
}
div.timelineContainer {
	width: 390px;
	margin-bottom: 5px;
	background: url(images/UI/bg-timelineContainer.jpg) repeat-y 0px 0px;
}
div.timelineContainer span {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 15px;
	background: url(images/UI/bg-timelineContainer-span.gif) no-repeat 0px 3px;
}
div.detail {
	float: right;
	width: 308px;
	margin: 0px 7px 0px 0px;
	_margin: 0px 3px 0px 0px;
}
div.timelineContainer div.detail p {
	font-size: 12px;
	color: #000000;
	width: 308px;
	margin: 0px;
	padding: 0px;
}
div.staff {
	width: 625px;
	padding: 12px 0px;
	background: url(images/UI/bg-staff.jpg) repeat-x left bottom;
}
div.staff img {
	float: left;
	margin: 0px 37px 0px -3px;
	margin/**/:/**/ 0px 37px 0px 0px;
}
div.staff h1 {
	font-size: 16px;
	font-weight: normal;
	color: #0072BB;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}
div.staff h2 {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
	margin: 0px 0px 13px 0px;
	padding: 0px;
}
div.staff p {
	margin: 0px;
	padding: 0px;
}
/*~~~~~~~~~~~~~~~~~aboutUs styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~news styles start~~~~~~~~~~~~~~~~~*/
div.news {
	width: 491px;
	width/**/:/**/ 486px;
	padding-right: 5px;
	height: 579px;
	overflow: auto;
}
ul {
	margin: 0px;
	padding: 0px;
}
ul li {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 17px 10px;
	list-style: none;
	background: url(images/UI/bg-defaultList.jpg) no-repeat 0px 5px;
}
ul li a {
	color: #000000;
}
h3 {
	font-size: 18px;
	font-weight: normal;
	color: #0072BB;
	margin: 17px 0px 13px 0px;
	padding: 0px;
}
div.news p a:hover {
	text-decoration: underline;
}
div.archive {
	width: 578px;
	padding: 15px 0px 10px 0px;
	background: url(images/UI/bg-staff.jpg) repeat-x left top;
}
div.archiveAlt {
	padding-top: 0px;
	background: none;
}
div.archive a.date {
	font-size: 14px;
	font-weight: bold;
	color: #B3B3B3;
	display: block;
	width: 50px;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	background: url(images/UI/bg-newsList-alt.jpg) no-repeat right 2px;
}
div.archive a.date:hover {
	background: url(images/UI/bg-newsList-alt.jpg) no-repeat right -78px;
}
div.archive a.dateActive {
	font-size: 14px;
	font-weight: bold;
	color: #B3B3B3;
	display: block;
	width: 50px;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	background: url(images/UI/bg-newsArchive-activeHover.gif) no-repeat right 2px;
}
div.archiveDetail {
	width: 537px;
	margin: 5px 0px 0px 42px;
}
div.archiveDetailOld {
	display: block;
}
div.archiveDetail div.wrapper {
	font-size: 12px;
	color: #333333;
	width: 529px;
	padding-bottom: 5px;
}
div.archiveDetail div.wrapper span strong {
	color: #333333;
}
div.archiveDetail div.wrapper span {
	color: #000000;
	display: block;
	float: left;
}
div.archiveDetail div.wrapper a {
	width: 102px;
	width/**/:/**/ 84px;
	display: block;
	float: right;
	padding-right: 18px;
	background: url(images/UI/bg-newsList.jpg) no-repeat right 1px;
}
div.archiveDetail div.wrapper a:hover {
	text-decoration: underline;
	background-position: right -78px;
}
/*~~~~~~~~~~~~~~~~~news styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~careers styles end~~~~~~~~~~~~~~~~~*/
div.currentOpportunities {
	float: right;
	width: 291px;
	margin: 0px 0px 0px 30px;
	background: #99FF00 url(images/UI/bg-currentOpportunities.jpg) repeat-y;
}
div.currentOpportunities div.currentOpportunitiesHeading {
	width: 291px;
	width/**/:/**/ 270px;
	height: 65px;
	height/**/:/**/ 49px;
	padding: 16px 0px 0px 21px;
	background-color: #000000;
}
div.currentOpportunities div.currentOpportunitiesHeading h1 {
	font-size: 15px;
	color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	padding: 0px;
}
div.currentOpportunities div.currentOpportunitiesHeading span {
	font-size: 12px;
	font-weight: bold;
	color: #0072BB;
}
div.currentOpportunities a {
	font-size: 11px;
	color: #000000;
	line-height: 15px;
	display: block;
	width: 250px;
	margin: 23px 0px 0px 21px;
	background: url(images/UI/bg-newsList.jpg) no-repeat right 32px;
}
div.currentOpportunities a:hover {
	background-position: right -47px;
}
div.currentOpportunities a span {
	color: #0072BB;
}
div.currentOpportunities hr {
	text-align: left;
	color: #B3B3B3;
	margin: 23px auto 0px 21px;
	background-color: #B3B3B3;
	width: 247px;
	border: none;
	height: 1px;
	padding: 0px;
	display: block;
}
div.job 
{
	color: #000000;
	font-size: 12px;
	padding: 15px 0px;
	background: url(images/UI/bg-customerReference.jpg) repeat-x 0px 0px;
}
div.jobAlt {
	background: none;
}
div.job p {
	margin-bottom: 5px;
	line-height: 15px;
}
div.job a:hover {
	text-decoration: underline;
}
div.job span.redText {
	font-size: 14px;
}
/*~~~~~~~~~~~~~~~~~careers styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~contact styles start~~~~~~~~~~~~~~~~~*/
img.chch {
	margin-top: 24px;
}
div.contact {
	padding-bottom: 1px;
	background: url(images/UI/bg-contact.jpg) repeat-y 0px 0px;
}
div.contactCol1 {
	float: left;
	width: 230px;
}
div.contactCol2 {
	float: left;
	width: 200px;
	margin-top: 22px;
}
div.contactCol3 {
	float: left;
	width: 232px;
}
div.contact p {
	font-size: 11px;
	margin-bottom: 5px;
}
div.contact p strong {
	font-size: 12px;
}
div.contact p span {
	font-weight: bold;
	color: #666666;
}
a.general:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~contact styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~services styles start~~~~~~~~~~~~~~~~~*/
ul.tech {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
ul.tech li {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 4px 10px;
	list-style: none;
	background: url(images/UI/bg-defaultList.jpg) no-repeat 0px 5px;
}
ul.tech li a {
	color: #000000;
}
ul.tech li ul {
	margin: 0px;
	padding: 0px;
}
ul.tech li ul li {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	background: url(images/UI/bg-defaultList.jpg) no-repeat 0px 5px;
}
div.techNav a {
	font-size: 12px;
	display: block;
	margin-top: 15px;
	padding-left: 21px;
	background: url(images/UI/bg-techNav.gif) no-repeat 0px 4px;
}
div.techNav a:hover {
	color: #005288;
	background-position: 0px -13px;
}
div.techNavAlt a {
	font-size: 12px;
	display: block;
	margin-top: 15px;
	padding-left: 0px;
	background: none;
}
div.techNavAlt a:hover {
	color: #0072BB;
	text-decoration: underline;
	background: none;
}
div.techQuote {
	float: right;
	width: 263px;
	width/**/:/**/ 242px;
	margin-top: 21px;
	padding: 6px 0px 29px 21px;
	background: url(images/UI/bg-techQuote.jpg) repeat-y 0px 0px;
}
div.techQuote p {
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
div.techQuote p em {
	font-size: 12px;
}
div.leftImgCol {
	float: left;
	width: 250px;
	margin-right: 25px;
}
div.leftImgCol img {
	margin-bottom: 25px;
}
div.rightCol {
	float: left;
	width: 380px;
}
/*~~~~~~~~~~~~~~~~~services styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~products styles start~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~featuredProducts styles start~~~~~~~~~~~~~~~~~*/
div.featuredProduct {
	width: 315px;
	float: left;
	margin-right: 21px;
	padding: 6px 0px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}
div.featuredProduct img {
	float: left;
	margin: 0px -3px;
	margin/**/:/**/ 0px;
}
div.featuredProduct div.productDiscribtion {
	font-size: 11px;
	color: #666666;
	float: left;
	width: 176px;
	margin: 0px 0px 0px 16px;
	padding: 0px;
	line-height: 17px;
}
div.featuredProductIntro p.productIntro {
	font-size: 11px;
	color: #666666;
	float: left;
	width: 515px;
	margin: 0px 0px 0px 16px;
	padding: 0px;
}
div.featuredProductIntro p.PDFdownload{
	float:left;
}
div.featuredProduct div.productDiscribtion h2.productTitle {
	font-size: 12px;
	display: block;
	color: #0072BB;
	font-weight: bold;
	margin: 0;
}
div.cart {
	width: 124px;
	height: 20px;
	position: absolute;
	bottom: 42px;
	right: 57px;
	top: 70px;
}
div.cart input {
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	width: 40px;
	width/**/:/**/ 34px;
	height: 20px;
	height/**/:/**/ 17px;
	margin: 0px 4px 0px 0px;
	padding: 1px 0px 0px 4px;
	border: 1px solid #000000;
}
div.cart a.addToCart {
	float: left;
	display: block;
	width: 80px;
	height: 20px;
	background: url(images/UI/bg-addToCart.jpg) no-repeat 0px 0px;
}
div.cart a.addToCart:hover {
	background-position: 0px -20px;
}
div.featuredProductIntro {
	width: 650px;
	float: left;
	margin-right: 21px;
	padding: 6px 0px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	font-size: 12px;
}
div.featuredProductIntro img {
	float: left;
	margin: 0px -3px;
	margin/**/:/**/ 0px;
}
div.featuredProduct2 {
	width: 315px;
	height:125px;
	float: left;
	margin-right: 21px;
	padding: 6px 0px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	font-size: 12px;
}
div.featuredProduct2 div.productDiscribtion {
	font-size: 11px;
	color: #666666;
	float: left;
	width: 176px;
	margin: 0px 0px 0px 16px;
	_margin: 0px 0px 0px 8px;
	padding: 0px;
	line-height: 17px;
}
div.featuredProduct2 div.productDiscribtion h2.productTitle {
	font-size: 12px;
	display: block;
	color: #0072BB;
	font-weight: bold;
	margin: 0;
}
div.cartLeft {
	width: 124px;
	height: 23px;
	position: absolute;
	bottom: 39px;
	_bottom:4px;
	left: 16px;
}
div.cartLeft input {
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	width: 40px;
	width/**/:/**/ 34px;
	height: 20px;
	height/**/:/**/ 17px;
	margin: 0px 4px 0px 0px;
	padding: 1px 0px 0px 4px;
	border: 1px solid #000000;
}
div.cartLeft a.addToCart {
	float: left;
	display: block;
	width: 80px;
	height: 20px;
	background: url(images/UI/bg-addToCart.jpg) no-repeat 0px 0px;
}
div.cartLeft a.addToCart:hover {
	background-position: 0px -20px;
}
/*~~~~~~~~~~~~~~~~~featuredProducts styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~productsCategory styles start~~~~~~~~~~~~~~~~~*/
div.productCategory {
	width: 200px;
	float: left;
	margin-right: 21px;
	padding: 6px 0px;
	border-bottom: 1px solid #CCCCCC;
}
div.productCategory span {
	font-size: 12px;
	font-weight: bold;
	color: #0072BB;
}
a.clickToBrowseProduct {
	display: block;
	width: 160px;
	height: 20px;
	margin-top: 6px;
	background: url(images/UI/bg-clickToBrowseProducts.gif) no-repeat 0px 0px;
}
a.clickToBrowseProduct:hover {
	background-position: 0px -20px;
}
/*~~~~~~~~~~~~~~~~~productsCategory styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~productsbrand styles start~~~~~~~~~~~~~~~~~*/
div.brand {
	height: 146px;
}
div.brandAlt {
	float: none;
	margin-bottom: 5px;
}
div.brand div.productDiscribtion, div.brandAlt div.productDiscribtion {
	font-size: 11px;
	color: #666666;
	float: left;
	width: 176px;
	margin: 0px;
	padding: 0px;
}
div.browse {
	width: 160px;
	height: 20px;
	position: absolute;
	bottom: 10px;
	right: 21px;
}
a.clickToBrowse {
	display: block;
	width: 160px;
	height: 20px;
	margin-top: 6px;
	background: url(images/UI/bg-clickToBrowse.gif) no-repeat 0px 0px;
}
a.clickToBrowse:hover {
	background-position: 0px -20px;
}
div.catergoryLinks a {
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0px 0px 2px 21px;
	background: url(images/UI/bg-techNav.jpg) no-repeat 0px 3px;
}
div.catergoryLinks a:hover {
	color: #2C7A39;
	background-position: 0px -14px;
}
/*~~~~~~~~~~~~~~~~~productsbrand styles end~~~~~~~~~~~~~~~~~*/
div.productLftCol {
	float: left;
	width: 430px;
}
div.productLftCol a:hover {
	text-decoration: underline;
}
a.brand {
	float: left;
	display: block;
	width: 80px;
	height: 20px;
	margin-right: 10px;
	background: url(images/UI/bg-brands.gif) no-repeat 0px 0px;
}
a.category {
	float: left;
	display: block;
	width: 80px;
	height: 20px;
	background: url(images/UI/bg-category.gif) no-repeat 0px 0px;
}
a.brand:hover, a.category:hover {
	background-position: 0px -20px;
}
div.custom {
	text-align: center;
	float: left;
	width: 209px;
	margin-left: 26px;
}
div.custom p {
	font-size: 16px;
	font-weight: bold;
	color: #0072BB;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
div.custom p span {
	font-size: 22px;
	line-height: 28px;
}
/*~~~~~~~~~~~~~~~~~products styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~search styles start~~~~~~~~~~~~~~~~~*/
div.search {
	height: 127px;
}
div.search div.productDiscribtion {
	font-size: 11px;
	color: #666666;
	float: left;
	width: 315px;
	_width: 312px;
	margin: 0px;
	padding: 0px;
}
div.search div.cart {
	width: 124px;
	height: 20px;
	position: absolute;
	bottom: 14px;
	left: 0px;
}
/*~~~~~~~~~~~~~~~~~search styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~downloads styles start~~~~~~~~~~~~~~~~~*/
div.downloads a {
	font-size: 11px;
	display: block;
	margin-bottom: 10px;
}
div.downloads a:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~downloads styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~login styles start~~~~~~~~~~~~~~~~~*/
div.form {
	width: 540px;
}
div.formAlt {
	width: 350px;
}
div.formAlt2 {
	float: left;
}
div.formAlt21 {
	float: left;
	margin-left: 92px;
	padding-top: 35px;
}
div.form label {
	font-size: 11px;
	color: #000000;
	display: block;
	float: left;
	width: 110px;
	height: 19px;
	height/**/:/**/ 18px;
	margin-bottom: 10px;
	padding-top: 2px;
}
div.formAlt label {
	width: 122px;
}
div.form input {
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	width: 122px;
	height: 17px;
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 4px;
	border: 1px solid #809DB9;
}
div.form textarea {
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	width: 244px;
	height: 147px;
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 4px;
	border: 1px solid #809DB9;
}
div.form span.links {
	display: block;
	margin-top: 8px;
	_margin-top: 10px;
	margin-left: 61px;
}
div.form span.links a {
	font-size: 11px;
	margin-left: 7px;
}
div.form span.links a:hover {
	text-decoration: underline;
}
div.form a.login {
	display: block;
	width: 58px;
	height: 20px;
	margin-left: 150px;
	margin-right: 0px;
	_margin-righ\t: 1px;
	margin-top: 5px;
	background: url(images/UI/login.gif) no-repeat 0px 0px;
}
div.form a.loginCheckout {
	display: block;
	width: 72px;
	height: 27px;
	margin-left: 0px;
	margin-right: 0px;
	_margin-righ\t: 1px;
	background: url(images/UI/bg-login.jpg) no-repeat 0px 0px;
}
div.form a.register {
	display: block;
	float: right;
	width: 70px;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	_margin-righ\t: 1px;
	margin-top: 5px;
	background: url(images/UI/register.gif) no-repeat 0px 0px;
}
div.form a.update {
	display: block;
	float: right;
	width: 82px;
	height: 22px;
	margin-left: 0px;
	margin-right: 0px;
	_margin-right: 1px;
	background: url(images/UI/bg-update.jpg) no-repeat 0px 0px;
}
div.form a.updateAccount {
	display: block;
	float: right;
	width: 65px;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	_margin-right: 1px;
	background: url(images/UI/update.gif) no-repeat 0px 0px;
}
div.form a.next {
	display: block;
	float: right;
	width: 82px;
	height: 27px;
	margin-left: 0px;
	margin-right: 0px;
	_margin-right: 1px;
	background: url(images/UI/bg-next.jpg) no-repeat 0px 0px;
}
div.form a.send {
	display: block;
	float: right;
	width: 55px;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	_margin-righ\t: 1px;
	background: url(images/UI/send.gif) no-repeat 0px 0px;
}
div.form a.sendInfo {
	display: block;
	float: left;
	width: 55px;
	height: 20px;
	margin-left: 195px;
	_margin-left: 96px;
	margin-right: 0px;
	_margin-righ\t: 1px;
	margin-top: 5px;
	background: url(images/UI/send.gif) no-repeat 0px 0px;
}
div.form a.sendForget {
	display: block;
	float: left;
	width: 55px;
	height: 20px;
	margin-left: 272px;
	_margin-left: 135px;
	margin-right: 0px;
	_margin-righ\t: 1px;
	margin-top: 5px;
	background: url(images/UI/send.gif) no-repeat 0px 0px;
}
div.form a.send:hover, div.form a.register:hover, div.form a.updateAccount:hover,  div.form a.login:hover, div.form a.myaccount:hover, div.form a.sendInfo:hover, div.form a.sendForget:hover, div.form a.logout:hover {
	background-position: 0px -20px;
}
div.breadcrumb {
	font-size: 11px;
	color: #CCCCCC;
	margin-bottom: 18px;
}
span.currentStep {
	color: #494949;
}
div.login
{
	width: 300px;
}
/*~~~~~~~~~~~~~~~~~login styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~chechout styles start~~~~~~~~~~~~~~~~~*/
table.checkout {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 500px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}
table.checkout th {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding: 4px 0px 3px 3px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #EEEEEE;
}
table.checkout th.product {
	width: 322px;
	padding: 4px 0px 3px 14px;
}
table.checkout th.qty {
	text-align: center;
	width: 43px;
}
table.checkout th.UnitPrice {
	text-align: center;
	width: 80px;
}
table.checkout th.SubTotal {
	text-align: center;
	width: 80px;
}
table.checkout th.Remove {
	text-align: center;
}
table.checkout th.noRightBorder, table.checkout td.noRightBorder {
	border-right: none;
}
table.checkout td {
	font-size: 11px;
	color: #333333;
	padding: 4px 0px 3px 3px;
	border-right: 1px solid #FFFFFF;
	background-color: #EEEEEE;
}
table.checkout td.tdAlt {
	background-color: #FFFFFF;
}
table.checkout th.code {
	color: #333333;
	width: 110px;
}
table.checkout td.code {
	color: #0072BB;
	width: 110px;
}
table.checkout td.centerCol {
	padding-left: 14px;
}
table.checkout td.qty {
	padding-right: 3px;
}
table.checkout td.UnitPrice {
	color: #333333;
	text-align:right;
	padding-right: 5px;
}
table.checkout td.SubTotal {
	color: #333333;
	text-align:right;
	padding-right: 5px;
}
table.checkout td.Remove {
	color: #333333;
	text-align:right;
	padding-right: 5px;
}
table.checkout td.total {
	font-weight: bold;
	font-size: 12px;
	padding: 7px 0px 8px 7px;
	border-right: none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
table.checkout td.totalAlt {
	text-align: right;
	padding: 7px 11px 8px 0px;
}
table.checkout td.alignRight {
	text-align: right;
	padding: 0px 11px 0px 0px;
}
table.checkout td input {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: right;
	width: 40px;
	width/**/:/**/ 35px;
	height: 22px;
	height/**/:/**/ 16px;
	margin: 0px;
	padding: 4px 5px 0px 0px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
table.checkout td UnitPrice
{
	text-align: right;
}
table.checkout td SubTotal
{
	text-align: right;
}
table.checkout td Remove
{
	text-align: right;
}
div.comments {
	font-size: 11px;
	color: #333333;
	width: 500px;
	width/**/:/**/ 498px;
	padding-top: 8px;
	border: 1px solid #CCCCCC;
	border-top: none;
}
div.comments span.notes {
	display: block;
	margin: 0px 7px 8px 7px;
}
div.comments textarea {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	width: 490px;
	width/**/:/**/ 484px;
	height: 66px;
	margin: 0px 0px 8px 4px;
	padding: 1px 0px 0px 4px;
	border: 1px solid #809DB9;
}
a.backToShop {
	float: right;
	display: block;
	width: 103px;
	height: 20px;
	margin: 5px 5px 5px 0px;
	background: url(images/UI/returnToShop.gif) no-repeat 0px 0px;
}
a.updateTotal {
	float: right;
	display: block;
	width: 100px;
	height: 20px;
	margin: 5px 5px 5px 0px;
	_margin: 5px 2px 5px 0px;
	background: url(images/UI/bg-updateTotal.jpg) no-repeat 0px 0px;
}
a.finaliseOrderAlt {
	float: right;
	display: block;
	width: 100px;
	height: 20px;
	margin: 5px 5px 5px 0px;
	_margin: 5px 2px 5px 0px;
	background: url(images/UI/bg-finaliseOrderAlt.jpg) no-repeat 0px 0px;
}
a.backToCheckout {
	float: right;
	display: block;
	width: 55px;
	height: 20px;
	margin: 5px 5px 5px 0px;
	background: url(images/UI/back.gif) no-repeat 0px 0px;
}
a.confirmOrder {
	float: right;
	display: block;
	width: 100px;
	height: 20px;	
	margin: 5px 5px 5px 0px;
	_margin: 5px 2px 5px 0px;
	background: url(images/UI/bg-confirmOrder.jpg) no-repeat 0px 0px;
}
a.backToHome
{
	float:left;
	display:block;
	margin: 5px 5px 5px 0px;
	_margin: 5px 2px 5px 0px;
	width: 55px;
	height: 20px;
	background: url(images/UI/home.gif) no-repeat 0px 0px;
}
a.floatLeft
{
	float:left;
}
a.updateTotal:hover, a.finaliseOrderAlt:hover, a.backToShop:hover, a.backToCheckout:hover, a.confirmOrder:hover, a.backToHome:hover {
	background-position: 0px -20px;
}
/*~~~~~~~~~~~~~~~~~chechout styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~Repeater style end~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Thankyou
{
	color:Red;
}
.litError
{
	color:Red;
	font-size:12px;
	margin-left:220px;
	float:right;
}
.redDot
{
	color:Red;
}
h2.CateTitleBrandTitle
{
	font-size: 12px;
	font-weight: bold;
	color: #0072BB;
	height:31px;
	display:block;
	overflow:hidden;
	margin: 0;
}
.giveHight
{
	height: 20px;
}
span.spanMsg
{
	display:block;
	font-size:12px;
}
span.spanPDF
{
	font-size: 11px;
	color: #666666
}
span.radioAccount
{
	margin-left:20px;
}