

/*********** Richard Costin Wildlife Photography css positioning */
/*********** Author: Sharon Saxton - Cyonix */

/*Css reset **************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, ul ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	width: 100%;
	color: black;
	background: #fff;
	font-family:  "Verdana", arial, Trebuchet MS, sans-serif;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------------------- General styles ------------------- */
a, a:link {
	color: #e59f2e;
}

span.bold {
	font-weight: bold;
}

.seardata {
	float:left;
}
a:visited {
	color: #bf9552;
}

#footer a:visited {
	color: #fff;
}

a:hover, a:focus, #footer a:hover, #footer a:focus {
	color: #6b696a;
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
	font-family:  "Helvetica",Verdana, Trebuchet MS, sans-serif;
	font-weight: bold;
}

p, ul, h1, h2, h3, h4, h5 {margin-top:1.1em; margin-bottom:1.1em; line-height:140%}

li, dt, dd {line-height:130%}

h1 {font-size: 1.3em; color: #c5702a;}

h2 {font-size: 1.1em; color: #c5702a; border-bottom: 1px dashed #cececd; padding: 3px;}

h3 {font-size: 1em;}

h4 {font-size: .9em;}

h5 {font-size: .9em;}

h5 {font-size: .8em;}

#mid_col h3.product {
	float:right;
	margin-top: 0;
}

#mid_col h2 {color: #8d8b8c; margin-top: .9em; margin-bottom: .9em;}

#mid_col h2 span {color: #c5702a;}

p, blockquote   {
	font-size: .8em;
}

ul.breadcrumb li {
		font-size: .7em;
}

/* ------------------- Containers ------------------- */
#header {
	float:left;
	width: 100%;
	background: url(/_images/header_bg.gif) repeat-x top left;
}

#footer {
	float:left;
	width: 100%;
	background: #e5bb61 url(/_images/foooter_bg.gif) repeat-x top left;
	padding-bottom: 30px;
	position:relative;
}
#footer p{
	font-size: 68%;
	text-align: center;
	color: #fff;
}

ul.footnav {
text-align: center;

}

ul.footnav li {
	display: inline;	
	line-height: 70%;
}

ul.footnav li a {
	display: inline;
	font-size: 68%;
	color: #fff;
	border-right: 1px solid #fff;
	padding-right: 5px;
}

ul.footnav li a:hover, ul.footnav li a:focus {
	color: #000;
	text-decoration: underline;
}

ul.footnav li a.noborder {
	border: none;
}


#nav {
	width: 100%;
	float: left;
	background: #f3f3f3 url(/_images/nav_bg.gif) repeat-x top left;
    clear: both;
	position:relative;
	z-index: 1000;
	/* ------------------- ANDY START ------------- */
	z-index: 89; /*Because lightbox set the overlay z-index to 90*/
	/* ------------------- ANDY END --------------- */
}

#nav ul {
	margin: 0;
	clear:both;
	background: url(/_images/nav_sep.gif) repeat-y top right; 
	float: left;
}


	/* ------------------- SHARON START ------------- */
#nav ul li {
	display:inline;
	margin: 0;
	padding: 0;
	float: left;	
	line-height: .8em; /*sharon changed to apply to all elements of nav*/
}

#nav ul li a{/*sharon change - applied original styles to correct nav rendering*/
padding: 13px 9px 15px 9px;
margin-right: 1px;
line-height: .8em; /*sharon changed to apply to all elements of nav*/
float:left;
color: #737173;
font-size: 76%;
text-decoration: none;
background: url(/_images/nav_sep.gif) repeat-y top left;
font-weight: bold;
}



#nav ul li a:hover, #nav ul li a.live, #nav .container li.selected {/*sharon change - applied original styles to correct nav rendering*/
padding: 13px 9px 15px 9px;
line-height: .8em; /*sharon changed to apply to all elements of nav*/
background: #dd985b url(/_images/nav_roll_bg.gif) repeat-x top left;
float:left;
margin-right: 1px; /*Added by Sharon*/
color: #737173;
font-size: 76%;
text-decoration: none;
font-weight: bold;
color: #fff !important;
}


/* ------------------- SHARON START ------------- */

#main_advert{
	width: 100%;
	background: #dd995b url(/_images/main_advert_bg2.gif) repeat-x bottom left;
	float: left;
	padding: 10px 0 0 0;
	margin-bottom: 0;
	clear: both;
}

#sub #main_advert, 
#product #main_advert, 
#search_results #main_advert {
	width: 100%;
	background: #dd995b url(/_images/main_advert_bg2.gif) repeat-x bottom left;
	float: left;
	height: 342px;
	padding: 11px 0 0 0;
	margin-bottom: 0;
	clear: both;
	position: absolute;
	top: 164px;
	left: 0;
}


