@charset "utf-8";

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
/* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } */

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Vertical scrollbars in mozilla */
html { min-height: 100%; margin-bottom: 1px; }

/* General  =============================*/


body { 
	background:url(../image/bg_tile.gif) repeat-x; 
	font: normal 85%/1.5 Arial, Helvetica, sans-serif; 
	color: #333;
	margin:auto;
}

#container {
	margin:auto;
	width:937px;
}

#logo {
	margin-top:63px;
	margin-bottom:18px;
	text-align:center;
}

#menubar {
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	height:35px;
}

#menubar ul {
	margin:0;
	padding:0;
}

#menubar li {
	background:url(../image/menu_bg_right.gif) no-repeat scroll right bottom;
	display:inline;
	float:left;
	margin:0 7px 0 0;
	border-left: 1px dotted #E6F0EB;
}

#menubar li.first {
	border-left:none;
}


#menubar a {
	background:url(../image/menu_bg_left.gif) no-repeat scroll left bottom;
	background-color: #fff;
	display:block;
	padding:2px 20px 6px;
	border-left:7px solid white;
}


.home #menubar #home a,
.shop #menubar #shop a,
.wholesale #menubar #wholesale a,
.blog #menubar #blog a,
.printing #menubar #printing a,
.about #menubar #about a,
.eco #menubar #eco a {
	background:url(../image/menu_bg_left.gif) no-repeat scroll left top;
}


.home #menubar #home,
.shop #menubar #shop,
.wholesale #menubar #wholesale,
.blog #menubar #blog,
.printing #menubar #printing,
.about #menubar #about,
.eco #menubar #eco {
	background:url(../image/menu_bg_right.gif) no-repeat scroll right top;
}



/* Links */
a:link{
	color:#278E8E;
	text-decoration:none;
	}
a:visited{
	color:#278E8E;
	text-decoration:none;
	}
a:hover{
	color:#278E8E;
	text-decoration:underline;
	}
a:active{
	color:#278E8E;
	text-decoration:underline;
	}


#content{
	clear:both;
	margin-top:30px;
}

#left-col{
	float:left;
	width: 463px;
}

#left-col p { padding-bottom:1.5em; }

#right-col{
	float:right;
	width: 463px;
}

#span-col {
	clear:both;
	width: 937px;
}

div.hr {background:url(../image/horizontal_line.gif) top repeat-x; height: 20px}
div.hr hr {display: none}


#home-shop-box{
	float:left;
	width:343px;
	padding-right: 120px;
	background:url(../image/shop_illo.gif) bottom right no-repeat;
	border-bottom:1px solid #E6F0EB;
}

#home-blog-box{
	float:right;
	width:343px;
	padding-right: 120px;
	background:url(../image/blog_illo.gif) bottom right no-repeat;
	border-bottom:1px solid #E6F0EB;
}

#home-blog-box p { padding-bottom:0.5em; }
#home-shop-box p { padding-bottom:0.5em; }


#left-menu {
	float:left;
	width: 226px;
}


#left-menu a {
	/*display:block;*/
	line-height: 3em;
}

#left-menu ul {list-style:none;}

#left-menu ul li:before {
content: "› "; color:#999;
} 


#left-menu-content {
	float:right;
	width: 700px;
}

#left-menu-content p { padding-bottom:1.5em; }

#no-menu-content ul {list-style:none; line-height: 2em;}

#no-menu-content ul li:before {
content: "› "; color:#999;
} 




.printing .yardage #left-menu #yardage a,
.printing .templates #left-menu #templates a,
.printing .pricelist #left-menu #pricelist a,
.printing .FAQs #left-menu #FAQs a,
.printing .sustainable #left-menu #sustainable a{
	color:#999;
}

.wholesale .range #left-menu #range a,
.wholesale .FAQs #left-menu #FAQs a,
.wholesale .pricelist #left-menu #pricelist a,
.wholesale .shipping #left-menu #shipping a{
	color:#999;
}



#about-lara{
	float:left;
	width:305px;
	padding-right:11px;
}

#about-teegs{
	float:left;
	width:305px;
	padding-right:11px;
}

#about-bee{
	float:right;
	width:305px;
}


#footer {
clear:both;
padding-top:46px;
padding-bottom:26px;
text-align:center;
color:#999;
font: normal 85%/1.5 Arial, Helvetica, sans-serif; 
}

h1{
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#A0216A;
	padding-bottom:0.25em;
	font-weight:100;
}

h2{
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#A0216A;
	padding-bottom:0.1em;
	font-weight:100;
}

h3{
	font-weight:bold;
}

h4{
	font-weight:normal;
	color:#A0216A;
}

.small-text{
	font: normal 85%/1.5 Arial, Helvetica, sans-serif; 
}

#caption{
	float:right;
	text-align:right;
	color:#999;
	font: normal 85%/1.5 Arial, Helvetica, sans-serif; 
	font-style:italic;
	width:280px;
	padding-top:2px;
}