colours {
  
}

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

strong {
  font-weight: bold;
}
body.design {
background:url(images/hex_bg.gif) no-repeat top center #25358e;

	font-size: 12px;
	line-height: 20px;
	text-align: center;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
	margin: 0px;
  padding: 0px;
}
body {
  font-family: Arial,Sans-Serif;
  padding: 10px;
	font-size: 14px;
	 background:url(images/hex_bg.gif) no-repeat top center #25358e;
}

body table {
  border: 1px solid #000;
}
  body table td {
    border: 1px solid #000;
  }
  
body.design table {
  border: none;
}
  body.design table td {
    border: none;
  }

p {
	margin: 0px 0px 10px 0px;
}
ul {
	margin: 0px 0px 0px 20px;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h1 {
}
h2 {
}
h3 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
/*- links --------------------------------------------------------------------*/
a {
	cursor: pointer;
}
body.design a {
	cursor: pointer;
  color: #FFFFFF;
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}

/*- classes ------------------------------------------------------------------*/
.left {
	float: left;
	margin: 0px 10px 10px 0px;
}
.right {
	float: right;
	margin: 0px 0px 0px 5px;
}

.textRight {
  text-align: right;
}
.textLeft {
  text-align: left;
}

.clear {
	clear: both;
  height: 1px;
  line-height: 1px;
}

.solid {
  border-top: 1px solid #fff;
}
.dotted {
  background: url(images/bar_dotted.png) repeat-x;
}


/*- columns ------------------------------------------------------------------*/
.column {
  float: left;
  display: block;
  clear: none;
}
.column_180 {
  width: 180px;
}
.column_350 {
  width: 350px;
}
.column_410 {
  width: 410px;
}
.column_270 {
  width: 270px;
}
.column_720 {
  width: 720px;
}
.column_940 {
  width: 940px;
}

/*- site ---------------------------------------------------------------------*/
#wrapper {
  background:url(images/hex_bg.gif) no-repeat top center #25358e;
  float: left;
  clear: both;
  width: 100%;
}
#container {
   width: 960px;

  
  margin: 30px auto 10px auto;
  text-align: left;
  position: relative;
}
  #header {
    height: 110px;
    margin: 0px;
    position: relative;
  }
    #header #logo {
      margin-left: 10px;
      padding-top: 10px;
