.cb { clear:both; }

ul { }

li { margin-left: 0em; margin-top:0; line-height: 1.25em; padding-left: 1em; padding-top:0; font-size: small; }

div.underline { padding-top: 15px; padding-bottom: 15px; }

div.underline_listing { padding-top: 8px; padding-bottom: 8px; }

div.calc { padding-top: 8px; padding-bottom: 8px; }

div.main { color:#005596; font-weight:bold; }

div.heading { color:#005596; font-weight:bold; font-size: small; }

div.bluetext { color:#005596; font-size: xx-small; }

div.smalltext { color:#5C5C5C; font-size: xx-small; }

td.smalltext { color:#5C5C5C; font-size: xx-small; }

div.maintext { color:#000000; font-size: 10pt; margin-bottom: 20px; }

div.maintext li { font-size:10pt; }

td.boldtext { color:#5C5C5C; font-size: x-small; font-weight:bold; }

td.maintext { color:#5C5C5C; font-size: x-small; }

a.maintext { color:#000000; display: block; font-size: 10px; line-height: 1.7em; text-decoration: none!important; text-align: center; }

a.maintext:hover { text-decoration: underline!important; }

div.white { color:#ffffff; font-size: x-small; }

h1 { color: #005596; font-weight:bold; font-size:medium; }

h2 { color: #005596; font-weight:bold; font-size: small; }

h4 { margin-top: 7px; color: #1A2F7E; margin-bottom: 7px; font-size: 10pt; }

h5 { margin-top: 3px; color: #15317B; margin-bottom: 13px; }

a.navlink:LINK, a.navlink:VISITED, a.navlink:ACTIVE, a.navlink:FOCUS { font-size: 11px; color:#000099; text-decoration:none; }

A.nav { color: #FFFFFF; text-decoration: none; }

div.small { color:#5C5C5C; font-size: xx-small; padding-bottom: 10px; }

a.navblack:LINK, a.navblack:VISITED, a.navblack:ACTIVE, a.navblack:FOCUS { font-size: 11px; color:#000000; text-decoration:none; }

A:LINK.footer, A:VISITED.footer { text-decoration : underline; font-size:10px; color : #2F76A5; }

SELECT.selector { font-family:  Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; }

TD.HotKit { font: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family : verdana, Arial, Helvetica, sans-serif; }

TD { font:  verdana, Arial, Helvetica, sans-serif; font-family : verdana, Arial, Helvetica, sans-serif; }

body, td, div, p, UL { font-family :  Verdana, Arial, sans-serif; color: black; font-size: x-small; }

BODY { background-color: White; font-family : verdana, Arial, Helvetica, sans-serif; font:  verdana, Arial, Helvetica, sans-serif; font-size: x-small; }

A:LINK, A:VISITED { text-decoration : none; color: black; text-decoration : underline; }

A:FOCUS, A:ACTIVE, A:HOVER { color : Black; text-decoration : underline; }

A.admin, A.admin:LINK, A.admin:VISITED, A.admin:ACTIVE, A.admin:HOVER, A.admin:FOCUS { color : Black; text-decoration : underline; }

SELECT.monsoon { border:1px solid #6786A8; background-color: #EBF1F9; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

INPUT.monsoon { border:1px solid #6786A8; background-color: #EBF1F9; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

TEXTAREA.monsoon { border:1px solid #6786A8; background-color: #EBF1F9; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

TEXTAREA { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; }

SELECT.Kit { background-color: #D5D4D3; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; }

INPUT.KIT { background-color: #D5D4D3; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; }

INPUT { font-size : 11px; }

TEXTAREA.kit { background-color: #D5D4D3; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px }

INPUT.HotKit { background-color: #FFFAE1; font-family:  Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 10px }

INPUT.box { background-color: #7B5832; border-color : white; color : White; }

/****************
 * ORDER STYLES *
 ****************/
#payment_details { }

#payment_details .divider { border-bottom:1px black solid; height:1px; margin-top:0px; margin-bottom:4px; }

#payment_details div { font-size:12px; }

#payment_details .row { padding-bottom:5px; }

#payment_details .label { float:left; width:200px; padding-top:3px; font-weight:bold; color:#5C5C5C; }

#payment_details .data { float:left; }

#payment_details .hidden { display:none; }

#payment_details .address_label { font-weight:bold; padding-bottom:5px; }

#payment_details #pono { width:280px; }

#payment_details #notes { width:280px; }

#payment_details .inputbox { background-color : #D5D4D3; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px }

#payment_details .checkbox { width:20px; float:left; padding:3px 10px 0 0; }

#payment_details .checkbox_text { width:527px; float:left; padding-top:4px; }

#payment_details .address_textarea { height:100px; width:280px; }

#payment_details .address_postcode { width:75px; }

#payment_details #message { }

#payment_details #order_buttons { padding-top:10px; }

#customer_details { }

#customer_details div { font-size:12px; }

#customer_details .row { padding-bottom:5px; }

#customer_details .label { float:left; font-weight:bold; width:200px; color:#5C5C5C; }

#customer_details .data { float:left; }

#customer_details .title { font-weight:bold; font-size:13px; color:#000; padding-bottom:5px; padding-top:5px; }

#customer_details .sameas { padding-bottom:5px; }

#order_address_details { }

#order_address_details .address { float:left; width:175px; }

#order_address_details .label { font-weight:bold; font-size:14px; }

#order_address_details .details { font-size:12px; }

.sagepay_reason { color:#FF0000; font-weight:bold; font-size:10pt; }

.sagepay_action { color:#000; font-weight:bold; font-size:10pt; }

#order_failure div { font-size:10pt; }

#order_failure #manual_force { padding-top:10px; }

#order_failure input { margin-top:10px; margin-bottom:10px; font-weight:bold; }

/* CUSTOM FRONT PAGE INDEX STYLES */

#wrapper { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px!important; line-height: 18px!important; height: 1610px; width: 580px; padding: 0!important; margin: 0!important; }

.imagery { height: 360px; margin: 0; padding: 0; width: 580px; }

.spacer { height: 20px; width: 580px; }

.telephone { background: url(../images/bar-larger.gif) top left no-repeat; color: #FFF; padding: 0 20px; height: 45px; line-height: 45px; margin: 0; font-weight: bold; font-size: 13px; text-align: center; }

.boxes { height: 140px; margin: 0; padding: 0; width: 580px; }

.productbox { border: 1px solid #D9D9D9; float: left; height: 128px; margin-right: 20px; padding: 5px; width: 168px; }

.productbox-last { border: 1px solid #D9D9D9; float: right; height: 128px; padding: 5px; width: 168px; }

* html .productbox { border: 1px solid #D9D9D9; float: left; height: 128px; margin-right: 20px; padding: 5px 5px 2px 5px; width: 168px; }

* html .productbox-last { border: 1px solid #D9D9D9; float: right; height: 128px; padding: 5px 5px 2px 5px; width: 168px; }

.productbox a img, .productbox-last a img { border: none; }

.productlist { height: 320px; margin: 0; padding: 0; width: 580px; }

.list-left { float: left; margin-right: 20px; width: 180px; }

.list-right { float: right; width: 180px; }

.list-left h2, .list-right h2 { background: url(http://www.arnott-group.co.uk/images/list-title.png) left top no-repeat #19317B; color: #FFF!important; display: block; font-size: 13px!important; font-family: Verdana, Geneva, sans-serif; height: 45px; line-height: 45px; margin: 0; padding: 0 15px; }

.list-left h2 a:link, .list-right h2 a:link { color: #FFF; text-decoration: none; }

.list-left h2 a:visited, .list-right h2 a:visited { color: #FFF; text-decoration: none; }

.list-left h2 a:hover, .list-right h2 a:hover { color: #FFF; text-decoration: underline; }

.list-left li a:link, .list-right li a:link { text-decoration: none; }

.list-left li a:visited, .list-right li a:visited { text-decoration: none; }

.list-left li a:hover, .list-right li a:hover { text-decoration: underline; }

.productlist ul { border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; list-style: none; margin: 0!important; padding: 0!important; }

.productlist li { background: #F9F9F9; border-bottom: 1px solid #D9D9D9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px!important; line-height: 18px; list-style-position: inside; margin: 0!important; padding: 10px 15px!important; }

li.last { border-bottom: none; }

.buttonlink { background: url(../images/bar.gif); height: 35px; margin: 0; padding: 0; width: 580px; }

a.button1 { color:#FFF!important; font-size: 11px!important; font-weight: bold; text-decoration: none!important; display: block; height: 35px; line-height: 35px; padding: 0 20px; float: right; }

a.button1:hover { color: #FFF!important; font-weight: bold; text-decoration: underline!important; }

.textbox { background: #F9F9F9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px!important; border: 1px solid #D9D9D9; margin: 0; height: 180px; padding: 20px; width: 538px!important; }

* html .textbox { width: 100%!important; }

.textbox h1, .textbox h2, .text-left h2, .text-right h2 { color: #17317B; font-weight:bold; font-size: 14px!important; margin: 0 0 20px 0; padding: 0; }

.splitbox { height: 340px; width: 580px; }

.text-left { background: #F9F9F9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px!important; border: 1px solid #D9D9D9; float: left; height: 280px!important; padding: 20px; width: 238px!important; }

.text-right { background: #F9F9F9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px!important; border: 1px solid #D9D9D9; float: right; height: 280px!important; padding: 20px; width: 238px!important; }

* html .text-left { background: #F9F9F9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px!important; border: 1px solid #D9D9D9; float: left; height: 280px!important; padding: 20px; margin: 0; width: 48%!important; }

* html .text-right { background: #F9F9F9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px!important; border: 1px solid #D9D9D9; float: right; height: 280px!important; padding: 20px; margin: 0; width: 48%!important; }

strong.blue { color: #17317B; }

.yellow { color: #FDA702; }

.red { color: #F00; }

.pointer { cursor: pointer; margin: 0px; padding: 0px; height: 20px; width: 584px; }

#notice { background-color: #D1DEEF; border: 1px solid #B8CCE7; border-radius: 10px; margin: 0; -moz-border-radius: 10px; padding: 0; -webkit-border-radius: 10px; width: 100%; }

.telephone a , .telephone a:visited { color: #FDA702; text-decoration: none; }

.telephone a:hover { color: #FDA702; text-decoration: underline; }

.invisible { font-size: 11px!important; line-height: 1.6; margin: 0; padding: 0; }

.imgfloat { border: 1px solid #D9D9D9; float: right; margin: 0 0 20px 20px; padding: 5px!important; }

.h2, .h3, .h4, .blue-header { border-bottom: 1px solid #1A2F7E; color: #1A2F7E; font-size: 10pt; margin: 0 0 15px 0!important; padding: 25px 0 6px 0!important; }

.black-header { color: #000; font-size: 10pt; margin: 0 0 15px 0!important; padding: 25px 0 0 0!important; }

.bulleted li { font-size: 11px!important; line-height: 1.6!important; margin-bottom: 6px!important; padding: 0!important; }

a.linked,  a.linked:visited,  a.linked:active { color: #000; text-decoration: underline!important; }

a.linked:hover { color: #000; text-decoration: none; }

a.rollmenu2:link, a.rollmenu2:visited, a.rollmenu2:active, a.rollmenu2:focus { font-size: 11px!important; }

strong.gold { color: #FDA702; }

/* SLIDER GALLERY */

#slides { border: 1px solid #D9D9D9; padding: 5px; position: relative; z-index: 90; }

.slides_container { width:568px; display:none; }

.slides_container div { width:568px; height:348px; display:block; }

.slides_container a img { border: none; }

.next { background: url(../images/arrows.png) -30px 0 no-repeat; display: block; height: 30px; width: 30px; text-indent: -9999px; position: absolute; top: 166px; right: 15px; z-index: 99; outline: none; }

.previous { background: url(../images/arrows.png) 0 0 no-repeat; display: block; height: 30px; width: 30px; text-indent: -9999px; position: absolute; top: 166px; left: 15px; z-index: 99; outline: none; }

/* RICHARD's NAVIGATION CHANGES */
#site-navigation { height: 62px; margin: 0; padding: 0; width: 760px; }

.primary-navigation { height: 25px; margin: 0; overflow: hidden; padding: 0; }
.pm-nav-links { list-style: none!important; display: block; height: 25px; margin: 0 auto; padding: 0!important; width: 654px; }
.pm-nav-links li { background: url(../richards/images/pn-left.png) 0 0 repeat; display: block; float: left; margin: 0; padding: 0; }
.pm-nav-links li a { background: url(../richards/images/pn-right.png) top right no-repeat; color: #FFF!important; display: block; font-size: 10px!important; font-weight: bold!important; height: 25px; line-height: 25px; margin: 0; padding: 0 12px 0 12px; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0, 0.4); text-transform: uppercase; }

.pm-nav-links li:hover { background: url(../richards/images/pn-left-hover.png) 0 0 repeat; }
.pm-nav-links li a:hover { background: url(../richards/images/pn-right-hover.png) top right no-repeat; color: #FFF!important; }

.secondary-navigation { background: url(../richards/images/secondary.png) 0 0 no-repeat; font-size: 10px!important; font-weight: bold!important; height: 36px; margin: 0; overflow: hidden; padding: 0 20px!important; }

.sn-left-links, .sn-right-links { float: left; height: 36px; margin: 0; overflow: hidden; padding: 0; width: 50%; }

.sn-links { display: block; list-style: none!important; margin: 0; padding: 0; }
.sn-links li { display: block; float: left; height: 36px; line-height: 34px; padding: 0; text-align: left; }
.sn-links li a { color: #FFF!important; display: block; font-size: 10px!important; font-weight: bold!important; height: 36px; padding: 0; text-decoration: none; }

.sn-links.right { float: right; }
.sn-links.right a { margin-left: 15px; }
.sn-links.left { float: left; }
.sn-links.left a { margin-right: 15px; }
.sn-links a.arrow { background: url(../richards/images/arrow.png) center left no-repeat; padding-left: 14px!important; }
.sn-links a.eye{ background: url(../richards/images/eye.png) center left no-repeat; padding-left: 19px!important; }
.sn-links a.basket { background: url(../richards/images/basket.png) center left no-repeat; padding-left: 19px!important; }

.sn-links a:hover, .pm-nav-links a:hover, .footer-links li a:hover, .ln-list li a:hover { color: #FDA702!important; }

/* RICHARD's SIDEBAR CHANGES */
#sidebar { overflow: hidden; width: 160px; }

.logo { height: 100px; margin-bottom: 10px!important; width: 160px; }
.logo h1 { background: url(../richards/images/logo.png) 0 0 no-repeat; display: block; height: 100px; margin: 0; padding: 0; text-indent: -9999px; width: 160px; }
.logo h1 a { display: block; height: 100px; }

.product-navigation, .latest-news { margin: 0 0 10px 0; padding: 0!important; width: 160px; }
.product-nav-title, .latest-news-title { background: url(../richards/images/product-nav-title.png) 0 0 no-repeat; height: 34px; width: 160px; }
.product-nav-title h3, .latest-news-title h3 { color: #FFF!important; display: block; font-size: 10px!important; font-weight: bold!important; height: 34px; line-height: 30px; margin: 0; padding: 0; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0, 0.4); text-transform: uppercase; }
.product-nav-list, .latest-news-list { background: url(../richards/images/product-nav-middle.png) 0 0 repeat-y; overflow: hidden; padding: 3px 0 2px 0; width: 160px; }
.product-nav-bottom, .latest-news-bottom { background: url(../richards/images/product-nav-bottom.png) 0 0 no-repeat; height: 13px; width: 160px; }
.pr-nav-list, .ln-list { list-style: none!important; margin: 0; padding: 0; }
.pr-nav-list li, .ln-list li { border-bottom: 1px solid #455A95; color: #FFF!important; font-size: 11px!important; line-height: 1.4em; margin: 5px 10px 0 10px; padding: 0 0 5px 0; }
.pr-nav-list li:last-of-type, .ln-list li:last-of-type { border: none!important; padding: 0!important; }
.pr-nav-list li a, .ln-list li a { color: #FFF!important; text-decoration: none; }

.payment-types { margin: 0; overflow: hidden; padding: 0; width: 160px; }
.thawte-seal { margin: 10px 0 20px 0; }
.thawte-seal img { display: block; height: 80px; margin: 0 auto; width: 80px!important; }
.payment-types img { display: block; margin: 0 auto; width: 117px; }

/* RICHARD's FOOTER CHANGES */
#footer { background: url(../richards/images/footer-navigation.png) 0 0 no-repeat; height: 65px; width: 760px; }

.copyright { float: left; height: 65px; padding-left: 20px; width: 280px; }
.copyright p { color: #FFF!important; font-size: 10px!important; font-weight: bold; padding-top: 15px; }
.footer-navigation { float: right; height: 65px; padding-right: 20px; width: 440px; }
.footer-links { display: block; float: right; height: 65px; list-style: none!important; margin: 0; padding: 0; }
.footer-links li { background: url(../richards/images/arrow.png) left 14px no-repeat; color: #FFF!important; display: block; float: left; font-size: 10px!important; font-weight: bold!important; height: 65px; line-height: 62px; margin-left: 15px; padding-left: 14px!important; }
.footer-links li a { color: #FFF!important; text-decoration: none!important; }