body {

	margin: 0;

	padding: 0;

	background: #F2F1F1 url(images/aivly_bg.gif) repeat-x left top;

	text-align: left;

	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;

}


div#container {

	margin: 0 auto;

	width: 928px;

	overflow: auto;

	background-color: #fff;

}



a {

	color: #777575;

	text-decoration: none;

}



a:hover {

	color: #FA9B05;

}



img {

	border: none;

}



h2 {

	color: #FA9B05;

	font-weight: normal;

	font-size: 2em;

	margin: 15px 0 0 0;

}



h2 span {

	color: #777575;

}



h2#pagetitle {

	color: #FA9B05;

	font-weight: normal;

	font-size: 2em;

	margin: 0;

}



h2.news_title {

	font-size: 1em;

}



h3 {

	color: #FA9B05;

	font-weight: normal;

	font-size: 1.4em;

	margin: 15px 0 0 0;

}





h4#mailinglist {

	width: 207px;

	height: 34px;

	margin: 0;

	padding: 0;

	background: url(images/joinourmailinglist_title.jpg) no-repeat left top;

}



h4#mailinglist span {

	display: none;

}



h4#specialoffers {

	width: 207px;

	height: 34px;

	margin: 0;

	padding: 0;

	background: url(images/specialoffers_title.jpg) no-repeat left top;

}



h4#specialoffers span {

	display: none;

}



p {

	color: #777575;

	font-size: 0.75em;

	line-height: 1.7em;

}



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



ol li {

	font-size: 0.75em;

	color: #777575;

	margin-bottom: 10px;

}



ol.romannumerals li {

	list-style-type: lower-roman;

}

/* Top Banner and Nav */



h1#logo {

	background: url(images/aivly_logo.gif) no-repeat left top;

	margin: 0 0 17px 6px;

	width: 192px;

	height: 126px;

	float: left;

}



h1#logo span {

	display: none;

}



img.topbanner {

	float: right;

}



ul#topnav {

	clear: both;

	list-style-type: none;

	margin: 0;

	padding: 2px 0 0 0;

	background-color: #777575;

	height: 24px;

	width: 928px;

}



ul#topnav li {

	float:left;

}



ul#topnav li a {

	float: left;

	text-decoration: none;

	color: #fff;

	font-size: 0.8em;

	padding: 2px 13px;

	margin-right: 22px;

}



ul#topnav li a.last {

	margin-right: 0;

}



ul#topnav li a:hover {

	background-color: #fff;

	color: #777575;

}



div#basket {

	height: 40px;

	background-color: #F2F1F1;

	display: block;

	width: 928px;

	margin-top: 3px;

}



iframe.basket {

	float: right;

	margin: 12px 15px 23px 0;

}



body.iframe {

	margin: 0;

	background: #F2F1F1;

	text-align: right;

}



body.iframe p {

	margin: 0;

}



body.iframe p img {

	margin-right: 12px;

}



body.iframe p a {

	margin: 0;

	color: #777575;

	font-size: 1.1em;

	text-decoration: none;

}



/* --------------------------------------- */



/* Left Page Elements */



div#wrapper {

	width: 928px;

	clear: both;

	margin-bottom: 35px;

}



div#leftpanel {

	float: left;

	width: 207px;

	margin-right: 6px;

	background: url(images/securetransactions.gif) no-repeat center bottom;

	min-height: 480px;

	padding-bottom: 150px;

	margin-bottom: 8px;

	margin-left: 3px;

}





form.search {

	margin-bottom: 15px;

}



form.search fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



form.search fieldset legend {

	font-size: 1em;

	color: #FA9B05;

	margin-bottom: 4px;

}



form.search fieldset legend span {

	color: #777575;

}

form.search input#submit {

	background-color: #FA9B05;

	color: #fff;

	border: none;

	float: left;

	font-size: 0.7em;

	padding: 2px 2px 3px 2px;

	margin-left: 5px;

}



