/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html, body {
height:100%;
}
	
body {
margin:0px;
padding:0px;
text-align:center;
background:url(../images/bg.jpg) repeat-x left top;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
line-height:130%;
color:#555;
}

#container {
min-height:100%;
width:920px;
margin:0px auto;
text-align:left;
background:#f2f2f2 url(../images/content-bg.gif) repeat-y left top;
}

a {
color:#555;
font-weight:bold;
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:underline;
}

strong {
font-weight:bold;
}

h2 {
color:#2ba8fa;
font-weight:bold;
font-size:16px;
line-height:130%;
margin-bottom:6px;
}

h3 {
color:#2ba8fa;
font-weight:normal;
font-size:14px;
line-height:130%;
margin-bottom:6px;
}

h3.subs {
clear:both;
margin-top:22px;
padding:12px 0 8px;
border-top:1px solid #d9d9d9;
font-size:14px;
}

h3.product-head {
display:none;
clear:both;
font-size:14px;
font-weight:bold;
margin:16px 0 12px 0;
}

p {
margin-bottom:12px;
}

.image-right {
float:right;
margin-left:20px;
margin-bottom:20px;
margin-top:5px;
}

.image-left {
float:left;
margin-bottom:20px;
margin-top:5px;
}

ul.body-list {
margin:4px 0 12px 0;
}

ul.body-list li {
list-style:disc;
list-style:outside;
margin-bottom:2px;
margin-left:15px;
}

h3.section {
margin:12px 0 6px 0;
padding-bottom:6px;
border-bottom:1px solid #d9d9d9;
}

.section-float {
float:left;
width:260px;
margin-right:40px;
}

ul.section-list {
margin-bottom:16px;
}

ul.section-list li.title {
font-size:12px;
color:#2ba8fa;
border-bottom:1px solid #d9d9d9;
padding-bottom:6px;
margin-bottom:6px;
}

ul.section-list li.last {
margin-bottom:18px;
}

ul.downloads {
margin-bottom:12px;
}

ul.section-list li a {
font-weight:normal;
}

h3.downloads {
color:#555;
}

#flash {
width:900px;
height:200px;
margin-left:10px;
background-color:#04043A;
}

.flash-content {
float:left;
margin-bottom:20px;
margin-right:20px;
margin-top:5px;
}


.float-clear {
clear:both;
width:400px;
}


#video-col {
width:200px;
margin-top:25px;
float:right;
min-height:200px;
}

ul.home-list {
display:block;
width:380px;
height:195px;
background:url(../images/home-list.jpg) no-repeat left top;
margin-bottom:0;
}

ul.home-list li {
display:none;
}



/* TESTIMONIALS */

.quote {
background:url(../images/quote-mid.jpg) repeat-y left top;	
margin-top:16px;
padding:0;
width:600px;
}

blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:145%;
padding:30px 30px 10px 20px;
width:560px;
background:url(../images/quote-top.jpg) no-repeat left top;
}

cite {
font-weight:bold;
background:url(../images/quote-btm.jpg) no-repeat left top;
display:block;
padding:0px 20px 0px 20px;
margin:0px 0 8px 0;
height:40px;
}



/* HEADER */

#header {
background:url(../images/header.jpg) no-repeat left top;
height:132px;
}

#header p.title {
text-indent:-9999px;
}


/* HEAD LINKS */

ul.head-links-1 {
text-align:right;
line-height:20px;
margin-top:15px;
float:right;
padding-right:20px;
}

ul.head-links-2 {
text-align:right;
line-height:20px;
margin-top:20px;
float:right;
padding:0 20px;
margin-right:15px;
border-left:1px solid #d9d9d9;
}

ul.head-links-1 .tel {
font-size:18px;
margin-top:6px;
padding-right:35px;
background:url(../images/tel-trans.png) no-repeat right top;
}

ul.head-links-1 .email {
margin-top:6px;
padding-right:35px;
background:url(../images/email-trans.png) no-repeat right top;
}

ul.head-links-2 .register {
margin-top:2px;
padding-right:30px;
background:url(../images/register-trans.png) no-repeat right top;
}

