/* SCREEN.CSS
This is where all styles for on-screen media are declaired

FILE INFO
Revision number:  0.2
Last updated:     01/06/2006
Last updated by:  James Edwards (@@karova.com)

------------------------------------------------------------------------------------------------------ */

/* @import url(screen_extended.css);  import browser specific CSS */

@media all {

/* =global_reset */
*                                     { margin: 0; padding: 0; }
/* ul, dl, ol                            { list-style-position: inside; } */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, 
dir dl, menu ul, menu ol, menu dir,
menu menu, menu dl, dl ul, dl ol,
dl dir, dl menu, dl dl                { margin-top: 0; margin-bottom: 0; }
p, ul, ol, dl, dd, blockquote, form   { margin-bottom: 1em; }

#content_main ul
{
	margin-left: 1em;
}
#content_main li
{
	margin-left:1em;
}


/* =html =body */
html {
 background : #fff url(../images/html.jpg) 0 0 repeat-x; }
body {
 font: 87.5%/140% Verdana, Helvetica, Ariel, sans-serif; color: #3F4338; background : url(../images/body.jpg) 0 100% repeat-x; }

/* =hx */
h1, h2, h3, h4, h5, h6 { font-size : 1em; line-height : 1.4em; }

/* =h1 */
h1 { }

/* =h2 */
h2 
{ 
	font-size:1.4em; 
	font-weight:normal; 
	margin:0 0 0.5em 0; 
}
#nav_main h2,
#nav_supp h2 { 
 position : absolute; left : -999em;
 overflow : hidden; }
 
/* =h3 */
h3
{ 
	font-size:1.2em; 
	font-weight:normal; 
}

#content_main h3
{
	margin:0 0 0.5em 0;
}

#content_main .panel h3
{
	margin:0;
	font-size:1em;
	font-weight:bold;
}

/* =h4 */
h4 {  }

/* =p */
p {
 font-size : 100%; }
p.accessibility {
 position : absolute; left : 0;
 display : block; width : 100%; margin-top : -2em; padding : .25em 0 1em 0;
 text-align : center; z-index : 2; }
/*p.accessibility:hover {
 margin-top : 0; padding : .25em 0;
 color : #333; background-color : #dbe5da; }*/
 
#branding p {
 position : absolute; left : -999em;
 overflow : hidden; }

.panel p
{
	margin:0;
	padding:0.75em 15px 0 0;
}

#siteinfo p
{
	color:#fff;
	/*background:#44683a;*/
}


/* =blockquote */
blockquote {  }

/* =em =strong =del =ins =abbr =acronym =code */
em          { font-style : normal; border-bottom : 1px solid; }
strong      { font-weight : bold; }
del         { text-decoration : line-through; }
ins         { text-decoration : none; color : #009; font-family : Georgia; }
del[title],
ins[title]  { cursor : help; }
acronym,
abbr        { text-decoration : none; border-bottom : none; font-style : normal; cursor : help; }
code        { font : 87.5% dialogue, 'Courier New', courier, serif; color : #000; }
form code   { color : #646464; }
fieldset label em { color : #f66; border-bottom-width : 0; } 

/* =address */
address      { font-style : normal; }
form address { margin-left : 0; }
address span { display : block; }

/* =dl =dt =dd */
dl {  }

.basketpanel dl
{
	margin-left:165px;
	float:left;
}
.basketpanel dt
{
	margin:0 5px 0 0;
	float:left;
	clear:left;
}
.basketpanel dd
{
	margin:0;
}
.basketpanel dt.total, .basketpanel dd.total
{
	margin-top:1em;
	font-size:1.2em;
	font-weight:bold;
}



/* =ul */
#nav_main ul,
#nav_supp ul {
 list-style-type : none; text-transform : lowercase; }
#nav_main ul 
{
	position:absolute; 
	left:-10px; 
	top:93px;
	display:block;
	width:745px; 
	margin:0 0 0 5px;
	line-height:36px; 
}
#content_sub ul
{
	list-style-type: none;
}

ul#product_options, ul#product_options li {
  list-style-type : none; margin-left : 0;
}

/* =ol */
ol {  }

/* =li */
#nav_main li,
#nav_supp li {
 display : inline; }
#content_sub li
{
	list-style-type:none;
}

/* =img */
img,
img a { border : none;  }

.panel img
{
	float:left;
	/*border:2px solid #45413e;*/
	margin:0 15px 0 8px;
}

/* =hr */
hr { display : none; }

/* =a */
a:link    { background : transparent; color : #A1573A; text-decoration : none; }
a:visited { background : transparent; color : #A1573A; text-decoration : none; }
a:hover,
a:focus, 
a:active { background-color : #A1573A; color : #fff; text-decoration : none; }
/* a:active  { background-color : #fff; color : #f1f5f0; outline : none; } */
a#location_map { float : left; margin : 0 .5em .5em 0; border : 3px solid #666; }

p.accessibility a:focus {
 position : absolute; left : 1em;
 margin-top : 2em }
/*p.accessibility:hover a:focus {
 position : relative; left : 0;
 margin-top : 0; }*/
 
h1 a {
 position : absolute; left : 10px; top : 18px;
 display : block; width : 304px; height : 38px;
 text-indent : -999em; overflow : hidden; }
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active { background-color : transparent; }

#nav_main li a,
#nav_supp li a 
{
	float:left; 
}

#nav_main li a:link,
#nav_main li a:visited
{ 
	color:#fff; 
	background:transparent; 
	margin:2px 15px 0 0;
	padding:0 10px;
}
#nav_main li a:hover, 
#nav_main li a:focus,
#nav_main li a:active 
{ 
	background:#f28357; 
	color:#4e2b17; 
}

#nav_main li.shopping_basket a, 
#nav_main li.shopping_basket a:visited
{ 
 	text-align:right; 
 	position:absolute; 
 	top:2px;
 	right:-20px; 
 	margin:0; 
}
 
#content_sub a:link,
#content_sub a:visited
{ 
	background:transparent; 
}
 
#content_sub a:hover,
#content_sub a:focus,
#content_sub a:active 
{ 
	background-color:#A1573A; 
	color:#fff; 
}

#siteinfo a:link,
#siteinfo a:visited
{
	color:#fff;
}

#siteinfo a:hover,
#siteinfo a:focus,
#siteinfo a:active 
{ 
	text-decoration : underline;
}


/*.panel a:link,
.panel a:visited
{
	background:transparent;
	color:#fff;
}*/
.panel a:hover,
.panel a:focus,
.panel a:active 
{ 
 	text-decoration:underline;
}

/*.rangepanel a:link,
.rangepanel a:visited
{
	background:#f1f5f0;
	color:#558548; 
}
.rangepanel a:hover,
.rangepanel a:focus,
.rangepanel a:active 
{ 
	background-color:#558548; 
	color:#fff; 
	text-decoration:none;
}*/

.rangepanel form a { margin-left : 1em; }

#basketAdd a {
  float : left; margin : 0 1em 2.5em 0;
}

ul#nav-paging { clear : both; margin-left : 170px; }
.basketshow ul#nav-paging { margin-left : 260px; }

 
/* =table */
table { border-collapse : collapse; }

/* =caption */
caption {  }

/* =thead */
thead {  }

/* =tfoot */
tfoot { border-top : 1px dotted #000; }

/* =tbody */
tbody {  }

/* =tr */
tr {  }

/* =th */
th { text-align : left; padding : .25em; }

/* =td*/
td { padding : .25em; }

/* =form */
#search_input h2, #search_input label span
{
	position:absolute;
	left:-10000px;
}

.panel form
{
	margin:1em 0 0 0;
}
.rangepanel form
{
	margin-top:2em;
}
.basketpanel form
{
	clear:both;
}


/* =fieldset */
fieldset 
{ 
  display : block; margin-bottom : 2em;
	border:none;
}

/* =legend */
legend { font-weight : bold; }

/* =label */
label,
label span { display : block; font-weight : bold; clear : both; }
.personalise #content_main label { float : left; clear : right; margin-top : 1em;}

/* =input */
input
{
	float:left;
	width:145px;
	/*border:none;
	padding:5px;
	background:#dce5da;
	color:#3f7738;
	font:1em Verdana, Helvetica, Ariel, sans-serif; 
	line-height:100%;*/
}
input.submit
{
	text-transform:lowercase; width : auto; padding-left : 0; padding-right : 0;
}
#search_input input.submit
{
	float:right;
	width:70px;
}
.rangepanel input
{
	clear:both;
	width:200px;
}
.panel input.submit
{
	width:8em;
	margin:5px 0 0 0;
}
.basketpanel input.submit
{
	width:12em;
	margin:0 0 0 165px;
}

.basketshow ul#nav-paging, .basketshow ul#nav-paging li {
  list-style-type : none;
}
.basketshow ul#nav-paging li { margin-left : 0; font-size : 1.5em; font-weight : bold; }


input.checkbox { width : auto; margin-right : 1em; }

/* =textarea */
textarea {  }

/* =select */
select {  }




/* =div */
#container   
{ 
	position:relative; 
	width:755px; 
	margin:0 auto; 
}
/*** why?? #content      { overflow : hidden; } ***/
#content
{
	float:left;
	width:745px;
	margin:0 0 0 5px;
	background:url(../images/contentline.gif) repeat-y;
	padding:20px 0 50px 0;
}
#content_main 
{ 
	float:right; 
	width:465px; 
}
#content_sub  
{ 
	float:left; 
	width:240px; 
}
#branding 
{
	position:relative;
	width:755px; 
	height:130px; 
	background:url(../images/branding.gif) -5px 0 no-repeat; 
}

#nav_categories, #nav_news
{
	margin:0 0 20px 0;
}

.date {
	padding-left : 2em;
}

.panel
{
	/*background:#5c4739;
	color:#fff;
	padding:8px 0;
	width:463px;
  border : 1px solid #A1573A;
	float:left;*/
	clear:both;
	margin:10px 0;
}
.panel.emphasise
{
	/* background:#8f6647; */
}	
.rangepanel
{
	background:transparent;
	color:#3f7738; 
}

#siteinfo 
{
	clear:both;
	min-height:72px; 
	padding:70px 0 10px 0;
	background:url(../images/siteinfo.gif) 0 25px no-repeat;
}

.range .rangepanel,
.default .homepanel {
  overflow : hidden; clear : none;
  float : left; width : 215px; height : 320px; margin-right : 15px;
  border-bottom : 1px dotted #A1573A;
}
.range .rangepanel img,
.default .homepanel img { float : none; display : block; margin : 0; }

#content_main ul#paging { padding : 0; margin-left : 0; }
#content_main ul#paging li {
  display : inline; margin : 0 1em 0 0; padding : 0;
}
#content_sub ul ul {
  font-size : .8em;
}
#nav_categories ul li { margin-bottom : .5em; }
#nav_categories ul ul li { margin-bottom : 0; }
#nav_categories ul ul { margin : .5em 0 .5em 1em; }
}

.small { font-size : .8em; line-height : 1.2em; }

.paypal {
clear : both;
padding-top : 2em; 
}