/*
Theme Name: Cole's Peace
Theme URI: http://colespeace.com
Version: 1.0
Author: Wodu.
Author URI: http://www.wodumedia.com/
*/

/** Sitewide Styles ***********************************************/
/******************************************************************/

body { margin: 0; font: 13px/24px Arial, Helvetica, sans-serif ; color: #000; background: #37a2b4; }

a#close-specials {
	width: 38px;
	height: 32px;
	background: url(images/close-specials.png) no-repeat;
	float: right;
	text-indent: -5000px;
	position: relative;
	bottom: 31px;
	left: 9px;
}
#bodyContainer {  min-width: 940px; background: url(images/bgShell.gif) no-repeat top center; }

a {
	color: #eb6e33;
}
#shell { width: 941px; margin: 0 auto;
}
.imgLeft { float: left; margin: 0 12px 5px 0; }
.imgRight { float: right; margin: 0 0 5px 12px; }
.clear { clear: both; }
a:hover { text-decoration: underline; }

/** TitleBar Styles ***********************************************/
/******************************************************************/

#utilityShell { position: relative; height: 32px; background: #000; color: #aaaaaa; font-weight: bold; padding: 0 15px; }

	#ourNetwork {  }
	#ourNetwork label#ourNetworkLabel { float: left; }	
	#ourNetwork ul { margin: 0 0 0 5px; padding: 0; float: left; width: 600px; height: 32px; }
	#ourNetwork ul li { display: inline; border-right: 1px solid #aaaaaa; margin-right: 6px; line-height: 32px; }
	#ourNetwork ul li.lastItem { border: none; }
	#ourNetwork ul li a { text-decoration: none; color: #aaaaaa; padding-right: 9px; }
	#ourNetwork ul li a.current { color: #fff; }
	#ourNetwork ul li a:hover { text-decoration: underline; }
	
	#personalUtil { margin: 0; padding: 0 5px 0 0; float: right; letter-spacing: -1px; }
	#personalUtil ul { margin: 0; padding: 0; }
	#personalUtil ul li { display: inline; margin-right: 10px; }
	#personalUtil ul li.lastItem { margin: 0; }
	#personalUtil ul li a { color: #aaaaaa; text-decoration: none; }
	#personalUtil ul li a:hover { text-decoration: underline; color: #fff; }

#social-icons {
	position: absolute;
	top: 4px;
	right: 10px;
}
#social-icons ul,
#social-icons ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#social-icons ul li {
	float: left;
	margin: 0 0 0 10px;
}
#social-icons ul li img {
	width: 24px;
	height: 24px;
	border: none;
}	


/** TitleBar Styles ***********************************************/
/******************************************************************/

#titleBarShell { position: relative; height: 121px; background: url(images/bgTitleBar.jpg) repeat-x; z-index: 2;
	margin-bottom: 16px;
}

	#logo { position: absolute;
	left: 18px;
}
	
	#address { height: 51px; padding: 5px 0 0 212px; font-size: 18px; position: relative; z-index: 2;
	color: #ffffff;
}

#address span {
	margin-right: 30px;
}
	#navTitle { color: #6f7982; display: block; position: absolute; left: 283px; top: 27px;}
	#nav ul { height: 51px; margin: 0; padding: 0; position: absolute; left: 351px; top: 0px; }
	#nav ul li { float: left; height: 51px; margin-left: -10px; display: block; position: relative; }
	#nav ul li.lastItem {  }
	#nav ul li.hover { background: url(images/bgNavLi.gif) top left; }
	#nav ul li a { text-decoration: none; display: block; color: #fff; margin-left: 13px; padding: 27px 30px 0 10px }
	#nav ul li.hover a { background: url(images/bgNavLi.gif) top right; color: #000; }
	
	.dwnArrow { position: absolute; right: 8px; top: 34px; }
	
		#nav ul ul { display: none; position: absolute; left: 0; top: 51px; width: 466px; height: 99px; overflow: hidden; background: url(images/bgNavSubUl.png) no-repeat 0 0; padding: 25px 0 25px 25px;  }
		#nav ul li.hover ul li { background: none; width: 110px; margin: 0; padding: 0; text-transform: none; height: auto; line-height: 21px; }
		#nav ul li.hover ul li.lastItem {  }
		#nav ul li.hover ul li.hover {  }
		#nav ul li.hover ul li a { background: none; font-size: 13px; color: #4a66cb; margin: 0; padding: 0; font-weight: normal; }
		#nav ul li.hover ul li.hover a { text-decoration: underline; }
		#nav ul li.lastParent ul { right: 4px; left: auto; }
	
	#searchRule { position: absolute; top: 63px; left: 207px; }
	#navShell { position: absolute; left: 212px; top: 84px; z-index: 1; height: 29px; line-height: 0; }