ul.head-links-2 .account {
margin-top:2px;
padding-right:30px;
background:url(../images/account-trans.png) no-repeat right top;
}

ul.head-links-2 .cart {
margin-top:2px;
padding-right:30px;
background:url(../images/cart-trans.png) no-repeat right top;
}


/* CONTENT */

#content {
float:left;
width:885px;
margin:17px;
}




/* LATEST PRODUCTS */

/* NAV */

a.prev, a.next {
	display:block;
	float:left;
	position:absolute;
	cursor:pointer;
	width:20px;
	height:20px;
	margin:0;
}

a.prev {
	left:180px;
	top:41px;
	background:url(../images/prev-trans.png) no-repeat left top;
}

a.next {
	left:180px;
	top:35px; /* WAS 21 */
	background:url(../images/next-trans.png) no-repeat left top;
}

a.prev:hover {
	background:url(../images/prev-trans.png) no-repeat left -20px;
}

a.next:hover {
	background:url(../images/next-trans.png) no-repeat left -20px;
}

a.disabled {
	visibility:hidden !important;		
}


/* SCROLLABLE */

div.scrollable { 
    /* required settings */ 
    position:absolute; 
    overflow:hidden;
	left:210px;
	top:-25px;
    width:683px;     
    height:130px;
} 
 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;
} 
 
div.scrollable div.items div { 
    float:left;
	margin-top:30px;
}
 
div.items div.active {

}


/* FEATURES */

#features-top {
width:885px;
height:17px;
background:url(../images/feature-top.jpg) no-repeat top left;
}

#features {
position:relative;
width:885px;
float:left;
background:url(../images/feature-mid.jpg) repeat-y center top;
padding:16px 0px; /* WAS 10 */
}

#features-btm {
clear:both;
width:885px;
height:17px;
background:url(../images/feature-bottom.jpg) no-repeat top left;
margin-bottom:5px; /* WAS 15 */
}

#features p {
margin-bottom:2px;
}

.top-products {
float:left;
margin-left:15px;
margin-right:15px;
width:160px;
height:60px;
}

.top-products p.title {
margin-top:15px;
text-indent:-9999px;
display:block;
background:url(../images/top-products-trans.png) no-repeat left center;
width:155px;
height:10px;
}

.spc-mini, .spc-pro, .aem33 {
position:relative;
float:left;
margin-left:0px;
margin-right:130px; /* CHANGE WIDTH 160 */
padding-left:12px;
border-left:1px solid #fff;
height:82px; /* WAS 70 */
}

.spc-pro {
margin-right:120px; /* CHANGE WIDTH 160 */
}

.spc-pro p.title {
text-indent:-9999px;
display:block;
background:url(../images/spc-pro-trans.png) no-repeat left center;
width:82px;
height:10px;
}

.spc-mini p.title {
text-indent:-9999px;
display:block;
background:url(../images/spc-mini-trans.png) no-repeat left center;
width:165px; /* WAS 93 */
height:10px;
}

.aem33 p.title {
text-indent:-9999px;
display:block;
background:url(../images/aem33-trans.png) no-repeat left center;
width:166px;
height:10px;
}

.spc-mini p, .spc-pro p, .aem33 p { /* CHANGED ADDED */
text-align:left;	
margin-top:3px;
font-size:9px;
line-height:135%;
width:210px;
}

.img {
position:absolute;
top:-35px; /**/
left:190px;
height:130px;
}

.img-aem33 {
position:absolute;
top:-35px; /**/
left:225px;
height:130px;
}

.mini {
left:210px;
}




/* BREADCRUMB */

#breadcrumb {
border-top:1px solid #d9d9d9; 
border-bottom:1px solid #d9d9d9; 
padding:10px;
height:20px;
line-height:20px;
}

#breadcrumb ul {
float:left;
}

#breadcrumb ul li {
display:inline;
}

#breadcrumb li a {
font-weight:normal;
}

#breadcrumb li a:hover {
color:#2ba8fa;
}


/* SEARCH */

form#searchform {
float:right;
width:300px;
}

