@charset "utf-8";
/*
    Document   : jas.css
    Created on : 22-Feb-2010, 11:31:56
    Author     : Richard Henry for West Midlands Media
    Description: main stylesheet for JA Seals.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img {
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul,ul li {
	list-style:none;
    list-style-type:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
        font-family: Arial, "Helvetica Neue", Helvetica, "Lucida grande", Verdana, Geneva, sans-serif
	}
	q:before,q:after {
	content:'';
	}
abbr,acronym {
	border:0;
	}
a, a img {
    text-decoration:none;
    border:none
}
body {
    background-color:#333;
    font-size:medium;
    font-family:"Myriad Pro", Arial, Helvetica, "Lucida grande", Verdana, Geneva, sans-serif;
}
h1 {
    font-size: 1.4em;
    margin:6px 0
}
a, a:visited {
    color:#333
}
#page {
    width:960px;
    height:auto;
    padding:0;
    margin:0 auto 0 auto;
    /*background-image:url(../elements/images/pageback.png);
    background-position:top left;
    background-repeat:repeat-y;*/
}
#content {
    width:951px;
    height:100%;
    padding:0;
    margin:0 auto 0 5px;
}
#header {
    width:951px;
    height:182px;
    margin:0 auto 0 5px;
    background-color:#333333;
    color:#f2f2f2;
    background-image:url(../elements/images/logo.png);
    background-position:0 21px;
    background-repeat:no-repeat;
    position:relative;
    font-family: Arial, "Helvetica Neue", Helvetica, "Lucida grande", Verdana, Geneva, sans-serif
}
#header p.callusnow {
    font-size:1.2em;
    position:absolute;
    top:60px;
    right:25px;
    color:#e8e8f0
}
#header p.telephone {
    font-size:2.6em;
    position:absolute;
    top:80px;
    right:16px;
    color:#e8e8f0
}
a#headertrade {
    position:absolute;
    top:128px;
    right:24px;
    width:231px;
    height:22px;
    background-image:url(../elements/images/header_trade.png);
}
a#headertrade:hover {
    background-image:url(../elements/images/header_trade_active.png);
}
#menu {
    height:26px;
    width:100%;
    position:relative;
    background-color:#333333
}
#menu a {
    width:100%;
    display:block
}
#menu #search {
    position:absolute;
    right:0;
    bottom:0;
    width:211px;
    height:26px;
    background-image:url(../elements/images/topmenu_search.png);
}
#menu #home {
    position:absolute;
    left:0;
    bottom:0;
    width:95px;
    height:26px;
    background-image:url(../elements/images/topmenu_home.png);
}
#menu #home:hover, #menu #home.active {
    background-image:url(../elements/images/topmenu_home_active.png);
}
#menu #madetoorder {
    position:absolute;
    left:97px;
    bottom:0;
    width:126px;
    height:26px;
    background-image:url(../elements/images/topmenu_madetoorder.png);
}
#menu #madetoorder:hover, #menu #madetoorder.active {
    background-image:url(../elements/images/topmenu_madetoorder_active.png);
}
#menu #aboutus {
    position:absolute;
    left:225px;
    bottom:0;
    width:126px;
    height:26px;
    background-image:url(../elements/images/topmenu_about_us.png);
}
#menu #aboutus:hover, #menu #aboutus.active {
    background-image:url(../elements/images/topmenu_about_us_active.png);
}
#menu #testimonials {
    position:absolute;
    left:353px;
    bottom:0;
    width:126px;
    height:26px;
    background-image:url(../elements/images/topmenu_testimonials.png);
}
#menu #testimonials:hover, #menu #testimonials.active {
    background-image:url(../elements/images/topmenu_testimonials_active.png);
}
#menu #contact {
    position:absolute;
    left:481px;
    bottom:0;
    width:126px;
    height:26px;
    background-image:url(../elements/images/topmenu_contact.png);
}
#menu #contact:hover, #menu #contact.active {
    background-image:url(../elements/images/topmenu_contact_active.png);
}
#menu #cart {
    position:absolute;
    left:609px;
    bottom:0;
    width:126px;
    height:26px;
    background-image:url(../elements/images/topmenu_cart.png);
}
#menu #cart:hover, #menu #cart.active {
    background-image:url(../elements/images/topmenu_cart_active.png);
}
#searchvalue {
    border:0;
    margin:6px 0 0 33px;
    width:110px;
    padding:1px;
}
#main {
    background-color:#f2f2f2;
    float:right;
    display:inline;
    width:100%;
    height:100%
}
#leftcolumn {
    width:240px;
    float:left;
    margin:0;
    padding:0;
    display:inline;
    height:100%
}
.leftblockimage {
    /*clear:both;*/
    margin:6px 0 0 6px
}
#leftmenu {
    width:229px;
    height:auto;
    margin:6px 0 12px 6px
}
#leftmenu ul {
    clear:both;
    width:100%;
    margin:4px 0 0 0;
    padding:4px 0 0 0
}
#leftmenu ul li {
    font-size:0.8em;
    line-height:18px;
    padding:4px;
    margin-left:2px;
    border-bottom:1px dashed #b6b6b6;
    font-family: Arial, "Helvetica Neue", Helvetica, "Lucida grande", Verdana, Geneva, sans-serif
}
#leftmenu ul li a {
    margin-left:14px;
    height:18px;
    display:block;
    color:#333;

}
#leftmenu ul li:hover {
    background-color:#c1272d;
    background-image:url("../elements/images/menu_arrow.png");
    background-position:6px 9px;
    background-repeat:no-repeat;
    color:#fff;
    cursor:pointer
}
#leftmenu ul li a:hover {
    color:#fff
}
#needhelp {
    margin:6px 0 0 6px;
    background-image:url("../elements/images/left_need_help.png");
    width:229px;
    height:196px;
    position:relative
}
a#callback {
    width:92px;
    height:24px;
    position:absolute;
    bottom:16px;
    right:6px;
    background-image:url("../elements/images/callback.png");
}
a#callback:hover {
    background-image:url("../elements/images/callback_active.png");
}
#rightmain {
    float:right;
    display:inline;
    width:702px;
    height:100%;
}
#breadcrumb  {
    font-family: Arial, "Helvetica Neue", Helvetica, "Lucida grande", Verdana, Geneva, sans-serif;
    clear:both;
    margin:8px 0
}
#breadcrumb ul {
    font-size:0.8em
}
#breadcrumb ul li {
    float:left;
    clear:none;
    display:inline;
    margin-right:6px
}
#breadcrumb ul li a  {
    padding:2px 4px;
    color:#333;
    padding-left:8px
}
#breadcrumb ul li a:hover {
    color:#237ce5
}
.block_information {
    clear:both;
    margin:6px 0;
    width:683px
}
.block_information h2 {
    font-family: Arial, "Helvetica Neue", Helvetica, "Lucida grande", Verdana, Geneva, sans-serif;
    font-size:1.6em;
    line-height:18px;
    margin:12px 0 4px 8px
}
.block_information p {
    font-family: Arial, "Helvetica Neue", Helvetica, "Lucida grande", Verdana, Geneva, sans-serif;
    font-size:0.76em;
    line-height:18px;
    margin:8px 0 0 12px
}
.header_wide {
    clear:both;
    /*float:left;*/
    color:#fff;
    font-size:0.86em;
    width:684px;
    height:33px;
    background-image:url("../elements/images/header_wide.png");
}
.flat {
    background-image:none;
    background-color:#e6e6e6;
    margin:12px 0
}
.header_wide p {
    font-size:1.2em;
    float:left;
    margin:5px 0 0 10px;
    color:#fff
}
.testimonial {
    width:336px;
    height:191px;
    background-image:url("../elements/images/testimonial_background.png");
    float:left;
    margin:0 10px 0 0;
    position:relative
}
.testimonial_text {
    clear:both;
    margin:34px 10px 4px 20px;
    font-size:0.9em;
    line-height:20px;
}
.testimonial_name {
    clear:both;
    margin:0 0 0 19px;
    font-weight:700;
}
/*--- footer ---*/
#footer {
    clear:both;
    /*float:left;*/
    width:951px;
    height:auto;
    margin:0 auto 20px 5px;
    /*padding:8px 0;*/
    /*background-image:url(../pictures/pageback.png);
    background-position:top left;
    background-repeat:repeat-y*/
    color:#f2f2f2;
    position:relative
}
#footer_base {
    width:951px;
    height:101px;
    background-image:url(../elements/images/footer_brush.png);
    background-position:top left;
    margin:0
}
a#semlink, a#termslink, a#footermaillink, a#wmmlink {
    color:#b3b3b3;
    font-size:13px;
    margin:16px 0 0 0
}
a#semlink {
    position:absolute;
    top:46px;
    right:14px
}
a#wmmlink {
    position:absolute;
    top:46px;
    left:14px
}
a#termslink {
    position:absolute;
    top:30px;
    right:14px
}
a#footermaillink {
    position:absolute;
    top:30px;
    left:14px
}
a#semlink:hover, a#termslink:hover, a#footermaillink:hover, a#wmmlink:hover {
    color:#fff
}

