/*original red: #DF2D21 with orange #F6872C 28/9/2009 */
* html {margin: 0px;}
body {font-family: verdana, sans-serif; font-size: 9pt; margin: 0px 30px; background-color: gray; color: gray;}
div#topPane {float: left; clear: both; width: 98%; padding: 0% 1%; height: 76px; background-color: white; border-style: solid; border-color: #F6872C; border-width: 0px 1px 30px;}
div#mainPane, form.mainPane {float: left; clear: both; width: 98%; padding: 1%; background-color: white; border-style: solid; border-color: #F6872C; border-width: 0px 1px 1px; min-height: 30em;}
div#footer {color: #bbbbbb; font-size: 0.8em; margin: 0px; text-align: right;}
div#footer a {color: #bbbbbb;}
img#homeLogo {float: left; width: 100px; height: 72px;}
div#cartControls {float: right; padding: 0px;} /*width: 150px; border: 1px solid #F6872C;*/
form#searchForm {position: absolute; right: 30px; margin: 46px 0px 0px 0px; padding: 2px;}
div#bannerColumn {float: left; width: 60%; margin-left: -100%; overflow: hidden;}
div#newsColumn {float: left; width: 40%; margin-left: 60%; overflow: hidden;}
div#newsColumn {display: inline;} /* Fix for IE6 */
div#newsWindow {margin: 0px; border: 0px; padding: 0px; position: relative; overflow: hidden;}
div#newsWindow ul {margin: 0px; padding: 0px; color: gray; list-style: none;}
div#newsWindow li {margin: 0px; border: 0px; padding: 0px; position: relative; color: gray; font-size: 0.8em; list-style: none;}
div#newsWindow li a {text-decoration: none; color: gray;}
div#newsWindow li a:hover {text-decoration: none; color: gray; background-color: yellow;}
div#newsWindow li.newitem:after {content: " [New]"; color: red;}

div.prodPane {float: left; margin: 1em; width: 23em; height: 300px;}
div.prodList {float: left; margin: 0.5em; height: 200px; min-width: 15em; overflow: auto;}
div.prodList ul {list-style: none; margin: 0px; padding: 0px 2px;}
div.prodList a {text-decoration: none; color: gray;}

.boxed {border: 1px solid #F6872C; margin: 1% 0%; padding: 2px;}
.boxed h1 {background-color: #F6872C; color: white; margin: 0%;}
.boxed h1 a {color: white;}
.boxed a:hover {background-color: yellow;}
.centred {margin: auto;}

h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

.proddiv {float: left; margin-left: 0; margin-right: 5%; margin-bottom: 5%; padding: 0%; width: 20%;}
.prodgroup {width: 100%; border: 1px solid transparent;}

.shaded {background-color: #cccccc; border-collapse: collapse;}
.shaded caption, caption.shaded {color: white; background-color: gray;}
.shaded th {color: white; background-color: #aaaaaa;}
.shaded td {background-color: #cccccc;}
.shaded td a {text-decoration: none; border-bottom: 1px dashed;}
.shaded td a:hover {background-color: yellow;}

/* generic class styles */
.small {font-size: 0.8em;}
.xsmall {font-size: 0.6em;}
.xxsmall {font-size: 0.4em;}
.large {font-size: 1.2em;}
.xlarge {font-size: 1.4em;}
.msgbar {font-size: x-small; color:black;}
.required {font-style: italic; font-weight:normal; color:red;}
.backlight {background-color: #cccccc;}
.backdark {background-color: #bbbbbb;}
.left {text-align: left;}
.centre {text-align: center;}

.prodtable {width: 100%;}

a img {border: 0px;}
a.vendorlink {float: right;}
a.vendorlink img {margin:2px; width: 100px; height: auto;}

/* Styles for the information request page */
.inforequest {margin: 0% 20%; border: none;}
.infosidebar {position: absolute; top: 150px; margin: 0px 30px; border: #F6872C dashed 1px; width: 16%; font-size: 0.8em;}
#sbarTData {left: 78%;}
#sbarTData p {text-align: right;}
#sbarVendor {left: 0%;}

/* Styles for front page banners */
#bannerwindow {position: relative; overflow: hidden;}
.banner {position: relative; border: 0px;}

#detailsPopup {position: fixed; left: 0px; margin: 0% 5%; top: 150px; width: 90%; border: solid 1px black; background-color: gray; color: white; text-align: center; opacity: 0.90; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
#detailsPopupHeader {font-weight: bold; font-size:large;}
#detailsPopupBody {text-align: left;}

#picPopup {position: fixed; top: 50%; margin-top: -132px; left: 50%; margin-left: -225px; border: solid 1px black; background-color: gray; color: white; text-align: center; z-index: 100;}
ul.nostyle {list-style-type: none;}

/* Styles for RSS feeds */
.feed {margin-left: 3px; padding: 0 0 0 19px; background: url("../images/rss_logo.png") no-repeat 0 0%;}