@font-face {font-family:'VAGRoundedBlack';src:url('/templates/monkey/font/vagrounded-black-webfont.eot');src:url('/templates/monkey/font/vagrounded-black-webfont.eot?#iefix') format('embedded-opentype'),url('/templates/monkey/font/vagrounded-black-webfont.woff') format('woff'),url('/templates/monkey/font/vagrounded-black-webfont.ttf') format('truetype'),url('/templates/monkey/font/vagrounded-black-webfont.svg#VAGRoundedBlack') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'VAGRoundedBold';src:url('/templates/monkey/font/vagrounded-bold-webfont.eot');src:url('/templates/monkey/font/vagrounded-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/templates/monkey/font/vagrounded-bold-webfont.woff') format('woff'),url('/templates/monkey/font/vagrounded-bold-webfont.ttf') format('truetype'),url('/templates/monkey/font/vagrounded-bold-webfont.svg#VAGRoundedBold') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'VAGRoundedThin';src:url('/templates/monkey/font/vagrounded-thin-webfont.eot');src:url('/templates/monkey/font/vagrounded-thin-webfont.eot?#iefix') format('embedded-opentype'),url('/templates/monkey/font/vagrounded-thin-webfont.woff') format('woff'),url('/templates/monkey/font/vagrounded-thin-webfont.ttf') format('truetype'),url('/templates/monkey/font/vagrounded-thin-webfont.svg#VAGRoundedThin') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'VAGRoundedLight';src:url('/templates/monkey/font/vagrounded-light-webfont.eot');src:url('/templates/monkey/font/vagrounded-light-webfont.eot?#iefix') format('embedded-opentype'),url('/templates/monkey/font/vagrounded-light-webfont.woff') format('woff'),url('/templates/monkey/font/vagrounded-light-webfont.ttf') format('truetype'),url('/templates/monkey/font/vagrounded-light-webfont.svg#VAGRoundedLight') format('svg');font-weight:normal;font-style:normal;}

html {
  height:101%;
}

body {
  background-color:#91c400;
  margin:0;
  padding:0;
  background-image:url(images/header-menu-sky.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  font-family: Verdana, Arial;
  font-size:12px;
  color:#808080;
}

.brown {
  color:#402a14 !important;
}

.width-fix {
  width:980px;
}

.clearboth {
  clear:both;
}

a {
  color:#daae27;
  text-decoration: none;
}

/* HEADER */

div#header {
  width: 980px;
  background-image:url(images/header.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  height: 67px;
  position: relative;
}

div#tagline {
  position: absolute;
  top:0;
  right:0;
  color:#FFF;
  font-family:'VAGRoundedBold';
  font-size:18px;
  text-align:right;
  margin-top:10px;
}

div#tagline span.yellow {
  color:#daae27;
}


/* Main menu */

div#mainnav {
  height:32px;
  width:980px;
  position: relative;
}

div#mainnav a {
  color:#402a14;
  font-family:'VAGRoundedBold';
  text-decoration: none;
  font-size:14px;
  background-image:url(images/menu-bar.gif);
  background-repeat:no-repeat;
  background-position: right;
  padding:3px 10px 0 0;
  position: relative;
  top:8px;
  margin-right:8px;
}

div#mainnav a.nobar {
  background-image:none;
}

div#mainnav div#right {
  float:right;
}

div#mainnav div#right a {
  padding:3px 0 0 10px;
  margin-right:0;
  margin-left:8px;
  background-position: left;
}

div#mainnav div#right a.red {
  color:#b81c00;
}


/* Quote box */

div#quotebox {
  background-image:url(images/quote.jpg);
  height:253px;
  background-repeat:no-repeat;
  background-position: top center;
}

div#quotebox div#widthrestriction {
  width:980px;
  position: relative;
}

div#quotebox div#review {
  width: 465px;
  position: absolute;
  top: 205px;
  left: 513px;
  height:40px;
}

div#quotebox div#review #time {
  position: absolute;
  top:24px;
  left:0;
  font-size:10px;
  color:#2c3911;
}

div#quotebox div#review #link {
  position: absolute;
  top:23px;
  left:110px;;
}

div#quotebox div#review #link {
  position: absolute;
  top:23px;
  left:110px;
  font-size:11px;
  font-weight:bold;
  text-decoration: none;
  color:#2c3911;
}

div#quotebox div#review #text {
  position: absolute;
  top:0;
  left:110px;
  color:#fff;
}

div#quotebox div#getquote {
  width:445px;
  height:195px;
  position: absolute;
  top:40px;
  left:17px;
}

div#quotebox div#getquote_tab {
  height:46px;
}