letter-spacing:3px;
    }
    #header #strapline {
      margin-left: 40px;
      padding: 5px 0px;
    }
    #header #client_area {
      margin-left: 40px;
      padding: 5px 0px;
    }
      #header #client_area_inner {
        padding: 5px 0px 0px 0px;
      }
      #header #client_area #email_bg,
      #header #client_area #password_bg {
        float: left;
        display: inline;
        width: 130px;
      }
      #header #client_area #email_bg {
        background: url(images/input_username_bg.png) no-repeat;
        margin-right: 10px;
      }
      #header #client_area #password_bg {
        background: url(images/input_password_bg.png) no-repeat;
      }
      #header #client_area #email,
      #header #client_area #password {
        margin: 1px 0px 0px 5px;
        width: 115px;
        height: 15px;
        color: #1e5e8a;
        border: none;
        background: none;
      }
        #header #client_area .submit {
          float: right;
          margin: 5px 0px 0px 0px;
        }
  
  #main {
    
  }
    #sidebar {
      margin-left: 10px;
    }
      #sidebar ul.nav {
        list-style-type: none;
        margin: 0px 0px 40px 0px;
        padding: 0px;
        background: url(images/bar_dotted.png) repeat-x;
      }
        #sidebar ul.nav li.level_1 {
          border-bottom: 1px solid #FFFFFF;
          padding: 5px 0px 4px 0px;
        }
        #sidebar ul.nav li.level_1_parent {
          border-bottom: none;
          padding: 5px 0px 1px 0px;
        }
        
        #sidebar ul.nav li.level_2 {
          font-size: 11px;
          background: url(images/nav_arrow.png) no-repeat 0px 5px;
          border-bottom: none;
          padding: 0px 0px 0px 15px;
        }
        #sidebar ul.nav li.level_2_last {
          font-size: 11px;
          background: url(images/nav_arrow.png) no-repeat 0px 5px;
          border-bottom: 1px solid #fff;
          padding: 0px 0px 4px 15px;
        }
        #sidebar ul.nav li.level_2_parent {
          border-bottom: none;
          padding: 5px 0px 1px 0px;
        }
        
        #sidebar ul.nav li.level_3 {
          font-size: 11px;
          background: url(images/nav_arrow.png) no-repeat 15px 5px;
          border-bottom: none;
          padding: 0px 0px 0px 30px;
        }
        #sidebar ul.nav li.level_3_last {
          font-size: 11px;
          background: url(images/nav_arrow.png) no-repeat 15px 5px;
          border-bottom: 1px solid #fff;
          padding: 0px 0px 4px 30px;
        }
        #sidebar ul.nav li.level_4 {
          font-size: 11px;
          background: url(images/nav_arrow.png) no-repeat 30px 5px;
          border-bottom: none;
          padding: 0px 0px 0px 45px;
        }
        #sidebar ul.nav li.level_5 {
          font-size: 11px;
          background: url(images/nav_arrow.png) no-repeat 45px 5px;
          border-bottom: none;
          padding: 0px 0px 0px 60px;
        }
        #sidebar ul.nav li.level_6 {
          font-size: 11px;
          background: url(images/nav_arrow.png) no-repeat 60px 5px;
          border-bottom: none;
          padding: 0px 0px 0px 75px;
        }
        
          #sidebar ul.nav a {
            padding: 0px 17px 0px 0px;
          }
          #sidebar ul.nav a.selected {
            background: url(images/nav_selected.png) no-repeat 100% 3px;
          }
    #content {
      margin-left: 40px;
      padding-top: 5px;
    }

      #slider1 {
        background: #FC7244;
        width: 720px;
        height: 210px;
        border-bottom: 1px solid #FFFFFF;
        position: relative;
      }
        #paginate-slider1 {
          position: absolute;
          top: 305px;
          left: 680px;
          width: 200px;
          z-index: 600;
        }
        .slider_title {
          position: absolute;
          top: 84px;
          left: 451px;
          width: 268px;
          height: 100px;
          font-weight: bold;
          font-size: 14px;
        }
        .slider_strapline {
          background: url(images/black40.png);
          position: absolute;
          top: 180px;
          left: 0px;
          width: 440px;
          height: 30px;
          z-index: 500;
        }
          .slider_strapline_inner {
            padding: 5px 10px;
          }
      
      #content h1 {
        font-size: 14px;
        line-height: 18px;
      }
      #content h2 {
        font-size: 14px;
        line-height: 18px;
        background: url(images/bar_dotted.png) repeat-x left bottom;
        padding: 15px 0px 10px 0px;
        margin: 0px 0px 5px 0px;
      }
      #content h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0px 0px 5px 0px;
      }
      #text_column_one {
      }
      #text_column_two {
        margin-left: 20px;
      }
      
      .home_news {
        height:100px;
	overflow:hidden;
      }
        .news_item {
          border-bottom: 1px solid #FFFFFF;
          float: left;
          clear: both;
	  height:89px;
	  overflow:hidden;
          width: 100%;
          padding-bottom: 10px;
        }
          .news_date {
            background: url(images/news_date_bg.png) no-repeat top left;
            float: left;
            width: 66px;
            height: 56px;
            color: #277bab;
          }
            .news_date p {
              padding-right: 10px;
              text-align: center;
            }
            .news_date p.day {
              font-size: 14px;
              font-weight: bold;
              margin: 10px 0px 0px 0px;
            }
            .news_date p.month {
              font-size: 9px;
            }
          .news_content {
            height:77px;
	    overflow:hidden;
          }
        #view_more_news {
          text-align: right;
          font-weight: bold;
        }
    .left_banner {
	width:178px;
	float:left;
	margin:15px 0px 0px 0px;
    }
    .three_banners {
	width:230px;
	height:146px;
	overflow:hidden;
	margin:10px 15px 0px 0px;
	float:left;
    }
	
	.bottom_banners {
		height:48px;
		float:right;
		margin:0px 0px 0px 15px;
	}
    .downloads {
    }
  #footer {
    clear: both;
    margin: 0px 10px;
    padding: 5px 0px 0px 0px;
  }
    #footer p {
      margin: 0px;
    }
    #footer #footer_left {
		width:320px;
		float:left;
	}
    
    #footer #footer_right {
      text-align:right;
	  width:580px;
	  margin:0px 0px 0px 40px;
	  float:left;
    }

/*- gallery ------------------------------------------------------------------*/

.galleria_wrapper {
  height: 190px;
}
.galleria {
  list-style: none;
  width: 200px;
  margin: 0;
  width: 270px;
}
  .galleria li {
    display: block;
    width: 54px;
    height: 54px;
    overflow: hidden;
    float: left;
    margin: 0;
  }

/*- cms ----------------------------------------------------------------------*/

.sub_page {
  display: inline;
  float: left;
  width: 350px;
  margin: 4px 0px;
}
img.sub_version_image {
  border: 3px solid #FFFFFF;
  margin-top: 4px;
}