a.link_arrow {
    width:26px;
    height:24px;
    background-image:url(../elements/images/red_button_arrow.png);
}
a.link_arrow:hover {
    background-image:url(../elements/images/red_button_arrow_active.png);
}
/* --- shopping cart in left column*/
#left_cart {
    width:229px;
    height:auto;
    clear:both;
    margin:8px 0 8px 6px
}
#left_cart #top {
    width:229px;
    height:33px;
    margin:0;
    clear:both;
    float:left;
    background-image:url(../elements/images/left_cart_top.png);
}
#left_cart #top p {
    font-size:1.06em;
    float:left;
    margin:5px 0 0 10px;
    color:#fff
}
#left_cart #cartcontent {
    clear:both;
    margin:0;
    width:227px;
    /*height:300px;*/
    height:auto;
    padding-bottom:12px;
    background-color:#f2f2f2;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    font-size:76%
}
#left_cart #cartcontent .productbar {
    width:100%;
    margin:0;
    padding:0;
    height:33px
}
productbar p {
    clear:both;
    float:left;
    width:154px;
    height:auto;
    display:inline;
    margin:5px 0 0 6px
}
a.leftcartremove, a.remover {
    width:21px;
    height:20px;
    display:inline;
    float:right;
    padding:0;
    margin:5px 6px 0 0;
    overflow:hidden;
    background-image:url("../elements/images/remove.png");
    background-repeat:no-repeat;
    background-position:center
}
a.leftcartremove:hover, a.remover:hover {
    background-image:url("../elements/images/remove_active.png");
}
#left_cart #quicktotal {
    clear:both;
    float:left;
    width:227px;
    height:47px;
    margin-top:0;
    font-weight:700;
    font-size:100%;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}
