html,
body
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #525252;
}

body
{
background: url(http://www.prolan.co.nz/images/style/body_bg_tile.jpg) top center repeat-x;
}

h1, h2, h3, h4, h5, p, ul, ol, li, a, form
{
margin: 0;
padding: 0;
}

a img
{
border: none;
}

td
{
vertical-align: top;
}

/* Container Styles */

.container
{
margin: 0 auto;
width: 1016px;
text-align: left;
}

.bgcontainer
{
float: left;
position: relative;
width: 1016px;
height: auto;
padding: 0;
}

.container:first-child .bgcontainer{
background: url(http://www.prolan.co.nz/images/templates/body_bg_map.png) 520px -6px  no-repeat;
}

.feedbackTab{
    position: absolute;
    right: 0;
    top: 174px;
    z-index: 6000;
    width: 64px;
    height: 42px;
    padding: 15px 10px 10px 19px;
    color: #E96807;
font-size: 12px;
text-transform: uppercase;
    background: url(http://www.prolan.co.nz/images/templates/tab_background.png) top left no-repeat;
}

#header
{
float: left;
position: relative;
z-index:10;
width: 939px;
height: 139px;
padding: 0px 77px 0px 0px;
}

#content
{
float: left;
position: relative;
z-index: 1;
width: 1016px;
background: url(http://www.prolan.co.nz/images/style/content_tile.png) top left repeat-y;
background:none;
}

#content #leftCol
{
float: left;
position: relative;
width: 140px;
min-height:200px;
margin: 25px 0px 0px 29px;
background: #01A9CD url(http://www.prolan.co.nz/images/style/left_col_tile.jpg) top center repeat-x;
padding: 17.5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.home #content #leftCol{
margin:8px 0 0 29px;
}

.distributors #content #leftCol{
display:none;
}

#content #centerCol
{
float: left;
position: relative;
width: 713px;
margin: 0px 0px 0px 22px;
}

.distributors #content #centerCol{
width:976px;
margin:0 20px;
}

#content #rightCol
{

}

#pageEditorContent
{
float: left;
position: relative;
width: 713px;
border-bottom: none;
margin: 10px 0px 10px 0px;
padding: 10px 0px ;
}

#default.rightColumn #pageEditorContent
{
float: left;
position: relative;
width: 525px;
border-bottom: none;
margin: 10px 0px 10px 0px;
padding: 10px 0px ;
}

#default.distributors #pageEditorContent{
width:790px;
margin: 10px 10px 10px 0px;
}



/* Header Components Styles */

#header a img.logo
{
float: left;
postion: relative;
margin: 10px 0px 0px 0px;


}


#headerText
{
position: absolute;
top: 22px;
right: 276px;
text-align: right;


}

#headerText p
{
color: #525252;
font-size: 16px;
font-weight: normal;
}

#headerText p span
{
color: #1d2867;
font-size: 30px;
}

/* Login Component */

#login
{
position: absolute;
top: 30px;
right: 75px;
width: 115px;
padding: 0px 50px 0px 0px;

}

#login input#username
{
display: block;
border: none;
background: url(http://www.prolan.co.nz/images/style/input_bg.png) bottom left repeat-x;
font-size: 10px;
height: 20px;
padding: 0px 2px 2px 2px;
margin: 0px 0px 2px 0px ;
line-height: 14px;
}

#login input#password
{
display: block;
border: none;
background: url(http://www.prolan.co.nz/images/style/input_bg.png) bottom left repeat-x;
font-size: 10px;
height: 20px;
padding: 0px 2px 2px 2px;
line-height: 14px;
}

#login input.buttonForm{
position: absolute;
top: 23px;
right: 0px;
display: block;
width: 49px;
height: 25px;
border: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_49.png) top left repeat-x;
font-size: 10px;
padding: 0px 2px 2px 2px;
line-height: 14px;
color: #FFF;
cursor: pointer;
}


#login input.buttonForm:hover
{
top: 25px;
}

p.passwordForgetten
{
font-style: italic;
font-size: 10px;
color: #525252;
margin: 0px;
}

p.passwordForgetten a
{
color: #525252;
text-decoration: none;
}

p.passwordForgetten a:hover
{
text-decoration: underline;
}

#facebookIconLink{
top: 25px;
right: 481px;
position:absolute;
width:88px;
height: 29px;
background: url("http://www.prolan.co.nz/images/templates/facebokIconBG.jpg") no-repeat;
background-size: 100%;
}

#facebookIconLink:hover{
background: url("http://www.prolan.co.nz/images/templates/facebokIcon.jpg") no-repeat;
background-size:100%;
}


/* Header navigation */

#navigation
{
float: left;
position: absolute;
top: 0;
left: 0;
width: auto;
height: 35px;
margin: 104px 0px 0px 215px;
color: #E96807;
}

#navigation ul
{
position: relative;
float: left;
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
}

#navigation ul li
{
display: inline;
float: left;
position: relative;
text-align: center;
margin: 0;
padding: 0;
width: auto;
}

#navigation ul li a
{
display: inline-block;
height: 35px;
line-height: 35px;
padding: 0px 10px;
text-transform: uppercase;
color: #1d2867;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/navigation_divider.png) left center no-repeat;
}

#navigation ul li:first-child a
{
background: none;
}

























#navigation ul li a:hover
{
background: url(http://www.prolan.co.nz/images/style/navigation_divider.png) left center no-repeat;
color: #E96807;
}

#navigation ul li ul
{
display: none;
position: absolute;
top: 35px;
left: 0px;
margin: 0;
padding: 10px;
list-style: none;
width: 180px;
background: #efefef;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#navigation ul li:hover ul
{
display: block;
}


#navigation ul li ul li
{
background: none;
width: 168px;
text-align: left;
border-bottom: 1px solid #3f94c3;
padding: 4px 6px;
}

#navigation ul li ul li a
{
font-size: 12px;
text-transform: capitalize;
padding: 0px 8px 0px;
line-height: 18px;
height: auto;
padding: 0px 6px;
background: none;
}

#navigation ul li ul a:hover
{
background: none;
}

#navigation a.menuSelected,
#navigation a.childSelected
{
color: #E96807;
}

#headerImage{
float:left;
position:relative;
width:100%;
}
#headerImage .headerImage{
float:left;
position:relative;
width:100%;
max-height:480px;
}
#headerImage .headerImage .bannerLink{
width: 100% !important;
height:470px;
background-position: top left;
background-repeat: no-repeat;
background-size:cover;
border-bottom: 5px solid #ECECEC;
border-top: 5px solid #ECECEC;
}

#headerImage .headerImage .bannerHtml{
position: relative;
width: 520px;
min-height: 60px;
text-align: center;
top: -280px;
margin: 0 auto;
padding: 20px;
background: rgba(244, 129, 32, 0.8);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.about_prolan #headerImage .headerImage .bannerHtml,
.r_and_d #headerImage .headerImage .bannerHtml,
.how_we_work #headerImage .headerImage .bannerHtml,
.who_we_are #headerImage .headerImage .bannerHtml{
background: rgba(0, 187, 242, 1);
}

#headerImage .headerImage .bannerHtml h1{
font-size:32px;
display: inline-block;
line-height: normal;
vertical-align: middle;
font-weight:bold;
color: #FFFFFF;
}

#headerImage .headerImage .bannerHtml p{
font-size:14px;
margin: 0;
line-height: normal;
font-weight:bold;
color: #FFFFFF;
}