form.search input#search {

	border: 1px solid #FA9B05;

	float: left;

	width: 150px;

}



ul#leftnav {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



ul#leftnav li a {

	background-color: #FA9B05;

	display: block;

	margin-bottom: 1px;

	padding: 5px 0 5px 17px;

	text-decoration: none;

	color: #fff;

	font-size: 0.9em;

}



ul#leftnav li a:hover {

	background-color: #FFB43F;

}



ul#leftnav li ul {

	margin: 0;

	list-style-type: none;

	padding: 0;

}



ul#leftnav li ul li a {

	background-color: #F2F1F1;

	display: block;

	margin-bottom: 1px;

	padding: 5px 0 5px 17px;

	text-decoration: none;

	color: #777575;

	font-size: 0.7em;

}



ul#leftnav li ul li a:hover {

	text-decoration: none;

	background-color: #EBE8E8;

}



form.newsletter {

	background-color: #F2F1F1;

	padding: 0;

	margin: 0;

}



form.newsletter label {

	color: #777575;

	font-size: 0.75em;

}



form.newsletter input.field {

	border: 1px solid #777575;

	width: 165px;

}



form.newsletter input#submit {

	border: none;

	background-color: #777575;

	color: #fff;

	padding: 2px;

	font-size: 0.75em;

	margin-top: 8px;

}



form.newsletter div {

	padding: 8px 0 13px 17px;

}



/* --------------------------------------- */



/* --------------- Home Page ----------------- */



div#content {

	width: 496px;

	float: left;

}

div#content p {

	margin: 0;

}

.home-images {
	
	padding: 0 0 0 8px;
	width: 490px;

}

.home-images a {
	
	padding: 0px 5px 0 0;


}

.home-images a:last-of-type {

	padding: 0;

}


.home-images a img {
	
	height: 220px;
	width: 154px;

}


p.intro {

	font-size: 0.9em;

}



img.betalogo {

	float: right;

	margin: 0 5px;

}



/* ------------ How to Order ------------*/



a.howtoorder {

display: block;

padding: 4px;

background-color: #F2F1F1;

border: 1px dotted #777575;

margin-bottom: 10px;

width: 400px;

text-align: center;

}



a.howtoorder:hover {

background-color: #FA9B05;

color: #fff;

}



/* ------------ Brands ---------------- */



table.brands {

	border-collapse: collapse;

	width: 650px;

}



table.brands tr td {

	padding: 4px;

	font-size: 0.9em;

}



table.brands tr td.colour {

	background-color: #F2F1F1;

	border: 1px solid #fff;

}



/* ------------- Find Us Page -------------  */



table.openingtimes {

	border-collapse: collapse;

	width: 400px;

	font-size: 0.8em;

}



table.openingtimes tr td {

	padding: 4px;

	color: #777575;

}



table.openingtimes tr th {

	background-color: #F2F1F1;

	padding: 4px;

	font-weight: normal;

}



div#map {

	width: 600px;

	height: 400px;

}



/* -------------------- Fittings -------------------- */

table.fittings{

	background-color: #777575;

}



table.fittings tr td{

	background-color: #FFFFFF;

	font-size: 0.75em;

	padding: 4px;

}

/* ----------- Contact Us Page ------------------ */



form#contactusform {

	width: 355px;

	border: 1px solid #777575;

	background-color: #F2F1F1;

}



form#contactusform p {

	margin: 4px 0;

}



form#contactusform fieldset {

	width: 345px;

	border: none;

	padding: 5px;

}



form#contactusform label {

	text-align: right;

	padding: 0 0.8em 0 0;

	margin-top: 0.3em;

	width: 10em;

	display: block;

	float: left;

	clear: left;

	color: #777575;

}



form#contactusform input.field, #contactusform textarea.field {

	float: left;

	margin-top: 0.5em;

	width: 14em;

	border: 1px solid #777575;

}



#contactusform textarea.field {

	width: 14.5em;

}