#gallery {
  margin: 0px 0px 20px 40px;
  padding-top: 10px;
  border-bottom: 1px solid #fff;
}

/*- client area --------------------------------------------------------------*/

.client_form {
  background: url(images/bar_dotted.png) repeat-x bottom;
  padding: 5px 0px;
}

  .client_form input.text {
    background: url(images/form_bg.png) repeat-x bottom;
  }
  .client_form input.text,
  .client_form select {
    border: 1px solid #6b85ac;
    color: #2d6992;
  }
table.order_table {
  font-size: 11px;
}
  table.order_table th {
    font-weight: bold;
  }
  table.order_table th,
  table.order_table td {
    border-bottom: 1px solid #7393C4;
    padding: 5px 0px;
  }

.client_error {
  background: #4069a9;
  border: 1px solid #4b74b5;
  margin: 10px 0px;
  width: 410px;
  padding: 10px 10px 0px 10px;
}

/*- contact ------------------------------------------------------------------*/

.contact_input {
  width: 410px;
}
.contact_select {
  width: 270px;
}

/*- News ---------------------------------------------------------------------*/

.news-wrap {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 5px;
    padding-top: 5px;
}
  .news-title-wrap {
    
  }
    .date-icon {
      
    }
    .news-title {
      font-weight: bold;
    }
  p.date {
    
  }
  .news-item {
    
  }
    .news-icon {
      float: left;
      width: 120px;
    }
    .news-intro {
      
    }

#news-article {
  
}
  #news-article-leftcol {
    border-top: 1px solid red;
  }
  #news-article-rightcol {
    margin-left: 40px;
  }