#orangeSubmenu
{
float: left;
position: relative;
width: 711px;
height: 32px;
line-height: 32px;
text-align: left;
font-size: 11px;
text-indent: 10px;
margin: 25px 0px -10px;
background: url(http://www.prolan.co.nz/images/style/sub_nav_bar.png);
}

#orangeSubmenu a
{
padding: 0px 2px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
}

#orangeSubmenu a:hover,
#orangeSubmenu a.selected,
#orangeSubmenu a.menuSecondarySelected
{
color: #1b3272;
}


/* Product Finder Styling */

#productFinder
{
float: left;
position: relative;
margin: 0;
padding: 0;
color: #FFF;
width: 100%;
}

#productFinder h2
{
color: #FFF;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin: 0px 0px 10px 0px;
}

#productFinder form
{

}

#productFinder input,
#productFinder select
{
display: block;
width: 133px;
border: none;
background: url(http://www.prolan.co.nz/images/style/input_bg.png) bottom left repeat-x;
font-size: 10px;
height: 20px;
padding: 0px 2px 4px 4px;
margin: 0px 0px 4px 0px;
line-height: 14px;
text-transform: uppercase;
}

#productFinder select
{
height: 24px;
padding: 2px 2px 7px 2px;
width: 139px;

}

#productFinder option
{
background: #FFF;

}




#productFinder input#goButton
{
display: block;
float: right;
width: 49px;
height: 25px;
border: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_49.png) top left repeat-x;
font-size: 10px;
padding: 0px 2px 2px 2px;
margin: 0px -2px 0px 0px ;
line-height: 14px;
color: #FFF;
cursor: pointer;
}

.testimonials #testimonialsLink
{
display:none;
}

#testimonialsLink
{
float: left;
position: relative;
margin:15px 0;
width:100%;
}

#testimonialsLink a
{
width:110px;
display:block;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
border:1px solid #FF0000;
background:#E96807;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(http://www.prolan.co.nz/stylesheets/PIE.htc);
padding:5px 18px;
border:1px solid #FFF;
}


#testimonialsLink a:hover
{
color:#FFF;
background:#1E2470;
}

/* News Container */

#newsContainer
{
float: left;
position: relative;
margin: 10px 22px 15px ;
color: #FFF;
width: 125px;
}

#newsContainer h2
{
color: #FFF;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin: 0px 0px 10px 0px;
}

#newsContainer .moduleComponentnews
{

}

#newsContainer .moduleComponentnews .componentItem
{
margin: 0px 0px 15px 0px;
}

#newsContainer .moduleComponentnews .title
{
font-weight: bold;
text-transform: uppercase;
color:;
}

#newsContainer .moduleComponentnews .content
{

}


#newsContainer .moduleComponentnews .readMore a
{
font-size: 11px;
text-transform: uppercase;
color: #FFF;
}

.moduleComponentnews.featured .content
{
color: #FFFFFF;
}

.moduleComponentnews.featured .readMore a
{
color: #E96807;
}

.moduleComponentnews.featured .title
{
color:#E96807;
margin:0px 0px 3px 0px;
}


.moduleComponentnews.featured .readMore a:hover
{
color:#E96807;
}

.moduleComponentnews.featured .readMore
{
padding:5px 0px 0px 0px;
color: #E96807;}

.moduleComponentnews.featured
{

padding: 10px 0 0;

border-top: 1px solid #FFFFFF;

float: left;

position: relative;
}

/* Search Container */

#searchContainer
{
float: left;
position: relative;
margin: 0 0 15px;
color: #FFF;
width: 135px;
}


#searchContainer .searchLabel
{
display: none;
}


#searchContainer input
{
display: block;
float: left;
width: 105px;
border: none;
background: url(http://www.prolan.co.nz/images/style/input_bg.png) bottom left repeat-x;
font-size: 10px;
height: 20px;
padding: 0px 2px 4px 4px;
margin: 0px 0px 4px 0px;
line-height: 14px;
text-transform: uppercase;
}

#searchContainer input.siteSearchSubmit
{
display: block;
float: right;
width: 20px;
border: none;
background: none;
color: #FFF;
font-size: 10px;
height: 20px;
padding: 0px 2px 4px 4px;
margin: 0px 0px 4px 0px;
line-height: 14px;
text-transform: uppercase;
cursor: pointer;
}

#searchContainer input.siteSearchSubmit:hover
{
color: #E96807;
}

/* Home Slides Container */

#slideShow{
width: 100%;
float: left;
position: relative;
height: 542px;
margin:10px 0;
z-index:1;
overflow:hidden;
}

#homeSlides{
float: left;
width: 100%;
min-width: 1100px;
height: 544px;
position: relative;
margin:0;
}

#homeSlides .slide{
width: 100% !important;
text-align:center;
}

#homeSlides a
{
display: block;
width:100% !important;
height:470px;
text-align:center;
}

#homeSlides img{
min-width:1920px !important;
max-width:100% !important;
height:auto !important;
}

#homeSlides .extraFields{
width: 100%;
height: auto;
position: relative;
top: -5px;
margin:0;
padding:5px 0;
z-index: 7;
background:#224484;
}

#homeSlides .extraFields .field{
width: 410px;
margin: 0 auto;
padding: 0 300px 0 145px;
position: relative;
/* border: 1px solid red; */
}

#homeSlides .extraFields .field h3,
#homeSlides .extraFields .field h2{
color: #FFFFFF;
font-weight:normal;
text-align:left;
}

#homeSlides .extraFields .field p{
font-size:14px;
margin: 0;
line-height: normal;
font-weight:bold;
color: #FFFFFF;
}

#homeSlides #groupPhoto{min-width:100px !important;max-width:none !important;width: 300px;position: absolute;float: right;top: -58px;right: 10px;}


/* Home Callouts */

#homeCallouts
{
float: left;
position: relative;
margin: 8px 0px 0px 0px;
}

.homeCallout
{
float: left;
position: relative;
width: 200px;
height: 140px;
padding: 15px;
background: #e8e8e9;
margin: 0px 0px 0px 11px;
}

#homeCallouts .homeCallout:first-child
{
margin: 0;
}

.homeCallout h2
{
font-size: 14px;
color: #1e2762;
font-weight: normal;
text-transform: uppercase;
border-bottom: 2px dotted #a0a0a0;
padding: 0px 0px 8px 0px;
margin: 0px 0px 8px 0px;
}

.homeCallout .leftCol
{
float: left;
position: relative;
width: 89px;
height: 110px;
text-align: center;
}

.homeCallout .leftCol a.calloutImage
{

}

.homeCallout .leftCol a.calloutImage img
{

}

.homeCallout .leftCol a.viewButton
{
display: block;
position: absolute;
bottom: 0px;
left: 2px;
width: 66px;
height: 35px;
border: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_70.png) top left repeat-x;
font-size: 12px;
padding: 0px 2px 2px 2px;
margin: 3px 0px 0px 5px ;
text-decoration: none;
text-align: center;
line-height: 34px;
color: #FFF;
cursor: pointer;
}

.homeCallout .leftCol a.viewButton:hover
{
bottom: -2px;
}

.homeCallout .rightCol
{
float: left;
position: relative;
width: 105px;
margin: 0px 0px 0px 6px;
}

.homeCallout .rightCol p
{
font-size: 11px;
margin: 0;
line-height: 14px;
}

.homeCallout .rightCol p strong
{
font-size: 12px;
color: #1b3272;
}

.homeCallout .rightCol p strong span
{
display: block;
margin: 3px 0px;
font-size: 11px;
color: #1b3272;
}


/* Page Editor Styles */

h1
{
margin: 10px 0px;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
color: #234585;
}

h2
{
margin: 10px 0px;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #E96807;
}

h3
{
margin: 10px 0px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

h4
{
margin: 10px 0px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

p
{



margin: 10px 0px;
font-size: 12px;
line-height: 18px;
}

ul
{
margin: 5px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 5px 0px;
padding: 0px 0px 0px 20px;
}

li

{
margin: 2px 0px;
}

li p
{
margin: 0;
}

a
{
color: #1b3272;
}

a.blueArrowLink
{
padding: 0px 15px 0px 0px;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/arrow_blue.png) right center no-repeat;
}

hr
{
border: none;
background: none;
border-bottom: 1px solid #ccc;
}

img.greyCornerTopLeft
{
position: absolute;
top: 0;
left: 0;
}

img.greyCornerTopRight
{
position: absolute;
top: 0;
right: 0;
}

img.greyCornerBottomLeft
{
position: absolute;
bottom: 0;
left: 0;
}

img.greyCornerBottomRight
{
position: absolute;
bottom: 0;
right: 0;
}

#whatsHappening{
width:100%;
float:left;
position:relative;
margin:20px 0 0 0;
padding:0 0 20px 0;
background-color: #ECECEC;
}

#whatsHappening #newsContainer{
width:1016px;
float:none;
position:relative;
margin:0 auto;
}

#newsContainer h2{
color: #E96807;
font-size: 24px;
margin: 20px 0;
text-align: center;
}

#newsContainer .moduleComponentnews .componentItem{
float:left;
position:relative;
width: 27%;
margin:0 2% 1%;
padding: 1% 1% 0 1%;
text-align: center;
background-color: #DFDFDF;
min-height: 94px;
}

#newsContainer .moduleComponentnews .title{
font-weight: bold;
text-transform: uppercase;
color: #525252;
font-size: 14px;
}

#newsContainer .moduleComponentnews .content {
color: #525252;
}

#newsContainer .moduleComponentnews .readMore{
margin:10px 0;
}

#newsContainer .moduleComponentnews .readMore a{
font-size: 12px;
text-transform: uppercase;
color: #E96807;
}

#footer{
width:100%;
float:left;
position:relative;
margin:20px 0 0 0;
background-color: #ECECEC;
}
#footerContainer{
width:1016px;
position:relative;
margin:0 auto;
}

