/* @override 
	http://www.luckychocolates.com/static/css/base.css
	http://luckychocolates.com/static/css/base.css
*/

body {
	background: #41041d url(../i/bg_body.jpg) repeat-x center 18px;
}

h1#pagetitle {
	background: black url(../i/bg_header_h1.jpg) repeat-x center bottom;
	color: #444;
	padding: 9px 0;
	text-align: center;
	font: bold 14px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#header {
	background: url(../i/header_yellow_banner.gif) no-repeat center center;
	height: 44px;
	margin: 0 auto;
	padding: 36px 0;
	position: relative;
	width: 960px;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: capitalize;
}

#header #global_left {
	float: left;
	padding: 12px 0 12px 130px;
}

#header #global_right {
	float: right;
	padding: 12px 130px 12px 0;
}

#header h1#logo {
	position: absolute;
	height: 226px;
	width: 264px;
	top: 0;
	right: 338px;
	z-index: 1;
}

#page {
	background: url(../i/bg_papertile.jpg) repeat-y;
	margin: 0 auto;
	width: 940px;
	position: relative;
}

#pagetop {
	background: url(../i/bg_papertile_top.jpg) no-repeat center top;
	padding: 20px 0 0 0;
}

#socialnetworks {
	background: url(../i/followuson.gif) no-repeat 30px 0px;
	float: left;
	padding:44px 0 0 30px;
	width: 300px;
	font-size: 11px;
}
#socialnetworks a {
	font-weight: bold;
}
#socialnetworks #facebook {
	background: url(../i/facebook_icon.jpg) no-repeat left center;
padding: 9px 0 9px 20px;}
#socialnetworks #twitter {
	background: url(../i/twitter_icon.jpg) no-repeat left center;
padding:9px 0 9px 20px;}

#socialnetworks #youtube {
	background: url(../i/youtube_icon.jpg) no-repeat left center;
padding:9px 0 9px 20px;}

#socialnetworks #yelp {
	margin:10px 0;
}


#luckycat {
	background: url(../i/luckycat.gif) no-repeat right bottom;
	float: right;
	margin-right: 20px;
	width: 300px;
}

#luckycat #balloon {
	background: url(../i/lcballoon_bottom.gif) no-repeat left bottom;
	margin: 0 80px 40px 0;
	font-size: 11px;
}

#luckycat #ball_top {
	padding: 10px 15px 0;
	display: block;
	color: #c4251d;
	background: url(../i/lcballoon_top.gif) no-repeat left top;
}

#luckycat #balloon p {
	padding: 0 20px 10px 15px;
	margin: 0;
	font-size: 11px;
}

#navbar {
	position: absolute;
	top: 130px;
	left: 252px;
}
#navbar ul {
	list-style: none;
}
#navbar ul li{
	list-style: none;
	float: left;
	display: inline;
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-right: 3px;
}

#navbar ul li a {
	font-weight: normal;
	font-style: normal;
}

#navbar ul li a:after {
	content: " \0020 \0020 \0020 \00BB \0020 ";
}
#sidebar {
	float: left;
	margin: 0 0px 0 30px;
	width: 200px;
}

#sidebar ul {
	list-style-type: none;
	text-indent: 0;
	padding: 0 18px;
	margin: 0;
	text-align: center;
}
#sidebar ul li {
	border-bottom: 1px solid #efe6dc;
	
	}
	
#sidebar ul ul{
	
	padding: 0;
}

#sidebar ul ul li {
	border-bottom:none;
	}

#sidebar ul li a{
	text-transform: uppercase;
	display: block;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #393939;
}
#sidebar ul li a:hover     { color: #456b9f;
	background-color: #efe6dc;
}
#sidebar ul ul li a {
	text-transform: capitalize;
	display: block;
	margin: 0;
	padding: 0;
	font: italic bold 12px/18px Georgia, "Times New Roman", Times, serif;
}


#search {
	margin-bottom: 14px;
}

.frame-yellow {
	background: url(../i/frame_yellow.gif) repeat-y center top;
	padding-top: 18px;
	margin-bottom: 18px;
}

.frame-yellow-bottom {
	background: url(../i/frame_yellow.gif) no-repeat center bottom;
	padding-bottom: 18px;
}

.frame-blue {
	background: url(../i/frame_blue.gif) repeat-y center top;
	padding-top: 18px;
	margin-bottom: 18px;
}

.frame-blue-bottom1 {
	background: url(../i/frame_blue.gif) no-repeat center bottom;
	padding-bottom: 18px;
}



.frame-blue-bottom2 {
	background: url(../i/frame_blue_clover.gif) no-repeat center bottom;
	padding-bottom: 45px;
}
.frame-red {
	background: url(../i/frame_red.gif) repeat-y center top;
	padding-top: 18px;
	margin-bottom: 18px;
}

.frame-red-bottom1 {
	background: url(../i/frame_red.gif) no-repeat center bottom;
	padding-bottom: 18px;
}

.frame-red-bottom2 {
	background: url(../i/frame_red_truck.jpg) no-repeat center bottom;
	padding-bottom: 130px;
}

#sidebar #nav-main {
	background: url(../i/nav_horseshoe.gif) no-repeat center top;
	padding-top: 72px;
}

#sidebar #nav-info {
	background: url(../i/nav_info.gif) no-repeat center top;
	padding-top: 36px;
}

#sidebar #nav-shop {
	background: url(../i/nav_shop.gif) no-repeat center top;
	padding-top: 54px;
	margin-bottom: 0;
	
}

#content {
	float: right;
	margin-right: 30px;
	width: 660px;
}

