html { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
body { height: 100%; text-align: center; background: url('../assets/gradient-bgrd.jpg') repeat-x #465058; }
body a:hover { text-decoration: none; }
a { color: #0085DF; }
strong { font-weight: bold; }

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }
h1 { margin: 10px 0 5px 20px; font-size: 20px; color: #00376B; }
h2 { font-size: 19px; color: #666; }
h3 { font-size: 14px; color: #00376B; }

p { line-height: 16px; }
span { display: none; }
.left { float:left; }
.right { float: right; }
.clear { clear: both; } 
p.style {
	font-family:Arial, Helvetica, sans-serif;
	font-style:oblique;
	font-size:14px;
	line-height:19px;
	margin:20px;
	color:#003D76;
	}

.colleft-gutter { margin-left: 20px; }
.col-standard { width: 275px; float: left; }
.col-intrnlimg { width: 295px; }
.intrnlimg-bottspace { margin-bottom: 30px; }
.col-intrnltext { width: 538px; float: left; padding-right: 35px;}
.gutter { margin-right: 23px; }
.pagetitle { width: 910px; border-bottom: 1px solid #999; }
.endcontent { margin: 28px 0px 53px 0px; width: 910px; border-bottom: 1px solid #CCC; float: left; }

.detailtext-headers { margin: 10px 0px 5px 0px; }
ul.detailtext-list li { margin-left: 30px; list-style: square; }

ul.body-bulletlinks { margin-left: 5px; }
ul.body-bulletlinks li { padding-left: 17px; background: url('../assets/bullet-bodylinks.jpg') no-repeat; }

#wrapper { margin: 0px auto; padding: 0px 10px; width: 910px; text-align: left; background: #FFF; }

#masthead { padding-top: 79px;  margin: 0px; width: 890px; height: 46px; background: url('../assets/masthead-bgrd.jpg') no-repeat; }

#navbar { width: 775px; height: 46px; background: url('../assets/navbar-bgrd.jpg') no-repeat; }
#navbar ul li a { height: 46px; display: block; float: left; }
#navbar ul li a:hover { background: url('../assets/navbar-over.jpg') 0 0 no-repeat; }
#navbar ul li#home a { background-position: 0 0; width: 87px; }
#navbar ul li#about-us a { background-position: -87px 0; width: 117px; }
#navbar ul li#our-suppliers a { background-position: -204px 0; width: 148px; }
#navbar ul li#sales-support a { background-position: -352px 0; width: 159px; }
#navbar ul li#case-studies a { background-position: -511px 0; width: 139px; }
#navbar ul li#contact-us a { background-position: -650px 0; width: 125px; }

#heroshots-index { width: 910px; height: 280px; border-bottom: 1px solid #999; }
#heroshots-index ul { margin: 0px; padding: 0px; }

#teasers { margin: 31px 0 21px 0; padding-top: 12px; width: 910px; height: 170px; background: url('../assets/teasers-bgrd.jpg') no-repeat; }
#teasers ul li a { height: 123px; display: block; float: left; }
#teasers ul li a:hover { background: url('../assets/teasers-over.jpg') 0 0 no-repeat; }
#teasers ul li#core-values a { margin-left: 11px; background-position: -11px -12px; width: 198px; }
#teasers ul li#why-qs a { margin-left: 32px; background-position: -241px -12px; width: 198px; }
#teasers ul li#case-studies a { margin-left: 32px; background-position: -471px -12px; width: 198px; }
#teasers ul li#dealer-login a { margin-left: 32px; background-position: -701px -12px; width: 198px; }

#breadcrumb ul { height: 23px; padding-left: 19px; background: url('../assets/breadcrumb-bgrd.jpg') top left no-repeat; }
#breadcrumb ul li { margin-right: 3px; display: block; float: left; }

#intro-para { margin: 50px 0px 50px 317px; width: 573px; line-height: 26px; }

#suppliers { margin-top: 42px; width: 387px; height: 300px; background: url('../assets/suppliers-bgrd.jpg') no-repeat; }
#suppliers ul li a { height: 100px; display: block; float: left; }
#suppliers ul li a:hover { background: url('../assets/suppliers-over.jpg') 0 0 no-repeat; }
#suppliers ul li#lg a { background-position: 0 0; width: 193px; }
#suppliers ul li#panasonic a { background-position: -193px 0; width: 193px; }
#suppliers ul li#nec a { background-position: 0 -100px; width: 193px; }
#suppliers ul li#sony a { background-position: -193px -100px; width: 193px; }
#suppliers ul li#samsung a { background-position: 0 -200px; width: 193px; }
#suppliers ul li#qtee a { background-position: -193px -200px; width: 193px; }

#casestudies { margin-top: 32px; width: 387px; height: 200px; background:url('../assets/casestudies-background.gif') no-repeat; }
#casestudies ul li a { height: 100px; display: block; float: left; }
#casestudies ul li a:hover { background: url('../assets/casestudies-over.gif') 0 0 no-repeat; }
#casestudies ul li#commonwealth a { background-position: 0 0px; width: 193px; }
#casestudies ul li#rural a { background-position: -193px 0px; width: 193px; }
#casestudies ul li#tabcorp a { background-position: 0 -100px; width: 193px; }
#casestudies ul li#adco a { background-position: -193px -100px; width: 193px; }


form { width: 450px; }
fieldset { border: solid 1px #CCC; background: url('../assets/form-bgrdgradient.jpg') bottom repeat-x; }
fieldset legend { margin-left: 10px; padding: 5px; background: url('../assets/legend-bgrd.jpg') top repeat-x; border: solid 1px #CCC; color: #00376B; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
fieldset ul { margin: 10px 0px 0px 35px; }
fieldset ul li { width: 250px; margin-top: 15px; float: left; }
fieldset ul li label { width: 250px; clear: right; }
fieldset ul li input.checkbox { width: 20px; border: none; }
fieldset ul li input, textarea { width: 250px; clear: both; border: solid 1px #999; }
fieldset ul li input.file { background: white; }
.msg { font-weight: bold; color: #090; }

.send-details { border: none; margin-bottom: 15px; display: block; width: 105px; height: 25px; background: url('../assets/button-submit.jpg') no-repeat 0px 0px; cursor: pointer; font-size: 0px; text-indent: 999px; }
.send-details:hover { background-position: 0px -25px; }
.login { border: none; margin-bottom: 15px; display: block; width: 105px; height: 25px; background: url('../assets/button-loginuser.jpg') no-repeat 0px 0px; cursor: pointer; font-size: 0px; text-indent: 999px; }
.login:hover { background-position: 0px -25px; }

#footer-wrap { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 70px; background: #333E46; }
#footer { margin: 0px auto; padding-top: 21px; width: 870px; text-align: left; }

.add_top_margin { margin-top: 15px; }
.error {
	margin-bottom: 20px;
	color: #D31C01;
}
.msg {
	margin-bottom: 15px;
	color: #090;
}
.error h3 { color: #D31C01; }
.msg h3 { color: #090; }
.uppercase { text-transform: uppercase; }