/*- home ---------------------------------------------------------------------

#home {
  height: 363px;
  background: url(images/home_bg_2.jpg) no-repeat;
}
  img#home_title {
    margin: 29px 0px 0px 00px;
  }
  #home #home_content {
    font-size: 12px;
    line-height: 14px;
    padding: 12px 500px 0px 20px;
  }

#home_news_headline {
  height: 45px;
  background: #F0F0F0;
}
  #home_news_headline_inner {
    padding: 12px 10px 0px 10px;
    color: #626262;
    font-size: 12px;
  }
    #home_news_headline_inner a {
      color: #626262;
    }
#home_services {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px 0px;
  font-size: 11px;
  line-height: 14px;
}
  .home_service {
    width: 265px;
    float: left;
    display: inline;
    margin-right: 10px;
    color: #6E6E6E;
  }
    .home_service_img {
      width: 100px;
      float: left;
      background: url(images/photo_bg.jpg) no-repeat 0px 0px;
    }
    .home_service_link {
      text-align: right;
    }
    .home_service p {
      margin-bottom: 5px;
    }
    
#home_bottom_content {
  background: url(images/dotted_line.jpg) repeat-x;
  float: left;
  clear: both;
  display: inline;
  position: relative;
  width: 100%;
  padding: 20px 0px;
  font-size: 12px;
  line-height: 16px;
  color: #636363;
}
  #home_welcome {
    width: 49%;
    float: left;
  }
    #home_welcome_inner {
      padding-right: 10px;
    }
    #home_welcome h2,
    #home_welcome h3,
    #home_welcome h4 {
      font-weight: bold;
      font-size: 14px;
    }
  #home_testimonials {
    width: 50%;
    float: left;
  }
    #home_testimonials h2,
    #home_testimonials h3,
    #home_testimonials h4 {
      margin: 0px;
      padding: 0px 0px 10px 0px;
      font-weight: bold;
      font-size: 14px;
    }
    #home_testimonials p {
      margin: 0px;
    }
    #home_testimonials .home_testimonial_name {
      text-align: right;
      color: #000d75;
      font-size: 12px;
    }

/*- cms ----------------------------------------------------------------------

.cms_wrap {
  color: #8E8E8E;
  font-size: 12px;
  line-height: 20px;
  color: #636363;
}
  .cms_wrap table {
    border-collapse: collapse;
  }
    .cms_wrap table td {
      border: 1px solid #D0D0D0;
      padding: 2px;
    }
  .cms_wrap strong,
  .cms_wrap h1,
  .cms_wrap h2,
  .cms_wrap h3,
  .cms_wrap h4,
  .cms_wrap h5,
  .cms_wrap h5 {
    color: #000D75;
  }
.cms_version {
  height: 184px;
  border-bottom: 1px solid #696967;
}

#cms_news_headline {
  height: 43px;
  background: #F0F0F0;
}
  #cms_news_headline strong {
    color: #626262;
  }
  #cms_news_headline_inner {
    padding: 9px 10px 0px 10px;
    color: #626262;
    font-size: 12px;
  }
    #cms_news_headline_inner a {
      color: #626262;
    }

.services_nav {
  font-size: 11px;
  padding-top: 15px;
}
  .services_nav ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    display: inline;
  }
    .services_nav ul li {
      display: inline;
      margin: 0px 20px 0px 0px;
    }

.cms_column_container {
  background: url(images/dotted_line.jpg) repeat-x top;
  float: left;
  clear: both;
  width: 100%;
  margin-top: 19px;
  padding: 20px 0px;
}
  .cms_column_container h2,
  .cms_column_container h3,
  .cms_column_container h4 {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #000d75;
    font-size: 14px;
    font-weight: bold;
  }
.cms_left,
.cms_right {
  float: left;
  width: 49%;
  padding: 0px 0px 20px 0px;
}
  .cms_left .cms_inner {
    padding-right: 20px;
  }

/*- download table -----------------------------------------------------------

#downloadTable {
  background: #FDFDE5;
  border: 1px solid #10407C;
  margin-bottom: 10px;
  font-size: 13px;
}
  #downloadTable th {
  border: 1px solid #10407C;
    background: #F0F0F0;
    font-weight: bold;
    color: #10417C;
    padding: 4px;
  }
  #downloadTable td {
    border-top: 1px solid #10407C;
    color: #10417C;
    padding: 6px;
  }
    #downloadTable td a {
      color: #10417C;
    }

.downloadTable {
  width: 550px;
  background: #F0F0F0;
  border: 1px solid #10407C;
  margin-bottom: 10px;
  font-size: 13px;
}
  .downloadTable th {
    background: #C1D72D;
    font-weight: bold;
    color: #10417C;
    padding: 4px;
  }
  .downloadTable td {
    border-top: 1px solid #10407C;
    color: #10417C;
    padding: 6px;
  }
    .downloadTable td a {
      color: #10417C;
    }

/*- news ---------------------------------------------------------------------

.news0 {
  width: 49%;
  float: left;
  padding: 0px 0px 10px 0px;
}
.news1 {
  width: 49%;
  float: left;
  padding: 0px 0px 10px 0px;
}

.news0 .news_image,
.news1 .news_image {
    float: left;
    width: 160px;
  }

.news {
  float: left;
  clear: both;
  width: 100%;
}
.news_alt {
  float: left;
  clear: both;
  width: 100%;
}

.news p,
.news_alt p {
  margin: 0px;
}

.news {
  float: left;
  clear: both;
  width: 100%;
  margin: 0px 0px 10px 0px;
}
  .news_image {
    float: left;
    width: 110px;
  }
    .news_image img {
      border-right: 2px solid #030073;
      border-bottom: 2px solid #030073;
    }
  .news_desc {
    
  }
.article_news_image {
  float: left;
  width: 170px;
}
    .article_news_image img {
      border-right: 2px solid #030073;
      border-bottom: 2px solid #030073;
    }
.article_news_desc {
  
}

/*- testimonials -------------------------------------------------------------

.testimonial {
  margin-bottom: 20px;
  background: url(images/dotted_line.jpg) repeat-x bottom;
  padding-bottom: 10px;
}

/*- team members -------------------------------------------------------------

.team_member {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url(images/dotted_line.jpg) repeat-x bottom;
}
  .team_member .team_member_image {
    
  }
  .team_member .team_intro {
    
  }


/*- contact ------------------------------------------------------------------

table#contact_form {
}
  table#contact_form td {
    padding: 4px 0px;
    border: none;
    vertical-align: top;
  }
  
    table#contact_form .text,
    table#contact_form textarea {
      border: 1px solid #000275;
    }
    table#contact_form .custom_button {
      background: #F0F0F0;
      border: 1px solid #000275;
      padding: 3px 7px;
      color: #626262;
    }
  
/*- links --------------------------------------------------------------------

.links {
  margin: 0px 0px 20px 0px;
}

.catLink {
  width: 300px;
  float: left;
}

/*- team ---------------------------------------------------------------------
.team_member {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
  .team_member_image {
    float: left;
    display: inline;
    width: 170px;
  }
    .team_member_image img {
      
    }
  .team_intro {
    float: left;
    display: inline;
    width: 440px;
  }

/*- system -------------------------------------------------------------------

.system_msg {
  border: 1px solid #ffffff;
  padding: 10px;
}

/*- The End ------------------------------------------------------------------*/



/*- Order Guide ---------------------------------------------------------------------*/