.container {
	width: 970px;
	margin: 0 auto;
}

#header .container, #nav .container{
	width: 950px;
}

#sub #main_container .container, #product #main_container .container, #search_results #main_container .container  {
	position:relative;
	z-index: 100;
	/* ------------------- ANDY START ------------- */
	z-index: 89; /*Because lightbox set the overlay z-index to 90*/
	/* ------------------- ANDY END --------------- */
	width: 945px;
	float:left;
	background: #fff;
	margin-top: 15px;
	margin-left: 14px;
}

#home #main_container, #sub #main_container, #product #main_container, #search_results #main_container {
    clear:both;
	float:left;
	background: url(/_images/home_container_bg.gif) repeat-y center !important;
	width: 975px;
}

#wrapper {
  clear:both;
	margin: 0 auto;
	width: 975px;
	z-index: 0;
}

#home #left_hand_col, #sub #left_hand_col, #product #left_hand_col {
	float: left;
	width: 200px;
	padding: 0 2px 20px 3px;
	margin: 20px 85px 0 -723px;
}

#sub #left_hand_col, #product #left_hand_col {
	   width: 180px;
	   margin: 8px 85px 0 -730px;
	   padding-top: 60px;
	   background: url(/_images/bg_sub_nav.gif) no-repeat top left;
}

search_results #left_hand_col {
	display: none;
}	

#left_hand_col img, #left_hand_col p{
	float: left; 
}

#left_hand_col img, #home #mid_col img, #sub #mid_col img, #sub #left_hand_col img, #product #left_hand_col img{
padding: 3px; background: #fff; border: 1px solid #949292; margin-right: 5px;
}

#home #mid_col img, #sub #mid_col img { border: none !important; }

#left_hand_col h4 {
    background: #c5702a url(/_images/leftfeature_box_bg.gif) no-repeat top right;
	color: #fff;
	clear: left;
	border-bottom: 1px dashed #cececd; 
	padding: 4px 5px 4px 7px;
	margin-bottom: 0;
	font-size: 86%;
	width: 193px;
	float:left;
	margin-top: 0;
}


#sub #left_hand_col h4, #product #left_hand_col h4{
	width: 182px;
}

#sub #left_hand_col h4.sub_nav_title, 
#product #left_hand_col h4.sub_nav_title {
	padding: 5px 5px 4px 7px;
	background: url(/_images/nav_titlle_bg.png) top right no-repeat;
	/*background:  #9c9c9c;opacity:.70;filter: alpha(opacity=50); -moz-opacity:*/

}

#left_hand_col p {
  margin: 0 0 20px 0;
  background:#f3e9d4 url(/_images/leftfeature_bfg.gif) repeat-y top right;
  border-bottom: 1px dashed #cececd; 
  color: #545454;
  font-size: .68em;
  padding: 10px;
  line-height: 140%;
  padding: 10px;
  width: 185px;
 }
 
#sub #left_hand_col p, #product #left_hand_col p {
   width: 174px;
 }
 
#left_hand_col p a.left_feat_links {
  clear:both;
  background:#f3e9d4 url(/_images/left_feat_links_arrow.gif) no-repeat 0 3px;
  padding-left: 12px;
  display:block;
  margin-top: 10px;
  color: #d89823;
  font-weight: bold;
}

#left_hand_col p a.left_feat_links:hover {
	color: #6b696a;
	}

#home #mid_col, #sub #mid_col, #product #mid_col {
	float: left;
	width: 452px;
	margin: 10px 30px 0 270px;
}

#sub #mid_col, #product #mid_col {
 padding-top: 16px;
}

#sub #mid_col, #product #mid_col {
 	width: 478px;
	margin: 10px 24px 0 238px;
	padding-bottom: 40px;
 }
 
 #search_results #mid_col {
	 width: 700px;
	 float:left;
	 margin: 0;
	 margin-left: 20px;
 }
 
#search_results #right_hand_col {
 	float:right;
	margin-right: 15px;
	margin-top: 15px;
 }
 

 
 #sub #mid_col p,  #product #mid_col p{
 	line-height: 160%;
 }

#home #mid_col div{
	float: left;
	background:url(/_images/home_news_border.gif) no-repeat bottom left;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

a.home_news {
 	float:left;
	font-size: 75%;
	background: url(/_images/home_news_icon.gif) no-repeat 0 2px;
	padding: 0 0 3px 12px;
	margin-top: 5px;
}

#home .hm_newsstory p strong {
	font-weight: bold;
}
#home #mid_col p{
	float: left;
	width: 335px;
	margin: 0;
	font-size: 73%;  
} 


#sub #mid_col img, #product #mid_col img  {
  margin: 3px 0 0 0;
  }

#home #mid_col p.date {
	font-size: 68%;
	margin-bottom: 3px;
} 

