/* Bobbins Furnishing styles */
/* (c) 2005 Stephen Rowling/Springworks */

html {
/* permanant scroll bars -  http://www.hicksdesign.co.uk/journal/535/ */
height: 100%;
margin-bottom: 1px;
}

/* zero all settings to remove browser defaults */
body * {margin: 0;
padding: 0;
text-decoration: none;
color: #4c4c4c;
}

body {margin: 0;
padding: 0;
border: 0;
background: #e0e0d6;
text-align: center;
font-size: 76%;
line-height: 1.5em;
font-family: Verdana, sans-serif;
min-width: 780px;
behavior: url(../css/csshover.htc);
}

/*set page structure*/
#bobbins-bg {
width: 800px;
text-align: left;
margin: 0 auto;
background: #e0e0d6 url(../images/css_images/bg.gif) top center repeat-y;
}

#container {margin: 0 20px;
padding: 0;
text-align: left;
width: 760px;
}

#logo {background: url(../images/css_images/bobbins_logo.gif) bottom center no-repeat;
height: 75px;
}

#logo h1 {text-indent: -9999px;
}

#banner {background: url(../images/css_images/banner.jpg) top center no-repeat;
height: 60px;
}

#banner p {text-indent: -9999px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#featuredcontainer {
background-color: #e0e0d6;
border: 1px dotted #4c4c4c;
font-size: 0.9em;
padding: 5px 5px 0 0;
margin: 10px 0;
}

#featured_products {
}

#featured_events {
float: right;
width: 235px;
}

/*navigation*/
#nav {
float: left;
width: 100%;
background: #989e98;
border-bottom: 1px solid #4c4c4c;
border-top: 1px solid #4c4c4c;
}

#nav ul {
}

#nav li {
float: left;
list-style: none;
}

#nav a {
color: #fff;
float: left;
text-decoration: none;
background: url(../images/css_images/nav_button.jpg) top center no-repeat;
border-right: 1px solid #4c4c4c;
margin: 0;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 0.9em;
letter-spacing: 0.1em;
padding: 0.2em 1em;
}

#nav a:hover, #nav a:active { background: url(../images/css_images/nav_button_hover.jpg) top center no-repeat;
}

* html div#nav ul {
float: left;
}

body#home #home_nav a, body#catalogue #cat_nav a, body#shop #shop_nav a, body#contact #contact_nav a, body#events #events_nav a {
background: url(../images/css_images/nav_button_here.jpg) top center no-repeat;
}

/*content structure*/
#maincontainer {
padding: 20px;
}

#maincontent {
float: left;
width: 490px;
background-color: transparent;
}

#sidebar {width: 180px;
float: right;
background-color: #e0e0d6;
border: 1px dotted #4c4c4c;
font-size: 0.9em;
}

#sidebarcontent {
margin: 10px;
}

h2 {
/* width: 100%; */
margin: 0 0 12px 0;
padding: 0 0 3px 0;
color: #676;
font-weight: normal;
font-size: 1.5em;
font-family: "Trebuchet MS", Verdana, sans-serif;
border-bottom: 1px dotted #999;
}

body#home #sidebar h2 {
margin: 0 0 5px 0;
}

#featured_products h2 {
margin: 0 0 5px 5px;
}

h3 {
margin: 0;
padding: 0 0 6px 0;
color: #000;
font-size: 1.2em;
font-weight: normal;
text-align: left;
}

h4 {
text-transform: uppercase;
font-size: 0.9em;
font-weight: normal;
display: inline;
}

h5 {
display: inline;
font-size: 0.9em;
font-weight: bold;
}

p {margin:0 0 18px 0;
line-height: 150%;
text-align: left;
}

body#events #maincontent p, body#home #sidebar p {
margin: 0.5em 0 0 0;
}

dt {font-weight: bold;
float: left;
}

dd {margin: 0 0 12px 120px;
}

img {border: 1px solid #4c4c4c;
float: right;
margin-left: 15px;
}

img.thumb {
border: none;
float: left;
margin: 0 10px 0 0;
}

img.main {
border: 1px solid #676;
padding: 5px;
}

img.full {
margin:0 0 1.5em 0;
border: 1px solid #676;
padding: 5px;
}

img.colours {
float: none;
margin: 0.5em 0 2em 0;
border: none;
}

a:link img.thumb, a:hover img.thumb {
border: none;
}

a:link img {border: 1px solid #989e98;
}

a:hover img {border: 1px dotted #989e98;
}

/*maincontent links*/
#maincontent a:link {
color: #676;
font-weight: bold;
}

#maincontent a:visited {
color: #989e98;
font-weight: bold;
}

#maincontent a:hover {
color: #676;
border-bottom: 1px dotted #676;
font-weight: bold;
}

#maincontent a:active {
color: #676;
font-weight: bold;
}

#maincontent h3 a:link, #maincontent h3 a:visited,#maincontent h3 a:hover,#maincontent h3 a:active {
font-weight: normal;
}

/*sidebar links*/
#sidebar a:link {
color: #676;
font-weight: bold;
}

#sidebar a:visited {
color: #989e98;
font-weight: bold;
}

#sidebar a:hover {
color: #676;
font-weight: bold;
border-bottom: 1px dotted #676;
}