#content p {
	margin: 0 0 18px 0;
	font-size: 13px;
	line-height: 18px;
}

#content .featured {
	background: url(../i/featured.gif) no-repeat left top;
	padding-top: 54px;
}

/* Not Anymore-------- 


#content .featured .thumb {
	width: 205px;
	float: left;
	margin: 0 15px 18px 0;
	text-align: center;
	padding: 18px 0;
	background: url(../i/feat_thumb_top.gif) no-repeat center top;
	position: relative;
		min-height:162px;
  height:auto !important;
  height:162px;
}
#content .featured .thumb span{
	width: 100%;
	padding:  0 0 23px 0;
	background: url(../i/feat_thumb_bot.gif) no-repeat center bottom;
	position: absolute;
	bottom: 0;
	left: 0;
}

#content .featured .thumb img {
	margin-bottom: 0;
}
#content .featured .last {
	margin: 0 0 18px 0;
}

#content .featured img {
	border: 1px solid #b43d75;
}

#content .featured .thumb p {
	
	margin: 8px 10px 0 ;
	padding: 8px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	border-top: 2px solid #b43d75;
	font-weight: bold;
}

#content .featured .thumb p a {
	display: block;
}
*/
/* TYPOGRAPHY */

body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	 font-size: 13px;
 	 color: #3c2724; 
}

.intro {
	font-size: 16px;
}

/* MISC */
.hr {
	background: url(../i/hr.jpg) repeat-x;
	height: 6px;
	margin: 18px 0;
	clear: both;
}
hr {
	display: none;
}


#sidebar .hr {
	background: url(../i/hr_sidebar.gif) no-repeat center center;
	height: 18px;
	margin: 0 auto;
}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* -------------------Specific Pages -------------------------------- */

/* CATEGORY PAGES */
#content img.category_image {
	margin-bottom: 20px;
}
#content .category_head {
	padding: 0 0 10px 0;
	text-align: center;
}

h3.child_category_title {
	clear: left;
	margin: 20px 0;}
	
#content .product_category_description {
	padding-bottom: 30px;
	background: url(../i/category-description-under.gif) no-repeat center bottom;
}

#content ul.productlist li {
	margin: 0 10px 10px 0;
	float:  left;
	width:205px;
	text-align: center;
	min-height: 200px;
}

#content ul.productlist li a {
	color: #74232e;
	text-transform: uppercase;
	font-size: 11px;
}
#content ul.productlist li img {
	margin-bottom: 0;
}

/* PRODUCT PAGES */
.product-name {
	padding:0 0 8px 20px;
	margin-bottom: 9px;
	background: url(../i/bg_headline_bullet.gif) no-repeat left 2px;
	text-transform: capitalize;
}
.product-image {
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
}

.product-description {
	padding-bottom: 10px;}
	
	

/* CART */

table.cart {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;

}

table.cart th
{
	font-size: 12px;
	border-bottom: 2px solid maroon;
}

table.cart td
{border: none;
	border-bottom: 1px solid #dcb89c;
	padding: 5px 0 5px 0;
	border-right-style: none;
}


/* CHECKOUT */
table.checkout {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;

}

table.checkout th
{
	font-size: 12px;
	border-bottom: 2px solid maroon;
}

table.checkout td
{
	padding: 5px 0 5px 0;
	vertical-align: top;
}

#content p.help {
	font-size: 11px;
	color: #bc411f;
	font-style: italic;
}

.error_message {
	font-weight: bold;
	color: #c4251d;}
	

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

   typography.css
   * Sets up some sensible default typography.
   


/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #74232e;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #74232e;
	overflow: hidden;
}

h1 { font-size: 18px; margin-bottom: 18px; }
h2 { font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin:0 0 9px 0;
	border-bottom: 1px solid #dcb89c;
	color: #47372a;
	padding: 0 0 8px 0;
}
h3 { font-size: 14px;}
h3.heading {
	color: #47372a;
	font-size: 13px;
}
h4 { font-size: 12px;
	text-transform: uppercase;
}
h5 { font-size: 11px;}
h6 { font-size: 11px;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p img.left  { float: left; margin: 18px 18px 18px 0; padding: 0; }
p img.right { float: right; margin: 18px 0 18px 18px; }

a           { text-decoration: none;
	font-weight: bold;
	color: #3f5d72;
}
a:focus, 
a:hover     { color: #456b9f; }
a.buttonstyle {
	color: #ffffff;
	background-color: #eec565;
	padding: 5px 10px;
	border: 2px dotted #dcb89c;
}
a.buttonstyle:hover {
	color: #c4251d;
}
a.buttonstyle2 {
	color: #ffffff;
	background-color: #456b9f;
	padding: 5px 10px;
	border: 2px dotted #5f8fa3;
}
a.buttonstyle2:hover {
	color: #efbf05;
}
blockquote  { margin: 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 18px; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 18px 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; }

/* Images
-------------------------------------------------------------- */
.productlist img, .product-image img,  img.category_image, .frame {
	background-color: #fdf8f2;
	padding: 8px;
	border: 1px solid #dcb89c;
	border-right-color: #bb9d87;
	border-bottom-color: #a38974;
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0; }
ul, ol      { margin: 0  0 18px 0; }

ul          { list-style: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 18px;}



ul.bullet li{
	background: url(../i/bullet1.gif) no-repeat 2px 2px;
	line-height: 16px;
	padding: 0 0 6px 18px;
	margin: 0 0 0 10px;
	overflow: hidden;
}/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 20px; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */
.center 	{text-align: center;}
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.note {
	font: italic 10px Verdana, sans-serif;
	color: #6d582d;
}
/* Floats
-------------------------------------------------------------- */
.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}