#home #mid_col h3 {
	float: left;
	margin: 0;
	padding-top: 0;
	width:auto;
	font-size: 90%;
}

#sub #mid_col h3,  #product #mid_col h3{
	color: #8d8b8c;
	font-family:  "Helvetica",Verdana, Trebuchet MS, sans-serif;
	font-size: 93%;
	margin-bottom: 10px;
}

#sub #mid_col p, #product #mid_col p{
margin-top: 0;
}
#home #mid_col h3 span {
	border-left: 1px solid #545454;
	font-size: 92%;
	font-weight: normal;
	padding-left: 8px;
	margin-left: 5px;
}

#home #mid_col img{
	margin-top: 4px;
}

#home #right_hand_col, #sub #right_hand_col, #product #right_hand_col{
	float:left;
	width: 185px;
	margin: 20px 2px 20px 7px;
	padding: 0 2px 0 0;
}


#right_hand_col h5 {
    background: #e5a431 url(/_images/right_feathead_bg.gif) no-repeat top left;
	color: #fff;
	clear: left;
	border-bottom: 1px dashed #cececd; 
	padding: 3px 5px 3px 7px;
	margin-bottom: 0;
	width: 169px;
	font-size: 86%;
	float:left;
	margin-top: 0;
}

#right_hand_col h5 {
	width: 173px;
}

#right_hand_col div {
	margin: 0 0 20px 0;
  	clear:both;
  	background:#f3e9d4 url(/_images/right_featbox_bg.gif) no-repeat bottom right;
  	color: #545454;
  	padding: 5px 10px 15px 10px;
  	float:left;
  	width: 160px;
}
 
#right_hand_col div {
   width: 165px;
 }
 
 #right_hand_col p {
   font-size: .68em;
  }
 
#right_hand_col p a{
	font-weight: bold;
  }
#welcome_text p {
	font-size: .9em;
	color: #040404;
	font-weight: bold;
	line-height: 140%;
}

#header img#logo {
	float: left;
	padding: 0 0 7px 0;
}


#top_img_cont {
 	background:url(/_images/top_img_bg.gif) bottom right no-repeat; 
	padding-bottom: 16px;
	margin-left: 1px;	
}

#top_img_cont img {
	padding-top: 13px;
	padding-left: 13px;
}


#product #right_hand_col div.related, div.cat_search {
	background: #a4a4a4 url(/_images/related_images_background2.gif) no-repeat bottom left;
	width: 80px;
	clear: none;
	padding: 4px 2px 2px 4px;
	float: left;
	margin-right:  6px;
	margin-top: 0;
	margin-bottom: 4px;
	display: block;
}

div.cat_search {
	width: 152px;
	margin-right: 11px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 15px;
	text-align:center;
}

div.cat_search .top{
	height: 137px;
	padding-top: 8px;
}

div.cat_search .toptall{
	height: 167px;
}

div.cat_search .bottom{
	height: 15px;
}


div.cat_search img {
padding-top: 0;
margin: 0!important;
}


#search_results div.cat_search {
	 padding-left: 7px;
	 width: 142px;
	 padding-right: 5px;
	 margin-right: 15px;
	 padding-top: 8px;
	 margin-top: 0;
}


div.cat_search h3{
	text-transform: uppercase;
	color: #8D8B8C;
	text-align: center;
	margin: 0 0 8px 0!important;
	background: #fff;
	width: 100%;
}

#product #right_hand_col div.related:hover, div.cat_search:hover {
background: #e3a129 url(/_images/related_images_backgroundove.gif) no-repeat bottom left;
}



#product #right_hand_col div.related p a,  div.cat_search p a {
 color: #fff;
}

#product #right_hand_col div.related p a:hover, div.cat_search p a:hover{
 color: #fff;
}

#product #right_hand_col div.related img, #product #mid_col div.cat_search img{
	padding: 0;
	border: none;
	margin: 0;
	margin-left:7px;
}

#product #mid_col div.cat_search img{
	margin-top:7px;
}


div.related p, #mid_col div.cat_search p {
	margin: 0;
	padding: 0;
	color: #fff;
}

div.cat_search p {
	clear: both;
	font-weight: bold;
}

div.cat_search p a{
     float:left;
    padding-left: 20px;
	background: url(/_images/cat_arrows.gif) no-repeat 10px 7px;

}

#search_results div.cat_search p a{
	background: none;
	text-align: center;
}

div.cat_search p a:hover{
     float:left;
    padding-left: 20px;
	background: url(/_images/cat_arrows_o.gif) no-repeat 10px 7px !important;

}

#search_results div.cat_search p a:hover {
	background: none !important;
}

/* --------------------Header elements --------------*/