#footerMenuOne{
float:left;
position:relative;
width:30%;
padding:1%;
}

#footerMenuOne ul{
float:left;
position:relative;
margin:0;
padding:0;
list-style:none;
}

#footerMenuOne ul li{
display:inline;
float:left;
position:relative;
text-align:left;
width: 100%;
}

#footerMenuOne ul li ul{
display:none;
}

#footerMenuTwo{
float:left;
position:relative;
width:30%;
padding:1%;
overflow:hidden;
}

#footerMenuTwo a{
width:100%;
height:172px;
float: left;
position: relative;
overflow: hidden;
}

#footerMenuTwo a img{
width:100%;
height:auto;
margin: -45px 0 0 0;
}

#footerMenuThree{
float:left;
position:relative;
width:30%;
padding:1%;
}

#footerMenuThree .heading{
color: #E96807;
font-weight: bold;
}

#footerMenuThree p{
line-height:15px;
}

/* Copyright */

#copyright
{
float: left;
position: relative;
width: 100%;
color: #8d8d8d;
text-align:center;
}

#copyright a
{
text-decoration: none;
color: #8d8d8d;
}

#copyright a:hover
{
text-decoration: underline;
}


/* Site Search ----------------------------------*/

.siteSearch span
{
font-size: 14px;
font-weight: normal;
}

.siteSearch input
{
border: 1px solid #ccc;
font-size: 11px;
margin: 0px 3px 10px;
cursor: pointer;
}

.siteSearch input#k
{
padding: 1px 6px;
}

#searchResultDescription
{
margin: 0px 0px 10px 0px;
}

.searchResultItem
{
margin: 10px 0px 0px 0px;
}

#searchResultItems .title
{
font-weight: normal;
margin: 0px 0px 0px 10px;
}

#searchResultItems .description
{
margin: 0px 0px 0px 25px;
color: #000;
}



/* Form Element Styling ------------------------*/


#emailForm,
#subscribeForm,

.userRegistration,
#editReview
{
float: left;
width: 97%;
background: #EBEBEB;
border: 1px solid #ccc;
padding: 10px;
margin: 20px 0px 30px 0px;
}

#emailForm.product
{
position: relative;
float: left;
width: 647px;
background: #FFF;
border: 8px solid #f0f0ef;
margin: 13px 0px 0px 0px;
}

#subscribeForm
{
width: 97%;

}

#editReview
{
width: 100%;
}


#subscribeForm td,
.userRegistration td,
#editReview td
{
text-align: left;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
.userRegistration td.labelHorizontal,
#editReview td.labelHorizontal
{
width: 45%;
vertical-align: top;
color: #333;
padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
.userRegistration td.valueHorizontal,
#editReview td.valueHorizontal
{
width: 50%;
vertical-align: top;
text-align: right;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
.userRegistration td.valueHorizontal .fgroup,
#editReview td.valueHorizontal .fgroup
{
font-size: 11px;
text-align: left;
}

#emailForm input.fmtxt,
#emailForm input.fstxt,
#subscribeForm input.fmtxt,
#subscribeForm input.fstxt,
.userRegistration input.fmtxt,
#editReview input.fstxt
{
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 350px;
}

#emailForm textarea.fmtxt,
#subscribeForm textarea.fmtxt,
.userRegistration textarea.fmtxt,
#editReview textarea.fmtxt
{
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 350px;
font-family: Arial;
}

#emailForm input.fmtxt:hover,
#emailForm input.fstxt:hover,
#emailForm textarea.fmtxt:hover,
#emailForm input.fmtxt:focus,
#emailForm input.fstxt:focus,
#emailForm textarea.fmtxt:focus,
#subscribeForm input.fmtxt:hover,
#subscribeForm input.fstxt:hover,
#subscribeForm textarea.fmtxt:hover,
#subscribeForm input.fmtxt:focus,
#subscribeForm input.fstxt:focus,
#subscribeForm textarea.fmtxt:focus,
.userRegistration input.fmtxt:hover,
.userRegistration input.fstxt:hover,
.userRegistration textarea.fmtxt:hover,
.userRegistration  input.fmtxt:focus,
.userRegistration input.fstxt:focus,
.userRegistration textarea.fmtxt:focus,
#editReview input.fmtxt:hover,
#editReview input.fstxt:hover,
#editReview textarea.fmtxt:hover,
#editReview input.fmtxt:focus,
#editReview input.fstxt:focus,
#editReview textarea.fmtxt:focus
{
background: #fff;
border: 1px solid #F36F21;
}

#emailForm .buttonBar
{
text-align: right;
padding: 15px 0px 0px 0px;
}

#subscribeForm .buttonPanel
{
text-align: left;
padding: 0px 0px 0px 0px;
}

#emailForm .buttonBar input,
#subscribeForm .buttonPanel input,
.userRegistration input,
#editReview .fsub
{
border: none;

cursor: pointer;

display: block;
float: right;
width: 75px;
height: auto;
line-height: auto;
padding: 4px 0px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_75.png) top left no-repeat;

}

#editReview .fsub
{
float: right;
}


#emailForm .buttonBar input:hover,
#subscribeForm .buttonPanel input:hover
{
border: none;

cursor: pointer;

display: block;
float: right;
width: 75px;
height: auto;
line-height: auto;
padding: 4px 0px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_75.png) top left no-repeat;

}


/* ----- Blog/Press Styling ----------------------------*/



#navBar
{
float: right;
position: relative;
width: 175px;
margin: 0px 7px 0px 0px;
}

.news #navBar{
display:none;
}


.recentPostContainer,
.categoryContainer,
.dateContainer
{
float: left;
position: relative;
width: 145px;
padding: 15px;
margin: 0px 0px 15px 0px;
background: #E5E5E6;
}

.navRecentLinks .navheaders,
.navDateLinks .navheaders
{
margin: 0px 0px 8px 0px;
padding: 0px 0px 5px 0px;
display: block;
text-transform: uppercase;
font-size: 12px;
border-top: none;
border-bottom: 2px dotted #ccc;
font-weight: bold;
text-align: left;
color: #1e2762;
width: 100%;
}


.navDateLinks ul,
.navRecentLinks ul
{
list-style: none;
margin: 0;
padding:0px;
margin: 0px 0px 0px 0px;
background: none;
color: #000;
width: 100%;
}

.navDateLinks ul li,
.navRecentLinks ul li
{
float: left;
width: 100%;
text-align: left;
}

.navDateLinks ul li a,
.navRecentLinks ul li a
{
color: #525252;
}

.navDateLinks ul li a:hover,
.navRecentLinks ul li a:hover
{
color: #e76707;
}





.moduleItemsListingNews
{
float: left;
position: relative;
width: 500px;
padding: 0px 0px 0px 0px;
}

.moduleItemsListingNews .moduleItemsListingItem
{
float: left;
position: relative;
border-bottom: 1px solid #ccc;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
margin: 0px 0px 10px 0px;
border: 1px solid #ccc;
}

.moduleItemsListingNews .moduleItemsListingItem .header
{
float: left;
position: relative;
margin: 0px 0px 0px 0px;
}


.moduleItemsListingNews .moduleItemsListingItem .header .title
{
margin: 10px 0px 0px;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
color: #E96807;
}