#quicktotal p {
    margin:18px  0 0 24px
}
/*background-color:#e6e6e6*/
#left_cart #base {
    clear:both;
    width:100%;
    height:45px;
    background-image:url(../elements/images/left_cart_base.png);
    position:relative
}
#left_cart #base a.link_text {
    position:absolute;
    top:13px;
    left:13px
}
#left_cart #base a.link_text:hover {
    color:#237ce5
}
#left_cart #base a.link_arrow {
    position:absolute;
    top:13px;
    right:13px
}
.productbar {
    width:100%;
    height:32px;
    background-color:#fff
}
.odd {
    background-color:#e6e6e6
}
.even {
    background-color:#fff
}
.curved {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*behavior:url(border-radius.htc)*/
}
a.view_all_specials {
    width:190px;
    height:22px;
    background-image:url("../elements/images/view_all_special.png");
    float:right;
    display:inline;
    margin:5px 9px 0 0
}
a.view_all_specials:hover {
    background-image:url("../elements/images/view_all_special_active.png");
}
a#find {
    width:50px;
    height:24px;
    display:block;
    position:absolute;
    right:11px;
    top:2px;
    background-image:url("../elements/images/find.png");
}
a#find:hover {
    background-image:url("../elements/images/find_active.png");
}
#facebox .b {
  background:url('facebox/b.png');
}

