@import url('global.css');
@import url('forms.css');
@import url('jquery-ui-1.7.2.custom.css');

body { padding: 0; margin: 0; background: #EDEDED url('/media/85/headbg.jpg') repeat-x scroll 0px 20px; }
h1 { font-weight: normal; }

#menu { float: left; list-style-type: none; margin: 0; padding: 0; height: 83px; }
#menu li { float: left; margin: 0; padding: 0; width: 100px; height: 83px; }
#menu li.selected { background: url('/media/90/menuselected.jpg') repeat-x; }
#menu a { float: left; font: bold 12px Verdana; color: #fff; text-decoration: none; text-transform: uppercase; margin: 60px 0 0; width: 100%; text-align: center; }

#header { height: 83px; width: 100%; }
#header h1 { color: #C4BFBB; border-left: 6px solid #FF7D00; font-size: 32px; padding-left: 10px; margin-left: 20px; float: left; line-height: 53px; height: 83px; width: 490px; }

#container { margin: 20px 0 0 0; }
#content { color: #414850; margin: 35px 0 0 36px; width: 800px; }
#primarycontent { width: 450px; }
#productcontent { width: 790px; }
#secondarycontent { width: 200px; margin: 0 0 0 40px; }
#primarycontent, #secondarycontent, #productcontent { color: #000; float: left; font-family: verdana; font-size: 11px; }
#content h1 { font-family: "Century Gothic"; text-transform: uppercase; }

/* Basket status ****/
#basketStatus { background: #CCCBCA; border-left: 3px solid #FFA215; float: right; margin: 0 0 0 30px; padding: 5px; width: 277px; }
#basketStatus .header { font: bold 15px/19px Cambria, "Times New Roman" , Times, Serif; text-transform: uppercase; }
#basketStatus a { color: #000; }
#basketStatus a:hover { color: #FFA215; }

/* Products ****/
#productHead { width: 790px; }
#productlist { list-style-type: none; padding: 0; margin: 0; width: 790px; }
#productlist li { margin: 5px 0 0 0; float: left; clear: both; }
.prodnum { margin: 5px 5px; height: 100%; width: 120px; float: left; }
.prodname { margin: 5px; height: 100%; width: 310px; float: left; }
.pricelist { margin: 5px; padding: 0; float: left; list-style-type: none; width: 330px; }
.pricelist li { margin: 0; float: left; width: 330px; }
.pricelist li span { text-align: right; float: left; }
.pricelist li span a { color: #414850; }
.pricelist li span a:hover { color: #FFA215; }
.molecularinfo { background-color: #EDEDED; float: left; margin: 5px 10px 15px; width: 765px; }
.molecularinfo img { float: left; margin: 5px 5px 5px 0; }
.molecularinfolist { float: left; list-style-type: none; padding: 0; margin: 20px 10px 10px 10px; }
.molecularinfolist li { float: left; width: 300px; }
.molecularinfolist li span { float: left; width: 150px; }
.expander { background: url('/media/304/arrowr.gif'); float: left; width: 14px; height: 14px; margin: 0 6px 0 0; }
.expanded { background: url('/media/314/arrowd.gif') !important; }
.prodnumhead { width: 110px; margin: 0 0 0 25px; }
.prodnamehead { width: 365px; }
.pricelisthead { width: 140px; }
.prodnumhead, .prodnamehead, .pricelisthead { float: left; font-weight: bold; text-transform: uppercase; }

/* Basket content page ****/
table.basketItemList { width: 490px; }
table.basketItemList th { text-align:left; padding:5px; }
table.basketItemList td { padding: 2px 5px; }
table.basketItemList .itemCount { border:1px solid #000; width:45px; text-align:right; }
table.basketItemList .number { text-align:right; }
table.basketItemList .ui-icon { float: left; }
#links { width: 490px; }
#links .linkButton { text-align:right; padding-right:0; }
#links a { color:#000; }
#links .ui-icon { float:right; }