fieldset.search {
	border: none;
	width: 300px;
	margin: 0 auto;
}
.search label {
	float:left;
	margin-right:10px;
	margin-top:-3px;
	line-height:120%;
}
.search input, .search button {
	margin-top:-3px;
	border: none;
	float: left;
	font-family:Verdana, Geneva, sans-serif;
	color:#555;
}
.search input.box {
	width: 185px;
	height: 21px;
	padding:5px 5px 0 32px;
	background:url(../images/search_bg.gif) no-repeat;
}
.search input.box:focus {
	background:url(../images/search_bg.gif) no-repeat left -26px;
	outline: none;
}
.search button.btn {
	width:25px;
	height:25px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(../images/search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background:url(../images/search_bg.gif) no-repeat bottom right;
}



/* MAIN CONTENT */

#main {
padding:20px 10px 0px 20px;
}

#col-1 {
float:left;
width:370px;
padding-right:30px;
margin-bottom:20px;
border-right:1px solid #d9d9d9;
}

#col-1-wide {
float:left;
width:600px;
min-height:430px;
padding-right:30px;
margin-bottom:20px;
border-right:1px solid #d9d9d9;
}

#col-2 {
float:left;
width:180px;
padding:0 25px;
margin-bottom:20px;
border-right:1px solid #d9d9d9; 
}

#col-2 p {
border-bottom:1px solid #d9d9d9; 
padding-bottom:12px;
}


#col-2 p.last {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

#col-3 {
float:left;
width:170px;
padding:0 0 0 25px;
margin-bottom:20px;
}

#col-3 p {
width:195px;
}


/* CARDS */

#cards {
clear:both;
height:38px;
text-indent:-9999px;
background:url(../images/cards.gif) no-repeat right 8px;
border-top:1px solid #d9d9d9; 
}


/* FOOTER */

#footer {
margin:0;
clear:both;
height:174px;
background:url(../images/foot-bg.jpg) repeat-x center top;
width:100%;
}

#footer-inside {
clear:both;
margin:0px auto 0 auto;
padding-top:15px;
height:174px;
background:url(../images/footer-bg.jpg) no-repeat center top;
width:920px;
}

#footer-inside p {
margin-left:24px;
margin-bottom:2px;
text-align:left;
color:#FFF;
font-size:11px;
}

#footer-inside p.bottom-line {
font-size:10px;
}

#footer-inside a {
color:#FFF;
text-decoration:none;
font-weight:normal;
}

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



/* CLEAR */

.clear {
clear:both;
}


/* ACCORDION */

.accordion a.btn-link {
margin-top:10px;
margin-left:-5px;
background: url(../images/read-more-off-trans.png) no-repeat left top;
display:block;
text-indent:-9999px;
height:30px;
width:90px;
cursor: pointer;
}
.accordion a.btn-link:hover {
background:url(../images/read-more-on-trans.png) no-repeat left top;
}

.accordion a.btn-link .close {
background:url(../images/close-off-trans.png) no-repeat left top;
}
.accordion a.btn-link .close:hover {
background:url(../images/close-on-trans.png) no-repeat left top;
}


 

 

/* DESCRIPTION */

.description-col {
width:400px;
float:left;
margin-right:30px;
margin-bottom:15px;
}


.downloads {
margin-bottom:25px;
border-bottom:1px solid #d9d9d9;
}

.downloads h3 {
margin-bottom:0px;
}


/* PRODUCT IMAGES */

.image-col {
float:left;
width:170px;
margin-bottom:15px;
}

.image-col a.single_image {
float:right;
margin-bottom:10px;
border:1px solid #d9d9d9;
}


 /* PRODUCT TABLE */
 
table#products {
border-collapse:collapse;
background-color:#FFF;
border:1px solid #d9d9d9;
}
 
table#products tr {
padding:10px;
}

table#products th {
background-color:#DBDCDE;
padding:10px;
border:none;
}

table#products td {
padding:10px;
border:1px solid #d9d9d9;
}


 /* CT TABLE */
 
table.ct-table {
margin-top:12px;
border-collapse:collapse;
background-color:#FFF;
border:1px solid #d9d9d9;
}
 