.moduleItemsListingNews .moduleItemsListingItem .header .date
{
margin: 5px 0px 10px;
color: #4d4d4d;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemContent
{
float: left;
position: relative;
margin: 0px 0px 10px 0px;
width: 500px;
font-size: 12px;
line-height: 18px;
}

#default .moduleItemsListingNews .moduleItemsListingItem a
{
color: #000;
}

.moduleItemsListingTestimonials,
.moduleItemTestimonials{
margin: 20px 0px 50px 0px;
}

.moduleItemsListingItem,
.moduleItemTestimonials{
margin-bottom: 35px;
}

.moduleItemsListingTestimonials .header{
    border-bottom: 2px dotted #CCCCCC;
    font-size: 13px;
    margin: 10px 15px 10px 0px;
    padding: 0 0 6px;
    color: #E96807;
    font-weight: normal;
    text-transform: uppercase;
}

.moduleItemTestimonials .title{
    border-bottom: 2px dotted #CCCCCC;
    font-size: 13px;
    margin: 10px 15px 10px 0px;
    padding: 0 0 6px;
    color: #E96807;
    font-weight: normal;
    text-transform: uppercase;
}

.moduleItemsListingTestimonials .moduleItemContent{
    margin: 10px 15px 10px 0px;
}

.moduleItemsListingTestimonials .moduleItemContent .readMore{

}

.moduleItemsListingNews
{
position: relative;
width:100%;
}

.moduleItemNews #moduleItemContent
{
position: relative;
width:100%;;
}

.moduleItemNews img.main
{
float: right;
margin: 0px 0px 20px 0px;
}

.moduleItemNews .title
{
margin: 10px 0px 0px;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
color: #E96807;
}

.moduleItemNews .date
{
margin: 5px 0px 10px;
color: #4d4d4d;
}

.moduleItemNews .readMore a
{
font-family: 'nevisBold', Arial;
color: #ff5f00;
}

/* Product Listing */

.productListingItem
{
float: left;
position: relative;
width: 252px;
height: 141px;
margin: 0px 0px 15px 10px;
background: url(http://www.prolan.co.nz/images/style/product_listing_bg.png) top left no-repeat;
}

.productListingItem img.productListingThumb
{
position: absolute;
bottom: 7px;
left: 25px;
}

.productListingItem h2.categoryName
{
font-size: 13px;
border-bottom: 2px dotted #CCC;
margin: 10px 15px;
padding: 0px 0px 6px 0px;
}

.productListingItem h2.categoryName a
{
text-decoration: none;
}

.productListingItem a.readMoreLink
{
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 252px;
height: 141px;
}

.productListingItem a.readMoreLink:hover
{
top: 3px;
}

.productListingItem a.readMoreLink span
{
position: absolute;
bottom: 15px;
right: 15px;
display: block;
width: 75px;
height: 27px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_75.png) top left no-repeat;

}







/*------------ Products Module Styles ----------------------------------------------------------*/


.productPath{

    /* category breadcrumbs */
    float:right;
display: none;
}

#productContentContainer
{
float: left;
position: relative;
width: 100%;
margin: 0px;
}

#pageSource
{
float: left;
position: relative;
width: 430px;
margin: 0px 20px 0px 0px;
}

#productListingUsed #pageSource
{
float: left;
position: relative;
width: 660px;
margin: 0px 20px 0px 0px;
}


.productReviews{
position: relative;
}


SELECT.productOptions{
padding: 2px;
    width:15em;
}

.productOptionText{
/* single-value attributes[single-type SELECTS, textfields, text boxes] */

    width:15em;
}
.productOptionHeader{


    font-weight:bold;

}


.productPrices{

    padding:1em 0;
}

.productCartLink a{

    text-decoration:none;
}

SPAN.productPrice, SPAN.productSpecialPrice{

    color:#900;
}

DIV.productBackLink{
display: none;
    margin: 20px 0px 0px 0px;
    float:left;
}

DIV.productBackLink a {
font-size: 11px;
    color: #678247;
}

DIV#productCartComponent{


/* Main cart status container */
    text-align:center;
    background:#d3b597;
    padding:1em;
    margin-bottom:1em;
}

DIV#productCartComponent H3 a{

/* component header - link to cart page */
    font-size:10pt;
    font-weight:bold;
    color:#0000000;
}

DIV.productCartComponentStatus{
/* info line in component */
}

DIV.productCartComponentStatus, DIV.productCartComponentStatus a{

    color:#0000000;
}

SPAN#productCartComponentItems{
/* num items in component */
}

SPAN#productCartComponentValue{
/* $total in component */
}

/* popup on product detail screen after cart addition */
DIV#productDetailCartStatusBox{
    background-color:#fff;
    color:#888;
    border:#ccc 1px solid;
    position:absolute;
    padding:10px;
    text-align:right;
    display:none;
	top: 0px;
	right: -25px;
	width:250px;
z-index: 1000;
}
DIV#productDetailCartStatusBox DIV.header{
    padding:5px;
    text-align:left;
    background-color:#fff;
    border-bottom:2px solid white;
}
DIV#productDetailCartStatusBox DIV.footer A{
    font-weight:bold;
    text-decoration:underline;
}
DIV#productDetailCartStatusBox P{
    margin:0;
font-size:11px;
}
DIV#productDetailCartStatusBox P.title{
    color:#678247;
    font-size:11px;
    font-weight:bold;
}
DIV#productDetailCartStatusBox DIV.items{
    background-color:#fff;
}
DIV#productDetailCartStatusBox DIV.closeIcon{
    float:right;
}
DIV#productDetailCartStatusBox .cartItems TR{
    border-bottom:1px dashed #999;
}
DIV#productDetailCartStatusBox .cartItems TD.image{
    padding:10px 0px 10px 10px;
    vertical-align:middle;
}
DIV#productDetailCartStatusBox .cartItems TD.info{
    vertical-align:top;
    text-align:left;
    padding:10px;
}
DIV#productDetailCartStatusBox .cartItems p.price SPAN{
    font-weight:bold;
}
DIV#productDetailCartStatusBox DIV.total{
    border-bottom:1px dashed #999;
    font-weight:bold;
padding: 10px 0px;
font-size: 11px;
}

DIV#productDetailCartStatusBox DIV.footer{
    border-bottom:1px dashed #999;
    font-weight:normal;
padding: 10px 0px;
font-size: 11px;
}

#productCartForm,
#userDetails
{
float: left;
position: relative;
clear: both;
background: #fff;
border: none;
padding: 10px;
margin: 20px 0px 10px 0px;
width: 90%;
}


#productCartForm td.horizontalName,

#userDetails td,
#userDetails th
{
width: 45%;
vertical-align: top;
color: #333;
padding: 0 5% 0 0 ;
}

#userDetails td,
#userDetails th
{
padding: 3px 0px;
}

#productCartForm td.valueHorizontal,
#userDetails td.valueHorizontal
{
width: 50%;
vertical-align: top;

}

#productCartForm td.valueHorizontal .fgroup,
#userDetails td.valueHorizontal .fgroup
{
font-size: 11px;
}

#productCartForm input.fmtxt,
#productCartForm input.fstxt,
#productCartForm select
{
float: right;
background: #EFF2E7;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 250px;
}

#productCartForm select
{
width: 260px;
}

#productCartForm textarea.fmtxt
{
float: right;
background: #EFF2E7;
border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 250px;
font-family: Arial;
}

#productCartForm input.fmtxt:hover,
#productCartForm input.fstxt:hover,
#productCartForm textarea.fmtxt:hover,
#productCartForm input.fmtxt:focus,
#productCartForm input.fstxt:focus,
#productCartForm textarea.fmtxt:focus
{
background: #fff;
border: 1px solid #2C80C3;
}

#productCartForm .buttonBar
{
text-align: right;
padding: 15px 0px 0px 0px;
}

#productCartForm .buttonBar input
{
background: #efefef;


border: 1px solid #ccc;
font-size: 11px;
padding: 4px;
width: 100px;
cursor: pointer;
}



DIV#productCartContainer{}

DIV#productCartContainer h2 {
float: left;
clear: both;
width: 91%;
margin: 10px 0px;
padding: 0px 0px 4px 0px;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #E96807;
border-bottom: 1px solid #cccfc8;
}

DIV#productCartContainer #productCartFormHeaderText {

    border-top: 1px solid #F68721;
    margin: 17px 0px 0px 0px;

    padding: 10px 0px 0px 0px;
}

DIV#productCartFormHeaderText{

    font-weight:bold;
}

DIV#productCartContainer div.productUsageText{
float: left;
position: relative;
    font-size: 11px;
    font-weight: normal;
    background: #EDF0E7;
    border: 1px dashed #DADFC9;
    margin: 0px 0px 8px 0px;
    padding: 10px;
}

DIV#productCartContainer .viewCartItemHeader
{
margin: 20px 0px 0px 0px;
}

DIV#productCartContainer .viewCartItemHeader table th
{
font-size: 14px;
background: #DADFC9;
padding: 7px;
}



DIV#productCartContainer .viewCartItem
{
float: left;
position: relative;
padding: 10px 40px 5px 0px;
}


DIV#productCartContainer .viewCartItem table td
{
padding: 7px;
font-size: 11px;
background: none;
}




DIV#productCartContainer .viewCartItem h3{

    font-size: 11px;
    margin: 10px 0px 5px 0px;
    padding: 0;
    font-weight: bold;
    color: #F68721;
}

DIV#productCartContainer .viewCartItem img {

    margin: 10px 10px 0px 0px;
    border: 1px solid #58585A;
}

DIV#productCartContainer .viewCartItem p.cartItemFields {

    margin: 0;

    padding: 0;
}


DIV#productCartContainer .viewCartItem p.cartItemPrice{

    margin: 10px 0px 0px 0px;
    padding: 0;
}


DIV#productCartContainer .viewCartItem p.cartItemQuantity{

    margin: 0;
    padding: 0;
}

DIV#productCartContainer .viewCartItem a.delete{}

TD.productCartLabel{
vertical-align:top;
text-align:right;
}
TD.productCartFormVerticalElement{ }
TD.productCartFormVerticalName{  }
TD.productCartFormHorizontalElement{ }
TD.productCartFormHorizontalName{  }