.toolbox {
	float:right;
	background: url(/_images/site_toolsbg.gif) no-repeat bottom right;
	width: 650px;
	height: 4em;
	text-align:right;
	font-size: 80%;
	padding: 10px 10px 0 0;
}

.toolbox ul {
	text-align:right;
	padding-top: 10px;
	float:left;
	width: 370px;	
	margin: 0;
}

.toolbox ul li {
	display: inline;	
	line-height: 70%;
}

.toolbox ul li a {
	display: inline;
	font-size: 88%;
	color: #e59f2e;
	border-right: 1px solid #e59f2e;
	padding: 0 10px 0 3px;
}

.toolbox ul li a:hover, .toolbox ul li a:focus {
	color: #000;
	text-decoration: underline;
}

.toolbox ul li a.noborder {
	border: none;
}

.skiplinks, .offleft {  /** skip links to main nav, search and content **/
    position: absolute;
    left: -999em;
     width: 990em;
}

a.skiplinks:active, a.skiplinks:focus {
    left: -8.5em;
}


div.account_cont {
	 clear:right;  
	 margin-top: 26px;
	 position:relative;
	 z-index: 1001;
	/* ------------------- ANDY START ------------- */
	z-index: 89; /*Because lightbox set the overlay z-index to 90*/
	/* ------------------- ANDY END --------------- */
	 float:right; 
	 height: 3.2em; 
	 background:url(/_images/account_bg.gif) no-repeat bottom right; 
	 width: 700px;
	 font-size: 83%;
	 padding-bottom: 10px;
	 margin-top: 19px;
	 margin-right: 0px;
}

form#fGoogleCheckout {
	float: left;
	width: auto;
	position:relative;
	z-index: 3000;
	clear:none;
	margin-left: 5px;	
	text-align: right;	
	display:block;
	margin-right: 0;
}



/*.checkoutbutton{
   float:right; margin:0; padding:0; background-color:red;
   height:50px; width:140px;
   }*/

form#fGoogleCheckout input.button, form#fGoogleCheckout input.button2 {
    font-size: 90%;
	width: 6em;
	padding: 1px 1px 3px 1px;
	float:left;	
	margin-top: 22px;
}
 
div.account_cont p {
	 padding: 10px 0px 10px 20px;
	 position:relative;
	 float:left;
	 text-align: right;
	 margin-right: 0;
	 width: 590px;
 }

div.account_cont p input.button2 {	
  width: 8em;
}

span.basket {
background: url(/_images/basket.gif) top left no-repeat;
padding-left: 23px;
padding-bottom: 5px;
}


/* ------------------- Content ------------------- */
#welcome_text {
  float: right;
  width: 267px;
  padding: 10px 25px 15px 25px;
  margin: -300px 10px 0 0;
  background: transparent url(/_images/welcome_text_bg.png) repeat-y top left;
  min-height: 263px;
}

#welcome_text  h1 { 
	margin-bottom: .8em;
}

.move-left {
	padding-left: 20px;
	clear: both;
	padding-bottom: 30px;
	width: 680px;
	margin-top: 20px;
	float:left;
}
#welcome_text p {
	font-size: .9em;
	color: #040404;
	font-weight: bold;
	line-height: 143%;
	margin-top: .8em;
}

p.keywords {
	clear:both;
	width: 100%;
		color: #545454;
	font-size: 75%;
	padding-top: 10px;
}


p.keywords span {
	font-weight: bold;
}

a.read_more {
    margin-top: 10px;
	display: block;
	padding: 6px 10px 10px 10px;
	background: url(/_images/read_more_button.png) no-repeat top left;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}


a.read_more:hover {
	background: url(/_images/read_more_button_over.png) no-repeat top left;
}

.img_frame_bg {
	width: 967px;
	float: left;
	background: transparent url(/_images/photo_frame_bg2.png) no-repeat top right;
	margin: 5px 0 0 0;
	padding-bottom: 20px;
}

.main_img_style {
	padding: 15px 15px 17px 22px; 
	height: 276px;	
	background-position: 22px 14px;
	background-repeat: no-repeat; 
	background-image:url(/_images/home_images/random.php);
}

a.contact, p.phone {
	background: url(/_images/contact_icon.gif) no-repeat 0 3px;
	width: 100px;
	float: left;
	font-size: 88%;
}

a.contact {
	background: url(/_images/contact_icon.gif) no-repeat 0 3px;	
	margin-top: 10px;
	margin-bottom: 0;	
	padding: 0 0 5px 22px;
}

p.phone {
	background: url(/_images/phone.gif) no-repeat 0 3px;
	clear:both;
	margin: 0;
	padding: 5px 0 5px 22px;
}

a.enlarge_image {
	background: url(/_images/enlarge_image.gif) no-repeat top left;
	padding-left: 15px !important;
	clear:both;

}

a.back {
   float: left;
}

