/* 
    AUTHOR: Klaus Banse
            kbanse@jankelleymarketing.com
*/

/* CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, form, img, ins, kbd, q, s, samp, small, span, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, /* fieldset ,*/ form, label, /* legend, */ table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left; vertical-align: baseline;}
	
a img {border:none;}
embed {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* Site Defaults */

body{font-size: 73.5%; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) repeat-x;}

.clear {clear: both;}
.pad {padding: 0 20px;}
form {margin: 2px; padding: 2px;}
ul {margin:0; padding: 0; list-style: inside;}

.left{float:left; display: inline;}
.right {float: right; display: inline;}

.column25 {float: left; width:25%;}
.column30 {float:left; width: 30%;}
.column33 {float: left; width:33%;}
.column50 {float: left; width:48%;}
.column60 {float: left; width:60%;}
.column70 {float: left; width:69%;}
.column75 {float: left; width:75%;}
.column100 {float: left; width:100%;}

#column1, #column2, #column3{float: left; width: 33%;}
/* Site Colours */

.red {color: #5f0101;}
.gold {color: #f8ca17;}
.black {color: #000;}
.white {color:#fff;}
.orange {color: #f36c1c;}
.blue {color: #0b395f;}

h4{font-size: 1.5em; color:#0b395f; font-family: Garamond, Times, serif; margin-bottom: 5px;}
strong{color: #0b395f; text-transform:uppercase; font-weight: bold;}

/* Site Layout */

#wrapper{width:1000px; margin: 0 auto;}
#wrapper-content{width:1000px; margin: 0 auto;}
#leftcolumn{float:left; width: 250px; background: url(../images/leftcolumn-orange-bg.jpg) no-repeat; display: inline;}
#leftcolumn .bannerad {float: left; clear: left; width: 210px; margin-left: 15px; display: inline;}
#wrapper-content #leftcolumn{float:left; width: 250px;}
#rightcolumn{float:right; width: 730px; display: inline;}
#logo{float:right; margin-top: 0px; width: 235px; height: 114px;}
#logo img {}
#wrapper-content #logo{float:left; width: 250px; height: 208px;}
#wrapper-content #logo img {left: 60px; top: 0px; position: relative;}
.flashobject {margin: 0; padding: 0; width: 250;}
#header{float:right; width:100%; height:172px; /* background:url(../images/banner.jpg) no-repeat; */ }
#dealername{float: left; height: 96px;}
#navigation{float:left; width:100%;}
#subnav {float: left; width: 220px; margin-left: 10px;}
#secondnav{float:left; width:100%; height: 25px;}
#content{float:left; width:100%; margin-top: 35px; display: inline;}
#footerwrap{float:left; width:100%; height: 57px; clear:both; background: url(../images/footer-bg.jpg) repeat-x; margin-top: 25px;}
#footer{width:1000px; height: 57px; margin: 0 auto;}
.copyright{float: left; color: #fff; margin-top: 20px; margin-left: 15px;}

/* Search */
#search{float:right; clear:right; height: 40px; padding-left: 35px; background: url(../images/search-left.jpg) top left no-repeat;}
#search-right{float:right; width: 15px; height: 40px; margin-left:25px; background: url(../images/search-right.jpg) top right no-repeat; }
#search .searchbox{float: left; margin: 5px 0 0 15px;}
#search img{float:left; margin-top: 5px;}

/* Navigation */

#navigation .top{float:left; width:207px; height:11px; margin-top:10px; margin-left: 15px; background: url(../images/nav-top.png) no-repeat;display: inline; margin-bottom: 0;}
#navigation .middle{float: left; width: 207px; margin-left: 15px;display: inline;}
#navigation .bottom{float:left; clear:both; margin-left: 15px; margin-bottom: 15px; width: 207px; height:12px; background: url(../images/nav-bottom.jpg) no-repeat;display: inline;}
#navigation ul{list-style: none;}
#navigation ul li{float:left;}
#navigation ul li:hover{}
#navigation ul li a{float:left; width:165px; font-size: 1.1em; text-decoration: none; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; padding: 11px 5px 11px 45px; color: #0b395f; display: inline;}
#navigation ul li a{background-image:  url(../images/nav-bg.jpg); background-repeat: no-repeat;}
#navigation ul li a:hover, #navigation ul li a.active{color: #f36c1c;}
#navigation ul li a:hover, #navigation ul li a.active{background-position: 0 -38px;}

/* Subnavigation */
#navigation ul ul{float:left; list-style: none; background: #e3e3e3 url(../images/subnav-bg.jpg) repeat-y; padding: 0 0 15px 0;}
#navigation ul ul li{float:left; margin-left: 40px; border-bottom: 1px solid #fff; display:inline;}
#navigation ul ul li:hover{}
#navigation ul ul li a{width:130px; text-decoration: none; font-size: .9em; text-transform: none; color: #999; background: none; padding: 3px;}
#navigation ul ul li a:hover{background: url(../images/subnav-hover.jpg) repeat-y;}

#subnav ul{list-style: none; width: 200px;}
#subnav ul li{display: inline;margin:0;padding: 0;}
#subnav ul li:hover{}
#subnav ul li a{float:left; clear:left; width: 180px; height: 20px; letter-spacing: 1px; font-size: 1.3em; text-decoration: none; font-family: Arial, sans-serif; font-weight: normal; text-transform: capitalize; padding: 7px 10px 5px 10px;}
#subnav ul li a:hover, #subnav ul li a.active{}

#secondnav ul{float:right; width: auto; list-style: none; margin-right: 20px;}
#secondnav ul li{float: left; margin: 3px 0px 0 5px; padding-left: 30px;}
#secondnav ul li a{font-size: 1em; text-decoration: none;}
#secondnav ul li a:hover, #secondnav ul li a.active{}
#secondnav ul img {float:left;}

.footernav ul{float:right; list-style: none; border-right: 1px solid #fff; margin-top: 20px;}
.footernav ul li{float: left; border-left: 1px solid #fff; line-height: normal;}
.footernav ul li a{display: block; color: #fff; text-transform: uppercase; font-style: italic; font-weight: bold; padding: 0 15px; text-decoration: none;}
.footernav ul li a:hover{text-decoration: underline;}

/**********************************************************************/
/*                                                                    */
/*                            Site Content                            */
/*                                                                    */
/**********************************************************************/
#content {color: #6b6b6b; font-size: 1em; line-height: 1.5em;}
#content .column100 h1 img{float: left; margin-right: 10px;}
#content .column100 h1{float:left;width: 100%; margin: 10px 0; color: #f27410; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; ; font-weight: bold; font-style: italic; height: 47px; line-height: 47px; font-size: 2em; text-transform: uppercase; letter-spacing: -1px;}
#content .column100 h2 img{float: left; margin-right: 5px; margin-top: 2px;}
#content .divider{float:left; clear:both; width: 100%; height: 10px; background-color: #ccc; margin: 15px 0 10px 0;}
#content .column100 h2, #content .column100 #column1 h2,#content .column100 #column2 h2,#content .column100 #column3 h2{float:left; margin: 10px 0; color: #f27410; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; ; font-weight: bold; font-style: italic; /*height: 31px;  line-height: 31px; */ font-size: 1.6em; width:100%; text-transform: uppercase; } 
#content .column100 #column1,#content .column100 #column2,#content .column100 #column3 {border-left: 1px dotted #ccc;}
#content .column100 #column1 .pad,#content .column100 #column2 .pad,#content .column100 #column3 .pad{padding: 10px;/*  display: inline; */}
#content .column100 #column1 p,#content .column100 #column2 p,#content .column100 #column3 p{margin: 10px 0; color: #6b6b6b; font-size: 1em;}
#content .column100 #column1 a,#content .column100 #column2 a,#content .column100 #column3 a{color: #f27410; text-decoration: none;}
#content h5{color:#0b395f; margin-bottom: 3px; font-weight: bold;}
.frame-mr .title {display: inline;}
.frame-mr p {padding-bottom: 8px; line-height: 1.6em;}
.frame-mr a {text-decoration: underline;}
.frame-mr a:hover {text-decoration: none;}

#content ul{margin: 10px 0 10px 15px;}
/*  Event Calendar  */

.calendar{float:left; border:none;width:950px;}
.day{width:200px; height:120px; text-align:right; vertical-align:top; font-size:1em; line-height: 1.5em; padding: 4px 4px 0 0;}
.month{border:solid 1px #000;}
.dayheader{font-size: 1em; text-align:center; padding:4px; font-weight: bold;}
.title{border-bottom-width:0;}
.title TD{font-family:arial; font-size: 1em; font-weight:700; text-transform:uppercase; padding-top:1px; padding-bottom:1px;}
.nextprev{cursor:pointer;}
.CallBackLoading{width:950px; height:498px; font-size: .9em;}
.CallBackLoadingTitle{border-width:0; font-size: 1em; height:24px;}
.CallBackLoadingHeader{border-width:0; font-size: 1em; height:21px;}
.CallBackLoadingBody{height:445px;}
.admin{height:25px;cursor:pointer; border-bottom-width:0; width:950px; text-transform:uppercase; text-align:right; vertical-align:middle;}
.container{width:950px;}
.element {width:100%; margin:0px;}
.collapsePanel{padding:10px 1px;}
h3.toggler{height:25px; cursor:pointer;width:100%; text-transform:uppercase; text-align:left; vertical-align:middle; margin:0px; padding-top:2px;}
	
/* !Calendar Popup */
.popupMenu{width:370px; height:285px; text-align:left; padding:2px; display:none;}
.popupAdmin{width:950px; text-align:left; padding:2px; }
.btn{margin-left:2px; font-size: .9em;}
.btn:hover{cursor:pointer;}
.boxes{width:1em;}
.stdlabel{float:left;width:160px;text-align:right;margin-right:5px;}
.smlabel{float:left;width:120px;text-align:right;margin-right:5px;}
.inputbox{margin-bottom:5px; width:140px;}
select.form{height:20px;margin-bottom:5px;}
select{height:20px;}
br.form{clear:left;}
a.popuplink{position: relative; text-decoration:none; font-size: .9em; float: left; margin-left: 4px;}
a.popuplink:hover{}
a.newlink{text-decoration:underline;}
.day a.newlink{text-decoration: none; font-size: 1.2em;}
.othermonthday a.newlink{text-decoration: none;}
a.childlink {text-decoration:none; cursor:default;}

.smarthbox_close{}

/* !Calendar Picker */
.picker{font-size: .9em; font-weight:700; padding:2px; cursor:pointer;}
.pickercalendar td{ font-size: .9em;}
.pickertitle{font-weight:700;}
.pickerday{width:25px; cursor:pointer; text-align:center;}
.pickerdayhover{width:25px; cursor:pointer; text-align:center; text-decoration:underline;}
.pickerdayheader{width:25px; text-align:center; font-weight:700;}
.pickerothermonthday{}
.pickeroutofrangeday{visibility:hidden;}
.pickerselectedday{width:25px; font-weight:700;}
.pickercalendar{ border-collapse:collapse; cursor:default;}
.pickermonth{margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:0;}
.pickernextprev{cursor:pointer; height:25px; vertical-align:center; padding:0 5px;}
.pickerselector{width:14px; cursor:pointer; text-align:left; vertical-align:center;}

/* Calendar Editor */
.SourceCssClass{font-size: 1.1em; border:none; background-image:none;}
.DesignCssClass{font-size: 1.1em; background-image:none;}
.HighlightCssClass{}
h1{font-size:20px; font-weight:700; line-height:30px; margin:0;}
h2{font-size:17px; line-height:26px; font-weight:700; margin:0;}
h3{font-size: 1.1em; padding-top:0; margin-top:0;}
.DesignCssClass a{}
.DesignCssClass a:hover{text-decoration:underline!important;}
.toolbar{width:400px;}
.toolbarButton{cursor:pointer; padding-right:5px;}
.editorArea{border-top:0; width:392px;}
.footer{width:400px;}
.footerCell{font-size:10px;}

/* Form Styles */
form{ font-size: 100%; margin: 0; max-width: 620px; min-width: 560px; padding: 0; width: 590px;}
form fieldset{border:none; clear: both; font-size: 100%; margin: 0 0 0 0; padding: 10px;}
form fieldset legend{font-size: 150%; font-weight: normal; margin: 0; padding: 0 5px;}
label{ font-size: .9em;}
label u{ font-style: normal; text-decoration: underline;}
input, select, textarea{font-family: Tahoma, Arial, sans-serif; font-size: 100%;}
textarea{overflow: auto;}
form div{clear: left; display: block; margin: 5px 0 0 0; padding: 1px 3px; width: 354px; zoom: 1;}
form div.notes{float: right; font-size: 88%; height: auto; margin: 0px 0 10px 10px; padding: 5px; width: 158px; text-align: center;}
form div.notes p{line-height: 1.3em;margin: 0em 0em 1.2em 0em;}
form div.notes p.last{ margin: 0em;}
form div.notes h4{padding: 3px 0 3px 0px;font-size: 110%;}
form div.notes a {text-transform: uppercase; text-decoration: none;margin: 15px 0 10px 0; display: block;}
form div fieldset{clear: none; margin: 0 0 0 144px; padding: 0 5px 5px 5px; width: 197px;}
form div fieldset legend{ font-size: 100%; padding: 0 3px 0 9px;}
form div.required fieldset legend{ font-weight: bold;}
form div label{ display: block; float: left; margin: 0 0 5px 0; padding: 3px 5px; text-align: right; width: 130px;}
form div.optional label, label.optional{ font-weight: normal;}
form div.required label, label.required{ font-weight: bold;}
form div label.labelCheckbox, form div label.labelRadio{ display: block; float: none; margin: 0 0 5px 142px; padding: 0; text-align: left; width: 200px; zoom: 1;}
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio{ margin: 0 0 5px 0; width: 170px;}
form div img{}
p.error{margin: auto 100px; padding: 3px 3px 5px 27px;}
form div.error{}
form div.error p.error{font-size: 88%; font-weight: bold; margin: 0 0 0 118px; width: 200px;}
form div select, form div textarea{ margin: 0 0 0 0; padding: 1px 3px; width: 200px;}
form div input.inputText, form div input.inputPassword{ margin: 0 0 0 0; padding: 1px 3px; width: 200px;}
form div input.inputFile{ width: 211px;}
form div select.selectOne, form div select.selectMultiple{ padding: 1px 3px; width: 211px;}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio{display: inline; height: auto; margin: 0 0 0 0px; padding: 0; width: auto;}
form div.submit{ padding: 0 0 0 146px; width: 214px;}
form div.submit div{ display: inline; float: left; margin: 0; padding: 0; text-align: left; width: auto;}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton{margin: 0; padding: 0 6px; width: auto;}
form div.submit div input.inputSubmit, form div.submit div input.inputButton{ float: right; margin: 0 0 0 5px;}
form div small{ display: block; font-size: 88%; margin: 0 0 5px 142px; padding: 1px 3px; zoom: 1;}


/* Integrated from old CSS file */
#feature{width:400px;float:left;display:inline;border-right:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;background:#fff url(../Images/landing/gradient2.jpg) repeat-x 0 bottom;margin:0 0 10px;padding:0;}

.cathead{color:#ff7535;text-transform:uppercase;font:bold 12px Arial, Helvetica, Geneva, sans-serif;margin-bottom:5px;display:block;padding:3px;}
.featureimage{text-align:center;float:left;width:160px;height:135px;display:inline;margin:0 0 0 5px;padding:0;}
#feature object,embed,img.graphic{display:inline;margin-right:10px;}
.featurecopy{float:right;border-bottom-width:1px;border-bottom-color:#bababa;display:inline;width:230px;margin:0 5px 10px 0;padding:0;}
.featureimage img{/*filter:progid:DXImagetransform.Microsoft.Alpha(opacity=100);-moz-opacity:1.0;*/border:1px solid #fff;}
.price{font-weight:700;color:#ff7535;font-size:16px;display:inline;}
.part{font-weight:700;text-transform:uppercase;color:#ff7535;line-height:14px;margin-bottom:10px;}
.description{line-height:14px;}
.partnumber{font-weight:700;color: #6b6b6b;font-size:10px;margin-top:10px;}
.morelink{color:#ff7535;text-decoration:underline;font-weight:700;}

#listing{/* width:380px; */float:left;display:inline;background:#fff;margin:5px;padding:0; border-bottom: 1px dotted #ccc;}
#listing object,embed,img.graphic{display:inline;margin-right:0;float:left; border: 2px solid #ccc;}
#suppliersection{margin-top:0;clear:left;display:block;margin-bottom:15px;padding:0;}
.supplier{color:#818181;font:bold 10px Verdana, Arial, sans-serif;text-transform:uppercase;border-bottom:2px solid #d5d5d5;border-top:2px solid #d5d5d5;background-color:#f1f1f1;margin:5px 0;padding:3px 0 5px 5px;}

#supplierlogo{float:right;margin-right:15px;margin-bottom:5px;margin-top:10px;display:inline; border: none;}
#supplierLogoDetail{float:left;margin-left:15px;margin-bottom:5px;margin-top:10px;display:inline;}

.listingcopy{float:left;display:inline;margin:0 0 5px;padding:3px;width: 710px;}
.partwrap{float: right; width: 65%;}

.listingimage{text-align:center;float:left;display:block;cursor:pointer;margin:3px 10px 3px 3px;padding:0;width:auto;}
.graphicLink{cursor:pointer;}
.listingpart{font-weight:bold; font-size:1.2em; text-transform:uppercase; color: #0b395f;}
.listingpartnumber{width: 150px;font-weight:bold; font-size:1.1em; text-transform:uppercase; color: #0b395f;float:left;clear:left;display:inline;margin-top: 5px;}
.listingprice{font-weight:bold;color:#ff7535;font-size:1.2em;float:right;margin-right:10px;display:block;}
.listingprice .quantifier {display: inline; font-size: .8em;}
.installprice{font-weight:bold;color:#ff7535;font-size:1.2em;float:right;clear:right;margin-right:10px;display:inline;width:200px;text-align:right;}
.installprice .quantifier {display: inline; font-size: .8em;}

.listingpartnumber a{color: #f36c1c; text-decoration: none; font-style: italic; font-size: .8em;}

.partwrap,.listingdescription{float:left;display:inline;font-size: 1em; color: #6b6b6b; line-height: 1.5em;}

.listingimage img,.graphicLink img{/*filter:progid:DXImagetransform.Microsoft.Alpha(opacity=100);-moz-opacity:1.0;*/border:1px solid #fff;cursor:pointer;}
.listingimage .viewlarger{float: right; clear: both; display: inline;}

.divider{border-bottom:3px dotted #bfbfbf;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;}

.randomcathead{color:#000;font-weight:700;font-family:Arial, Helvetica, Geneva, sans-serif;border-bottom:1px solid #aaa;text-transform:uppercase;background:#e4e4e4 url(../Images/landing/gradient.jpg) repeat-x;}
.random{display:table-column;background:#f6f6f6 url(../images/random-bg.jpg) no-repeat;height:175px;width:225px;float:left;border: 4px solid #aaa;margin:0 5px;padding-top:50px;}
/*table.random{float:left; border-spacing:8px;text-align:center;width:100%;display:inline;margin:0;padding:0;}

table.random tr{margin:0;padding:0;}
table.random td{background-color:#fff;vertical-align:top;border:1px solid #aaa;width:230px;margin:0;padding:0;}
table.random td div{font-size:1em;}
*/
.random .graphicLink{float: left; margin-left: 10px; display: inline; border: 2px solid #ccc;}
.randomcopy{float:left;margin-left:5px;padding:0; width: 90px;}
.randomcopy .part{color:#0b395f;}
.randomcopy .partnumber{color:#0b395f;}
.random .viewall a{float: left; clear: both;color: #f36c1c; text-decoration: none; margin-left: 10px; display: inline; margin-bottom: 20px;}
.random .quantifier {display: inline; font-size: .7em;}
/*
#random-right{width:144px;float:right;display:inline;border:1px solid #aaa;background-color:#fff;margin:5px;padding:0;}
#random-middle{width:144px;float:left;display:inline;border:1px solid #aaa;background-color:#fff;margin:5px;padding:0;}
*/

.MenuGroup{background-color:#fff;}
.level1{color:#666;font-family:Verdana, Arial;font-size:10px;text-decoration:none;background:#fff;width:125px;height:25px;display:block;padding-left:8px;padding-right:8px;cursor:pointer;}
.level1hover{color:#F30;background:#ededed;font-family:Verdana, Arial;font-size:10px;text-decoration:none;width:125px;height:25px;display:block;padding-left:8px;padding-right:8px;cursor:pointer;}
.level2{color:#f30;font-family:Verdana, Arial;font-size:10px;text-decoration:none;background:#fff;height:25px;display:block;padding-left:8px;padding-right:8px;width:125px;cursor:pointer;}
.level2hover{color:#f30;font-family:Verdana, Arial;font-size:10px;text-decoration:none;background:#ededed;height:25px;display:block;padding-left:8px;padding-right:8px;width:125px;cursor:pointer;}
a.level3{color:#f30;font-family:Verdana, Arial;font-size:10px;text-decoration:none;background:#ededed;height:25px;display:block;padding-left:8px;width:125px;}
#waitMsg{font:11px Verdana, Arial, sans-serif;display:none;visibility:hidden;padding:5px 0 0;}
.textbutton{color:#fff;background:#000;font:bold 10px Verdana, Arial, Helvetica, sans-serif;border-style:none;margin:5px 5px 5px 0;padding:3px;}
.textbutton:hover{cursor:hand;}
hr{height:1px;border:1px dotted #CCC;}
.news{height:15px;display:inline;background-color:#fff;float:left;width:390px;margin:0 0 0 5px;padding:3px;}
.newscontent{font:normal 10px Verdana, Arial, sans-serif;color:#ff7535;}
.breadcrumb{width:100%;height:15px;font-size:10px;color:#ff7535;display:block;float:left;margin:5px;padding:0;}
.breadcrumb a{color:#ff7535;text-decoration:none;margin:0;padding:0;}
#register{width:140px;height:50px;display:inline;float:left;margin-left:20px;}
.featureimage:hover img,.graphicLink:hover img{filter:progid:DXImagetransform.Microsoft.Alpha(opacity=50);-moz-opacity:0.50;cursor:pointer; }

#toplinks ul li a:hover,#toplinks ul li a.active{color:#666;text-decoration:none;background:url(../images/subnav-li-bg.jpg) repeat-x 0 -1px;}

.pagedivider, .sectionhead{float:left; clear: both; padding: 5px 0; width:100%; border-top: 8px solid #ccc; margin-top: 5px; background-image:  url(../images/category-bg.jpg); background-repeat: repeat-x;}
.sectionhead h5{font-size: 1.5em; font-style: italic; margin:5px 10px 10px 10px;}

#article{float: left; margin-top: 20px; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
#article .articleimage{float: left; clear:both; border: 4px solid #ccc; margin: 0 15px 0 10px;}
#article h4{font-family: Georgia, Times, serif; font-size: 1.2em; color: #0b395f; margin-bottom: 10px;line-height: 1.5em;}
#article p{font-size: 1em; color: #6b6b6b; line-height: 1.5em;}
#article a{}

/*  Category Navigation  */

.categorynav{float:left; clear: both; padding: 5px 0; width:100%; border-top: 8px solid #ccc; margin-top: 5px; background-color:   #cacaca; background-image: url(../images/category-bg.jpg); background-repeat: repeat-x; height:auto;}
.categorynav h5{text-transform: uppercase; font-style: italic; font-weight:bold; color: #ccc; width: 90%; float: left; margin-left: 10px; margin-bottom: 5px;}
.categorynav ul{float: left; list-style: none; margin-left: 5px; width:600px;}
.categorynav li{float: left; border-right: 1px solid #ccc;}
.categorynav a{float: left; text-decoration: none; font-style: italic; font-weight: bold; color: #0b395f; padding: 0 5px;}
.categorynav a:hover{ color: #ff7535;}
.categorynav .viewall {float: right; margin-right: 20px;}

.intro {float:left; width:90%; margin-left: 20px;}

.bigbuttons{border-top: 1px dotted #ccc; margin-top: 5px; padding-top: 15px; display: inline; float: left;}
.bigbuttons a img{border: none;}
.bigbuttons a:hover img {-moz-opacity: .7; filter:progid:DXImagetransform.Microsoft.Alpha(opacity=70); opacity:.7;}

/* Current offers */
.currentoffers img{float:left; margin-right: 15px; display: inline;}
.currentoffers h1{line-height: normal ;margin: 0; padding: 0;}
.currentoffers h4{font-size: 1.4em; color:#0b395f; font-family: Garamond, Times, serif; margin-bottom: 5px; margin-top: 25px; }
.currentoffers a:hover img {-moz-opacity: .7; filter:progid:DXImagetransform.Microsoft.Alpha(opacity=70); opacity:.7;}
a {color: #f36c1c; text-decoration: none;}

/* Portal Styles */

#portalfeature {float: left; display: inline; background:url(../images/feature-bg.jpg) no-repeat; width: 728px; height: 216px;}
#portalfeature .featuregraphic {float: right; display: inline; margin-top: 15px;}
#portalfeature .featuregraphic img {border: none;}
#portalfeature .featurecontent{float:left; display:inline; margin-top: 15px; margin-left: 15px; width: 455px;}
#portalfeature .featurecontent .date{float:left; width:100%; margin-bottom: 15px;}
#portalfeature .featurecontent .title{float:left; width:100%; color: #f36c1c; font-weight: bold;}
#portalfeature .featurecontent .period{float:left; width:100%; color: #f36c1c; font-size: .9em; font-style: italic;}
#portalfeature .featurecontent .deadline{float:left; width:80%; color: #fff; font-size: .8em;}
#portalfeature .featurecontent .column30 {margin-right: 15px;}

.ticker{float:left; clear: both; padding: 10px 0; width:100%; border-top: 8px solid #ccc; margin-top: 25px; background-color: #cacaca; background-image: url(../images/category-bg.jpg); background-repeat: repeat-x; height:45px;}
.ticker .date{float:left; display:inline; color: #0b395f; font-weight:bold; margin: 0 10px;}
.ticker .link{float:left; display:inline; color: #f36c1c;}
.ticker .link a{text-decoration: none;}

#portallinks {float: left; display: inline; background:url(../images/feature-links.jpg) no-repeat; width: 728px; height: 70px;}
#portallinks a img{border:none; margin: 0 20px;}
#portallinks a{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5;}
#portallinks a:hover{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}

.testoverlay{width: 100%; height: auto; background: url(../images/redtransparent.png) repeat; z-index: 100; position: fixed; bottom:0; display:inline; }
.testoverlay p{text-align: center; font-size: 2em; color: #fff; line-height:1.5em; width:950px; margin: 0 auto;}
.testoverlay sup{color:#fff; font-size:.5em; vertical-align:top;}