DIV.productCartFormCheckoutButtons {

    float:right;
    padding: 1em 0;
    margin: 0px 0px 0px 10px;
}


DIV.productCartFormCheckoutButtons a img {

    display: inline-block;
    float: left;
    width: auto;
}

A.productCartFormCheckoutButton{  }
A.productCartFormCheckoutButton{  }

#productDetail {

    float: left;
position: relative;
background: #FFF;
width: 709px;
padding: 25px;
}

#productDetail #left #multipleImageThumbs
{
margin: 0px 0px 0px 7px;
}

#productDetail #left #multipleImageThumbs img
{
float: left;
margin: 0px 5px 0px 0px;
}

a#multipleImageMainPopup
{
float: left;
position: relative;
margin: 0px 0px 10px 0px;
}

#detailMaskTop
{
position: absolute;
top: 0;
left: 0;
}

#detailMaskBottom
{
position: absolute;
bottom: 0px;
left: 0;
border: 1px solid #FF0000;
z-index: 100;
margin: 0;


padding: 0;
}

#productDetail #left {

/* left hand column of product Details page */
    float: left;
    width: 230px;
padding: 0;
margin: 0px 10px 0px 25px;
}

#productDetail #left img{
border: none;
margin: 0px 0px 0px 0px;
}

#productDetail #left img:hover{
border: none;

}

#productDetail .hidden{
display: none;
}

#productDetail #left img.productMainImage {
width: 171px;
    border: 1px solid #58585A;
margin: 0px;
}

#productDetail #left img.productMainImage:hover {
border: 1px solid #58585A;
}



#left a.enlarge {

    display: block;
    text-decoration: none;
    margin: 12px 0px 0px 0px;
font-size: 11px;
}

#productDetail #left a.enlarge:hover {

    text-decoration: underline;
}

#productDetail #left a.enlarge img {

    margin: 0px 0px -2px 0px;
    border: none;
}

#productDetail #right {
    float: left;
    width: 400px;
    margin: 0px 0px 0px 10px;
}

#productDetail #right ul {
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}


#productDetail #right ul li {
margin: 5px 0px;
padding: 0px 0px 0px 0px;
}

#productDetail #right p {

    margin: 0px 0px 15px;
}



.productDetailDescription table ul{
position: relative;
left: 30px;
}

DIV#colourSwatch{

    padding:3px;
    width:200px;

    margin:0.5em 0;
}

DIV.swatchItem{

    border:none;
    height:30px;
    width:30px;
    background:#eee;
    float:left;
    margin:4px 9px 4px 0px;
}

DIV.swatchItem a img{


    margin: 0;
    padding: 0;
}



.productOptionElement {

    margin: 2px 0px;
}

.productOptionHeader{

    margin: 10px 0px 0px;
}

.productOptionElement select{

    width: 190px;
    font-size: 11px;
    color: #58585A;
    border: 1px solid #ccc;
}


#productFields {

    float: left;
clear: both;
    width: 200px;
    margin: 2px 0px 15px;
}





.productPrices th{

    padding: 0;
    margin: 0;
    border-bottom: none;
    background: #F0F0EF;
    padding: 4px;
    text-align: left;
}

.productPrices table{

    width: 100%;
    background: #FFF;
    border: none;
}

.productPrices .priceWas, .productPrices .priceSpecial{

    border-bottom: none;
}

.productPrices .price{

    color: #000;
}

.productPrices .priceSpecial{

    color: #F68721;
    font-weight: bold;
}

.productPrices {

    padding: 0;
    margin: 15px 0 15px 0;
    background: #FFF;
    border: 1px #CCC solid;
    padding: 1px;
    text-align: left;
}

.productPrices strong {
    display: block;
    padding: 5px;
    margin: 0px;
    background: #DBE2CD;
    border-bottom: 1px solid #ccc;
}



.productPrices span.productPrice {

    display: block;
    padding: 5px;
    margin: 0px;
    margin: 0;
    color: #58585A;
}




.confirmCartItem {

    border-bottom: 1px dashed #F68721;
    padding: 0px 0px 0px 12px;
}

#cart_shipping_totals {

    float: right;
    width: 150px;
    text-align: right;
    border-bottom: 3px double #F68721;
    padding: 10px 0px 10px 369px;
    margin: 0px 0px 10px 0px;
}

#cart_shipping_totals th {

    padding: 0px 8px 0px 0px;
}

.checkoutButtonsTop{
float: left;
position: relative;
width: 87%;
    margin: 10px 0px -10px 0px;
font-size: 11px;
text-align: right;
}

.checkoutButtonsBottom{

    float: right;
    width: 100%;

    height: 65px;
    position: relative;
}

.productCartFormCheckoutButtonsBottom a.productCartFormCheckoutButton {

    position: absolute;
    bottom: 0px;
    left: 0;
}

.productCartFormCheckoutButtonsBottom a.checkout {

    position: absolute;
    top: 35px;
    left: 176px;
}



.productCartFormCheckoutButtonsBottom a.checkoutBottom {

    position: absolute;
    top:0;
    right: 0px;
}

DIV.viewCartItem H3, DIV.confirmCartItem H3{

    padding:0 0 0 0;
    /*color:#0000000;*/
    margin:0 0 0.5em 0;

    font-weight:bold;

}
DIV.viewCartItem P{

    margin:0;
}





DIV.confirmCartItem P{

    padding:0 0 0 2em;
    margin:0;
}

DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG{

    font-weight:normal;
    color:#0000000;
}


TABLE#cart_shipping_totals{

    margin-top:1em;
}

TABLE#cart_shipping_totals TD{

    text-align:right;
}

DIV#colourSwatch{

    padding:3px;

    width:190px;
    margin:0.5em 0;
}

DIV.swatchItem{

    border:1px solid #999;
    height:36px;
    width:36px;
    background:#eee;
    float:left;
    margin:5px 5px 5px 4px;
}


DIV#statusMessage{

/* Ajax status messages etc */


    background-color:#fff;
    /*border:1px solid #666;*/
    color:#900;
    padding:5px;
}

#ajaxBusy
{
position:fixed;
left:50%;
margin:-50px;
width:100px;
top:100px;
display:none;
padding:8px;

background-color:#efefef;
border:solid 1px #000000;
}

DIV#statusMessage UL{ margin-top:0.5em; }

DIV#productCartContainer DIV.header{
padding:0.5em 0;
font-weight:bold;
color:#145825;
text-align:left;
}
TABLE#paymentMethods{
margin-bottom:1em;
border-bottom:1px dashed #145825;
}
TABLE#paymentMethods TD{
padding-bottom:1em;
}
TABLE#paymentMethods TD.input{
width:30px;
}
DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG {
color:#999;
font-weight:bold;
}
TABLE#productCartForm DIV.help{
display:inline;
font-size:7pt;
color:#999;
}

TABLE#accountDetails{
width:100%;
}
TABLE#accountDetails TD.label{
width:25%;
}
#coupon{
float: left;
position: relative;
width:100%;
}

TABLE#shippingTotals{
/* product order form */
float: left;
width: 91%;
padding: 10px ;
margin: 20px 0px 20px 0px;
background: #FFFFFF;
}
TABLE#shippingTotals TH{
text-align:left;
font-weight:bold;
}
TABLE#shippingTotals TD{
padding-left:15px;
text-align:right;
}

#relatedProductsContainer
{
float: left;
position: relative;
width: 285px;
border: none;
margin: 15px 0px 0px 0px;
background: #FFF;
border: 8px solid #f0f0ef;
overflow:hidden;
min-height:147px;
}

#relatedProductsContainer h3
{
margin: 10px 0px 0px 0px;

padding: 0;
color: #00688e;
font-size: 16px;
font-weight: bold;


line-height: 20px;
margin: 15px 0px 0px 20px;
background: none;
text-align: left;
font-weight: normal;
}


#relatedProducts
{

text-align: center;
position: relative;
float: left;
width: auto;
margin:10px auto 0px;
padding: 0px
background: #dadada;

}

.relatedLeftBg
{
position: relative;
float: left;


width: auto;
padding: 0px 0px 0px 10px ;
background:#dadada url(http://www.rrtractors.co.nz/images/style/related_products_left.jpg) top left no-repeat;
}