/*<QUOTE time="Thu, October 29, 2009 10:32 am">*/
p.back {
   float: left;
}
/*</QUOTE time="Thu, October 29, 2009 10:32 am">*/

p.enlarge {
	clear:both;
	font-size: 70%;
	padding-top: 5px;
		}

p.describe {
	width: 232px;
	float: left;
	color: #545454;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

p.describe br {
	line-height: 2em !important;
}

p.describe span {
	font-weight: bold;
	}

ul.breadcrumb {
 margin-top: -20px;
}

#search_results ul.breadcrumb {
	margin: 0;
}

ul.breadcrumb li {
	display: inline;
}


.no-mar {
 margin-right: 0;
}

ul.sub_nav, 
ul.sub_nav ul {
	float:left;
	margin-top: 0;
	padding-bottom: 24px;
	background: #ababab;
}

ul.sub_nav ul {
	padding: 0;
}

ul.sub_nav li, 
ul.sub_nav li ul li {
  float:left;
  list-style-type:none;
  background: #fff;
  margin: 0;
}

ul.sub_nav li a{
	 background: #eae9e9  url(/_images/subnav_linkarrows.gif) 8px 8px no-repeat; 
	 padding: 2px 4px 2px 21px;
	 display:block;
	 border-bottom: 1px solid #fffffe;
	 width: 169px;
	 font-size: 78%;
	 font-weight: bold;
	 color: #737173;
}

ul.sub_nav li a:hover, 
ul.sub_nav li a.current {
	background: #e4b560 url(/_images/subnav_linkarrows_o.gif) 8px 8px no-repeat !important;
	color: #fff;
	border-bottom: 1px solid #fffffe;
}


ul.sub_nav li ul li a,
ul.sub_nav li ul li a:visited {
	padding-left:33px !important;
	border-bottom: 1px solid #fffffe;
	width: 157px;
	background: #f5e7cc url(/_images/subnav_2linkarrows.gif) 22px 8px no-repeat; 
}

ul.sub_nav li ul li a:hover, 
ul.sub_nav li ul li a.current
{ background: #e4b560 url(/_images/subnav_linkarrows_o.gif) 22px 8px no-repeat !important; color: #fff; border-bottom: 1px solid #fffffe;
} 
ul.sub_nav li ul li ul li a,
ul.sub_nav li ul li ul li a:visited
{

padding-left:45px !important; width: 145px; background: #f5e7cc url(/_images/subnav_2linkarrows.gif) 34px 8px no-repeat; 
} 
ul.sub_nav li ul li ul li a:hover,
ul.sub_nav li ul li ul li a.current
{

background: #e4b560 url(/_images/subnav_linkarrows_o.gif) 34px 8px no-repeat !important;
} 
ul.sub_nav li ul li ul li ul li a,
ul.sub_nav li ul li ul li ul li a:visited
{

padding-left:57px !important; width: 133px; background: #f5e7cc url(/_images/subnav_2linkarrows.gif) 46px 8px no-repeat; 
} 
ul.sub_nav li ul li ul li ul li a:hover,
ul.sub_nav li ul li ul li ul li a.current
{

background: #e4b560 url(/_images/subnav_linkarrows_o.gif) 46px 8px no-repeat !important;
} 
ul.sub_nav li ul li ul li ul li ul li a,
ul.sub_nav li ul li ul li ul li ul li a:visited
{

padding-left:69px !important; width: 121px; background: #f5e7cc url(/_images/subnav_2linkarrows.gif) 58px 8px no-repeat; 
} 
ul.sub_nav li ul li ul li ul li ul li a:hover,
ul.sub_nav li ul li ul li ul li ul li a.current
{

background: #e4b560 url(/_images/subnav_linkarrows_o.gif) 58px 8px no-repeat !important;
} 


#search_results #left_hand_col ul.sub_nav, 
#search_results #left_hand_col ul.sub_nav li a,
#search_results #left_hand_col h4.sub_nav_title  { 
   display:none;
   visibility: hidden;
}

/**************SHARON START***********
This is to control the portrait product image 

*/

.port {
	width: 460px;
	  display: block;
	    margin-left: auto;
    margin-right: auto;
	text-align:center;
	clear:both;
}

.port img {
    float:none !important;
    margin-left: auto;
    margin-right: auto;
	clear:both;
}

p.port {
    margin-left: auto;
    margin-right: auto;
}

/**************SHARON FINISH***********/

dl.news-list, .campaigns dl, .faqs ul {
	padding: 5px 0 0 0;
     font-size: .84em;
}

dl.news-list {
   float:left;
   width: 193px;
   padding: 5px 0 0 0;  		
   margin: -3px 0 0 0;
   font-size: 70%;
   border-bottom: 1px dashed #cececd;

   padding-bottom: 5px;
   margin-bottom: 20px;
}

