@import url('/site/styles/snippets/base.css');


/* ########### FROM STRUCTURE.CSS */

/* Mast - Top strip, skip links etc background */
#access { background: #000 url(css_img/mastblack.gif) repeat-x left top; border-bottom: 1px solid #fff; }

/* Mast - Strip containing site name, search box and A-Z */
#azservices { background: #008300 url(css_img/mast_green.gif) repeat-x left top;}

/* Mast - The lion seal graphic */
#azservices .inner a#theSeal { position: absolute; top:0; left:22px; background: url(css_img/seal.gif) no-repeat 0px 0px;display: block; width: 106px; height: 113px; }
#azservices .inner a#theSeal span { position: absolute; margin-left: -1999px; }

/* Footer - Top of the page graphic and backgrounds */
#tothetop a:link, #tothetop a:visited { border-bottom: 8px solid #006D00; background: url(css_img/top.gif) no-repeat bottom center; }
#tothetop a:hover, #tothetop a:active { border-bottom: 8px solid #134939; background: url(css_img/top.gif) no-repeat top center; }

#footer { border-bottom: 1px solid #006D00; background: #080 url(css_img/sealionbig.gif) no-repeat left top; color: #fff;}
#footer div { background: url(css_img/colourlogo.png) no-repeat 90% 0%; }

/* Wrapper - wraps entire width */
#wrapper {background: #fff url(css_img/mastshadow.gif) repeat-x left top; border-top: 1px solid #006D00;}

/* Column - Navigation widgets */
#navigation h3 { padding: 2px 0 2px 16px; background: url(css_img/chev_gray.gif) no-repeat 0px 6px; border-bottom: 2px solid #B5B5B5;}
#navigation h3.topwidget { background: url(css_img/chev_green.gif) no-repeat 0px 6px; border-bottom: 2px solid #008400; }


#navigation ul li {background: url(css_img/navbgray.gif) no-repeat top left;}
#navigation ul.topwidget li {background: url(css_img/navbgreen.gif) no-repeat top left;}

#navigation ul li a {border-bottom: 1px solid #D3D3D3;padding: 5px 0 4px 10px; background-image: none;}

#navigation ul li a:hover, #navigation ul li a a:active { border-bottom: 1px solid #B5B5B5;}

/* Column - Right (or left rather) adverts */ 
#navigation h3.adwrap { padding: 0 0 2px 14px; background: url(css_img/chev_external.gif) no-repeat 0px 3px; border-bottom: 2px solid #B5B5B5; }
#navigation .adwrap a {background: url(css_img/external.gif) no-repeat 98% 50%; padding: 5px 0 4px 0;}

#navigation .adwrap a:hover, #navigation .adwrap a:active {background: #eee url(css_img/external.gif) no-repeat 98% 50%;}

/* Content - Bread crumb */
.breadcrumb {border-bottom: 2px solid #B5B5B5; color: #666; background: url(css_img/chev_bc.png) no-repeat 0px 5px;}

/* ########### FROM BASE.CSS */

/* Homepage middles ads */ 
#lead_feature h2, #secondarycontent h3 { background: url(css_img/chev_oj.gif) no-repeat 0px 3px; border-bottom: 2px solid #EC9400; }
#middle .feature h3 { background: url(css_img/chev_blue.gif) no-repeat 0px 2px; border-bottom: 2px solid #B5B5B5;}
#middle .feature div { border-bottom: 2px solid #B5B5B5;}
#middle .feature p { color: #666; }

/* About this site */
.aboutthis {background: #F4F4F4;}

/* Homepage sign-in */
form#sign_in h2 { background: url(css_img/chev_black.gif) no-repeat 0px 3px; border-bottom: 2px solid #000; }
form#sign_in fieldset p { color: #fff; background: #000 url(css_img/mastblack.gif) repeat-x left top; }

/* Live search */
.livesearch { background: #FEFEFE url(css_img/navshadow.gif) repeat-x top left;  }
.livesearch .field { border: 2px solid #666; }

/* Secondary content */
#secondarycontent h4 { background: url(css_img/chev_gray.gif) no-repeat 0px 5px; border-bottom: 2px solid #B5B5B5;}
#livesearch div, #livesearchlong div {background: #FEFEFE url(css_img/navshadow.gif) repeat-x top left; border: 1px solid #E4E4E4;}

#livesearch .field, #livesearchlong .field { border: 2px solid #666;}

#livesearch h2, #livesearchlong h3, #secondarycontent #livesearch h3 {
	background: url(css_img/chev_oj.gif) no-repeat 0px 3px;
	border-bottom: 2px solid #EC9400;
}

.az_ul li { background: url(css_img/bllt_green.gif) no-repeat 0px 10px; }

/* #livesearch div#search_results ul li, #livesearchlong div#search_results ul li {  background: url(css_img/bllt_green.gif) no-repeat 0px 10px;} */

.service_box { background: #FEFEFE url(css_img/navshadow.gif) repeat-x top left; border: 1px solid #E4E4E4;}
.service_box ul li {background: url(css_img/bllt_green.gif) no-repeat 0px 10px;}

/* List displays like common forms etc */
.list_display h2, .categories_in h3, .categories_in h2 {background: url(css_img/chev_blueb.gif) no-repeat 0px 3px; border-bottom: 2px solid #B5B5B5;}

.list_display ol {background: #FEFEFE url(css_img/navshadow.gif) repeat-x top left; }
.list_display ul li {background: url(css_img/bllt_green.gif) no-repeat 0px 8px; }
.categories_in li {background: url(css_img/bllt_green.gif) no-repeat 0px 8px; }

/* Basic lists */
ul.ul li { background: url(css_img/bllt_green.gif) no-repeat 0px 9px; }
ul.ul li em { color: #080; }
ul.ul li em span { color: #c00; }

/* Contact box*/
.contactbox { color: #666; background: url(css_img/logo_gray.gif) no-repeat 0px 0px; }

/* Related items */
#related ul {background: #F1F1F1;}

/* Payments right column */
#secondarycontent h2 {background: url(css_img/chev_oj.gif) no-repeat 0px 3px;border-bottom: 2px solid #EC9400;}
#secondarycontent .small_form h3 {background: url(css_img/chev_blue.gif) no-repeat 0px 3px;border-bottom: 2px solid #B5B5B5;}

li.emptybasket { color: #666; background: url(css_img/emptybasket.gif) no-repeat 0px 3px;}
li.basket { background: url(css_img/basket.gif) no-repeat 0px 2px;}

/* Site map */
.mapwrap ul li {background: url(css_img/bllt_green.gif) no-repeat 0px 9px; }
.mapwrap h2 {background: url(css_img/chev_black.gif) no-repeat 0px 3px;border-bottom: 2px solid #000;}