.relatedRightBg
{
position: relative;
float: left;
width: auto;

background: url(http://www.rrtractors.co.nz/images/style/related_products_right.jpg) top right no-repeat;
}

.relatedProduct
{
float: left;
position: relative;
width: auto;
width: 97px;
margin: 10px 10px 10px 0px;
}

.relatedProduct:hover
{
top: 2px;
}

.relatedProduct a
{
display: block;
font-size: 11px;
text-decoration: none;
}

.relatedProduct a img
{
margin: 0px 0px 0px 0px;
}

#productDetail
{
border-bottom: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.productReviews
{
float: right;
position: relative;
width:354px;
height: 147px;
margin: 15px 26px 0px 0px;
background: #FFF;
border: 8px solid #f0f0ef;
overflow:hidden;
}

.productReviews.fullWidth
{
width:350px;
}

.productReviews h3
{
display: block;
float: left;
position: relative;
width:100px;
height: 20px;
line-height: 20px;
margin: 10px 0px 0px 0px;
padding: 5px 14px;
background: none;
text-align: center;
color: #00688e;
font-size: 16px;
font-weight: normal;
}

.productReviews h3 span a#reviewForm
{
display: block;
padding: 15px 0px 0px;
text-decoration: none;
color: #999;
text-transform: lowercase;
font-size: 11px;
}

.productReviews h3 a#reviewForm:hover
{
text-decoration: underline;
color: #666;
}

.reviewContent
{
float: left;
position: relative;
width: 182px;
height: 108px;
overflow-x: hidden;
overflow-y: auto;
padding: 14px 20px 14px 14px;
border-left: 1px solid #CCC;
}


.productReviews .rating
{
float: left;
position: relative;
width: 182px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-top: none;
border-bottom: 1px solid #efefef;

}


.productReviews .rating p
{
margin: 0;
padding: 0;
}

a.prattleyVideoCallout
{
float: left;
position: relative;
}

a.prattleyVideoCallout:hover
{
top: 2px;
}

#productExpandingDetails
{
float: left;
position: relative;
width: 650px;
padding: 0px 27px 0px;
}

#productExpandingDetails h2
{
color: #00688e;
border-bottom: 1px dotted #858585;
margin: 20px 0px 5px 0px;
padding: 0px 0px 4px 0px;
cursor: pointer;
background: url(http://www.prolan.co.nz/images/style/arrow_blue.png) 115px 3px no-repeat;
}

#productExpandingDetails h2.usesTrigger
{
background: url(http://www.prolan.co.nz/images/style/arrow_blue.png) 53px 3px no-repeat;
}

#productExpandingDetails h2:hover
{
color: #ED7C1C;
}

#productEmailForm
{
float: left;
position: relative;
width: 90.2%;
margin: -15px 0px 0px 0px;
border-top: none;
}

#productEmailForm h2
{








margin: 0px 0px 10px 0px;
padding: 20px 0px 0px 0px;
margin: 20px 0px 20px 0px;
padding: 0;
color: #00688e;
font-size: 16px;
font-weight: bold;


line-height: 20px;
background: none;
text-align: left;
font-weight: normal;
}

#productEmailForm h2 span
{
margin: 0px 0px 10px 0px;
font-size: 12px;
color: #a2a2a2;
}
#emailForm .fmtxt
{
width: 460px;
font-size: 11px;
border: 1px solid #ccc;
padding: 5px;
margin: 3px 0px;
background: #ececec;
}

#addtoCart
{
float: left;
clear: left;

}

#addtoCart.blueButton
{

}


 a.blueButton
{
display: block;
float: left;
position: relative;
width: 140px;
height: 35px;
line-height: 32px;
text-align: center;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/blue_button_140.png) top left no-repeat;
margin: 5px 0px 0px 0px;
text-transform: uppercase;
}

 a:hover.blueButton
{
margin:7px 0px -2px 0px;
}

#addtoCart.blueButton a
{
display: block;
width: 140px;
height: 35px;
line-height: 32px;
text-align: center;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/blue_button_140.png) top left no-repeat;
margin: 0px 0px 0px -5px;
}

#addtoCart.blueButton a:hover
{
margin: 2px 0px -2px -5px;
}


#MakeEnquiry
{
float: left;
}

#MakeEnquiry .blueButton
{

}

#MakeEnquiry.blueButton a
{
display: block;
width: 140px;
height: 35px;
line-height: 32px;
text-align: center;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/blue_button_140.png) top left no-repeat;
margin: 0px 0px 0px 3px;
}

#MakeEnquiry.blueButton a:hover
{
margin: 2px 0px -2px 3px;
}




.confirmCartItem {
float: left;
position: relative;
width: 46%;
margin: 5px 0px 5px 0px;
    border: none;
    padding: 8px 0px 8px 8px;
background: none;

}

#productcartContainer .confirmCartItem p,
#productcartContainer .confirmCartItem h3
 {
margin: 0;
padding: 0;
}

.confirmCartItem img {
margin: 0px 5px 0px 0px;
}

#cart_shipping_totals {

    float: right;
    width: 150px;
    text-align: right;
    border-bottom: 3px double #1B2326;
    padding: 10px 0px 10px 369px;
    margin: 0px 0px 10px 0px;
}



#cart_shipping_totals th {
width: 10%;
    padding: 0px 8px 0px 0px;
}


#shippingTotals,
#cart_shipping_notes,
#userDetails
{
display:block ;
float: left;
width: 645px;
border: 1px dashed #1B2326;
margin: 10px 0px;
padding: 10px;
background: none;
}

#cart_shipping_notes
{
width: 623px;
}

#shippingTotals th
{
width: 25%;
}

#shippingTotals td
{
width: 25%;
}

.productCartFormCheckoutButtonsTop{

    float: right;
    margin: 10px 0px 0px 0px;
}

.productCartFormCheckoutButtonsBottom{

    float: right;
    width: 105%;
margin: 0px 0px 0px -10px ;
    height: 65px;
    position: relative;
text-align: right;
}

.checkoutButtonsBottom
{
float: right;
position: relative;

padding: 10px 68px 20px 0px;
text-align: right;
}

.checkoutButtonsBottom a
{
float: right;
position: relative;
display: inline-block;
width: 140px;
height: 35px;
line-height: 32px;
text-align: center;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/blue_button_140.png) top left no-repeat;
margin: 0px 0px 0px 0px;
}

.checkoutButtonsBottom a:hover
{
margin: 2px 0px -2px 0px;
}

.checkoutButtonsBottom a img
{
border: none;
}


.productCartFormCheckoutButtonsBottom a.productCartFormCheckoutButton {

    position: absolute;
    bottom: 0px;
    left: 0;
}

.productCartFormCheckoutButtonsBottom a.checkout {

    position: absolute;
    top: 35px;
    left: 176px;
}

.productCartFormCheckoutButtonsBottom a.checkoutBottom {

    position: absolute;
    top:0;
    right: 0px;
}

DIV.viewCartItem H3, DIV.confirmCartItem H3{

    padding:0 0 0 0;
    /*color:#0000000;*/
    margin:0 0 0.5em 0;

    font-weight:bold;

}
DIV.viewCartItem P{

    margin:0;
}

DIV.confirmCartItem P{

    padding:0 0 0 0em;
    margin:0;
}


DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG{

    font-weight:normal;
    color:#0000000;
}


TABLE#cart_shipping_totals{

    margin-top:1em;
}

TABLE#cart_shipping_totals TD{

    text-align:right;
}

DIV#colourSwatch{

    padding:3px;

    width:190px;
    margin:0.5em 0;

}


DIV.swatchItem{

    border:1px solid #999;
    height:36px;
    width:36px;
    background:#eee;
    float:left;
    margin:5px 5px 5px 4px;
}

#couponContainer,
#couponContainer .header p
{
float: left;
position: relative;
margin: 15px 0px 0px 0px;
padding: 0;
color: #666;
}

#invoiceHeader,
#onInvoice
{
float: left;
position: relative;
}

#invoiceHeader
{
font-weight: normal;
text-transform: uppercase;
margin: 15px 0px 0px 12px;
}

#onInvoice
{
margin: 0px 0px 0px 12px;
}




/* Default Right Column Callouts */

#rightCalloutColumn
{
float: right;
position: relative;
width: 175px;
margin: 35px 0px 0px 0px;
}

#productCalloutContainer
{
float: left;
position: relative;
width: 145px;
padding: 15px;
margin: 0px 0px 15px 0px;
background: #E5E5E6;
}

#productCalloutContainer h2
{
margin: 0px 0px 8px 0px;
padding: 0px 0px 5px 0px;
display: block;
text-transform: uppercase;
font-size: 12px;
border-top: none;
border-bottom: 2px dotted #ccc;
font-weight: bold;
text-align: left;
color: #1e2762;
width: 100%;
}

#productCalloutContainer .largeBlueButton
{
display: block;

float: left;
position: relative;
width: 140px;
height: 56px;
padding: 14px 0px 0px 0px;
line-height: 18px;
text-transform: uppercase;
text-align: center;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/blue_button_deep_140.png) top left no-repeat;
margin: 0px 0px -5px 0px;
}