dl.news-list dt{
	margin-top: 2px;
	padding-bottom: 0;
}

dl.news-list dt img{
	float:left;
	margin: 0;
	padding: 0;
	border: none !important;
}

dl.news-list dt a{
	 padding: 0px 4px 3px 0;
}

dl.news-list dt.news_title, h4.news_title {
	background: none; 
   border-bottom: 1px dashed #cececd;
   color: #8d8b8c;
   padding: 0 0 3px 0;
   font-size: 1.25em;
   font-weight: bold;
   margin-bottom: 5px;
   font-family: Helvetica, Verdana, Arial, sans-serif;
}

 h4.news_title  {
   font-size: .9em;

}
dl.news-list dd {
	padding: 0px 0 5px 30px; 
	line-height: 135%;
}
/* ------------------- Forms ------------------- */
form#search {
	float: right;
	padding-top: 8px;
	height: 1.6em;
	font-size: 90%;
	width: 260px;
	margin-right: 5px;
}


form#imperpage {
	float: right; 
	margin-top: -10px;
}

form#imperpage label {
font-size: 70%;
font-weight: bold;
}

form#imperpage select {
	width: 13em;
	font-size: 80%;

}

form#searchimg {
	margin: 0;
	padding: 0;
	float:left;
}

form#search p, form#searchimg p {
	margin: 0;
	padding: 0;
}

input.button {
	background: #db9b27 url(/_images/button_bg.gif) repeat-x top left;
	border: 1px solid #fff !important;
	color: #fff;
	font-weight: bold;
	float:right;
	margin-top: 5px;
	font-size: 98%;
	width: 6em;
	padding: 1px 1px 2px 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.button2
 {
  display:inline;
  background: #db9b27 url(/_images/button_bg.gif) repeat-x top left;
  margin: 0;
  border: 1px solid #b3996b;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	width: auto;
	padding: 3px;
	margin-right: 3px;
}


input.button:hover, form#search input.button1:hover, input.button2:hover  {
	background: #8d8b8c;
}

input.textbox {
	width: 160px;
	margin: 0;
	margin-top: 3px;
	padding: 1px;
	border: #CCCCCC inset 1px;
}

form#search input.textbox {
	width: 14em;
	margin: 0;
	border: 1px solid #8f8f8f;
	padding: 2px;
	float:left;
}

form#search input.button1 {
	background: #db9b27 url(/_images/search_bg.gif) repeat-x top left;
	border: 1px solid #8f8f8f;
	color: #fff;
	font-weight: bold;
	padding: 1px;
	float:left;
	width: 5em;
	height: 1.65em;
}

form#imgsearch label.off, form#search label.off, form#newsletter label.off{
	display: none !important;
}

form#imgsearch select {
	font-size: 93%;
	width: 165px;
	margin-bottom: 3px;
	border: #CCCCCC inset 1px;

}

form#newsletter label {
	width: 3em;
	float:left;
	margin-bottom: 3px;
}
 
 form#newsletter input.textbox {
	width: 120px;
	margin: 0 0 4px 9px;
	float: left;
	border: 1px solid #8f8f8f;
	padding: 0px;
	border: #CCCCCC inset 1px;
}

form#product_form {
	/*width: 234px;*/
	/*float:left;*/
	color: #545454;
	margin: 1px 0 0 2px;
	padding: 0;
}

form#product_form input.button {
	width: auto !important;
	padding: 3px;
	height: 2em;
	font-size: 70%;
	border: 1px solid #fff !important;
	color: #fff;
	font-weight: bold;
	float: none;
	border: 1px solid #b3996b !important;
	margin-top: 4px;
	clear:both;
    background: #db9b27 url(/_images/button_bg.gif) repeat-x top left;
}



form#product_form input:hover  {
	background: #8d8b8c;
	
}

form#product_form fieldset{
	border: none;
	margin: 0;
	padding: 0;
}

form#product_form legend{
	border: none;
	color: #545454;
	font-size: 75%;
	font-weight: bold;
	padding-left: 3px;
	padding-bottom: 10px;
	float:left;
	padding-top: 2px;
}	
		
form#product_form p {
	margin-left: 3px;
}

form#product_form fieldset p input {
	float:left;
	width: 15px;
	height: 15px;
	
	margin: 2px 0 0 5px;
	padding: 0;
}

 form#product_form p label {
	float:right;
	text-align:left;
	width: 214px;
   font-size: 70%;
}

#right_hand_col form.newsl-frm p{
 width: 100%;
 float:left;
 clear: both;
 padding: 0;
 margin: 2px 0 2px 0;
 }
 
#right_hand_col form.newsl-frm p strong{
  	font-weight: normal;
 }
 
#right_hand_col form.newsl-frm input.button {
	float: left;
  
  }
  
  