form#contactusform input.submit {

	margin: 5px 0 0 0;

	width: 7.7em;

	background-color: #777575;

	color: #fff;

	border:none;

	padding: 3px;

}



form#contactusform select {

	width:14.6em;

	margin-top: 0.5em;

}



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



table.news {

width: 700px;

border-collapse: collapse;

color: #777575;

font-size: 0.8em;

}


table.news p {

font-size: 1em;
    
line-height: 1.2em;
    
}



table.news img {

float: left;

margin: 0 10px 10px 0;

}



table.news tr td span.title {

font-size: 1.4em;

color: #FA9B05;

}



/* ----------------- Right Panel ----------------- */



div#rightpanel {

	float: right;

	width: 207px;

	background-color: #F2F1F1;

	padding-bottom: 15px;

	margin-right: 3px;

}



div.specialoffer {

	width: 177px;

	margin: 15px 15px 0 15px;

}



div.specialoffer img {

border: 1px solid #9B9A9A;

}



div.specialoffer p {

	color: #FA9B05;

	margin: 0;

	line-height: 1.2em;

}



span.price {

	font-size: 1em;

	color: #777575;

	font-weight: normal;

line-height: 1em;

}



.smallprice {

font-size: 0.8em;

color: #777575;

}



span.moreinfo a {

	font-size: 0.75em;

	color: #777575;

	text-decoration: none;

}



/* ------------------------------------------------- */





/* ---------- Shop Pages ------------- */



div#shopcontent {

	width: 703px;

	float: left;

	margin: 20px 0;

}



span.tree {

	color: #9F9F9F;

	font-size: 0.7em;

}



span.tree a {

	color: #9F9F9F;

	text-decoration: none;

}



table#productholder {

	width: 703px;

	border-collapse: collapse;

}



table#productholder form {

	margin: 0;

	padding: 0;

}

table.product {

	border-collapse: collapse;

	border: 1px solid #E8E7E7;

	float: left;

	width: 130px;

	margin-right: 10px;

   height: 260px;

}

table.product tr td.height {

	padding: 5px 5px 0 5px;

	height: 130px;

	vertical-align: middle;

text-align:center;

}

table.product tr td {

	padding: 5px;

   vertical-align: top;

}

table.product tr td.pricerow {

	padding: 0 5px 5px 5px;

	vertical-align: bottom;

}

table.product tr td a {

	font-size: 0.75em;

	display: block;

	color: #777575;

	text-decoration: none;

}



table.product tr td a:hover {

	color: #FA9B05;

}



table.product tr td span.price {

	display: block;

	color: #FA9B05;

	font-weight: normal;

	font-size: 1.1em;

}



table.product_nomargin {

	border-collapse: collapse;

	border: 1px solid #E8E7E7;

	float: left;

	width: 130px;

	margin-right: 0;

	height: 260px;

}



table.product_nomargin tr td.height {

	padding: 5px 5px 0 5px;

	height: 130px;

	vertical-align: middle;

text-align:center;

}



table.product_nomargin tr td.pricerow {

	padding: 0 5px 5px 5px;

	vertical-align: bottom;

}

table.product_nomargin tr td {

	padding: 5px;

	vertical-align: top;

}



table.product_nomargin tr td a {

	font-size: 0.75em;

	display: block;

	color: #777575;

	text-decoration: none;

}



table.product_nomargin tr td a:hover {

	color: #FA9B05;

}



table.product_nomargin tr td span.price {

	display: block;

	color: #FA9B05;

	font-weight: normal;

	font-size: 1.1em;

}



p.nomargtop {

	margin-top: 0!important;

}



td.spacer {

	height: 20px;

}



ul#sublinks {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

/*

ul#sublinks li {

	background: url(images/bullet.gif) no-repeat left top;

	padding-left: 19px;

	font-size: 0.9em;

	line-height: 1.5em;

}



ul#sublinks ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}*/



table.sublinks {

	border-collapse: collapse;

	width: 700px;

}

