/* Farrells Neckwear                            */
/* CSS Document                                 */
/* Copyright Palmedia 2007 - www.palmedia.co.uk */

body {
width: 752px;
margin: 0 auto;
background-color:#FFFFFF;
color:#000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}

#header {width: 750px;
height: 130px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
float:left;
clear:both;}

#container { float: left; height: auto; background: url(images/container_bg.jpg) #000 0 0 repeat-y;}

#leftnav {
float:left;
width: 135px;
height: auto;
min-height: 541px;
background-image:url(images/left.jpg);
background-repeat:no-repeat;
background-color:#330000;
}

#main {
float:left;
width: 354px;
height: auto;
overflow-x: hidden;
overflow-y: hidden;
background-image:url(images/main.jpg);
background-repeat:no-repeat;
background-color:#000000;
color: #FFFFFF;
font-size: 0.8em;
}

#maincontent {
float: left; height: auto; min-height: 541px; margin: 5px;}

#right {
float:left;
width: 260px;
height: auto;
min-height: 541px;
background-image:url(images/right1.jpg);
background-repeat:no-repeat;
background-color:#000000;
color: #fff;
font-size: 0.8em;
}

#footer {
clear:both;
background-color:#330000;
border-top: #FFFFFF 1px solid;
width: 745px;
font-size: 0.7em;
color:#999999;
line-height: 1.4;
padding: 2px 0 2px 5px;
}

div#navbar {font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;

padding: 2px;
width: 120px;
font-size: 0.7em;
line-height: 3em;}

#navbar ul li a:link, #navbar ul li a:visited, #navbar ul li a.current {color: #ffffff;
text-decoration: none;
margin: 0px;
display: block;
width: 120px;
}

#navbar ul li a:hover {
text-decoration: none;
color:#999999;
}

#navbar ul li {margin: 0px; padding: 0px; display: block; text-indent: 15px;
}

#navbar ul {margin: 0px; padding: 0px;
 }
 
a:link {color: #ffffff;
text-decoration: none;}

a:visited {color: #ffffff;
text-decoration: none}

a:hover {
color: #cccccc;
text-decoration:underline;}

a.footer:link {color: #ffffff;
text-decoration: none;}

a.footer:visited {color: #ffffff;
text-decoration: none}

a.footer:hover {color: #ffffff;
text-decoration: underline;}

.box {
float: left;
border:#FFFFFF 1px solid;
width: 100px;
height: 100px;
margin: 0;}

.box {
float: left;
border:#FFFFFF 1px solid;
width: 100px;
height: 100px;
margin: 2px;}

.listbox {
float: left;
width: 100px;
max-width: 200px;
height: auto;
min-height: 220px;
margin: 2px 2px 7px 2px;
border: none;
font-size: 0.9em;
}

.searchlistbox {
float: left;
width: 102px;
max-width: 200px;
height: auto;
margin: 7px 4px 7px 0;
border: none;
font-size: 0.9em;
}

.clearboth {
	clear:both}

.productbox {
float: left;
border:#FFFFFF 5px solid;
width: 320px;
height: 320px;
margin: 5px;
clear:both;}

.breaktext {
clear: both;
}

.productname {
clear: both;
font-weight: bold;
}

.productprice {
font-size: 1.5em;
}

.login_label { float: left; width: 125px; margin: 5px 0 0 0; }
.text_medium { float: left; width: 125px; margin: 3px 5px 0 0; }
.short_label { float: left; width: 70px; margin: 5px 0 0 0; }
.text_short { float: left; width: 23px; margin: 3px 5px 0 0; }
.clear { clear: both; }
.clear10 { clear: both; height: 10px; }
a.red { color: #ff0000; text-decoration: underline; }
a.red:hover { color: #ff0000; text-decoration: none; }