/* CSS for Jellynet.biz. Created by Mike Edwards 2007. */
/* Email me if you have problems on mail@michaeledwards.me.uk */

body {margin:0; padding:0; text-align: center; min-width: 760px; font-family:Arial, Helvetica, sans-serif; font-size: 9pt; color:#838383;}
h1 {font-weight:400; color:#990000; font-size:20px; margin:10px 0 5px 10px;}
h5 {font-weight:400; color:#990000; font-size:11px; margin:15px 0 0 10px;}
h6 {font-weight:400; color:#990000; font-size:14px; margin:15px 0 0 10px;}
p {line-height:1.5; margin-top:5px;}
form {margin:0; padding:0;}
a:link, a:visited, a:hover {color:#990000; text-decoration:none; font-size:9pt;}
img {border:none;}

#wrapper {width: 1000px; margin: 0 auto; padding-bottom:10px; text-align:left; margin-top:15px; background-color:#fff; border:1px solid #c4c4c4; min-height:550px;}

#ifwrapper {float: left; width: 550px; margin: 0 auto; padding-bottom:10px; text-align:left; margin-top:15px; background-color:#fff; border:0px solid #c4c4c4; min-height:350px;}

#masthead {margin:5px 5px 2px 5px; border:1px solid #e9e8e4; height:76px; background-image:url(../images/site/masthead.jpg); background-repeat:no-repeat;}

#navbar {margin:1px 5px; height:27px; background-image:url(../images/site/navbar.jpg); background-repeat:no-repeat; border:1px solid #e9e8e4; clear:both;}

/* Sets style for the centre column */
#content {float:right; margin:20px 0; width:573px; min-height:500px;}
#content p {padding:0 10px 0 10px; margin:5px 0 0 0;}
#content ol {line-height:1.7; margin:0 0 0 10px;;}
#content ul {margin:15px 0 0 10px;}
#content li {list-style:none; line-height:1.7; margin:10px 0 0 0;}
#content a:link {color:#990000; text-decoration:none; font-size:9pt;}
#content a:visited {color:#990000; text-decoration:none; font-size:9pt;}
#content a:hover {color:#999; text-decoration:none; font-size:9pt;}



/*Style for centre column boxes*/
#content form {text-align:center; margin:3em 0; font-size:8pt;}
#content input {font-size:8pt;}
#content fieldset {margin:1em 10px; padding:1em; width:75%; text-align:left; background-color:#f0efeb; border:1px solid #e9e8e4;}
#content label {float:left; width:10em;}
#content label2 {float:right; width:10em;}
#content textarea {width:200px; height:100px;}
#content select {width:130px; font-size:8pt;}
#content ol {margin:10px 0 0 3em; list-style:none; }
#content li {line-height:1.4; background-image:url(../images/site/bullet.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:17px;}
#regname, #regcompany, #regadd1, #regadd2, #regtown, #regcounty, #regpcode, #regphone, #regemail, #regwebsite, #regdisplay, #regdisplayno, #boxform {width:250px;}
#formimg {position:relative; top:3px; margin-right:10px;}
#button {position:relative; top:3px;}

/* Style for the admin front-end menu */
#fadminnav {font-size:8pt; line-height:normal; margin:0; padding:0; width:750px;}
#fadminnav li {list-style:none; float:left; margin:0 0 5px 5px;  text-align:center; background-image:none; padding:0;}
#fadminnav a:link {color:#990000; text-decoration:none; font-size:8pt;}
#fadminnav a:visited {color:#990000; text-decoration:none; font-size:8pt}
#fadminnav a:hover {color:#ccc; text-decoration:none; font-size:8pt}
#last {/* border-right:1px solid #999; */}

/* Sets style for the right-hand column */
#adverts2 {float:right; margin:20px 5px; width:200px;}

/* Creates and styles the left-hand column */
#adverts1 {margin:20px 5px; width:200px;}
#adverts1 p {margin:0;}
#adverts1 img {margin-top:5px;}

/*Creates new sized panels for use in the admin section*/
#thin2 {float:right; margin:20px 5px; width:10px;}
#thin {margin:20px 5px; width:150px;}
#thin h5 {font-weight:400; color:#990000; font-size:11px; margin:0;}
#thin form {text-align:center; margin:0; font-size:8pt;}
#adminname, #adminpass, #newpass {font-size:8pt; width:90px;}
#thin fieldset {margin:1em 10px; padding:1em; width:75%; text-align:left; background-color:#f0efeb; border:1px solid #e9e8e4;}
#thin label {float:left; width:10em;}
#thin textarea {width:200px; height:100px;}
#thin select {width:90px;}


#content1 {float:right; margin:20px 0; width:810px; min-height:500px;}
#content1 p {padding:0 10px 0 10px; margin:10px 0 0 0;}
#content1 ol {line-height:1.5;}
#content1 ul {margin:15px 0 0 10px;}
#content1 li {list-style:none; line-height:1.7;}
#content1 form {text-align:center; position:relative; top:90px; left:170px; width:53%;}
#content1 fieldset {margin:1em 10px; padding:1em; text-align:left; background-color:#f0efeb; border:1px solid #e9e8e4;}
#content1 legend {font-weight:bold; color:#888;}
#content1 label {float:left; width:10em;}
#content1 textarea {width:200px; height:100px;}

/* Creates a 1 column grid */
#content3 {margin:20px 0; width:990px; height:500px;}
#content3 p {padding:0 10px 0 10px; margin:10px 0 0 0;}
#content3 ol {line-height:1.5;}
#content3 ul {margin:15px 0 0 10px;}
#content3 li {list-style:none; line-height:1.7;}
#content3 form {text-align:center; position:relative; top:90px; left:320px; width:350px;}
#content3 fieldset {margin:1em 10px; padding:1em; text-align:left; background-color:#f0efeb; border:1px solid #e9e8e4;}
#content3 legend {font-weight:bold; color:#888;}
#content3 label {float:left; width:10em;}
#content3 textarea {width:200px; height:100px;}



#itemtitle {font-size:10pt; margin:0; padding:0 5px 0 5px;}
#itemdate {font-size:8pt; margin:0; padding:3px 5px 0 5px; color:#8a8989;}
#feedname {font-size:9pt; background-color:#990000; color:#ffffff; margin:0 0 10px 0; padding:3px 0 3px 5px;}

#rss {width:200px; border:1px solid #990000; height:265px; overflow: auto;} 
#rss h2 {font-size:10pt; margin:0; padding:0 5px 0 5px;}
#rss h3 {font-size:8pt; margin:0; padding:3px 5px 0 5px; color:#8a8989;}
#rss h1 {font-size:9pt; background-color:#990000; color:#ffffff; margin:0 0 10px 0; padding:3px 0 3px 5px;}
#rss p {line-height:1.5; font-size:8pt; padding:0 5px 5px 5px;}
#rss a:link {color:#990000; font-size:9pt; font-weight:bold;}
#rss a:visited {color:#990000; font-size:9pt; font-weight:bold;}
#rss a:hover {color:#999; font-size:9pt; font-weight:bold;}

/* Styles up the results tables in the admin section */
#resultstable {width:100%; border:1px solid #e9e8e4; border-collapse:collapse; font-size:8pt; margin:10px 0;  cursor:auto;}
#resultstable a:link {text-decoration:none; color:#666666; font-size:8pt;}
#resultstable a:visited{text-decoration:none; color:#666666; font-size:8pt;}
#resultstable a:hover {text-decoration:none; color:#666666; font-size:8pt;}
#resultstable th {background:#e1e0dc; padding:10px 5px; font-size:8pt;}
/* #resultstable td {background:#fff; padding:5px 5px; font-size:8pt;} */
#resultstable td.hover {background:#aaa; padding:5px 5px; font-size:8pt;}
#resultstable td.cent {text-align:center; padding:5px 5px; font-size:8pt;}
#resultstable td.odd {background:#f7f6f3; padding:5px 5px; font-size:8pt;}
#resultstable th.odd {background:#ecebe7; padding:5px 5px; font-size:8pt;}
#resultstable td.oddcent {background:#f7f6f3; padding:5px 5px; font-size:8pt; text-align:center;}


#linkedtable {text-align:left; color:#990000;}
#linkedtable p {margin:0 0 10px 0; padding:0;}
#linkedtable a:link {text-decoration:underline; margin:0 3px;}
#linkedtable a:visited {text-decoration:underline; color:#990000; margin:0 3px;}
#linkedtable a:hover {text-decoration:underline; color:#ccc; margin:0 3px;}

#othertable {width:70%; border:1px solid #e9e8e4; border-collapse:collapse; font-size:8pt; margin-top:5px;  cursor:auto;}
#othertable {text-align:right; color:#990000;}
#othertable p {margin:0 0 10px 0; padding:0;}
#othertable a:link {text-decoration:underline; margin:0 3px;}
#othertable a:visited {text-decoration:underline; color:#990000; margin:0 3px;}
#othertable a:hover {text-decoration:underline; color:#ccc; margin:0 3px;}



/*Sets style for the left-hand menu in the admin section */
#adminmenu {width:200px; height:140px; background:#f7f6f3; border:1px solid #e9e8e4; margin:0; padding:0;}
#adminmenu li {list-style:none; padding:10px 0 0 10px;}
#adminmenu a:link, a:visited, a:hover {color:#878585; text-decoration:none; font-size:8pt;}

#footer {margin:5px; height:27px; clear:both; border-top:1px solid #e9e8e4;}

/* Style for the top navigation menu */
#topnav {font-size:8pt; line-height:normal; margin:0; padding:0; position:relative; left:10px; top:6px;}
#topnav li {list-style:none; float:left; margin:0; width:8%; border-left:1px solid #999; text-align:center;}
#topnav a:link {color:#990000; text-decoration:none; font-size:8pt;}
#topnav a:visited {color:#990000; text-decoration:none; font-size:8pt}
#topnav a:hover {color:#ccc; text-decoration:none; font-size:8pt}
#navbar ul li a.green {color:#00cc00;}

/* Style for the bottom navigation menu */
#botnav {font-size:8pt; line-height:normal; margin:0; padding:0; position:relative; left:50px; top:9px;}
#botnav li {list-style:none; float:left; margin:0; width:8%; border-left:1px solid #999; text-align:center;}
#botnav a:link {color:#999; text-decoration:none; font-size:8pt;;}
#botnav a:visited {color:#999; text-decoration:none; font-size:8pt;}
#botnav a:hover {color:#999; text-decoration:none; font-size:8pt;}



/* Sets the style for the Login form on the masthead */
#headerform {color:#990000; width:355px; margin:0; padding:0; position:relative; left:640px; top:43px;}
#headerform p {font-size:7pt; color:#990000;}
#topform {font-size:7pt; width:100px; margin-right:5px; border:1px solid #ccc;}
#topbutton {position:relative; top:5px;}

/* Style for the Admin login/logut box */
#adminform {width:350px;}

/* Style for the top left-hand Search box */
#box {width:200px; height:145px; background:#ecebe7 url(../images/site/searchbox.gif) no-repeat left top; border:1px solid #e9e8e4; padding-top:30px;}
#box h3 {font-size:7pt; color:#666; padding:0 20px 5px 10px;}
#box p {margin:0; font-size:7pt; color:#990000; padding:0 10px 0 10px;}
#box form {margin:0;}
#box input {font-size:7pt; margin:0 0 5px 0;}
#boxinput1, #boxinput2 {width:140px;}
#boxbutton {position:relative; top:4px;}

/*Styles the press releases */
#press {margin-bottom:1.5em; margin-top:1.5em;}
#press a:link {color:#838383; text-decoration:none; font-size:8pt;;}
#press a:visited {color:#838383; text-decoration:none; font-size:8pt;}
#press a:hover {color:#838383; text-decoration:none; font-size:8pt;}
#pressfloat {float:left; margin-right:1em; margin-top:5px;}




/* Table style for the prices on sellers.php */
#sellerprices {border-collapse:collapse; width:40em; border:1px solid #e9e8e4; margin-left:15px;}
#sellerprices caption {font-weight:bold; background-image:url(../images/site/plainbox.jpg); background-repeat:no-repeat; padding:8px; border-top:1px solid #e9e8e4; border-left:1px solid #e9e8e4; border-right:1px solid #e9e8e4; color:#990000; margin-left:15px;} 
#sellerprices thead{background-color:#f2f1ed; border-bottom:1px solid #e9e8e4; color:#666;}
#sellerprices tfoot{background-color:#f2f1ed; border-bottom:1px solid #e9e8e4; color:#666; font-size:7pt;}
#sellerprices td, th {padding:5px;}

#placeholder {position:relative; top:10px; left:580px;}

.final {border-right:1px solid #c4c4c4;}
.topfinal {border-right:1px solid #999;}
.odd {background-color:#f2f1ed;}
.caveat {font-size:8pt; font-style:italic;}
.floatright {float:right; margin:20px 30px 0 10px;}
.red {color:#990000;}



/*Style for the Flash movie of company logos */
#logos {padding-left:150px; margin-top:5em;}

/*Creates new sized panels for use with sellers list the admin section*/
#content4 {float:center; margin:20px 0; width:95%; min-height:500px;}
#content4 p {padding:0 10px 0 10px; margin:10px 0 0 0;}
#content4 ol {line-height:1.5;}
#content4 ul {margin:15px 0 0 10px;}
#content4 li {list-style:none; line-height:1.7;}
#content4 form {text-align:center; position:relative; left:20px; width:100%;}
#content4 caption {font-size:10pt; color:#990000;}
#content4 fieldset {margin:1em 10px; padding:1em; text-align:left; background-color:#f0efeb; border:1px solid #e9e8e4;}
#content4 legend {font-weight:bold; color:#888;}
#content4 label {float:left; width:10em;}
#content4 textarea {width:200px; height:100px;}

/* Sets style for the product display full width */
#content5 {float:right; margin:20px 70px; width:850px; min-height:500px;}
#content5 p {padding:0px 10px 0 10px; margin:5px 0 0 0;}
#content5 ol {line-height:1.7; margin:0 0 0 10px;;}
#content5 ul {margin:15px 0 0 10px;}
#content5 li {list-style:none; line-height:1.7; margin:10px 0 0 0;}
#content5 a:link {color:#990000; text-decoration:none; font-size:9pt;}
#content5 a:visited {color:#990000; text-decoration:none; font-size:9pt;}
#content5 a:hover {color:#999; text-decoration:none; font-size:9pt;}

#county {display:none;}

/* Added by Just Search - DO NOT DELETE */
#product_info_holder {height:230px}
#product_info {height:230px; overflow:auto; position:absolute; top:770px; left:345px; width:570px;}
#product_info h2 {font-weight:400; color:#990000; font-size:14px; margin:15px 0 0 10px;}

#content6 {float:right; margin:20px 0; width:650px; min-height:300px;}
#iftable {width:450px; border:1px solid #e9e8e4; border-collapse:collapse; font-size:8pt; margin:10px 0;  cursor:auto;}
#iftable th {background:#e1e0dc; padding:10px 5px; font-size:8pt;}
#iftable td {background:#fff; padding:5px 5px; font-size:8pt;}
#iftable td.hover {background:#aaa; padding:5px 5px; font-size:8pt;}
#iftable td.cent {text-align:center; padding:5px 5px; font-size:8pt;}

#thin3 {float:left; margin:20px 5px; width:150px;}
#thin3 h5 {font-weight:400; color:#990000; font-size:11px; margin:0;}
#thin3 form {text-align:center; margin:0; font-size:8pt;}
#thin3 fieldset {margin:1em 10px; padding:1em; width:75%; text-align:left; background-color:#f0efeb; border:1px solid #e9e8e4;}
#thin3 label {float:left; width:10em;}
#thin3 textarea {width:200px; height:100px;}
#thin3 select {width:90px;}