/*table.sublinks tr td.subpage {

height: 190px;

}*/



table.thumblinks {

	float: left;

	width: 175px;

	border-collapse: collapse;

	font-size: 0.8em;

	margin-bottom: 30px;

	text-align: center;

	

}



table.thumblinks tr td.height {

height: 155px;

}

table.thumblinks tr td a.name {

border: 1px solid #AFAFAF;

padding: 4px 6px;

background-color: #F2F1F1;

color:#777575;

display:block;

}



table.thumblinks tr td a.name:hover {

border: 1px dotted #FA9B05;

padding: 4px;

background-color: #FA9B05;

color:#F2F1F1;

}



table.brands {

	width: 700px;

	border-collapse: collapse;

	margin: 15px 0;

}

hr.brandsdivide {

border: 1px dashed #DFDFDF;

margin: 20px 5px;

}



table.mainlargeproduct {

margin: 0 auto;

text-align:center;

}

/* ------------------------------------------------- */







 /*========= [ Product Table ] ==========*/



 table.product-bg{

 	background-color: #F2F1F1; 

	margin: 15px 0 0 0;

	width: 650px;

 }





 table.product-table{

 	width: 525px;

	margin: 15px 0 0px 0;

	float: left;

	background-color: #EBDFC0;

 }





 table.image-table{

   width: 120px;

 	line-height: 0.8em;

 }



  table.image-table-product{

   width: 260px;

 	line-height: 0.8em;

 }



 table.prod-image{

 	line-height: 0.8em;

 }



 .table-img{

 	background-color: #FFFFFF;

	width: 260px;

	height: 20px;

 }



 td.prod-img-sidel{

 	background: #FFFFFF url(images/prod_image_left.gif) repeat-y 0 0; 

	height: 20px;

 }



 td.prod-img-sider{

 	background: #FFFFFF url(images/prod_image_right.gif) repeat-y 100% 0; 

	height: 20px;

 }



 td.prod-top{

 	background: #FFFFFF url(images/prod_image_top.gif) repeat-x 0 0;

 }



 td.prod-bottom{

 	background: #FFFFFF url(images/prod_image_bottom.gif) repeat-x 0 100%;

 }



 td.thumbnails{color: #777575; padding: 5px 0 0 9px;}



 td.thumbnails a, td.brand-name a{

 	color: #777575;

	font-weight: bold;

font-size: 0.8em;

cursor:pointer;

 }





 td.thumbnails a:hover, td.brand-name a:hover{

   text-decoration: none;

   color: #FA9B05; font-weight: bold;

 }

 

 td.brand-name {

 	font-weight: normal;

	padding: 0;

	font-size: 0.8em;

 }



 table.prod-d-cont{

 	float: left;

	width: 100%;

 }



 td.product-name{

 	color: #FA9B05;

	font-weight: normal;

	font-size: 1.1em;

	padding: 3px 0 0 10px;

 }



 span.saving {color: red!important;}

 td.product-name a{color: #FA7705; font-weight: bold; font-size: 110%;}



 td.product-name a:hover{color: #4C0606; font-weight: bold; text-decoration: none;}



table.prod-price-cont{

	clear: left;

	font-size: 0.9em;

	font-weight: normal;

 }

 

 table.prod-price-cont tr td {

 	padding: 4px;

 }





 td.product-price{

 	color: #FA9B05;

	padding: 3px 7px 0 0;

	font-size: 1.1em;

 }



 td.product-price span {

 	color: #777575!important;

	font-size: 0.7em;

 }

 

 td.rrpprice {

 	color: #777575!important;

	padding: 0 7px 3px 0;

	font-size: 1em;

 }

 

 td.product-bottomstrip{

 	color: #777575;

	padding: 3px;

	font-size: 0.8em;

 }

td.product-price select {

font-size: 0.9em;

}



 td.proddescription {

 	padding: 3px;

 }

 td.product-price span{

  	color: #FA9B05;

 }



 td.product-price img{

   border: 0;

 }



 td.description{

 	color: #666666;

 }

 

 td.description p {

 	margin: 0;

 }



 table.product-table-td{

 	background-color: #EBDFC0;

 }



 td.news-img img{

 	float: left;

	margin: 0 15px 25px 0;

	display: block;

 }



p.brandsproductname a {font-size: 1.6em; margin: 0; color: #FA9B05;}

p.brandsproductname a:hover {text-decoration: none; color: #777575;}



span.prodid {font-size: 0.75em;color: #777575;}



/*---------[ Main Product Page] ----------*/



span.tree {

	font-size: 0.8em;

}



h2#producttitle {

	color: #FA9B05;

	font-weight: normal;

	font-size: 1.6em;

	margin: 0;

}



table.mainproduct {

	border-collapse: collapse;

	background: #fff;

	width: 700px;

margin-top: 15px;

}

table.mainproduct td {

	padding: 3px;

}



input.order_button {

	background-color: #FA9B05;

	color: #fff;

	border: none;

	font-size: 0.8em;

	padding: 2px 6px 3px 6px;

	margin-left: 15px;

}



.ordertext {

	font-size: 1.1em;

	color: #FA9B05;

margin:0;

}



.rrp {

	text-decoration: line-through;

	font-size: 0.8em;

	color: #000;

}



.save {

	font-size: 0.8em;

	color: #FA9B05;

}

/*---------[ END tpl_product, tpl_shop] ----------*/



/*-------------- [ tpl_addprod ] ------------------*/



table.tpl_addprod {

	width: 650px;

	border: 1px solid #C9CACC;

	background: #fff;

	font-size: 0.8em;

}



table.tpl_addprod tr td {

	padding: 4px;

}



input.go_button, input.formbutton, input.button, input.secure_button {

	background-color: #FA9B05;

	color: #fff;

	border: none;

	font-size: 0.8em;

	padding: 2px 6px 3px 6px;

}



/*------------ [ END tpl_addprod ] ------------------*/



/*--------- [ tpl_viewcart ] --------*/



#tpl_viewcart1, #tpl_viewcart2 {

	border: 1px solid #C9CACC;

	font-size: 0.8em;

	border-collapse: collapse;

	width: 650px;

}



#tpl_viewcart1 tr td, #tpl_viewcart2 tr td {

	padding: 5px;

}



#tpl_viewcart1 th {

	text-align: left;

	background: #C9CACC;

	color: #fff;

}



#tpl_viewcart2 {

	border: 1px solid #C9CACC;

	font-size: 0.8em;

	border-collapse: collapse;

	margin-top: 20px;

}



/*--------- [ END tpl_viewcart ] --------*/



/*--------- [ tpl_checkout ] --------*/



table.tpl_checkout {

	width: 650px;

	font-size: 0.8em;

	border-collapse: collapse;

	border: 1px solid #C9CACC;

	margin: 0 auto;

}



table.tpl_checkout td {

	padding: 5px;

}



table.tpl_checkout th {

	background: #C9CACC;

	color: #fff;

	padding: 3px;

}



/*--------- [ END tpl_checkout ] --------*/



table.search {

	border-collapse: collapse;

	font-size: 0.8em;

}



table.search tr td {

	padding: 5px;

}



/* ------------------ Footer -------------------- */



div#footer {

	background-color: #777575;

	display: block;

	clear: both;

	padding: 10px 0 20px 0;

}



div#footer p {

	margin-bottom: 0;

	color: #fff;

	width: 928px;

	margin: 0 auto;

}



div#footer p a {

	text-decoration: none;

	color: #fff;

}



div#footer p a:hover {

	text-decoration: none;

	color: #DFDFDF;

}

/* Cycle */

#cycle {

	width: 496px;
	height: 215px;
	overflow: hidden;
	padding: 0 0 8px 0;

}

#facebooklink {
    height: 48px;
    padding:10px 0 5px 0;
    width: 160px;
	margin:0 auto;
	
}
