body, html {margin:0; padding:0;}
body {text-align:center;background:#cacaca url(bg-main-all.png) repeat-x 0 -10px;}
body.home {text-align:center;background:#f6f6f6 url(bg-main.png) repeat-x 0 -90px;}

hr {display:block;border:none; color:#c3c3c3; background:#c3c3c3;margin:0 0 16px;}    

/*Navigation Styling*/
ul#topnav {	margin: 37px 0 0 44px; padding: 0;	float: left;	width: 870px;	list-style: none;	position: relative;	font-size: 1.2em;}
ul#topnav li {	float: left;margin: 0 5px 27px 0; padding: 0;}
ul#topnav li:first-child {margin-left:0;padding-right:15px;}
ul#topnav li:first-child a {width:130px;}
ul#topnav li a {width:85px;height:128px;display: block;	color: #f0f0f0;	text-decoration: none;}

ul#topnav li a.comp {background:url(nav-logo.png) no-repeat 0px 16px;}

ul#topnav li a.he {background:url(tn-he.png) no-repeat 5px 47px;}
ul#topnav li a.he:hover {background:url(tn-he-hover.png) no-repeat 5px 48px;}
ul#topnav li:hover a.he {background:url(tn-he-hover.png) no-repeat 5px 48px;}

ul#topnav li a.med {background:url(tn-med.png) no-repeat 1px 47px;}
ul#topnav li a.med:hover {background:url(tn-med-hover.png) no-repeat 1px 48px;}
ul#topnav li:hover a.med {background:url(tn-med-hover.png) no-repeat 1px 48px;}

ul#topnav li a.ton {background:url(tn-ton.png) no-repeat 2px 47px;}
ul#topnav li a.ton:hover {background:url(tn-ton-hover.png) no-repeat 2px 48px;}
ul#topnav li:hover a.ton {background:url(tn-ton-hover.png) no-repeat 2px 48px;}

ul#topnav li a.tech {background:url(tn-tech.png) no-repeat 0px 47px;width:80px;}
ul#topnav li a.tech:hover {background:url(tn-tech-hover.png) no-repeat 0px 48px;}
ul#topnav li:hover a.tech {background:url(tn-tech-hover.png) no-repeat 0px 48px;}

ul#topnav li a.cs {background:url(tn-cs.png) no-repeat 0px 47px;width:80px;}
ul#topnav li a.cs:hover {background:url(tn-cs-hover.png) no-repeat 0px 48px;}
ul#topnav li:hover a.cs {background:url(tn-cs-hover.png) no-repeat 0px 48px;}

ul#topnav li a.hosp {background:url(tn-hosp-orginal.png) no-repeat 1px 47px;width:80px;}
ul#topnav li a.hosp:hover {background:url(tn-hosp-hover-original.png) no-repeat 1px 48px;}
ul#topnav li:hover a.hosp {background:url(tn-hosp-hover-original.png) no-repeat 1px 48px;}

ul#topnav li a.equip {background:url(tn-equip.png) no-repeat 0px 47px;width:80px;}
ul#topnav li a.equip:hover {background:url(tn-equip-hover.png) no-repeat 0px 48px;}
ul#topnav li:hover a.equip {background:url(tn-equip-hover.png) no-repeat 0px 48px;}

ul#topnav li a.contact {background:url(tn-contact.png) no-repeat 0px 47px;}
ul#topnav li a.contact:hover {background:url(tn-contact-hover.png) no-repeat 0px 48px;}
ul#topnav li:hover a.contact {background:url(tn-contact-hover.png) no-repeat 0px 48px;}

ul#topnav li span {	float: left;padding: 42px 0 15px 158px;position: absolute;left: 0px; top:128px;width: 707px;color: #fff;}

ul#topnav li:hover span { display: block;} /*--Show subnav on hover--*/


ul#topnav li span a { text-transform:uppercase;display: block;float:left;padding:0;margin:0 11px 0 11px;width:auto !important;height:23px;font:bold 17px arial;} 
ul#topnav li span a.first {color:#58585a;margin-left:0 !important;} 
ul#topnav li span a.last {margin-right:0 !important; }
ul#topnav li span a:hover {text-decoration: underline;}
ul#topnav li span.comp a {margin:0 11px 0 11px;} 
ul#topnav li span.he a {margin:0 17px 0 17px;} 
ul#topnav li span.med a {margin:0 16px 0 16px;} 
ul#topnav li span.ton a {margin:0 11px 0 11px;} 
ul#topnav li span.tech a {margin:0 13px 0 14px;} 
ul#topnav li span.cs a {margin:0 16px 0 17px;} 
ul#topnav li span.hosp a {margin:0 12px 0 13px;} 
ul#topnav li span.equip a {margin:0 13px 0 14px;} 

ul#topnav li span a.prod {padding-bottom:6px;}

ul#topnav li span div span {display: none !important;margin:0;padding:0;width:185px;left:253px;top:71px;}
ul#topnav li span div:hover span {display: block !important; } /*--Show subnav on hover--*/
ul#topnav li span div span a {text-transform:capitalize;display: block;float:none;padding:6px 10px !important;margin:0 !important;width:auto !important;height:auto;font:12px arial;background:#7c7c7c;text-decoration:none;}
ul#topnav li span div span a:hover {background:#a8a8a8;text-decoration:none;}
ul#topnav li span div.equip-sub span {left:283px;width:225px}
ul#topnav li span div.custom-sub span {left:263px;width:125px}
 
/***************************Home Page Styling***********************/
.home #guiwidth {width:100%; text-align:center;background:url(blur.jpg) no-repeat 50% 100px;position:relative;}
.home #guimain-home {width:960px;height:750px;position:relative;margin:0 auto;}
.home #blue-bub {background:url(blue-bubble.png) no-repeat 0 0;width:392px;height:429px;position:absolute;top:183px;left:285px; }
.home #gold-bub {background:url(gold-bubble.png) no-repeat 0 0;width:243px;height:180px;position:absolute;top:287px;left:138px; }
.home #turq-bub {background:url(turquoise-bubble.png) no-repeat 0 0;width:354px;height:245px;position:absolute;top:320px;left:505px; }
.home #dark-bub {background:url(dark-bubble.png) no-repeat 0 0;width:694px;height:426px;position:absolute;top:130px;left:100px; }
.home #extra-blb {background:url(extra-blobs.png) no-repeat 0 0;width:1010px;height:627px;position:absolute;top:20px;left:-14px;overflow:hidden; }
.home #extra-bub {background:url(extra-bubbles.png) no-repeat 50% 10px;width:100%;height:100%;position:absolute;top:0;left:0;}
.home #nav {position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;}
.home #nav .wrapper {position:relative;width:960px;height:100%;margin:0 auto;}
.home #nav .wrapper a {text-decoration:none; outline: none;}
.home #hl-cust {display:block;background:url(hl-custom-gas.png) no-repeat 0 0;width:184px;height:185px;top:10px;left:142px;position:absolute;}
.home #hl-cust:hover {background:url(hl-custom-gas-hover.png) no-repeat 0 0;}
.home #hl-hel {display:block;background:url(hl-he.png) no-repeat 0 0;width:190px;height:227px;top:130px;left:348px;position:absolute;}
.home #hl-hel:hover {background:url(hl-he-hover.png) no-repeat 0 0;}
.home #hl-ton {display:block;background:url(hl-ton.png) no-repeat 0 0;width:136px;height:136px;top:188px;left:685px;position:absolute;}
.home #hl-ton:hover {background:url(hl-ton-hover.png) no-repeat 0 0;}
.home #hl-med {display:block;background:url(hl-med.png) no-repeat 0 0;width:164px;height:160px;top:405px;left:-30px;position:absolute;}
.home #hl-med:hover {background:url(hl-med-hover.png) no-repeat 0 0;}
.home #hl-equip {display:block;background:url(hl-equip.png) no-repeat 0 0;width:190px;height:190px;top:268px;left:127px;position:absolute;}
.home #hl-equip:hover {background:url(hl-equip-hover.png) no-repeat 0 0;}
.home #hl-hosp {display:block;background:url(hl-hosp-original.png) no-repeat 0 0;width:194px;height:194px;top:370px;left:290px;position:absolute;}
.home #hl-hosp:hover {background:url(hl-hosp-hover-original.png) no-repeat 0 0;}
.home #hl-tech {display:block;background:url(hl-tech.png) no-repeat 0 0;width:140px;height:138px;top:453px;left:753px;position:absolute;}
.home #hl-tech:hover {background:url(hl-tech-hover.png) no-repeat 0 0;}
.home #hl-contact {display:block;background:url(hl-contact.png) no-repeat 0 0;width:140px;height:138px;top:43px;left:573px;position:absolute;}
.home #hl-contact:hover {background:url(hl-contact-hover.png) no-repeat 0 0;}
.home #hl-video {display:block;background:url(hl-video.png) no-repeat 0 0;width:157px;height:158px;top:480px;left:480px;position:absolute;}
.home #hl-video:hover {background:url(hl-video-hover.png) no-repeat 0 0;}
.home #logo {background:url(logo.png) no-repeat 0 0;width:228px;height:190px;top:300px;left:484px;position:absolute;}

/***************************Page Styling***********************/
img {border:none;}
.lh {line-height:22px;}
#guiwidth {background:url(bg-highlight.jpg) no-repeat 50% -10px;text-align:center;width:100%;height:100%;}
#wrapper {width:920px;margin:0 auto;text-align:left;}
#gui1 {background:url(nav-bg.png) no-repeat 14px 9px;width:100%;height:250px;position:relative;z-index:2;}
#gui1 .nav { background:url(dashes.png) no-repeat 212px 235px;width:100%;height:245px;}
#gui2 {width:100%;height:580px;position:relative;padding-top:10px;background:url(dashes.png) no-repeat 212px 587px;}

#guileft {width:190px;float:left;margin-right:22px;height:547px;}
#guileft img.frog {position:absolute;bottom:-5px;left:-35px;}
#guileft img.copy {position:absolute;bottom:174px;}

#gui2 h1 {margin:0 0 16px;text-transform:uppercase;font:15px arial;}
#gui2 h2, h3, h4, h5, h6 {margin:10px 0 12px;text-transform:uppercase;font:14px arial; }
#gui2 p {margin:0 0 16px;letter-spacing:0.3pt;text-align:justify;}
#gui2 p.upper {text-transform:uppercase;}

#guimain {float:left;width:506px;height:555px;line-height:18px;padding:10px;}
.orange #guimain {background:url(bg-main-yellow.png) no-repeat 0 0;color:#5a5a5a;}
.grey-dark #guimain {background:url(bg-main-d-grey.png) no-repeat 0 0;color:#fff;}
.white #guimain {background:url(bg-main-white.png) no-repeat 0 0;color:#808080;}
.white #guimain a {color:#ff9800;}
.white #guimain a:hover {color:#999;}
.orange #guimain a {color:#565656;}
.orange #guimain a:hover {color:#999;}
.grey-lght #guimain {background:url(bg-main-l-grey.png) no-repeat 0 0;color:#808080;}

#guimain img.thmb {width:90px;float:left;margin:0 13px 5px 0;position:relative;top:5px;}
#guimain img.thmb2 {width:100px;float:left;margin:0 0 5px 0;position:relative;top:8px;border:1px solid #ddd}
#guimain img.thmb3 {width:130px;float:left;margin:0 0 5px 0;position:relative;top:8px;}
#guimain a.more {display:block;text-align:right;padding-bottom:10px;font:11px arial;}
#guimain .prod-desc {float: left; margin:0 0 0 20px;width:330px;height:auto !important;height:125px;min-height:125px;}
#guimain .orange {color:#FF9800;}
#guimain .font-bg {font:bold 15px arial;}
#guimain ul {margin:3px 0px 5px 11px;padding:3px 0px 5px 11px;} 
#guimain ul li {padding:2px 0;} 
#guimain form.convert {padding:0;margin:0;width:480px;}
#guimain .convert table {width:91%;border-collapse:collapse;margin-bottom:6px;}
#guimain .convert table th, #guimain .convert table td {padding:3px;border:1px solid #ddd;}
#guimain .convert table tr th{background:#ebebeb;}
#guimain .data {width:91%;border-collapse:collapse;margin-bottom:6px;}
#guimain .data th, #guimain .data td {padding:3px 1px;border:1px solid #ddd;font:11px arial;text-align:center;}
#guimain .data tr th{background:#ebebeb;text-align:center;vertical-align:top;}
#guimain #login {width:280px;margin:40px 40px 40px 75px;background:#9c9c9c;padding:8px 18px 13px 20px;}
#guimain #login h3 {margin-top:3px;font:12px arial;}
#guimain #login input[type="text"] {width:185px;}
#guimain #login input[type="password"] {width:185px;}
#guimain #login button {width:80px;float:right;margin-right:6px;}
.orange #guimain #login {background:#f2f2f2;}


#guiright {width:180px;float:right;}
#guiright .pics {margin-bottom:16px;padding:10px 12px;background:url(right-pics-bg.png) no-repeat;}
#guiright .pics1 {margin-bottom:16px;padding:12px 12px;background:url(right-pics-tall-bg.png) no-repeat;}
#guiright .bttn {width:179px;height:23px;display:block;background:url(right-bttn-bg.png) no-repeat;text-align:center;padding:8px 0 0;text-decoration:none;color:#fff;text-transform:uppercase;font:10px arial;margin-bottom:7px;}
#guiright .bttn:hover {background:url(right-bttn-bg-hover.png) no-repeat;color:#5A5A5A}
#guiright .bttn.active {background:url(right-bttn-bg-hover.png) no-repeat;color:#5A5A5A}
#guiright hr {color:#afafaf; background:#afafaf;margin:13px 0 13px;} 



/*Cart Styling*/

#guimain .prod-img {float:right;margin-left:20px;}

/***************************Gallery Page Styling***********************/
#guimain-wide a {color:#ff9800;}
#guimain-wide {float:left;width:705px;height:555px;line-height:18px;}

#guimain-wide .table1 td:first-child {padding-left:0;background:url(gallery-images-bg.png) no-repeat 0 0;}
#guimain-wide .table1 td {padding:8px 11px 23px 10px;background:url(gallery-images-bg.png) no-repeat 10px 0;}
#guimain-wide .table1 td img {margin:3px 9px 10px 9px;}
#guimain-wide .left {float:left;width:400px;margin-right:20px;}
#guimain-wide .right {float:left;width:255px;}

/***************************Footer Styling***********************/

#gui3 {width:100%;height:auto;text-align:right;}
#gui3 a {color:#000;text-decoration:none;}
#gui3 p {color:#58585a;font:bold 14px arial;text-transform:uppercase;margin:0;padding:10px 0 10px 0;}
#gui3 .social {float:left;margin-left:212px;padding-top:2px;}
#gui3 .copy {float:right;font:10px arial;margin-right:8px;padding:7px 0 0 0;}

.thumb {display:none;}

#mycustomscroll
	{
	outline: 0;
	}

/********************************************************************************************************************************
 * Added by Redout Digital - 19 Feb 2013, Landing Page styles & CTA
********************************************************************************************************************************/

button.lpcta {display:inline-block; text-shadow:1px 1px rgba(255,255,255,0.5); border:1px solid #b0b0b0; background:#ddd url(lpcta.png) repeat-x 0px 0px; color:#777; padding:5px 8px; cursor:pointer;}
button.lpcta.large {font-weight:bold; padding:6px 10px;}
button.lpcta:hover {background-image:url(lpcta-ov.png); background-color:#e9e9e9;}
button.lpcta.yellow {color:#5B520F; border-color:#B5A164; background:#E6AC00 url(lpcta-yellow.png) repeat-x 0px 0px;}
button.lpcta.yellow:hover {background-image:url(lpcta-yellow-ov.png); background-color:#EABA00;}
.lp-cta {
	margin:0 0 16px; padding:10px;
	border-radius:15px; background:#D5D5D5 url(lp-call-to-action.png) repeat-x 0px 0px;
	color:#333; border:1px solid #b0b0b0;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
	}
.lp-cta, .lp-cta a {color:#555;}
.lp-cta *, #gui2 .lp-cta p {margin:0; padding:0;}
.lp-cta .head {color:#fff;}
.lp-cta .head h3 {text-transform:none; font-weight:bold; font-size:1.25em;}
.lp-cta .field {padding:5px 0 0; width:100%;}
.lp-cta .field label {font-weight:bold;}
.lp-cta .field input[type="text"] {max-width:150px;}
.lp-cta .field input[type="text"],
.lp-cta .field select {
	font-size:0.9em; color:#555;
	display:block; padding:5px 4px; width:100%;
	border:1px solid #999; background:#e3e3e3;
	}
.lp-cta .field input[type="text"].focus, .lp-cta .field select.focus {background:#eeeee3;}
.lp-cta .submit {text-align:center; padding:15px 0 0;}
.lp-cta .submit button {margin-bottom:10px;}
.lp-cta .submit a {font-weight:bold;}