#mid_col form.newsl-frm {
  
}

#mid_col form.newsl-frm input {
	  border: 1px solid #b3996b; 
	  font-size: 90%;
	  padding: 2px;
  }
  
#mid_col form.newsl-frm input#button.button {
	width: auto;
	    overflow: visible;


	font-size: 90%;
	float:left;
	clear:both;
	  border: 1px solid #b3996b !important;
	  padding: 3px;	
}

#mid_col form.newsl-frm p {
	float:left;
	clear:both;
	width: 100%;
}


#mid_col form.newsl-frm strong {
	font-weight: normal;
}

 #mid_col form.newsl-frm input#Name, #mid_col form.newsl-frm input#Email_Address {
	margin-left: -80px;
}

 #mid_col form.newsl-frm {
	float:left;
 }
 

 #mid_col form.newsl-frm input#Telephone {
 	margin-left: -70px;
 
 }
#mid_col form.newsl-frm p strong {
	width: 200px;
	float:left;
}

form.newsl-frm em {
	color: red;
	float: left;
}
  
#mid_col form.newsl-frm textarea {
	width: 350px !important;
	padding: 5px;
		  border: 1px solid #b3996b !important;
		  	  font-size: 90%;
}

#mid_col form.newsl-frm p br {
	clear: both;
}
  
  

/* ------------------- ANDY START ------------- */
form { 
		display:inline; 
	}

#nav .container ul {
	}
	
#nav .container ul.level2{
	}
	
#nav .container ul.level3{
	}
	
#nav .container ul.level4{
	}
	
#nav .container ul.level5{
	}

#nav .container li {
	}

#nav .container li.subselected{

}

#nav .container li.subselected a {
	line-height: .8em; /*sharon changed to apply to all elements of nav*/
	background: #dd985b url(/_images/nav_roll_bg.gif) repeat-x top left;
	float:left;
	color: #737173;
	font-size: 76%;
	text-decoration: none;
	font-weight: bold;
	padding: 13px 9px 14px 9px;
	padding-bottom: 15px;
	color: #fff !important;
		}


/*#nav {
		height:32px;
		overflow:hidden;
	}*/


	.catcontainer {
		float:left;
		padding:10px;
		padding-right:5px;
		text-align:center;
		margin-right:10px;
		margin-bottom:10px;
		height:150px;
		border:0px solid #c5702a;
	}


.listnews{
	clear:both;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dashed #ddd;
	width:480px;
}

.listnews p{
	width: 335px;
	margin: 0;
	font-size: 73%;  
} 

.listnews p.date{
	font-size: 68%;
	margin-bottom: 3px;
} 

.listnews h3 {
	margin: 0;
	padding-top: 0;
	width:auto;
	font-size: 90%;
	width:365px;
}

.listnews h3 span {
	border-left: 1px solid #545454;
	font-size: 92%;
	font-weight: normal;
	padding-left: 8px;
	margin-left: 5px;
}

.listnews img{
	float:left;
	margin-right: 10px;
	margin-top: 4px;
	/* width: 97px; */
}

.newsstamp {
	clear:both; 
	float:left;
	width: 100%;
	padding-bottom:20px;
}

.newsstamp img {
	clear:both; 
	float:left; 
	margin-right:30px;
}

.newsstamp p {
}

.newsstamp p.date {
	margin:0; padding:0; margin-bottom:5px; font-size:small; color:#666;
}



	div.commentsbubble {
		clear:both; float:left; width:483px;
		background: url(/_images/backgrounds/commentstop.jpg) no-repeat left top
	}
	div.commentsbubble div {
		padding:0; margin:0;
		padding-right: 80px; 
		padding-left: 80px; 
		padding-bottom: 0px; 
		padding-top: 25px
	}
	div.commentsbubble div.datebubble {
		padding:0; margin:0;
		background: url(/_images/backgrounds/commentsbottom.jpg) no-repeat left bottom; 
		padding-left: 30px; 
		padding-top:0px;
		padding-bottom:20px;
	}



	div.narrowcommentsbubble {
		width:325px;
		background: url(/_images/backgrounds/narrowcommentstop.jpg) no-repeat left top;
	}
	div.narrowcommentsbubble div {
		padding:0; margin:0;
		padding-right: 40px; 
		padding-left: 70px; 
		padding-bottom: 0px; 
		padding-top: 25px;
		text-align:left;
	}
	div.narrowcommentsbubble div.datebubble {
		padding:0; margin:0;
		background: url(/_images/backgrounds/narrowcommentsbottom.jpg) no-repeat left bottom; 
		padding-left: 50px; 
		padding-top:20px;
		padding-bottom:20px;
	}


	.cmsblock {
		clear:both;
		float:left;
		width:100%;
	}


	.rightimg {
		clear:both;
		float:left;
		width:100%;
	}
		.rightimg img{
			float:right;
			margin:0 0 10px 10px !important;
		}
	
	.leftimg {
		clear:both;
		float:left;
		width:100%;
	}		
		.leftimg img{
			float:left;
			margin:0 10px 10px 0 !important;
		}
	
	.noimg {
		clear:both;
		float:left;
		width:100%;
		border-bottom: none;
	}		