#sidebar a:active {
color: #676;
font-weight: bold;
}

/* footer */
#footer {
background: #4c4c4c;
padding: 3px 20px;
}

#footer p {
font-size: 0.85em;
color: #fff;
margin: 0;
}

#footer a:link, #footer a:visited {
color: #e0e0d6;
font-weight: bold;
}

#footer a:hover {
border-bottom: 1px dotted #e0e0d6;
}


/* Shop catagory links */
div.rssCcat a {
float: left;
width: 160px;
height: 160px;
margin: 0;
padding: 70px 0 0 0;
text-align: center;
letter-spacing: 0.3em;
font-size: 1.2em;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-decoration: none;
text-transform: uppercase;
voice-family: "\"}\"";
voice-family: inherit;
height: 90px;
}

html>body div.rssCcat a {
height: 90px;
}

#maincontent div#c_aspen a, #maincontent div#c_auberge a, #maincontent div#c_bedding a, #maincontent div#c_city-chef a, #maincontent div#c_primavera a, #maincontent div#c_prose-cottage a {
margin-right: 5px;
}

#maincontent div#c_rose-cottage a, #maincontent div#c_alpine a, #maincontent div#c_auberge a, #maincontent div#c_bedding a, #maincontent div#c_city-chef a, #maincontent div#c_baby a, #maincontent div#c_aspen a, #maincontent div#c_primavera a, #maincontent div#c_damask a {
margin-bottom: 5px;
}

#maincontent div#c_al-fresco a:link, #maincontent div#c_al-fresco a:visited {
background: url(../images/css_images/c_al-fresco.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_al-fresco a:hover { 
background: url(../images/css_images/c_al-fresco.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_auberge a:link, #maincontent div#c_auberge a:visited {
background: url(../images/css_images/c_auberge.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_auberge a:hover { 
background: url(../images/css_images/c_auberge.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_alpine a:link, #maincontent div#c_alpine a:visited {
background: url(../images/css_images/c_alpine.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_alpine a:hover { 
background: url(../images/css_images/c_alpine.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_bedding a:link, #maincontent div#c_bedding a:visited {
background: url(../images/css_images/c_bedding.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_bedding a:hover { 
background: url(../images/css_images/c_bedding.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_city-chef a:link, #maincontent div#c_city-chef a:visited {
background: url(../images/css_images/c_city-chef.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_city-chef a:hover { 
background: url(../images/css_images/c_city-chef.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #fff;
border: none;
}

#maincontent div#c_baby a:link, #maincontent div#c_baby a:visited {
background: url(../images/css_images/c_baby.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_baby a:hover { 
background: url(../images/css_images/c_baby.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_aspen a:link, #maincontent div#c_aspen a:visited {
background: url(../images/css_images/c_aspen.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_aspen a:hover { 
background: url(../images/css_images/c_aspen.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_constellation a:link, #maincontent div#c_constellation a:visited {
background: url(../images/css_images/c_constellation.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_constellation a:hover { 
background: url(../images/css_images/c_constellation.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #fff;
border: none;
}

#maincontent div#c_damask a:link, #maincontent div#c_damask a:visited {
background: url(../images/css_images/c_damask.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_damask a:hover { 
background: url(../images/css_images/c_damask.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_metro a:link, #maincontent div#c_metro a:visited {
background: url(../images/css_images/c_metro.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_metro a:hover { 
background: url(../images/css_images/c_metro.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_primavera a:link, #maincontent div#c_primavera a:visited {
background: url(../images/css_images/c_primavera.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_primavera a:hover { 
background: url(../images/css_images/c_primavera.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

#maincontent div#c_rose-cottage a:link, #maincontent div#c_rose-cottage a:visited {
background: url(../images/css_images/c_rose-cottage.jpg) 0px 0px no-repeat;
font-weight: bold;
color:#4c4c4c;
border: none;
}

#maincontent div#c_rose-cottage a:hover { 
background: url(../images/css_images/c_rose-cottage.jpg) 0px -170px no-repeat;
text-decoration: none;
color: #000;
border: none;
}

/* sidebar category links */
#rssCatList ul {
margin: 0 0 0 24px;
list-style-type: square;
text-transform: uppercase;
}

#sidebar #rssCatList ul a {
font-weight: normal;
}

/* Shop category list items */
div.list_item_container {
float: left;
width: 236px;
background: #ccc;
margin: 0 0 5px 5px;
}

div.list_item {
margin: 1px;
padding: 5px;
background: #fff;
}

div.full_width_list_item {
border: 1px solid #ccc;
padding: 5px;
margin: 10px 0;
}

body#home div.full_width_list_item {
margin: 5px 0;
background: #fff;
}

body#shop #maincontent p {
margin: 0.5em 0 0 0;
}

/* sidebar lists */
#sidebar p {
margin: 1.5em 0 0 0;
}

#sidebar p.first {
margin: 0;
}

body#shop #sidebar h4 {
font-weight: bold;
margin: 1.5em 0 0 0;
display: block;
}

body#shop #sidebar input {
margin: 0;
}

/* form */
input {
margin: 1.5em 0 0 0;
}

/* event list item container */
div.event_item {
border-bottom: 1px dotted #676;
padding-bottom: 1em;
margin-bottom: 1em;
}