/*-------GENERAL--------*/

html
{
    height:100%;
}

body
{
    width:100%; height:100%;
    margin:0;
    border:0;
    padding:0;
    background-image:url('/images/background.png');
    background-repeat:repeat-x;
    background-position:left top;
    background-color:#393c42;
    font-family: Myriad Pro, Arial, Helvetica, Sans-Serif;
    font-size:1em;
}

.clearer
{
    clear:both;
}

.wrapper
{
    width:998px;
    margin:0 auto;
    padding:0 13px;
    background-color:#ffffff;
}

.header
{
    width:998px; height:200px;
    background-image:url('/images/header.png');
    background-repeat:no-repeat;
    background-position:left top;
    position:relative;
}

.main
{
    width:998px;
    padding-bottom:37px;
}

.col-right
{
    width:818px;
    float:right;
}

.subheader
{
    position:relative;
    width:818px; height:131px;
    margin-bottom:28px;
    margin-top:16px;
}

.subheaderExpanded
{
    height:294px;
}

.content
{
    width:786px;
    padding-left:32px;
    background-image:url('/images/content-background.png');
    background-position:left;
    background-repeat:repeat-y;
}

.registeredinengland
{
	text-align: center;
	font-size:0.61em;
}

.col-left
{
    width:164px;
    float:left;
}

.footer
{
    padding-bottom:60px;
    text-align:center;
    color:#a5acaf;
    font-size:0.81em;
}

#dialog-currency img
{
    border:none;
    margin:0px 10px;
    text-align:center;
}
.currencybutton
{
	float:left;
    border:none;
    margin:10px 10px;
    text-align:center;
}
.currencybutton a
{
    text-decoration:none;
}
.currencybutton a:hover
{
    text-decoration:underline;
}

/*-------HEADER--------*/

.header .address
{
    position:absolute;
    right:15px; top:3px;
    color:#003c69;
    font-size:0.75em;
}

.header .info
{
    position:absolute;
    right:0px; top:45px;
    font-size:1.62em;
    font-weight:bold;
    text-align:right;
    line-height:28px;
    color:#003c69;
}

.header .info a,
.header .info a:link,
.header .info a:active,
.header .info a:visited
{
    color:#003c69;
    text-decoration:none;
}

.header .info a:hover
{
    text-decoration:underline;
}

.header a.logo,
.header a.logo:link,
.header a.logo:hover,
.header a.logo:active,
.header a.logo:visited
{
    display:block;
    position:absolute;
    left:7px; top:72px;
    width:158px; height:63px;
    background-image:url('/images/header-logo.png');
    text-decoration:none;
}

.header input.search-query
{
    position:absolute;
    left:751px; top:113px;
    width:194px; height:18px;
    border-left:solid 1px #a5acaf;
    border-top:solid 1px #a5acaf;
    border-bottom:solid 1px #a5acaf;
    border-right:none;
}

.header input.search-submit
{
    position:absolute;
    left:945px; top:113px;
    width:51px; height:22px;
    border:none;
    cursor:pointer;
}
.searcherror
{
	display:none;
	position:absolute;
	top:111px;
	left:425px;
	border:solid 1px #a5acaf;
	padding:3px;
}

.header .menu
{
    position:absolute;
    left:0px; top:157px;
    width:998px; height:39px;
}

/*-------FOOTER--------*/

.footer a,
.footer a:link,
.footer a:active,
.footer a:visited
{
    color:#a5acaf;
    text-decoration:none;
}


.footer a:hover
{
    text-decoration:underline;
}

/*---------SUB HEADER-----------*/


.subheader h1.large
{
    position:absolute;
    left:32px; bottom:28px;
    margin:0;
    font-size:3.12em;
    font-weight:bold;
    text-decoration:none;
    color:#e98301;
    z-index:2;
}

.subheader h1.top
{
    position:absolute;
    /*left:80px;*/ left:32px; top:14px;
    margin:0;
    font-size:1.60em;
    font-weight:bold;
    text-decoration:none;
    color:#e98301;
    z-index:2;
}