#productCalloutContainer .largeBlueButton:hover
{
margin: 2px 0px -7px 0px;
}

#productCalloutContainer p img
{
position: relative;
float: left;
margin: 0px 0px -15px -15px;
}

#productCalloutContainer p.text
{
position: absolute;
top: 40px;
right: 15px;
width: 60%;
text-align: right;
font-weight: bold;
color: #234585;
}

#productCalloutContainer p a.buyButton
{
position: absolute;
top: auto;
right: 10px;
bottom: 20px;

display: block;
width: 49px;
height: 25px;
border: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_49.png) top left repeat-x;
font-size: 12px;
font-weight: ;
padding: 0px 0px 2px 0px;
margin: 0px 0px 0px 0px ;
line-height: 21px;
color: #FFF;
cursor: pointer;
text-align: center;
text-transform: uppercase;
text-decoration: none;
}

#enquireHereButton{
display:none;
}

.distributors #enquireHereButton{
display:block;
width:98%;
background:#E4780F;
color:#FFFFFF;
border:2px solid #FFFFFF;
font-size:14px;
text-decoration:none;
font-weight:bold;
text-align:center;
height:30px;
line-height:30px;
margin:0 0 10px;
}

#benefitsContainer
{
float: left;
position: relative;
width: 145px;
padding: 15px;
margin: 0px 0px 15px 0px;
background: #E5E5E6;
}

#benefitsContainer h2
{
margin: 0px 0px 8px 0px;
padding: 0px 0px 5px 0px;
display: block;
text-transform: uppercase;
font-size: 12px;
border-top: none;
border-bottom: 2px dotted #ccc;
font-weight: bold;
text-align: left;
color: #1e2762;
width: 100%;
}

#benefitsContainer ul
{
margin: 0px 0px 8px 0px;
padding: 0px 0px 5px 15px;
}

/* Distributors Login */

.contactsIntro
{
margin: 15px 0px 15px 0px;
}


#contactsTable
{
margin: 15px 0px 0px 0px;
}

.contactsTable p
{
margin: 0px 0px 0px 0px;
}


.contactsTable TD{
vertical-align:top;
padding: 2px;
}

.contactsTable .label{
white-space: nowrap;
padding-right: 10px;
width: 120px;
font-weight: bold;
}

#contactsTable select,
#contactsTable input
{
width: 210px;
font-size: 11px;
border: 1px solid #525252;
}

#contactsTable input
{
width: 124px;
}

#contactsTable .contactsSearchButton
{
border: none;
cursor: pointer;
display: inline-block;
float: right;
position: relative;
width: 75px;
height: auto;
right:80px;
top:-1px;
line-height: auto;
padding: 4px 0px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
background: url(http://www.prolan.co.nz/images/style/orange_button_75.png) top left no-repeat;

}

#contactsTable .contactsSearchButton:hover
{
margin: 2px 0px -2px;
}

p.contactsRegionHeader
{
margin: 10px 0px;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #E96807;
float:left;
position:relative;
width:100%;
}


#default.distributors #pageEditorContent table{
width:48% !important;
float:left;
position:relative;
margin:0 2% 0 0;
}


#default.distributors #pageEditorContent table tr td table{
width:251px !important;
margin:0;
}

#default.distributors #pageEditorContent table .contactsImage{
width:100px !important;
}

p.contactsCountryHeader
{
font-weight: bold;
color: #02619B;
font-size: 16px;
margin-bottom: -4px;
}


td.contactsContactHeader
{
padding: 15px 0px 5px;
font-size: 14px;
font-weight: bold;

text-transform: capitalize;
color: #234585;
}



/* Document Library Styles */

#documentLibraryItems

{
border: 1px solid #234585;
float: left;
width: 500px;
position: relative;
margin: 20px 0px 0px 0px;
}

.documentLibraryItem
{
float: left;
position: relative;
width: 500px;
background: #fff;
padding: 0px 0px 5px 0px;
}



.documentLibraryItem .title
{
float: left;
position: relative;
width: 285px;
display: inline-block;
padding: 5px;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 75px;
padding: 5px;
font-size: 11px;
}

.documentLibraryItem .icon
{
float: left;
position: relative;
width: 100px;
padding: 5px;
font-size: 11px;
}

.documentLibraryItem .icon img
{
margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading
{
background:#234585;
color: #FFF;
}

.documentLibraryItem.heading .title
{
padding-bottom: 0px;
}

.documentLibraryItem.heading .size
{
padding-bottom: 0px;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;
}

.documentLibraryItem .description
{
float: left;
position: relative;
width: 544px;
padding: 0px 0px 0px 20px;
color: #666;
}

#listing_form select
{
font-size: 11px;
border: 1px solid #666;
margin: 4px 0px 0px 0px;
}

.sectors #orangeSubmenu a.overviewLink,
.overview #orangeSubmenu a.overviewLink,
.industrial #orangeSubmenu a.industrialLink,
.marine #orangeSubmenu a.marineLink,
.automotive #orangeSubmenu a.automotiveLink,
.agriculture #orangeSubmenu a.agricultureLink,
.aviation #orangeSubmenu a.aviationLink,
.transport #orangeSubmenu a.transportLink,
.household_and_leisure #orangeSubmenu a.householdAndLeisureLink,

.why_prolan #orangeSubmenu a.naturalLink,
.long_lasting_natural_performance_and_protection #orangeSubmenu a.naturalLink,
.environmentally_friendly_and_safe #orangeSubmenu a.ecoFriendlyLink,
.prolan_versatility #orangeSubmenu a.versatileLink,
.real_products_real_people_real_performance #orangeSubmenu a.realProductsRealPeopleRealPerformanceLink,
.service_and_support #orangeSubmenu a.serviceAndSupportLink,

.about_prolan #orangeSubmenu a.whoWeAreLink,
.who_we_are #orangeSubmenu a.whoWeAreLink,
.how_we_work #orangeSubmenu a.howWeWorkLink,
.r_and_d #orangeSubmenu a.rAndDLink
{
color: #234585;
}

.archiveNoShow
{
display: none;
}

#newsletterTable
{
width: 100%;
margin: 18px 0px 0px 0px;
text-align: left;
}
#formContainer{
position: relative;
float: left;
}


@media screen and (max-width: 1100px) {

.container{
width:850px;
}

.feedbackTab{
display:none;
}

.bgcontainer{
width:100%;
overflow:hidden;
background:none;
}

#header{
width:100%;
padding:0;
}

#headerText{
right:220px;
}

#login{
right:5px;
}

#facebookIconLink{
right: 440px;
}

#navigation{
margin:104px 0 0 115px;
}

#content{
width:100%;
min-height:348px;
background:none;
}

#content #leftCol{
margin:25px 0 0 8px;
width:150px;
padding:10px;
}

.home #content #leftCol{
margin:8px 0 0 8px;
}

#content #centerCol{
width:77%;
margin:0 1%;
}

.distributors #content #centerCol{
width:95%;
margin:0 20px;
}

#productFinder input,
#productFinder select{
width: 144px;
}

#productFinder select{
width: 150px;
}

#slideShow{
height: 338px;
min-width:850px;
}

#homeSlides{
width:100% !important;
min-width:850px;
height: 338px !important;
overflow:hidden;
}

#homeSlides a{
width:100%;
height:auto;
}

#homeSlides img{
min-width:1100px !important;
}

#homeSlides .extraFields{
top: -8px;
}

#headerImage .headerImage{
max-height: 279px;
min-width:850px;
}

#headerImage .headerImage .bannerLink{
height: 269px;
background-position:top right;
}

#headerImage .headerImage .bannerHtml{
top: -205px;
}

.homeCallout{
width:178px;
margin:0 0 0 9px;
}

.homeCallout h2{
font-size:13px;
}

.homeCallout .rightCol{
width:82px;
}

.home #pageEditorContent{
width:100%;
}

#orangeSubmenu{
width:94%;
height:auto;
padding:0 3%;
text-indent:0;
margin:25px 0 0;
line-height:25px;
background-size:100% 100%;
}

#orangeSubmenu a{
white-space:nowrap;
}

#default.rightColumn #rightCalloutColumn{
display:none;
}

#default.distributors #rightCalloutColumn{
display:block;
position:absolute;
right:0;
}

#default.distributors #rightCalloutColumn #benefitsContainer{
display:none;
}


#default.rightColumn #pageEditorContent{
width:100%;
}

#default.household_and_leisure #leftCol,
#default.transport #leftCol,
#default.aviation #leftCol,
#default.agriculture #leftCol,
#default.automotive #leftCol,
#default.marine #leftCol,
#default.industrial #leftCol,
#default.overview #leftCol,
#default.sectors #leftCol{
display:none;
}