div.order_guide_left {
	width:410px;
	float:left;
	padding-top: 5px;
	margin:0px 0px 40px 0px;
}

div.order_guide_right {
	width:270px;
	display:inline;
	float:left;
	padding-top: 5px;
	margin:0px 0px 40px 40px;
}
div.order_guide_client_error {
  background: #4069a9;
  border: 1px solid #4b74b5;
  margin: 10px 0px;
  width: 248px;
  padding: 4px 10px 4px 10px;
}
    #content_order {
      margin-left: 40px;
      
    }
      #content_order h1 {
        font-size: 14px;
        line-height: 18px;
      }
      #content_order h2 {
        font-size: 14px;
        line-height: 18px;
        background: url(images/bar_dotted.png) repeat-x left bottom;
        padding: 15px 0px 10px 0px;
        margin: 0px 0px 5px 0px;
      }
      #content_order h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0px 0px 5px 0px;
      }
div.van_manufactures {
	width:410px;
	float:left;
	margin:10px 0px 10px 0px;
	border-bottom:1px solid #ffffff;
}
div.van_manufacture {
	width:130px;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 10px 0px;
}
div.van_button {
	width:190px;
	float:left;
	height:22px;
	overflow:hidden;
	margin:10px 0px 10px 0px;
	padding:4px 0px 4px 10px;
	background:url(images/order_guide_button.png) no-repeat;
}
div.van_button a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	
}

div.van_button2 {
	width:190px;
	float:left;
	height:44px;
	overflow:hidden;
	margin:10px 0px 10px 0px;
	padding:4px 0px 4px 10px;
	background:url(images/order_guide_button2.png) no-repeat;
}
div.van_button2 a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	
}
div.van_prod_title {
	margin:3px 0px 3px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #ffffff;
}
div.photo_info {
	margin:0px 0px 3px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #5d82bd;
}
div.photo_switch {
	text-align:right;
	width:410px;
	float:left;
	clear:both;
	font-weight:bold;
	margin:13px 0px 0px 0px;
}

div.order_guide_left div.galleria_wrapper {
	height:292px;
	margin:10px 0px 0px 0px;
}
div.galleria_container {
	float:left;
}
div.order_guide_left ul.galleria li {
    display: block;
    width: 82px;
    height: 79px;
    overflow: hidden;
    float: left;
    margin: 0;
}
div.van_selection {
	float:left;
	width:255px;
	font-size: 11px;
	background: url(images/nav_arrow.png) no-repeat 0px 5px ;
	border-bottom: none;
	margin:4px 0px 0px 0px;
	padding: 0px 0px 5px 15px;
	border-bottom:1px solid #6487bf;
        
}
div.van_selection_alt {
	float:left;
	width:240px;
	font-size: 11px;
	background: url(images/nav_arrow.png) no-repeat 15px 5px ;
	border-bottom: none;
	margin:4px 0px 0px 0px;
	padding: 0px 0px 5px 30px;
	border-bottom:1px solid #6487bf;
        
}
div.van_selection_issue {
	float:left;
	width:240px;
	font-size: 11px;
	background: url(images/nav_arrow.png) no-repeat 15px 5px ;
	border-bottom: none;
	margin:4px 0px 5px 0px;
	padding: 0px 0px 5px 30px;
	border-bottom:1px solid #ffffff;
        
}
div.van_img {
	margin:8px 0px 0px 0px;
	float:left;
	width:270px;
}
div.van_enquiry {
	width:270px;
	float:left;
	margin:5px 0px 0px 0px;
}

div.van_enquiry input.text {
        background: url(images/input_van.png) no-repeat;
        height:11px;
	width:131px;
	border:0px;
	color:#1e5e8a;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size:10px;
	padding:5px 0px 4px 10px;
}
div.van_enquiry textarea.text {
        background: url(images/textarea_bg.png) no-repeat;
        height:81px;
	width:250px;
	border:0px;
	color:#1e5e8a;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size:10px;
	padding:5px 10px 4px 10px;
}

div.my_image_gallery {
	float:left;
	width:720px;
	padding:0px 0px 40px 0px;
}
div.my_image_gallery div.galleria_wrapper {
	height:292px;
	margin:10px 0px 0px 0px;
}

div.my_image_gallery ul.galleria li {
    display: block;
    width: 82px;
    height: 79px;
    overflow: hidden;
    float: left;
    margin: 0;
}

/*- DOCUMENTS ---------------------------------------------------------------------*/

 #member_download_table {
	width:720px;
	margin:10px 0px 0px 0px;
 }
 
  #member_download_table td {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #ffffff;
 }