@charset "utf-8";
/* CSS Document */


div.quickquestionbox{
	background:#ffffff url(../images/quick-question-box.png) no-repeat;
	font-size:14px;
	height:324px;
}

A {color: blue; text-decoration:underline;}
A:visited {color: blue}

.form label, .webform label {
font-size:13px;
font-weight:bold;
}

hr {
  background: #ffffff; 
  color: #ffffff;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0.5em 0;
  border: none; 
}

h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: Century Gothic, MS Trebuchet, Futura, Arial, Helvetica, AppleGothic, sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: Century Gothic, MS Trebuchet, Futura, Arial, Helvetica, AppleGothic, sans-serif;
}

.largerheader {
	font-weight: bold;
	font-size: 18px;
}

.largerdotpoints {
	font-size: 16px;
}

.bold{
	font-weight: bold;
}

.leftindent{
	padding-left: 15px;
}

.product_desc_heading{
	font-weight: bold;
	line-height: 5px;
}

h1 {
	font-size:32px;
	font-weight:bold;
}

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.3em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .8em; margin-top: 1.4em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

div.clearboth{ clear:both; margin:0px; padding:0px; height:0px;}

.redd
{
	color:red;
	font-style:italic;
	font-weight:bold;
}

body{
	font-family: Century Gothic, MS Trebuchet, Futura, Arial, Helvetica, AppleGothic, sans-serif;
	font-size:13px;
	color:#000000;
	padding:0;	
}

.avtopmargin
{
	height:38px;
}


/*..........................validation..........................*/
.validated:invalid {
	background: #FAC3C9;
	border: 2px solid red;
}
.validated:valid {
	background: #BDF0A8
}



/*..........................top..........................*/
div#avtop_wide{
	width:100%;
	height:55px;
	background:#222222 url(../imageslayout/top_bg_wide.jpg) repeat-x;
}
div.avtop{
	width:100%;
	height:49px;
	background:transparent url(../imageslayout/top_bg.jpg) no-repeat;
}
div.avtop_container{
	width:990px;
	margin:0 auto;
}
/*..........................main navi..........................*/
div.avnavigation{
	float:left;
}

.avbuttons {padding:0px 0 0 0; margin:18px 0 0 0; list-style:none; height:31px;}
.avbuttons li{ padding:0px 0 0 0; float:left;}
.avbuttons li a { margin:0 0px; display:block; float:left; height:31px; line-height:23px; background:transparent url(../imageslayout/menu/hover_left.gif); color:#FFF; text-transform: uppercase; text-decoration:none; font-family: Arial, Helvetica, sans-serif; text-align:center; padding:0 0 0 8px; cursor:pointer; font-size:13px; font-weight:bold;}
.avbuttons li a span {float:left; display:block;  padding:5px 11px 1px 3px; background:url(../imageslayout/menu/hover_right.gif) no-repeat right top;  height:25px;}
.avbuttons li.current a {color:#d90000; background:url(../imageslayout/menu/active_left.gif) no-repeat left top;}
.avbuttons li.current a span {background:url(../imageslayout/menu/active_right.gif) no-repeat right top;}
.avbuttons li a:hover {color:#d90000; background:url(../imageslayout//menu/active_left.gif) no-repeat left top;}
.avbuttons li a:hover span {background:url(../imageslayout/menu/active_right.gif) no-repeat right top; font-weight:bold;}
.avbuttons li.current a:hover {color:#d90000; background:url(../imageslayout/menu/active_left.gif) no-repeat left top; font-weight:bold;}
.avbuttons li.current a:hover span {background:url(../imageslayout/menu/active_right.gif) no-repeat right top;}

div.avsearchboxtop
{
	background:url(../imageslayout/toppers_03.png) no-repeat;
	height:55px;
	width:178px;
	padding-top:75px;
	padding-left:50px;
}


div.avcontact_details_bottom{
	float:right;
	margin:5px 10px 0 0;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
div.avcontact_details_bottom a
{
	color:#FFFFFF;
}

/*..........................contact details..........................*/
div.avcontact_details{
	float:right;
	margin:4px 0 0 8px;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	width:235px;
	height:41px;
}
div.avcontact_details a
{
	color:#FFFFFF;
}



/*..........................container..........................*/

div.avcontainer{
	width:640px;	
	margin:auto auto;
}

.avcontents
{
	width:640px;
	margin-left:140px;		
}


div.avheader{
	height:165px;
	background:#ffffff url(../imageslayout/bg.png);
	background-position:center;
}

div.avheader-contents{
	height:162px;/*185px*/
	width:1000px;
	margin-left: auto;
	margin-right: auto;

}

div.avheader
img.avlogo{
	float:left;
	margin-top:30px;
}

div.avrotation{
	float:left;
	margin-left:10px;
}


/*..........................footer..........................*/
div#avfooter_wide{
	width:100%;
	background:transparent url(../imageslayout/footer_bg_wide.jpg) bottom repeat-x;
	float:left;
	overflow:hidden;
}
div.avfooter{
	width:100%;
	height:1690px;
	background:transparent url(../imageslayout/footer_bg.jpg) bottom no-repeat;
}
div.avfooter_container{
	width:990px;
	margin:0 auto;
}
div.avfooter_columns{
	width:990px;
	margin:10px 0 0 0;
	float:left;
	padding:10px 10px;
	background:transparent;
	color:#FFFFFF;
}
div.avfooter_columns h1{
	color:#FFFFFF;
	font-size:19px;
	background:transparent;
}
div.avfooter_columns a{
	color:#FFFFFF;
}
div.avfooter_columns h2{
	color:#FFFFFF;
	font-size:19px;
	margin-top:15px;
	background:transparent;
}
div.avfooter_columns p{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0;
	background:transparent;
}


/*..........................bottom..........................*/
div#avbottom_wide{
	width:100%;
	height:224px;/*69px*/
	/*float:left;*/
	
}
div.avbottom{
	width:100%;
	height:239px;
	background:transparent url(../imageslayout/bottom_bg.jpg) no-repeat;
	background-position:center; 
}
div.avbottom_container{
	width:990px;
	margin:0 auto;
}

.HeaderSmall {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 10px;
    color: #525252;
    vertical-align: top;
    display: block;
}
.HeaderCategories {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px;
    color: #525252;
    vertical-align: top;
    display: block;
}
.bodyText {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #525252;
    margin-top: 10px;
    margin-left: 20px;
}

.content_text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #525252;
}

#colours{
	word-break: break-word;
}
.product_steps {
	float:left;
	width:600px;
	margin-top: 20px;
}
.products_HeaderSmall {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 10px;
    color: #525252;
    vertical-align: top;
    display: block;
}

.products_bodyText{
	float:right; 
	width:450px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #525252;
    margin-left: 12px; 
    padding-right: 10px;
}
.products_bodyText a{
	color: #525252;
	font-weight:bold;
}
.products_bodyText a:hover{
	color: #525252;
}
.product_nav{
	padding-top: 5px;
	padding-left: 15px;
}

        .header a:link { color: #FFFFFF; }
        .header a:visited { color: #FFFFFF; }
        .header a:hover { color:#c03d2c; }
        .header a:active { color: #FFFFFF; }


        .dropbtn {
            background-color: #000000;
            color: white;
            /*padding: 16px;*/
            font-size: 18px;
            font-weight: bold;
            border: none;
            cursor: pointer;
        }

        .dropbtn:hover, .dropbtn:focus {
            color: red;
        }

        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            overflow: auto;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            text-align: left;
            display: block;
        }

        .show {display:block;}