div#quotebox div#getquote_tab a#tab_left {
  background-image:url(images/quotebox/left-off.png);
  width:218px;
  height:30px;
  display: block;
  font-family:'VAGRoundedBold';
  color:#fff;
  text-decoration: none;
  font-size:18px;
  padding:8px 0 0 8px;
  float:left;
  color:#daae27;
}

div#quotebox div#getquote_tab a#tab_right {
  background-image:url(images/quotebox/right-off.png);
  width:203px;
  height:30px;
  display: block;
  font-family:'VAGRoundedBold';
  color:#fff;
  text-decoration: none;
  font-size:18px;
  padding:8px 0 0 8px;
  float:right;
  color:#daae27;
}

div#quotebox div#getquote_tab a#tab_right.on {
  color:#fff;
  background-image:url(images/quotebox/right-on.png);
}

div#quotebox div#getquote_tab a#tab_left.on {
  color:#fff;
  background-image:url(images/quotebox/left-on.png);
}

div#quotebox div#getquote_tab a#tab_right:hover, div#quotebox div#getquote_tab a#tab_left:hover {
  color:#FFF;
}

div#quotebox input#collection_postcode,div#quotebox input#delivery_postcode {
  border:0;
  padding:7px;
  background-color:#fff;
  width:212px;
  top:53px;
  position:absolute;
}

div#quotebox input#delivery_postcode {
  width:197px;
  left:234px;
}

div#quotebox input.dimension {
  border:0;
  padding:7px;
  background-color:#fff;
  width:28px;
  margin-top:50px;
}

div#quotebox .dims_row {
  font-family:'VAGRoundedLight';
  color:#FFF;
  font-size:16px;
}

div#quotebox .dims_row input {
  position:relative;
  bottom:1px;
}

div#quotebox .dims_row .plus {
  position: relative;
  top:7px;
  left: 10px;
}

div#quotebox div.buttons {
  position: absolute;
  bottom:0;
  left:0;
  width:447px;
}

div#quotebox select#intl_destination {
  border:0;
  padding:5px;
  background-color:#fff;
  width:443px;
  top:53px;
  font-size:14px;
  position:absolute;
}

/* 4 col layout */
.fourcolumns {
  width:980px;
  line-height:1.5em;
}

.fourcolumns .col1,.fourcolumns .col2,.fourcolumns .col3,.fourcolumns .col4 {
  background-color:#FFF;
  width:236px;
  float: left;
  margin-right:15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  
}

.fourcolumns .col2 {
  margin-right:20px;
}

.fourcolumns .col2,.fourcolumns .col3 {
  width:228px;
}

.fourcolumns .col4 {
  margin-right:0;
}

.fourcolumns .boxpadding {
  padding: 12px;
}

.fourcolumns .bigtext {
  font-family:'VAGRoundedBold';
  text-align:center;
  font-size:22px;
  width:210px;
  color:#402a14;
  line-height:1.4em;
}


/* 2 col layout */
.twocolumns {
  width:980px;
  line-height:1.6em;
}

.twocolumns .col1,.twocolumns .col2 {
  background-color:#FFF;
  width:480px;
  float: left;
  margin-right:20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
}

.twocolumns .col2 {
  width:480px;
  margin-right:0;
}

.twocolumns .col4 {
  margin-right:0;
}

.twocolumns .boxpadding {
  padding: 12px;
}

.twocolumns h1 {
  color:#daae27;
  margin:0;
  font-size:22px;
  font-weight:normal;
  font-family:'VAGRoundedBold';
}

.twocolumns .col1 p {
  margin: 8px 0 0 0;
}

.onecolumn {
  background-color:#FFF;
  width:980px;
  margin-right:20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  text-align:left;
  color:#444;
  font-family:Tahoma, Verdana;
}

.seolinks a {
  color:#808080;
}

.seolinks a:hover {
  color:#daae27;
}

.onecolumn .boxpadding {
  padding: 54px;
}


.onecolumn h1,.roundbox h1 {
  color:#442B14;
  margin:0 0 10px 0;
  font-size:18px;
}

.onecolumn h2,.roundbox h2 {
  color:#442B14;
  margin:0 0 10px 0;
  font-size:14px;
}

.roundbox {
  background-color:#FFF;
  width:980px;
  margin-right:0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  text-align:left;
  color:#444;
  font-family:Tahoma, Verdana;
}




#facebox {
  color:#442B14;
}

.inputradius {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius:5px;
}

/* Dummy input colour */

input.dummyinput.off {
  color:#888;
}


/* Footer */

#footer {
  background-color:#84a81f;
  margin-top:20px;
  color:#2c3911;
  line-height:1.5em;
}

#footer div#footercontent {
  width:980px;
  padding: 20px 0 20px 0;
  position: relative;
}

#footer div.col1 {
  width: 200px;
}