#facebox .tl {
  background:url('facebox/tl.png');
}

#facebox .tr {
  background:url('facebox/tr.png');
}

#facebox .bl {
  background:url('facebox/bl.png');
}

#facebox .br {
  background:url('facebox/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#facebox p.alert, #facebox p.success, #facebox p.smallerror {
  background-color:#ff0000;
  color:#ffffff;
  font-size:1.2em;
  margin:5px;
  padding:5px;
  text-indent:5px;
  height:auto;
  width:auto
}
#facebox p.success {
  background:#218d15;
  /*  url("../elements/images/tick-32-trans.png") right no-repeat*/
}
#facebox p.smallerror {
  background-color:orange;
}
#facebox p.dialogtext {
  margin:8px;
  padding:6px;
  height:auto;
  width:auto
}
#facebox .thanks {
  clear:both;
  float:left;
  margin:24px 0 0 5px;
  font-style:italic;
  font-weight:400;
  color:#888888
}
.modalform {
  background-color:#e9e9e9;
  background-image:url("../elements/images/callback_phone.png");
  background-position:230px 134px;
  background-repeat:no-repeat
}
.modalform2 {
  background-color:#e9e9e9;
  /*background-image:url("../elements/images/email_a_friend.png");
  background-position:235px 11px;
  background-repeat:no-repeat*/
}
.successbox img.close_image {
		
}
#facebox h1 {
    clear:both;
    padding:0;
    margin:6px 0 0 6px
}
#facebox h2 {
    clear:both;
    margin:0;
    padding:0;
    margin:0 0 0 6px;
    font-size:110%
}
.colWrap {
    clear:both;
    float:left
}
form#submitform {
    border:1px solid #e1e2e3;
    padding:8px;
    margin:8px 0 0 16px
}
form#submitform input[type=text] {
    border:1px solid #8d8d8d;
    padding:2px;
}
#error {
  background-color:#fff;
  color:#c1272d;
  font-weight:600;
  padding:0 2px
}
#error p, #showresult p {
  margin:2px 0 2px 8px
}
#showresult {
  color:#fff;
  background-color:#dd2f17;
  padding:0 2px
}
.submit {
  width:92px;
  height:24px;
  background-image:url("../elements/images/submit.png");
  border:0
}
.submit:hover {
  background-image:url("../elements/images/submit_active.png");
}
#captcha {
  clear:both;
  float:left;
  background-color:#fff;
  padding:5px;
  width:249px;
  height:auto;
  border:1px solid #8d8d8d;
  margin-top:8px
}
.captchaText {
  color:#c1272d
}
.captchaImage {
  margin:2px;
  width:30px;
  padding:2px;
  background-color:#fff;
}
.captchaImage:hover {
  cursor:pointer
}
.captchaImage.simpleCaptchaSelected {
  background-color:#c1272d;
}
.datastore {
display:none
}

/* --- content feed elements --- */
.contentfeed {
    display:none
}
/*--- february 2011 -- */
#google_translate_element {
    color:#b9b7b8;
    position:absolute;
    right:10px;
    top:10px
}
#translate-notice {
    color:#b9b7b8;
    position:absolute;
    right:176px;
    top:13px;
    font-weight:700;
    font-size:14px
}
#currency-switch {
    margin:6px 0 0 6px;
    background-image:url("../elements/images/currency_switch.png");
    width:229px;
    height:144px;
    position:relative
}
#form_currency {
    position:absolute;
    top:70px;
    left:12px;
}
#form_currency input {
    font-size:14px
}

/* --- 4th may 2011 --- */
img#sagepay_secure {
    margin:10px 0 0 6px
}
/* --- 5th may 2011 ---*/
.addthis_button {
	position:absolute;
    right:322px;
    top:12px
}
/*.jasbookmark {
	position:absolute;
    right:322px;
    top:12px;
	width:90px;
	height:22px;
	background-image:url("../elements/images/bookmark.png");
}
.jasbookmark:hover {
	background-image:url("../elements/images/bookmark_active.png");
}*/