#navShell ul {
	list-style-type: none;
	font: 12px Arial;
}

#navShell ul li {
	float: left;
	margin-right: 15px;
}

#navShell ul li a {
	color: #eb6e33;
	text-decoration: none;
}

#navShell ul li a:hover {
	text-decoration: underline;
}

#navShell ul li.current_page_item a {
	color: #fff;
}
		#searchShell fieldset { height: 29px; }
		#searchField { width: 292px; height: 20px; background:url(images/searchBox.gif) no-repeat 0 0;  border: none; margin: 0 3px 0 0; padding: 3px 0 0; marker-offset: 0px; position: relative; top: 0; float: left; color: #999999;  }
		#searchDropDown { width: 132px; position: relative; top: 1px; float: left; margin: 0 3px 0 0; }
		#searchSubmit { top: 1px; position: relative; width: 48px; height: 29px; background: url(images/btnSearch.gif) no-repeat; border: none; line-height: 0; text-indent: -9999px; float: left;  }



/** Header Styles *************************************************/
/******************************************************************/

#headerShell { position: relative; padding: 17px; overflow: auto; z-index: 1; }

h2.pagetitle {
	margin-bottom: 18px;
}

	#header { width: 684px; height: 223px; overflow: hidden; float: left; }
	
	#ctaShell { width: 202px; height: 223px; overflow: hidden; float: left; padding-left: 20px; }




/** Body/Content Styles *******************************************/
/******************************************************************/

#contentShell { 
	position: relative; 
	padding: 0 0 45px 18px; 
	background: url(images/bgContentShell.gif) repeat-y top center;
}

	#topSellers, #newProducts, #proEssentials { height: 113px; position: relative; width: 684px; }
	#topSellers .sectionRule, #newProducts .sectionRule, #proEssentials .sectionRule { position: absolute; bottom: -2px; left: 0; }
	#topSellers .sectionTitle, #newProducts .sectionTitle, #proEssentials .sectionTitle { position: absolute; bottom: 15px; left: 0; }
	#topSellers ul, #newProducts ul, #proEssentials ul { margin: 0 0 15px 125px; }
	#topSellers ul li, #newProducts ul li, #proEssentials ul li { margin: 0 17px 0 0; float: left; }
	#topSellers ul li.lastItem, #newProducts ul li.lastItem, #proEssentials ul li.lastItem { margin: 0; }
	#topSellers ul li img, #newProducts ul li img, #proEssentials ul li img { background: #fff; padding: 2px; border: 1px solid #ccc; }
	#topSellers ul li a:hover img, #newProducts ul li a:hover img, #proEssentials ul li a:hover img { border: 1px solid #999; }
	#proEssentials { margin-bottom: 32px; }
	
	#content { width: 684px; float: left; position: relative; padding: 0 0 2px;
}

#page { width: 684px; float: left; padding: 0 0 2px;
}

#page .pagenav {
	overflow: hidden;
	padding-top: 20px;
}

#page .pagenav ul {
	list-style-type: none;
}

#page .pagenav ul li {
	float: left;
	margin-right: 16px;
}

#page .pagenav ul li a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#page .pagenav ul li.current_page_item a {
	color: #454545;
}

#page .pagenav ul li a:hover {
	text-decoration: underline;
}

#page .entry {
	color: #000000;
	font-size: 13px;
	line-height: 24px;
	overflow: hidden;
}

#page .entry h2 {
	color: #000000;
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c4c5c4;
	font-weight: normal;
	font-style: normal;
	padding-top: 8px;
}

#page .entry h3 {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}

#page .entry h2 a {
	color: #000;
	text-decoration: none;
}

#page .entry p {
	margin-bottom: 15px;
	margin-top: 0;
}

