/* GLOBAL RESET */
html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; margin-bottom: 10px; }
table td { padding: 0 10px 0 0; }
.hidden, .screen_reader, hr { display:none; } /* Paragraph default styling, amend as desired */
.white a { color:#fff; margin:10px!important; }
p { margin:0 0 1em 0; padding:0; } /* Default link styling */
a { color:#472701; text-decoration:none; }
a:hover { color:#472701; text-decoration:underline; } /* Float an element left with a margin */
.imgL { float:left; margin: 0 10px 10px 0; } /* Float an element right with a margin */
.imgR { float:right; margin: 0 0px 10px 10px; } /* Float an element right with a margin */
.floatL { float:left; } /* Float an element right with a margin */
.floatR { float:right; } /* Float an element right with a margin */
.italic { font-style:italic; } /* Italisise */
.upper { text-transform:uppercase; } /* Italisise */
.clear { clear:both; }
.small { font-size:8px; }
.bold { font-weight: bold!important; }
li { list-style:none; }
.sitemap { width:200px!important; float:left; }
.border { border: 2px solid #444e07; }
.hideText { text-indent:-3000em; overflow:hidden; }
.infoEvent { padding: 20px; background:#fefef7; margin: 0 0 30px 0; }
.black { color:#333; }
.noBorder { border:0; }
.button { background: url(../images/button.png) top left no-repeat; width: 138px; height:32px; float:right; margin: 4px 0px 40px 0; }
.buttonEvent { background: url(../images/button.png) top left no-repeat; width: 138px; height:32px;margin: -4px 0px 20px 0; }
.button h5 { padding: 3px 20px; }
.buttonEvent h5 { padding: 3px 20px; }
.bullets li { font:11px/1.4em 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color:#232124; font-weight:bold;margin: 10px 0 10px 20px; padding: 0 0 0 14px; background: url(../images/bullet.png) no-repeat 0 3px;}
/* DEFAULT STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body { font:12px/1.4em 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color:#232124; font-weight:bold; }
body { margin:0; text-align:center; background:url(../images/bg.gif) repeat-x 0 0 #eff2d7; }
body#home { background:url(../images/bg-home.gif) repeat-x 0 0 #eff2d7; }
/* TEMPLATE ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wrapper { width:100%; float:left; clear:both; }
.container { width:1000px; margin:0 auto; text-align:left; }
.header { width:1000px; margin:0 auto; text-align:left; padding:0; position:relative; }
.contentwrap { width:780px; float:right; }
.content { width:500px; float:left; }
.sidebarL { width:190px; float:left; font-size:14px; }
.sidebarR { width:257px; float:right; }
.footer { width:1000px; margin:0 auto; text-align:left; }
.homeContainer { width:100%; height:755px; float:left; background:url(../images/bg-home2.gif) repeat-x 0 0 #eff2d7; position:relative; }
.hw { background:url(../images/bg_hw.gif) repeat-x 0 0 #f5f6e4; }
/* HEADING ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1, h2, h3, h4, h5 { color:#444e07; line-height:1.2em;padding: 0 0 10px 0; }
h1 { font-size:55px; text-transform:uppercase; }
h2 { font-size:40px; text-transform:uppercase; }
h3 { font-size:36px; line-height:0.8em; }
h4 { font-size:30px; line-height:0.8em; margin: 0 0 20px 0; clear:left; }
h5 { font-size:20px; line-height:0.8em; clear:left; }
li h5 { margin: 0 0 0 10px; font-size: 19px;}
/* FORM ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input, textarea, select { font:12px/1.4em 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color:#232124; font-weight:bold; padding:0; }
legend { color:#444e07; font-size:36px; margin:0 18px; padding:10px 5px; font-style:italic; }
label { color:#444e07; font-size:24px; width:100%; margin:0 0 5px 0; display:block; }
fieldset { border:2px solid #fff; padding:0; margin:0; }
form ol { padding:0; list-style:none; margin:0; }
form li { padding:0 20px 10px 20px; }
.input { padding:5px 35px 5px 5px; font-size:16px; width:405px; border:2px inset #fff; }
.inputShort { padding:5px 35px 5px 5px; font-size:16px; width:205px; float:left; border:2px inset #fff; }
.textarea { padding:5px 35px 5px 5px; font-size:16px; width:405px; border:2px inset #fff; }
.select { padding:5px; font-size:16px; border:2px inset #fff; }
.req { border-right:2px solid #c00; }
.submit { padding:5px; font-size:16px; border:2px outset #3f4b00; color:#fff; background:#3f4b00; }
.error { background: #faeeee; border:2px solid #c00; padding: 6px 0 5px 8px; color:#c00; }
.success { color:#249901; border:2px solid #84cd6e; background: #dff2d9; padding: 6px 2px 5px 5px; }
.hide { padding:0; margin:0; display:none; }
.info_form { font-size: 22px; }
.search { margin: -15px 0 0 30px; }
/* HOMEPAGE ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#logoFull { width:189px; height:755px; float:left; margin:0; padding:0; }
#logoFull a { width:189px; height:755px; display:block; float:left; background:url(../images/raw-logo-full.gif) no-repeat 0 0; }
.col-780 { width:780px; height:755px; float:right; position:relative; }
.rawh1 { height:119px; width:100%; background:url(../images/raw-just-cos.gif) no-repeat 0 0; position:absolute; top:20px; left:0; }
.slideshow { width:780px; height:314px; position:absolute; top:150px; right:0; font-size:16px; }
.slideshow div { width:780px; height:314px; position:absolute; top:150px; right:0; background:url(../images/bg-home2.gif) repeat-x 0 -155px; }
.slideshow h2 { padding:30px 0 10px 0; line-height:1em; }
.rawrabbit { width:374px; height:314px; float:right; }
.rawrabbit a { width:374px; height:314px; display:block; background:url(../images/rabbits.gif) no-repeat 0 0; }
.ctahp { width:780px; position:absolute; top:480px; left:220px; font-style: italic; }
.col-1000 { width:1000px; font-size:0.9em; font-style:italic; font-size:0.9em; clear:both; }
.col-1000 h2, .col-1000 h3 { margin:0 0 0.5em 0; }
.col-500l { width:440px; float:left; padding:0 30px 30px 30px; font-size:0.9em; }
.col-500r { width:500px; float:right; font-size:0.9em; }
.col-250 { width:220px; padding:0 30px 0px 0; float:left; font-size:0.9em; min-height:220px; }
/* CTA ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.cta1 { width:257px; float:left; }
.cta1 span { height:205px; width:257px;background:url(../images/cta_photogallery.jpg) no-repeat 0 0; display:block;;}
.cta1 p { padding:0 20px; }
.cta2 { width:257px; float:left; }
.cta2 span { height:205px;width:257px; background:url(../images/cta_eventlocator.jpg) no-repeat 0 0; display:block; }
.cta2 p { padding:0 20px; }
.cta3 { width:257px; float:left; }
.cta3 span { height:205px;width:257px; background:url(../images/cta_experts.jpg) no-repeat 0 0; display:block; }
.cta3 p { padding:0 20px; }
.sidebarR .cta1 span { background:url(../images/cta_gallery.png) no-repeat 0 0; display:block; }
.sidebarR .cta2 span { background:url(../images/cta_eventlocator2.jpg) no-repeat 0 0; display:block; }
.sidebarR .cta3 span { background:url(../images/cta_experts2.jpg) no-repeat 0 0; display:block; }
/* NAV ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.topnav { width:100%; margin:0; height:112px; background:url(../images/navtop-bg.gif) repeat-x 0 0; clear:both; }
.topnav ul { width:1000px; margin:0 auto; text-align:left; list-style:none; padding:0; }
.topnav ul li { float:left; height:112px; }
.topnav ul li a { float:left; height:112px; display:block; background:url(../images/nav.gif) no-repeat; text-indent:-3000em; overflow:hidden; }
.hpnav { background:url(../images/hptop-bg.gif) repeat-x 0 0; }
.hpnav ul li a { background:url(../images/navhp.gif) no-repeat; }
.topnav .link1 a { width:97px; background-position:0 0; }
.topnav .link1 a:hover,
.topnav .link1 a.selected { background-position:0 -112px; }
.topnav .link2 a { width:155px; background-position:-97px 0; }
.topnav .link2 a:hover,
.topnav .link2 a.selected { background-position:-97px -112px; }
.topnav .link3 a { width:102px; background-position:-252px 0; }
.topnav .link3 a:hover,
.topnav .link3 a.selected { background-position:-252px -112px; }
.topnav .link4 a { width:120px; background-position:-354px 0; }
.topnav .link4 a:hover,
.topnav .link4 a.selected { background-position:-354px -112px; }
.topnav .link5 a { width:99px; background-position:-474px 0; }
.topnav .link5 a:hover,
.topnav .link5 a.selected { background-position:-474px -112px; }
.topnav .link6 a { width:142px; background-position:-573px 0; }
.topnav .link6 a:hover,
.topnav .link6 a.selected { background-position:-573px -112px; }
.topnav .link7 a { width:100px; background-position:-715px 0; }
.topnav .link7 a:hover,
.topnav .link7 a.selected { background-position:-715px -112px; }
.topnav .link8 a { width:84px; background-position:-815px 0; }
.topnav .link8 a:hover,
.topnav .link8 a.selected { background-position:-815px -112px; }
.topnav .link9 a { width:101px; background-position:-899px 0; }
.topnav .link9 a:hover,
.topnav .link9 a.selected { background-position:-899px -112px; }
.botnav { width:100%; margin:0; height:112px; background:url(../images/navbot-bg.gif) repeat-x 0 0; clear:both; }
.botnav ul { width:1000px; margin:0 auto; text-align:left; list-style:none; padding:0; }
.botnav ul li { float:left; height:112px; }
.botnav ul li a { float:left; height:112px; display:block; background:url(../images/nav.gif) no-repeat; text-indent:-3000em; overflow:hidden; }
.botnav .link1 a { width:97px; background-position:0 -224px; }
.botnav .link1 a:hover,
.botnav .link1 a.selected { background-position:0 -336px; }
.botnav .link2 a { width:155px; background-position:-97px -224px; }
.botnav .link2 a:hover,
.botnav .link2 a.selected { background-position:-97px -336px; }
.botnav .link3 a { width:102px; background-position:-252px -224px; }
.botnav .link3 a:hover,
.botnav .link3 a.selected { background-position:-252px -336px; }
.botnav .link4 a { width:120px; background-position:-354px -224px; }
.botnav .link4 a:hover,
.botnav .link4 a.selected { background-position:-354px -336px; }
.botnav .link5 a { width:99px; background-position:-474px -224px; }
.botnav .link5 a:hover,
.botnav .link5 a.selected { background-position:-474px -336px; }
.botnav .link6 a { width:142px; background-position:-573px -224px; }
.botnav .link6 a:hover,
.botnav .link6 a.selected { background-position:-573px -336px; }
.botnav .link7 a { width:100px; background-position:-715px -224px; }
.botnav .link7 a:hover,
.botnav .link7 a.selected { background-position:-715px -336px; }
.botnav .link8 a { width:84px; background-position:-815px -224px; }
.botnav .link8 a:hover,
.botnav .link8 a.selected { background-position:-815px -336px; }
.botnav .link9 a { width:101px; background-position:-899px -224px; }
.botnav .link9 a:hover,
.botnav .link9 a.selected { background-position:-899px -336px; }
/* Logo and header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#logo { width:178px; height:193px; float:left; margin:0; padding:60px 0 20px 0; text-indent:-3000em; overflow:hidden; }
#logo a { width:178px; height:193px; display:block; float:left; background:url(../images/logo.gif) no-repeat 0 0; }
#logo a:hover { background:url(../images/logo.gif) no-repeat 0 -193px; }
.header .rawh2 { height:119px; width:780px; background:url(../images/raw-just-cos-inner.gif) no-repeat 0 0; position:absolute; top:97px; left:220px; }
/* Product Slidder ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#slidder { width:960px; font-size:0.9em; font-style:italic; font-size:0.9em; clear:both; float:left; background:#dcd3c8; padding:20px; overflow:hidden; }
#slidder ul { list-style:none; margin:0; padding:0; }
#slidder ul li { float:left; width:127px; text-align:center; margin:0 10px 0 0; padding:0; }
#slidder div { margin:0 0 5px 0; }
#slidder .img img { border:6px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
/* Content ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content p { font-size:0.9em; line-height:1.6em; }
/* SUBNAV ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.subnav { width:178px; background:url(../images/subnavbot.gif) no-repeat bottom left; padding:0 0 70px 0; font-size:0.9em; float:left; }
.subnav ul { width:178px; background:url(../images/subnavtop.gif) no-repeat top left; padding:15px 0 0 0; margin:0; list-style:none; float:left; }
.subnav ul li { float:left; margin-top:-4px;padding:0 1px; }
.subnav ul li a { float:left; padding:5px 20px; border-top:1px solid #f8f9eb; border-bottom:4px solid #f8f9eb; width:136px; }
.subnav ul li a:hover,
.subnav ul li a.selected { border-top:1px solid #d4d6bb; border-bottom:4px solid #d4d6bb; background:#f5f6e4; font-style:italic; }
#map {
width: 500px;
height: 400px;
margin:10px 0 30px 0;
}
/* TABLE ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table { background:white; padding: 5px; border:1px solid #444e07;}
table th { font-weight: bold; font-size: 24px; padding: 5px; border-bottom:1px solid #444e07; background:#c1c911; }
table td { padding: 10px; background:#fefef7; font-weight:normal; }
table td.actions a { font: bold 0.9em Arial, Tahoma, sans-serif; color: #232900; text-decoration: none; padding: 0 2px; text-transform: uppercase; }
table td.actions a.delete { color: #999; }
table td.actions a:hover { color: #c1c911; }
/* CONTENT */
.gallery_image {
padding: 1em;
margin: 0.5em 0 1em 0;
background-color: #efe0ee;
float: left;
width: 400px;
position: relative;
}
.gallery_image img {
margin: 0 1.5em 0 0;
}
.gallery_image p {
margin: 0;
padding: 0;
}
.gallery_image p.delete, .gallery_image p.edit {
position: absolute;
bottom: 1em;
right: 1em;
}
.gallery_image p.edit {
right: 4em;
}
.gallery_image p.delete a {
width: 16px;
height: 16px;
display: block;
overflow: hidden;
text-indent: -2000em;
}
.gallery_image p.delete a {
background: url(../images/icons/cancel.gif) top left no-repeat;
}
.display_image {
float: left;
margin: 0 .2em 1em 0;
width: 550px;
}
.display_image .image {
padding: .5em 0 0 0;
display: block;
height: 150px;
float:left!important;
width: 155px;
background: url(../images/gallery/bg_photo.gif) top left no-repeat;
text-align: center;
border:none;
}
.display_image .image p {
text-align: left;
padding: 0 0 0 1em;
}
.display_image .image_footer {
font-size: 0.9em;
width: 155px;
}
.display_image .image_footer p {
padding: 0 0 0 .2em;
margin: 0;
}
.display_image .image_footer p.caption {
color: #b5111b;
}
ol.pagination {
margin: 0 1em 0 0;
font-size:11px;
padding: 0 0 0 10px;
}
ol.pagination li {
font-weight:bold;
padding: 0 10px 10px 0;
float:left; width: auto;
display:block;
}
ol.pagination li.end {
border: none;
}
#gallery_header {
background: url(../images/gallery/bg_header.gif) top left repeat-x;
border-top: 1px solid #444e07;
/*padding: 1em 0 1em 1em;*/
padding: 1em 0;
float: left;
width: 480px;
}
#gallery_header p {
padding: 0 10px;
}
#displaying {
margin-right: 30px;
}
#gallery_header .hide {
background: url(../images/buttons/hide_on_white.gif) top left no-repeat;
}
#gallery_tabs li {
text-align: center;
margin: 0 .2em 0 0;
font-weight: bold;
float:left;
height:32px; color: #fff;
width: 138px;
background: url(../images/inactiveTab.png) top left no-repeat;
}
#gallery_tabs li a {
color: #fff;
}
#gallery_tabs li a:hover {
text-decoation: none;
}
#gallery_tabs li.activeTab {
text-align: center;
margin: 0 .2em 0 0;
font-weight: bold;
float:left;
height:32px; color: #fff;
width: 138px;
background: url(../images/tab.png) top left no-repeat;
}
/* FOOTER ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footer p { padding:20px 0; margin:0 10px; }
/* DATE PICKER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-size: 14px; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/* Dialog