table.ct-table tr {
padding:10px;
}

table.ct-table th {
background-color:#DBDCDE;
padding:5px;
border:none;
font-weight:bold;
}

table.ct-table td {
padding:5px;
border:1px solid #d9d9d9;
}


 /* CART TABLE */

table#cart_items {
border-collapse:collapse;
background-color:#FFF;
border:1px solid #d9d9d9;
margin-bottom:12px;
}
 
table#cart_items tr {
padding:10px;
}

table#cart_items th {
background-color:#DBDCDE;
padding:10px;
border:none;
}

table#cart_items td {
padding:10px;
border:1px solid #d9d9d9;
}




/* ACCORDION 2 BOXES */

.accordion2 {
	text-align:left;
	width: 600px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion2 h3 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	font-weight:bold;
	font-size:12px;
	color:#555;
}
.accordion2 h3:hover {
	background-color: #e3e2e2;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}

.accordion2 span.date {
	font-weight:normal;
}




/* MEET THE TEAM */

.staff {
float:left;
margin-right:0px;
width:420px;
}

.staff ul {
margin-bottom:10px;
margin-right:8px;
float:left;
width:132px;
}

.staff li {
padding:0 2px 0 10px;
}

.staff li.name {
color:#2ba8fa;
font-weight:bold;
font-size:12px;
margin-bottom:3px;
}

.staff li.title {
margin-bottom:3px;
}

.staff li.tel {
font-weight:bold;
margin-bottom:3px;
}

.staff li a {
font-weight:normal;
}

.staff ul {
float:left;
background:url(../images/staff-mid.jpg) repeat-y left top;
}

.staff ul li.top {
background:url(../images/staff-top.jpg) no-repeat left top;
height:15px;
}

.staff ul li img.list-img {
margin-top:-5px;
margin-bottom:3px;
width:112px;
height:112px;
}

.staff ul li.bottom {
clear:both;
background:url(../images/staff-btm.jpg) no-repeat left top;
height:15px;
}

.staff h3 {
width:420px;
float:left;
font-size:16px;
margin:6px 0 9px 6px;
}

.staff .double {
float:left;
width:430px;
}

.staff h3.short {
width:132px;
}


.map {
float:right;
}



/* CONTACT FORM */

.form-box-in {
padding:0 20px;
}

.form-box {
background:url(../images/form-mid.jpg) repeat-y left top;	
margin:0;
padding:0;
width:600px;
}

.form-box h2 {
padding:20px 20px 0px 20px;
width:600px;
background:url(../images/form-top.jpg) no-repeat left top;	
}

p.contact-last {
clear:both;
width:600px;
height:15px;
background:url(../images/form-btm.jpg) no-repeat left top;
}

form.contact-form {
margin:20px 40px 20px 0px;
padding:20px 0;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}

form.contact-form input {
width:auto;
vertical-align:middle;
}

form.contact-form input.text {
margin-left:5px;
width:280px;
}

form.contact-form label.drop {
width:auto;
padding-right:10px;
}

form.contact-form input.postcode {
width:80px;
}

form.contact-form label {
float:left;
width:65px;
}

form.contact-form textarea.enquiry-text {
	margin-bottom:18px;
	margin-top:0;
	margin-left:70px;
	width:286px;
}


form.contact-form label.block {
display:block;
width:300px;
padding-bottom:4px;
}

form.google {
padding-bottom:20px;
}



/* REGISTRATION */

form.user label {
	display:block;
	width:160px;
	margin:6px 0 2px 0;
	vertical-align:middle;
}

form.user input {
	margin:2px 0 6px 0;
}




/* ADDRESS */

form.address legend {
	color:#252120;
	font-size:12px;
	font-weight:bold;
	margin-bottom:12px;
	padding:0;
}

form.address label {
	float:left;
	width:100px;
	margin:6px 0 8px 0;
	vertical-align:middle;
}

form.address input {
	margin:2px 0 10px 0;
	width:250px;
}

form.address input.button {
	margin-bottom:18px;
	width:auto;
	padding:0;
	margin-left:0;
}



/* BUY NOW */

td.buy_now a {
display:block;
padding:2px 2px 4px 2px;
width:60px;
font-size:10px;
text-align:center;
color:#2BA8FA;
background-color:#252120;
}

td.buy_now a:hover {
color:#5ebcfa;
background-color:#312D2E;
text-decoration:none;
}




/* CHECKOUT */

p.checkout a {
display:block;
padding:4px;
width:66px;
font-size:10px;
text-align:center;
color:#2BA8FA;
background-color:#252120;
}

p.checkout a:hover {
color:#5ebcfa;
background-color:#312D2E;
text-decoration:none;
}



/* FINALISE */

table.finalise {
	margin-bottom:12px;
}

table.finalise tr td {
	padding:0 20px 10px 0;
}

table.finalise-order {
	background-color:#FFF;
	border:1px solid #ccc;
}


table.finalise-order tr td, table.finalise-order tr th {
	padding:3px 5px;
}

table.finalise-order tbody tr th {
	font-weight:bold;
}



/* NEWS */

.image-news-r {
float:right;
margin-left:20px;
margin-bottom:10px;
margin-top:5px;
margin-right:0px;
border:1px solid #d9d9d9;
}

.image-news-l {
margin-bottom:10px;
margin-top:5px;
margin-right:0px;
border:1px solid #d9d9d9;
}

span.title {
padding-top:10px;
line-height:140%;
font-size:12px;
color:#2ba8fa;
font-weight:bold;
}





/* CATEGORY IMAGES */

.category_div {
	float:left;
	width:138px;
	height:148px;
	padding:0px;
	margin:0 10px 10px 0;
	text-align:center;
	background:url(../images/sub-cat-bg.jpg) no-repeat center center;
}

.category_div img {
	margin-top:8px;
}

.category_div a {
	display:block;
	width:125px;
	margin:7px auto;
	font-size:10px;
	line-height:120%;
	font-weight:normal;
}






/* CART */

#main-cart {
background-color:#FFF;
float:left;
margin:0 30px 14px 0;
padding:0 10px;
border:1px solid #d9d9d9;
}