#page .entry .item {
	border-bottom: 1px solid #c4c5c4;
	margin-bottom: 15px;
}

#page .entry ol, #page .entry ul {
	margin-left: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
}

#page .entry li {
	margin-bottom: 5px;
}

#page .entry .col1 {
	float: left;
	width: 225px;
}

#page .entry blockquote {
	padding-left: 25px;
	padding-right: 25px;
	font-size: 15px;
	font-style: italic;
}

.alignleft {
	float: left;
	margin-right: 13px;
	margin-bottom: 4px;
	margin-top: 2px;
}

.alignright {
	float: right;
	margin-bottom: 4px;
	margin-top: 2px;
	margin-left: 13px;
}

#page .specials {
	display: block;
	height: auto;
	padding: 20px 12px;
	background: #3d3d3d url(images/specials.gif) no-repeat right top;
	color: #37a2b4;
	font-size: 14px;
	line-height: 1.5em;
}
#page .specials strong {
	color: #fff;
}
#page .specials h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 5px;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}

#page .specials p.date {
	font-size: 17px;
	color: #37a2b4;
	margin: 0 0 15px;
}

#page .specials p {
	margin-top: 0;
	margin-bottom: 10px;
}

#page .specials p span {
	color: #fff;
}

#content .entry {
	margin-bottom: 25px;
	color: #404040;
	font-size: 13px;
	line-height: 24px;
}

#content .entry a {
	color: #eb6e33;
	text-decoration: none;
}

#content .entry a:hover {
	text-decoration: underline;
}

#content .entry .meta {
	padding-top: 3px;
	padding-bottom: 6px;
	color: #747474;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #c4c5c4;
	margin-bottom: 5px;
}

#content .entry .meta p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 17px;
}

#content .entry p {
	margin-bottom: 15px;
}

#content .entry h2 {
	color: #000000;
	font-size: 24px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c4c5c4;
	font-weight: normal;
	font-style: normal;
	padding-top: 8px;
}

#content .entry h2 a {
	color: #000000;
	text-decoration: none;
}

#content .entry ul, #content .entry ol {
	padding-left: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

#content .entry li {
	margin-bottom: 5px;
}

#content .entry blockquote {
	font: italic 15px/25px Georgia;
	padding-left: 20px;
	padding-right: 20px;
}

#content .entry .alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-top: 4px;
}

#content .entry .alignright {
	float: right;
	margin-top: 4px;
	margin-bottom: 7px;
	margin-left: 10px;
}
	
		#content h1 { font-size: 24px; font-weight: normal; }
		#content h2 { font-size: 20px; font-weight: normal; }
		#content h3 { font-size: 16px; font-weight: bold; }
		#content ul {  }
		#content ul li {  }
		#content ul li a {  }
		#content hr {  }
		#content img {  }
		
	#mostPopular, #bestSellers { margin-left: 684px; padding-left: 19px; width: 219px; }

#freeDelivery { margin-left: 684px; padding-left: 19px; width: 219px;
	background-color: #fff;
	padding-bottom: 9px;
}
	#mostPopular h3, #bestSellers h3, .side-list h3 { background:url(images/bgSideNavHeading.gif) no-repeat; height: 38px; padding: 5px 0 0 8px; text-transform: uppercase;}
	#mostPopular ul, #bestSellers ul, .side-list ul { padding: 0 0 10px 25px; list-style-type: disc;
	color: #eb6e33;
}
	#mostPopular ul li, #bestSellers ul li, .side-list ul li { display: list-item; padding: 0; margin: 0 0 0 15px; line-height: 22px; }
	#mostPopular ul li a, #bestSellers ul li a, .side-list ul li a { color: #4a66cb; text-decoration: none; }
	#mostPopular ul li a:hover, #bestSellers ul li a:hover, .side-list ul li a:hover { text-decoration: underline;
}
	
#sidebar-right {
/*	position: absolute;
	top: 0;
	right: 1px;
*/
	float: right;
	width: 219px;

}
#sidebar-right > ul > li > div > div,
#sidebar-right > div {
	background-color: #fff;
}
#sidebar-right > ul > li > div > div.side-list,
#sidebar-right > div.side-list {
	margin-left: 0;
	padding-left: 0;
	background-color: transparent;
}
#sidebar-right #side-map {
	width: 218px;
	height: 203px;
}
#sidebar-right #side-hours {
	padding: 18px 0;
}
#sidebar-right #side-hours p {
	width: 203px;
	margin: 0;
	padding: 15px 0 15px 0;
	text-align: center;
	background-color: #f16f21;
	color: #fff;
	line-height: 1.25em;
}
#sidebar-right #side-freedelivery {
	text-align: left;
	padding: 0 0 10px 0;
}