.subheader h1.bottom
{
    position:absolute;
    left:32px; bottom:20px; top:auto;
    margin:0;
    font-size:1.60em;
    font-weight:bold;
    text-decoration:none;
    color:#e98301;
    z-index:2;
}
.subheader h1.bottom .newsdate
{
    font-size:0.5em;
    font-weight:bold;
    text-decoration:none;
    color:#e98301;
}

.subheader .text
{
    position:absolute;
    /*left:80px;*/ left:32px; top:64px;
    width:760px; /*580px;*/
    color:#ffffff;
    line-height:normal;
    font-weight:normal;
    white-space:normal;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:0.8em;
}

.subheader .text p
{
    margin-top:0;
    margin-bottom:12px;
}

.subheader a,
.subheader a:link,
.subheader a:active,
.subheader a:visited
{
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

.subheader a:hover
{
    text-decoration:underline;
}

.subheader img
{
    position:absolute;
}

/*-------LEFT COLUMN--------*/

.nav-tabs
{
    width:100%;
    height:140px;
    margin-top:16px;
    margin-bottom:27px;
    overflow:visible;
}

.nav-tabs a,
.nav-tabs a:link,
.nav-tabs a:active,
.nav-tabs a:visited
{
    display:block;
    width:148px; height:25px;
    margin-bottom:5px;
    padding-top:4px;
    padding-left:16px;
    position:relative;
    z-index:1;
    background-repeat:no-repeat;
    background-position:left bottom;
    text-decoration:none;
    font-size:0.9em;
    letter-spacing:0.05em;
    font-weight:bold;
    color:#ffffff;
    background-image:url('/images/sprite-navtab.png');
}

.nav-tabs a:hover
{
    width:208px;
    background-position:left top;
    /*font-size:1.0em;*/
    /*letter-spacing:0.05em;*/
    color:#ffffff;
    text-decoration:none;
}

.nav-tabs a .arrows,
.nav-tabs a:link .arrows,
.nav-tabs a:active .arrows,
.nav-tabs a:visited .arrows
{
    display:none;
}

.nav-tabs a:hover .arrows
{
    display:inline;
}

.nav-tabs-on a,
.nav-tabs-on a:active,
.nav-tabs-on a:link,
.nav-tabs-on a:hover,
.nav-tabs-on a:visited
{
    display:block;
    height:25px;
    margin-bottom:5px;
    padding-top:4px;
    padding-left:16px;
    position:relative;
    z-index:1;
    background-repeat:no-repeat;
    text-decoration:none;
    font-weight:bold;

    width:208px;
    background-position:left top;
    background-image:url('/images/sprite-navtab.png');
    font-size:1.0em;
    letter-spacing:0.05em;
    color:#ffffff;
    text-decoration:none;
}

a.bvmsitelink,
a.bvmsitelink:link,
a.bvmsitelink:hover,
a.bvmsitelink:active,
a.bvmsitelink:visited
{
    display:block;
    width:164px; height:74px;
    margin-bottom:14px;
    text-decoration:none;
}

a.advert-small,
a.advert-small:link,
a.advert-small:hover,
a.advert-small:active,
a.advert-small:visited
{
    display:block;
    width:164px; height:133px;
    margin-bottom:14px;
    text-decoration:none;
}

a.advert-large,
a.advert-large:link,
a.advert-large:hover,
a.advert-large:active,
a.advert-large:visited
{
    display:block;
    width:164px; height:94px;
    text-decoration:none;
}

/*-------PRODUCT LISTS--------*/

.product-row
{
    width:100%; height:226px;
    margin-top:15px;
}

:first-child.product-row
{
    margin-top:0px;
}

.product
{
    position:relative;
    width:176px; height:226px;
    float:left;
    margin-left:27px;
    background-image:url('/images/product-background.png');
}

:first-child.product
{
    margin-left:0px;
}

.product h3
{
    position:absolute;
    left:9px; top:2px;
    margin:0;
    color:#ffffff;
    font-weight:bold;
    font-size:1em;
    text-decoration:none;
}
.product h3 a:hover,
.product h3 a:link,
.product h3 a:active,
.product h3 a:visited
{
    color:#ffffff;
    text-decoration:none;
}
.product h3 a:hover
{
    color:#ffffff;
    text-decoration:underline;
}

.product img
{
    position:absolute;
    /*  specify left & top in style attribute
        left = 88 - (image width / 2)
        top = 76 - (image height / 2)    */
}

.product ul
{
    position:absolute;
    left:10px; top:125px; /*left:20px; top:132px;*/
    list-style-type:none;
    margin:0; padding:0;
}

.product li
{
    font-size:0.75em;
    background-image:url('/images/bullet-small.png');
    background-repeat:no-repeat;
    background-position:0 6px;
    padding-left:10px;
}

.product a.more,
.product a.more:link,
.product a.more:active,
.product a.more:visited
{
    font-size:0.75em;
    position:absolute;
    left:20px; bottom:14px;
    color:#000000;
    text-decoration:none;
}

.product a.more:hover
{
    text-decoration:underline;
}

.product .price
{
    font-size:0.75em;
    position:absolute;
    right:28px; bottom:14px;
    color:#000000;
}

/*-------PRODUCT DETAIL--------*/

.content h2
{
    margin-top:0;
    font-size:1.4em;
    font-weight:bold;
    text-decoration:none;
    color:#e98301;
}

.content .description
{
    width:754px;
    padding-right:32px;
}

.description ul
{
    list-style-type:none;
    margin:0; padding:0;
}

.description li
{
    background-image:url('/images/bullet-large.png');
    background-repeat:no-repeat;
    background-position:0 8px;
    padding-left:10px;
}

.options-list
{
    margin-top:35px;
}

.option
{
    border-top:solid 1px #003c69;
    padding-top:12px;
    padding-bottom:12px;
}

.option:first-child
{
    border-top:none;
    padding-top:0;
}

.option:last-child
{
    padding-bottom:0;
}

.option .info
{
    width:570px;
    float:left;
}

.info a:link,
.info a:active,
.info a:visited,
.info a:hover
{
    color:#000;
	text-decoration: none;
}
.info a:hover
{
	text-decoration: underline;
}

.option .purchase
{
    width:184px;
    float:right;
    font-size:0.81em;
}

.purchase .contact-us
{
    color:#003c69;
    margin-left:5px;
    margin-top:24px;
}
.purchase a:link,
.purchase a:active,
.purchase a:visited
{
    color:#003c69;
	text-decoration: none;
}
.purchase a:hover
{
	text-decoration: underline;
}

.purchase input.quantity
{
    width:34px; height:15px;
    border:solid 1px #a8afb2;
    display:inline;
}

.purchase input.add-to-basket
{
    width:145px; height:23px;
    margin-top:10px;
    border:none;
    background-image:url('/images/add-to-basket.png');
    background-color:Transparent;
    cursor:pointer;
}

.purchase img.add-to-basket
{
    width:145px; height:23px;
    border:none;
    display:block;
    margin-top:10px;
/*
    background-image:url('/images/add-to-basket.png');
    background-color:Transparent;
*/
    cursor:pointer;
}

#productdownloads
{
	float:right;
}

.formbutton
{
    float:right;
    border:none;
    background-color:Transparent;
    cursor:pointer;
}
/*-------CONTACT--------*/

.content > p
{
    margin-top:0px;
}

.content > p a:link,
.content > p a:active,
.content > p a:visited,
.content > p a:hover
{
    color:#000;
	text-decoration: none;
}

.content > p a:hover
{
    color:#000;
	text-decoration: underline;
}

.contact-form
{
    width:300px;
    margin-top:20px;
    margin-left:2px;
}

.contact-form .label
{
    width:100px;
    float:left;
    font-size:0.8em;
    color:#003268;
}

.contact-form .labelwide
{
    float:left;
    font-size:0.8em;
    color:#003268;
}

.contact-form .field
{
    width:200px;
    float:left;
}

.contact-form .field input.textbox
{
    width:198px; height:15px;
    border:solid 1px #003268;
}
.contact-form .field input.textbox.error
{
    width:198px; height:15px;
    border:dotted 1px red;
}
.contact-form .field select.droplist
{
    width:198px; height:20px;
    border:solid 1px #003268;
}
.contact-form .field select.droplist.error
{
    width:198px; height:20px;
    border:dotted 1px red;
}

.contact-form .clearer
{
    height:7px;
}

.contact-form .wide
{
    width:100%;
    font-size:0.8em;
    color:#003268;
}

.contact-form .wide textarea
{
    width:298px; height:78px;
    border:solid 1px #003268;
}
.contact-form .wide textarea.error
{
    width:298px; height:78px;
    border:dotted 1px red;
}

.contact-form .wide input.textbox
{
    width:298px; height:15px;
    border:solid 1px #003268;
}
.contact-form .wide input.textbox.error
{
    width:298px; height:15px;
    border:dotted 1px red;
}

.contact-form .wide input.send-form
{
    width:44px; height:19px;
    float:right;
    border:none;
    background-image:url('/images/send-form.png');
    background-color:Transparent;
    cursor:pointer;
}
.error, input.error {
	display:block;
    font-size:12px;
	color:#f00;
}

/*-------BASKET--------*/

.basket
{
    font-size:0.8em;
    color:#003268;
}

.basket .code
{
    width:76px;
    float:left;
}

.basket .name
{
    width:524px;
    float:left;
}

.basket .price
{
    width:50px;
    float:left;
}

.basket .quantity
{
    width:35px;
    float:left;
}

.basket .quantity input
{
    width:33px; height:15px;
    border:solid 1px #003268;
}

.basket .total
{
    width:55px;
    float:left;
    text-align:right;
}

.basket .clearer
{
    height:7px;
}

.basket .subtotal
{
    width:300px;
    float:right;
    margin-right:47px;
    text-align:right;
}
.basket .finaltotal
{
    width:300px;
    float:right;
    margin-right:47px;
    text-align:right;
    font-weight:bold;
}

.basket a,
.basket a:link,
.basket a:active,
.basket a:visited
{
    color:#003268;
    text-decoration:none;
}

.basket a:hover
{
    text-decoration:underline;
}

/*-------Order Summary--------*/

.orderaddress
{
    width:300px;
    margin-left:2px;
    margin-right:30px;
    padding:5px;
    /*border: 1px solid #003268;*/
}

.orderaddress .label
{
    width:100px;
    float:left;
    font-size:0.9em;
    color:#003268;
}

.orderaddress .field
{
    width:200px;
    float:left;
    font-size:0.8em;
}

/*-------NEWS--------*/

.news
{
    font-size:0.8em;
    color:#003268;
}

.news .image
{
    width:100px;
    float:left;
}

.news .summary
{
    width:686px;
    float:left;
}

.news .clearer
{
    height:7px;
}

.news a,
.news a:link,
.news a:active,
.news a:visited
{
    color:#003268;
    text-decoration:none;
}

.news a:hover
{
    text-decoration:underline;
}

.newsimagedetail
{
	float:left;
	margin-right:5px;
}

/*-------MENU--------*/

.jqueryslidemenu{
font: bold 12px Verdana;
background: #256EA9; /*background of menu bar (default state)*/
background-image:url('/images/menubg.gif');
background-repeat:repeat-x;
width: 100%;
position: absolute;
top:157px;
z-index:3000;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #256EA9; /*background of tabs (default state)*/
background-image:url('/images/menubg.gif');
background-repeat:repeat-x;
color: white;
padding: 8px 25px;
text-decoration: none;
font: 18px Myriad Pro, Arial, Helvetica, Sans-Serif;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
height: 1%;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #1281BC; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin-left: 0px;
background: #256EA9;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 0px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ## CSS classes applied to down and right arrow images ## */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}