.hm_newsimage{
	float:left;
	}



/*
#top_img_cont	  { width:944px; background-color:transparent; }
#wrapper				{ background:none;              background-color:red !important; }
#main_advert		{ background:none;              background-color:orange !important; }
#main_container	{ background:none;              background-color:yellow !important; }
.container			{ background:none;              background-color:green !important; }
#content        { background:none; width:944px; background-color:blue !important; }
*/

#sub #main_container .container{ width:944px !important; }

/* ------------------- ANDY END --------------- */

.listevent, .blognews { border-bottom: 1px dashed #cececd;  float: left; width: 100%; padding-bottom: 15px; margin-bottom: 5px; 
} 
.listevent h2, .listevent h3, .blognews h2, .blognews h3 {

border-bottom: none; padding-top: 0; margin-top: 0 !important; }

#mid_col .blognews img {
	float: left;
}


#mid_col .blognews img, #mid_col .cmsblock .noimg a img., #mid_col .cmsblock .noimg img {
	float:left;
	border: none !important;
} 



#basketview{
}

#basketvalue p{
	text-align:right;
}

#basketvalue p strong{
	font-weight:bold;
}

.basketitem{
	float:left;
	width:100%;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
	padding-bottom:15px;
	}
	
	.basketitem ul{
		margin:0;
		padding:0;
		font-size:small;
		margin-bottom:3px;
		}
		
	.basketitem ul li{
		display:inline;
}	
		.basketitem ul li a{
			border:1px solid #ccc;
			padding:4px;
			padding-top:0;
			padding-bottom:1px;
			text-decoration:none;
			background-color:#e5a431;
			color:#fff;
  background: #db9b27 url(/_images/button_bg.gif) repeat-x top left;
	}	

		.basketitem ul li a:hover{
  		background: none;
			background-color:#8d8b8c;
		}
		
	.basketitem img{
		clear:both;
		float:left;
		margin-right:10px !important;
	}

	.basketitem h3{
		margin:0 !important;
	}
	.basketitem p{
		font-size:70%;
		margin:0;
	}
	.basketitem p strong{
		font-weight:bold;
	}
	
#mid_col #sitemap_menu ul{
	margin: 0;
	padding-left: 0 !important;
	float:left;
	width: 480px;
	font-size: 80%;
}

#sitemap_menu ul.level2, #sitemap_menu ul.level3, #sitemap_menu ul.level4 {
	margin: 0;
 }

#mid_col #sitemap_menu ul ul, #mid_col #sitemap_menu ul ul ul,  #mid_col #sitemap_menu ul ul ul ul, #mid_col #sitemap_menu ul {
	padding: 0;
	margin-bottom: 0;
}

#mid_col #sitemap_menu ul li a{
	margin-left: 0;
	padding: 2px 0 2px 5px;
	display:block;
	width: 473px;
	margin-bottom: 2px;
	background: #cec2a5;
	color: #fff;			
	font-weight: bold;
	text-decoration: none;
}


#mid_col #sitemap_menu ul.level2 li a {
 	padding-left: 20px !important;
	width: 458px;
	background: #cec2a5 url(/_images/site-map.gif) no-repeat 9px 5px;
	
 }
 
 
#mid_col #sitemap_menu ul.level3 li a {
 	padding-left: 30px !important;
	width: 448px;
		background: #cec2a5 url(/_images/site-map.gif) no-repeat 19px 5px;
}

#mid_col #sitemap_menu ul.level4 li a {
 	padding-left: 40px !important;
	width: 438px;
			background: #cec2a5 url(/_images/site-map.gif) no-repeat 29px 5px;
}


#mid_col #sitemap_menu ul.level5 li a {
 	padding-left: 50px !important;
	width: 428px;
	background: #cec2a5 url(/_images/site-map.gif) no-repeat 39px 5px;
}

#mid_col #sitemap_menu ul.level2 li a:hover, #mid_col #sitemap_menu ul.level3 li a:hover, #mid_col #sitemap_menu ul.level4 li a:hover, 
#mid_col #sitemap_menu ul.level5 li a:hover{
	background-color: #b3a78b;
    text-decoration: none;
	background-image: url(/_images/site-map_o.gif);	
	background-repeat: no-repeat;
}
 #sitemap_menu ul li a:hover {
 	background-color: #b3a78b !important;
 }

#mid_col #sitemap_menu ul li ul {
	margin: 0 !important;
}
	