#footer div.col2 {
  width: 200px;
}

#footer div.col3 {
  width: 400px;
}

#footer div.col1,#footer div.col2,#footer div.col3 {
  float: left;
  width:238px;
  margin-right:0;
}

#footer div.col3 {
  float: right;
  width:480px;
}

.footerheading {
  font-weight:bold;
  color:#FFF;
}

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

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

#footer input.tracking {
  background:#91c400;
  border:0;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius:5px;
  width: 340px;
  float:left;
  margin-right:10px;
  font-weight:bold;
  color:#2c3911;
}

#footer #copyright {
  font-size:10px;
  text-align:right;
  position:absolute;
  bottom:20px;
  right:0;
}

/* Expander */

.expander {
  display: none;
}


/* other headings */

.heading {
  color:#daae27;
  margin:0;
  font-size:22px;
  font-weight:normal;
  font-family:'VAGRoundedBold';
}

.heading.blue {
  color:#50547e;
}

h2.homepage {
  font-family:'VAGRoundedBold';
  font-weight:normal;
  margin:0;
  padding:0;
  font-size:16px;
  color:#402a14;
}

.four_col_box_price {
  font-family:'VAGRoundedBold';
  font-weight:normal;
  margin:0;
  padding:0;
  font-size:25px;
  color:#402a14;
  margin-top:15px;
}








/* LEGACY STUFF BELOW */


/* DATA TABLES */



table.formatted,table.formatted2 {
  border:solid 1px #412B15;
}

table.formatted td,table.formatted  th,table.formatted2 td,table.formatted2  th {
  padding:6px;
  border-bottom:solid 1px #DDD;
}

table.formatted th,table.formatted2 th {
  text-align:left;
  background-color:#412B15;
  color:#FFF;
  font-weight:bold;
}

.button,a.button {
  background-color:#e8c800;
  border:0;
  color:#412B15;
  border: solid 1px #412B15;
  font-weight:bold;
  padding:5px;
  text-decoration:none;
  cursor:pointer;
  font-size:11px;
}




table.formatted_input {

}

table.formatted_input td,table.formatted_input  th {
  padding:6px;
}

table.formatted_input th {
  text-align:left;
  color:#412B15;
  font-weight:bold;
}



/* forms */

form input.textinput {
  border:solid 1px #A9A57D;
  padding:4px;
  width:250px;
}

form select.selectinput {
  border:solid 1px #DDD;
  padding:4px;
  width:260px;
}

form textarea.textareainput {
  width:250px;
  border:solid 1px #DDD;
  font-size:11px;
  font-family:Arial,Helvetica;
  padding:4px;
}



.error {
  color:#FF0000;
  font-weight:bold;
}

.rq {
  color:#FF0000 !important;
}


.content-box {
  border:solid 1px #362516;
  border-top:0;
  padding:20px;
  color:#444;
}

.content-box-header {
  height:30px;
  background-image:url('images/tableheader.jpg');
  background-repeat:no-repeat;
  font-size:15px;
  font-weight:bold;
  color:#FFF;
  padding: 14px 0 0 20px;
}

.content-box-header .small {
  font-size:10px;
  font-weight:normal;
  float:right;
  position:relative;
  right:20px;
}



table.listformat {
  border-collapse: collapse;
}

table.listformat td, table.listformat th {
  padding:8px 0 4px 8px;
  border-bottom:solid 1px #DDD;
}

table.listformat th {
  
  color:#000;
  font-weight:bold;
  text-align:left;
  font-size:1.2em;
  border-bottom:solid 2px #bbb;
  padding-bottom:8px;
  padding-top:0;
  
}


table.listformat tr.odd td {
  background-color:#feffe7;
}


.h1caption {
  position:relative;
  bottom:7px;
  font-size:0.9em;
  color:#777;
  margin-bottom:15px;
}

.flags {
  cursor: pointer;
}


.bigform .textinput {
  border: solid 1px #DDD;
  background-color: #F1F1F1;
  font-family:Tahoma, Verdana, Helvetica, Arial;
  font-size:16px;
  color:#555;
}


#pagedbox_nav {
  position: absolute;
  top:10px;
  right:15px;
  font-size:24px;
  z-index:100;
}

#pagedbox_nav a {
  color:#888;
}

#pagedbox_nav a.activeSlide {
  color:#daae27;
}



.price-expander {
  border: solid 1px #DDD;
  border-bottom:0;
}

.price-expander div {
  border-bottom: solid 1px #DDD;
  padding:7px;
}

.price-expander-more {
  background-color:#F1F1F1;
  font-weight:bold;
  padding:7px;
  text-align:center;
  border:solid 1px #DDD;
  border-top:0;
  cursor:pointer;
}