/** Footer Styles *************************************************/
/******************************************************************/

#footerShell { position: relative; background: #000; padding: 35px 45px 0; }
	#footerNav { border-bottom: #999999 solid 1px; padding: 0 0 20px; }
		.footerCol { width: 210px; float: left; }

.footerCol.small {
	width: 160px;
}

.footerCol.aboutus {
	width: 300px;
}

.footerCol.aboutus p {
	color: #a5a5a5;
	font-size: 13px;
	line-height: 18px;
}

.footerCol.fImages {
	text-align: right;
	float: right;
}

.footerCol.fImages p {
	margin-top: 0;
}
		.footerCol h4 { color: #fff; margin: 0 0 13px; height: 13px; line-height: 13px;}
		.footerCol h4.headingMargin { margin-top: 26px; }
		.footerCol a { color: #a5a5a5; text-decoration: none; }
		.footerCol a:hover { text-decoration: underline; }
		
	#copyright { float: left; color: #fff; padding: 15px 0 }

#copyright a {
	color: #ccc;
	text-decoration: none;
}

#copyright a:hover {
	text-decoration: underline;
}
	#signature { float: right; padding: 15px 0 }
		#signature a { text-decoration: none; color: #ccc; }
		#signature a:hover { text-decoration: underline; color: #fff; }

#page h2.page_title {
	color: #000000;
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: normal;
	font-style: normal;
	padding-top: 15px;
}

#page h2.page_title a {
	color: #000;
	text-decoration: none;
}

#menu-accordion {
	width: 685px;
	font-family: Arial;
	margin-bottom: 15px;
	border-bottom: 1px solid #c4c5c4;
}

#menu-accordion h3 {
	cursor: pointer;
	width: 655px;
	padding: 10px 15px 8px;
	border-top: 1px solid #c4c5c4;
}

#menu-accordion h3 a {
	color: #3395a6;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	text-decoration: none;
	width: 305px;
}

#menu-accordion h3 span {
	color: #404040;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	position: relative;
	bottom: 2px;
}

#menu-accordion h3:hover {
	background: #ebebeb url(images/menu-rollover.gif) no-repeat 645px;
}

#menu-accordion h3.ui-state-active {
	background: #34a4b6 url(images/menu-active.gif) no-repeat 645px;
	color: #fff;
}

#menu-accordion h3.ui-state-active a {
	color: #fff;
}

#menu-accordion h3.ui-state-active span {
	color: #fff;
}

#menu-accordion .menu-entry {
	color: #404040;
	font-size: 13px;
	line-height: 20px;
	margin-top: 12px;
	margin-bottom: 12px;
	overflow: hidden;
}

#menu-accordion .menu-entry p {
	float: left;
	padding: 0;
	margin: 0 0 8px;
}

#menu-accordion .menu-entry img {
	margin-left: 18px;
}

/* @group Comments */

#respond {
	
}

ol.commentlist {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
}

#respond h3, h3#comments {
	color: #eb6e33;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	line-height: 35px;
	margin-bottom: 13px;
}

#respond p {
	margin-bottom: 10px;
	padding: 0;
	margin-top: 0;
}

#respond input#author, #respond input#email {
	border: 1px solid #999999;
	color: #404040;
	font-size: 12px;
	width: 250px;
	padding: 9px 10px;
	margin-right: 16px;
}

#respond textarea {
	border: 1px solid #999999;
	color: #404040;
	font-size: 12px;
	width: 538px;
	padding: 9px 10px;
	height: 100px;
}

#respond input#submit {
	background-color: #eb6e33;
	color: #fff;
	font-size: 19px;
	padding: 4px 15px;
	border-style: none;
	cursor: pointer;
	margin: 0 0 10px;
}


/* @end */

.sidebar-right > ul,
.sidebar-right > ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widgetheading h2 {
	display: none;
}

#side-hours a {
	color: #fff;
}