#default.household_and_leisure #centerCol,
#default.transport #centerCol,
#default.aviation #centerCol,
#default.agriculture #centerCol,
#default.automotive #centerCol,
#default.marine #centerCol,
#default.industrial #centerCol,
#default.overview #centerCol,
#default.sectors #centerCol{
width:96%;
margin:2%;
overflow:hidden;
}

#default.household_and_leisure #orangeSubmenu,
#default.transport #orangeSubmenu,
#default.aviation #orangeSubmenu,
#default.agriculture #orangeSubmenu,
#default.automotive #orangeSubmenu,
#default.marine #orangeSubmenu,
#default.industrial #orangeSubmenu,
#default.overview #orangeSubmenu,
#default.sectors #orangeSubmenu{
margin:0;
}

#default.household_and_leisure #pageEditorContent,
#default.transport #pageEditorContent,
#default.aviation #pageEditorContent,
#default.agriculture #pageEditorContent,
#default.automotive #pageEditorContent,
#default.marine #pageEditorContent,
#default.industrial #pageEditorContent,
#default.overview #pageEditorContent,
#default.sectors #pageEditorContent{
width:75%;
}

#default.household_and_leisure #rightCalloutColumn,
#default.transport #rightCalloutColumn,
#default.aviation #rightCalloutColumn,
#default.agriculture #rightCalloutColumn,
#default.automotive #rightCalloutColumn,
#default.marine #rightCalloutColumn,
#default.industrial #rightCalloutColumn,
#default.overview #rightCalloutColumn,
#default.sectors #rightCalloutColumn{
margin:35px 0 0 15px;
display:block;
}

#default.marine #rightCalloutColumn,
#default.agriculture #rightCalloutColumn{
min-height:750px;
}


#default.products #rightCalloutColumn{
display:block;
}

#default.products #pageEditorContent{
width:68%;
}

#default.products #pageEditorContent .productListingItem{
margin:0 10px 10px 10px;
width: 198px;
background-size:100% 100%;
}

#default.products #pageEditorContent .productListingItem:nth-child(even){
margin:0 0 10px 0;
}

.productListingItem a.readMoreLink{
width: 100%;
}

#pageEditorContent{
width:100%;
}

#pageEditorContent img{
max-width:100%;
height:auto;
}

#productDetail{
width:100%;
}

#productDetail #right {
float: left;
width: 358px;
margin: 0px 10px 0px 10px;
}

DIV#productDetailCartStatusBox{
right: -6px;
}

#productExpandingDetails{
width: 91%;
}

.productReviews{
width:350px;
margin:15px 0 0 0;
}

#relatedProductsContainer{
width:248px;
min-height:147px;
margin:15px 13px 0 0;
}

#emailForm.product{
width:94.3%;
}

.product_details #copyright{
margin:10px 0 0 0;
}

.moduleItemsListingNews {
width: 100%;
}

.moduleItemNews #moduleItemContent{
width:100%;
}

#navBar{
display:none;
}

#whatsHappening{
min-width:850px;
}

#whatsHappening #newsContainer{
width: 850px;
}

#footer{
min-width:850px;
}

#footerContainer{
width:850px;
}


}


@media screen and (max-width: 450px) {

.container{
width:320px;
}

#header{
min-height:139px;
height:auto;
margin:0 0 15px 0;
}

#header a img.logo{
position:relative;
}

#headerText{
display:none;
}

#login{
display:none;
}

#facebookIconLink{

display:none;
}

a#pull {
position: absolute;
top:55px;
right: 10px;
display: inline-block;
width: 45px;
height: 45px;
background: #E96807;
padding: 0;
}

a#pull:after {
content:"";
background: url(http://www.prolan.co.nz/images/style/nav-icon.png) center no-repeat;
background-size: 47% auto;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}

#navigation{
width:100%;
height:auto;
padding:0;
margin:-10px 0 0 0;
float:left;
position:relative;
background:#FFFFFF;
}

#navigation ul{
display:none;
}

#navigation ul li{
float:left;
position:relative;
width:100%;
}

#navigation ul li a{
width:100%;
padding:0;
font-size:14px;
background:none !important;
border-bottom: 1px solid #E96807;
}

#navigation ul li ul{
display:none !important;
}

#content #leftCol{
display:none;
}

#content #centerCol{
width:94%;
margin:0 3%;
}

#slideShow{
display:none;
}

#homeSlides{
display:none;
}

.homeCallout{
width: 270px;
margin:5px 0 !important;
}

.homeCallout h2{
font-size:14px;
}

.homeCallout .rightCol{
width:175px;
}

.homeCallout .rightCol p{
font-size: 12px;
}

.youtubeBannerLink{
width:100%;
float:left;
position:relative;
}

.youtubeBannerLink img{
margin:0 auto;
float:none !important;
padding:0 0 20px 0 !important;
position:relative;
display:block;
width:227px;
}

#default.rightColumn #rightCalloutColumn{
width:100%;
}

#default.distributors #rightCalloutColumn{
margin:0 0 15px 0;
}

#default.rightColumn #rightCalloutColumn #productCalloutContainer{
width:92%;
padding:4%;
}

#default.rightColumn #rightCalloutColumn #productCalloutContainer:last-child(){
display:none !important;
}

#default.rightColumn #rightCalloutColumn #benefitsContainer{
display:none !important;
}

#default.rightColumn #pageEditorContent{
width:100% !important;
}

#default.distributors #pageEditorContent{
margin:20px 0 0 0;
}

.distributors #content #centerCol{
width: 94%;
margin: 0 3%;
}

#default.distributors #pageEditorContent table{
width:100% !important;
margin:0;
}


#default.distributors #pageEditorContent table tr td table{
width:251px !important;
}

#default.distributors #pageEditorContent table .contactsImage{
width:100px !important;
}

#orangeSubmenu{
background:none;
background:#E96807;
color:#E96807;
}

#orangeSubmenu a{
font-size: 11px;
line-height: 14px;
width: 40%;
float: left;
margin: 10px 0px;
position: relative;
}

#orangeSubmenu a:nth-child(even){
padding: 0px 0 0 14px;
border-left: 1px solid black;
}

.products #orangeSubmenu a{
width:98%;
padding:0 1%;
margin:0;
border-left:none;
}

#default.products #pageEditorContent .productListingItem{
margin:0 0 10px 0 !important;
width: 100%;
}

#productDetail #right {
float: left;
width: 94%;
margin: 0 3%;
}

.productReviews{
width: 94.3%;
}

.productReviews h3{
width:94%;
padding:1% 3%;
text-align:left;
}

.productReviews h3 span a#reviewForm{
padding: 0px 0px 0px;
}

.reviewContent{
width:94%;
padding:3%;
}

#relatedProductsContainer{
width: 94.3%;
margin: 15px 0 0;
}

#emailForm.product{
width: 88%;
}

#emailForm input.fmtxt,
#emailForm input.fstxt,
#subscribeForm input.fmtxt,
#subscribeForm input.fstxt,
.userRegistration input.fmtxt,
#editReview input.fstxt{
width: 180px;
}

#emailForm textarea.fmtxt,
#subscribeForm textarea.fmtxt,
.userRegistration textarea.fmtxt,
#editReview textarea.fmtxt{
width: 180px;
}

#relatedProducts{
padding: 10px;
}

#contactsTable .contactsSearchButton{
top: -2px;
right: 18px;
}

.distributors #pageEditorContent table table{
width:200px;
}

.contactsTable .label{
width: 60px;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemContent{
width: 100%;
}

#pageSource{
width: 100%;
margin: 0px 0px 0px 0px;
}

.contact_us #pageSource table{
width:100%;
}

.contact_us #emailForm{
width: 92.6%;
}

#documentLibraryItems{
width: 100%;
}

.documentLibraryItem{
width: 100%;
}



.documentLibraryItem .title{
width: 124px;
padding: 5px 10px 0 5px;
}

.documentLibraryItem .size{
width: 45px;
}

.documentLibraryItem .icon{
width: 95px;
}

#whatsHappening{
min-width:320px;
}

#whatsHappening #newsContainer{
width: 320px;
}

#newsContainer .moduleComponentnews .componentItem{
width: 90%;
margin: 2%;
padding: 3% 3% 0;
}

#footer{
min-width:320px;
}

#footerContainer{
width:320px;
}

#headerImage{
display:none;
}

#productCartForm,
#userDetails{
padding: 5%;
width: 90%;
}

#productCartForm td{
float:left;
position:relative;
display:block;
width:100%;
}

.checkoutButtonsBottom{
padding: 0;
}

}