#website
{ position: relative; width: 777px; margin: auto; margin-top: 2em; }

#header
{ position: relative; width: 777px; }

#header h1
{ position: relative; float: left; width: 255px; height: 115px; margin-bottom: 0; }

#header h1 span
{ position: absolute; background: url(../images/logo.png) no-repeat; width: 100%; height: 100%; }

#header ul
{ float: left; list-style: none; margin: 0; padding: 0; width: 522px; height: 115px; text-transform: lowercase; background: url(../images/navigation.png) right top no-repeat #2F2D30; }

#header ul li
{ float: left; margin-top: 67px; }

#header ul li a,
#header ul li a.first
{ display: block; color: #FFF; padding: 0 10px; line-height: 32px; text-decoration: none; }

#header ul li a.first
{ padding-left: 15px; }

#header ul li a:hover,
#header ul li a.first:hover,
#header ul li a.selected
{ background: url(../images/navigation-rollover.png) repeat-x #F60; }

#header ul li a.first:hover,
#header ul li a.firstSelected
{ background: url(../images/navigation-rollover-home.png); }

#ticker,
object#ticker
{ margin-left: -2px; }

#header .ticker
{ background: url(../images/ticker-bg.png) -2px top repeat-y; padding: 0 12px 10px 5px; }

#header .ticker div
{ overflow: hidden; height: 19px; }

#header .ticker div a
{ text-decoration: none; }

#header .ticker div a
{ color: #036287; }

#header .ticker div a:hover
{ color: #F70; }

#header dl
{ position: absolute; right: 35px; top: 18px; color: #2F2D30; }

#header dl dt
{ color: #F60; float: left; margin-left: 1em; }

#header dl dd
{ float: left; margin: 0; margin-left: 0.3em; }

#header dl dd a
{ color: #2F2D30; text-decoration: none; }

#header dl dd a:hover
{ color: #3a3a3a; }

#repeat
{ clear: both; background: url(../images/bg.png) left top repeat-y; }

#repeat #main
{ padding: 0 22px; overflow: hidden; width: 733px; background: url(../images/mainbg.png) left top no-repeat; }

#repeat #main #links
{ width: 232px; float: left; }

#repeat #main #links .search
{ color: #FFF; font-weight: bold; height: 32px; margin-bottom: 0; padding: 14px 0 0 18px; background: url(../images/search-title.png) left top no-repeat; }

#repeat #main #links #subnav
{ background: url(../images/subnav-repeat.png) left top repeat-y; }

#repeat #main #links #subnav > ul
{ list-style: none; margin: 0; padding: 0 15px 0 8px; background: url(../images/subnav-bg.png) left bottom no-repeat; }

#repeat #main #links #subnav > ul li
{ border: 1px dashed #bbb; border-width: 0 0 1px 0; }

#repeat #main #links #subnav ul li.last
{ border-width: 0; }

#repeat #main #links #subnav > ul li a
{ display: block; font-size: 90%; width: 201px; padding-left: 8px; line-height: 24px; color: #3a3a3a; text-decoration: none; }

#repeat #main #links #subnav > ul li a:hover,
#repeat #main #links #subnav > ul li a.selected
{ color: #FFF; background: url(../images/subnav-rollover.png) left top repeat-x; }

#repeat #main #links #subnav ul ul
{ list-style: none; padding: 0; margin: 0; }

#repeat #main #links #subnav ul ul a
{ color: #2F2D30; padding-left: 20px; width: 190px; background: url(../images/subnav-dash.gif) 10px center no-repeat; }

#repeat #main #links .productCount
{ float: left; color: #FFF; width: 97px; height: 24px; padding: 2px 0 0 27px; background: url(../images/search-count.png) left top no-repeat; margin-bottom: 0px; }

#repeat #main #links img.clear
{ clear: both; }

#repeat #main #links .submit
{ float: left; }

#repeat #main #content
{ width: 501px; float: left; }

#repeat #main #content h2
{ color: #FF8400; }

#repeat #main #content .intro
{ font-weight: bold; color: #FF8400; }

#repeat #main #content .bg
{ padding: 0 17px; background: url(../images/contentbg.png) left top repeat-y; }

#repeat #main #content .bg span
{ display: inline; height: 10px; }

#repeat #main #content .results h1
{ font-size: 110%; color: #FF8400; margin-bottom: 0; }

#repeat #main #content .results dl
{ font-size: 85%; margin: 0 0 1em 0; overflow: hidden; }

#repeat #main #content .results dl dt
{ color: #FF8400; float: left; margin-right: 0.2em; }

#repeat #main #content .results dl dd
{ margin: 0; float: left; margin-right: 0.4em; min-width: 10px; }

#repeat #main #content .results .searchBar
{ padding: 4px 5px; background-color: #FF8400; font-size: 85%; font-weight: bold; overflow: hidden; }

#repeat #main #content .results .searchBar,
#repeat #main #content .results .searchBar a
{ color: #FFF; text-decoration: none; }

#repeat #main #content .results .searchBar p
{ float: left; margin: 0; }

#repeat #main #content .results .searchBar ul
{ list-style: none; margin: 0; padding: 0; float: right; }

#repeat #main #content .results .searchBar ul li
{ float: left; }

#repeat #main #content .results .searchBar ul li a
{ margin-left: 0.5em; background: url(../images/arrows-prev.gif) left top no-repeat; padding-left: 1.5em; }

#repeat #main #content .results .searchBar ul li.pagenums a
{ padding: 0 0.5em 0 0; background: #FF8400 left top; }

#repeat #main #content .results .searchBar ul li.pagenums a.cur
{ padding: 0 0.2em 0 0.2em; background: #FFFFFF left top; color: #2F2D30; }

#repeat #main #content .results .searchBar ul li.next a
{ padding: 0 1.5em 0 0; background: url(../images/arrows-next.gif) right top no-repeat; }

#repeat #main #content .results .searchBar ul li a:hover
{ background-position: left -18px; }

#repeat #main #content .results .searchBar ul li.next a:hover
{ background-position: right -19px; }

#repeat #main #content .results table td
{ font-size: 90%; padding: 1em 0; border: thin dashed #EBEBEB; border-left: 0; border-right: 0; }

#repeat #main #content .results table td h1 a
{ color: #FF8400; text-decoration: none; }

#repeat #main #content .results table td h1 a:hover
{ color: #F60; }

#repeat #main #content .product .photo
{ float: left; width: 201px; margin: 0 15px 30px 0; }

#repeat #main #content .product .photo p,
#repeat #main #content .product .enlarge p
{ line-height: 19px; width: 150px; margin: 27px 0 0 30px; color: #2F2D30; font-size: 90%; font-weight: bold; background: url(../images/enlarge.gif) right center no-repeat; }

#repeat #main #content .product .enlarge p
{ margin-left: 15px; width: 160px; }

#repeat #main #content .product .description
{ float: right; width: 246px; margin: 0 5px 30px 0; }

#repeat #main #content .product .description h1
{ color: #2F2D30; margin-bottom: 0; }

#repeat #main #content .product .description h2
{ color: #000; font-size: 110%; }

#repeat #main #content .product .results
{ clear: both; padding: 10px; border: 1px dashed #999; border-left: 0; border-right: 0; }

#repeat #main #content .product .results dl
{ margin: 10px 0 0 0; }

#repeat #main #content .product .results dl dt
{ clear: both; width: 120px; margin-bottom: 5px; }

#repeat #main #content .product .results dl dd
{ float: left; margin: 0; width: 324px; margin-bottom: 5px; }

#repeat #main #content .product .download
{ position: relative; padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed #999; }

#repeat #main #content .product .download p
{ margin: 0; }

#repeat #main #content .product .download p.contactus
{ position: absolute; right: 20px; top: 2em; }

#repeat #main #content .product .download p a
{ font-weight: bold; color: #2F2D30; text-decoration: none; font-size: 110%; }

#repeat #main #content .product .download p a.pdf
{ display: block; padding-top: 10px; width: 175px; height: 38px; background: url(../images/PDF.png) right center no-repeat; }

#repeat #main #content .product .download p a:hover
{ color: #FF8400; }

#repeat #main #content .product .technical h1
{ color: #2F2D30; margin-left: 10px; font-size: 110%; }

#repeat #main #content .product .technical table
{ margin-left: 10px; width: 450px; font-size: 75%; }

#repeat #main #content .product .technical th
{ background-color: #C1D8E2; text-align: left; padding: 5px; border-bottom: 10px solid #FFF; }

#repeat #main #content .product .technical td
{ padding: 5px; }

.odd
{ background-color: #C1D8E2; }

#repeat #main #content .extrusions
{ position: relative; }

#repeat #main #content .product .title h1
{ color: #2F2D30; margin: 0; }

#repeat #main #content .product .enlarge
{ min-height: 260px; }

#repeat #main #content .product .grips
{ position: absolute; right: 20px; top: 0; width: 140px; border-left: 1px dashed #999; }

#repeat #main #content .product .grips img
{ margin-left: 10px; }

#repeat #main #content .product .grips h1
{ color: #2F2D30; font-size: 100%; width: 140px; margin-left: 10px; text-align: center; }

#repeat #main #content .product .print p a.print
{ display: block; padding-top: 20px; width: 175px; height: 38px; background: url(../images/printer.png) right center no-repeat; }

#repeat #main #content .product .print p.contactus
{ position: absolute; right: 20px; top: 0.1em; }

.sitemap a
{ color: #2F2D30; }

.sitemap a:hover
{ color: #F60; text-decoration: none; }

table.downloads
{ margin-top: 2em; }

table.downloads td
{ padding-bottom: 10px; }

.address
{ position: relative; }

.address div
{ position: absolute; right: 10px; top: -140px; }

.address dl,
.address dl dd
{ margin: 0; }

.address dl
{ margin-bottom: 1em; }

.address dl dt
{ float: left; width: 50px; }

#repeat #main #content .contact h2
{ background-color: #2F2D30; color: #FFF; padding: 3px 5px; margin-top: 2em; }

.form
{ position: relative; width: 466px; height: 480px; background: url(../images/contactform.png) left top no-repeat; }

.form dl dt
{ display: none; }

.form dl dd input,
.form dl dd textarea
{ position: absolute; border: 0; }

.cform_fullname
{ top: 24px; left: 2px; width: 215px; }

.cform_organisation
{ top: 24px; left: 238px; width: 215px; }

.cform_address1
{ top: 87px; left: 2px; width: 450px; }

.cform_address2
{ top: 122px; left: 2px; width: 450px; }

.cform_postcode
{ top: 177px; left: 2px; width: 215px; }

.cform_town
{ top: 177px; left: 238px; width: 215px; }

.cform_county
{ top: 229px; left: 2px; width: 215px; }

.cform_country
{ top: 229px; left: 238px; width: 215px; }

.cform_telephone
{ top: 277px; left: 2px; width: 215px; }

.cform_email
{ top: 277px; left: 238px; width: 215px; }

.cform_comments
{ top: 332px; left: 2px; width: 450px; height: 115px; font-family: Arial, Helvetica, sans-serif; }
/* -------------------------*/
#footer
{ list-style: none; margin: 0; padding: 0; }

#footer li
{ float: left; margin-left: 1em; font-size: 85%; }

#footer li.last
{ position: absolute; right: 22px; }

#footer li a
{ color: #2F2D30; text-decoration: none; }

#footer li a:hover
{ color: #FF8400; }

#positionFlashText
{ position: absolute; right: 28px; top: 30px; visibility: visible; z-index: 5000; }

.searchfields
{ padding-left: 15px; overflow: hidden; width: 217px; background: url(../images/search-bg.png) left top repeat-y; }

.searchfields #quicksearch1_tbSearchOpts
{ width: 190px; }

.searchfields select.long,
.searchfields select.split
{ width: 196px; margin-bottom: 10px; }

.searchfields select.split
{ width: 95px; }

.searchfields p
{ width: 195px; font-size: 90%; }

#osmMenu
{ margin-left: 9px; width: 208px; }

.keyword 
{ color: #F60; font-weight: bold; cursor: pointer; }

.keyword:hover
{ color: #000; }

.keywordFlyout
{ width: 322px; height: 100px; padding: 5px; }

.keywordFlyout span span
{ display: block; padding-left: 15px; color: #FFF; background: url(../images/Keyword-Box-Bg.gif) left top repeat-y; }

.cform_fullname_rfv,
.cform_address1_rfv,
.cform_postcode_rfv,
.cform_town_rfv,
.cform_county_rfv,
.cform_country_rfv,
.cform_telephone_rfv,
.cform_email_rfv,
.cform_email_rev
{ position: absolute; left: 0; top: 0; }

.cform_fullname_rfv
{ left: 150px; }

.cform_address1_rfv
{ top: 59px; left: 70px; }

.cform_postcode_rfv
{ top: 155px; left: 70px; }

.cform_town_rfv
{ top: 155px; left: 300px; }

.cform_county_rfv
{ top: 207px; left: 70px; }

.cform_country_rfv
{ top: 207px; left: 300px; }

.cform_telephone_rfv
{ top: 258px; left: 70px; }

.cform_email_rfv,
.cform_email_rev
{ top: 258px; left: 300px; }