h2.cart-head {
width:850px;
margin-bottom:18px;
}

.cart-left {
width:262px;
float:left;
margin-right:20px;
}

.cart-image {
margin:10px 0 10px 10px;
float:left;
}

p.no-purchase {
float:left;
text-align:center;
padding:10px;
width:150px;
border:1px solid #ccc;
background-color:#d9d9d9;
}


/* ADD TO CART */

form.cart-form {
width:600px;
margin-bottom:18px;
}

input.add-to-cart {
padding:2px 8px 2px 8px;
width:76px;
font-size:10px;
text-align:center;
color:#2BA8FA;
background-color:#252120;
}

input.add-to-cart:hover {
color:#5ebcfa;
background-color:#312D2E;
}

span.price {
font-weight:bold;
font-size:12px;
padding-bottom:6px;
}





/* EXTRAS */

span.pagination {
	display:none;
}

a.no-margin {
	margin-left:-25px;
}

a.more-btn {
	display:block;
	text-indent:-9999px;
	background:url(../images/more-btn.jpg) no-repeat left top;
	width:85px;
	height:29px;
}

img.float-r {
	float:right;
}

a.news-btn {
	display:block;
	text-indent:-9999px;
	width:185px;
	height:51px;
	margin-bottom:6px;
}

a.amt {
	height:102px;
	background:url(../images/news-amt.jpg) no-repeat left top;
}

a.amt:hover {
	background:url(../images/news-amt.jpg) no-repeat left -102px;
}

a.spc {
	background:url(../images/news-spc.jpg) no-repeat left top;
}

a.spc:hover {
	background:url(../images/news-spc.jpg) no-repeat left -51px;
}



/* MATRIX */

table.matrix {
	text-align:left;
	background:#FFF;
	padding:20px;
	margin:10px 0;
}

table.matrix td.head {
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

table.matrix tr {
	border-bottom:1px solid #FFF;
}

table.matrix td {
	padding:5px 15px;
	margin-bottom:1px;
}