/*

Main style sheet for cheekykikitreats.com
Hand-crafted by Javan Makhmali.
http://javan.us

*/

/* basic layout structure with borders 
------------------------------ */
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	font: 12px Arial, Verdana, sans-serif;
	color: #404040;
}
html {
	margin-bottom: 1px; /* forces vertical scroll bar */
}
body {
	font-size :12px;
	text-align: center;
	background: #fff url(/_img/body_bg.gif) repeat;
}
#main {
	width: 826px;
	margin: 20px auto;
	text-align: left;
	background: #fff url(/_img/border_top.gif) no-repeat top left;
	padding: 15px 0 0 0;
}
#main_border_bot {
	background: transparent url(/_img/border_bot.gif) no-repeat bottom left;
	padding: 0 0 13px 0;
}
#main_border_left {
	background: transparent url(/_img/border_left.gif) repeat-y top left;
	padding: 0 0 0 14px;
}
#main_border_right {
	background: transparent url(/_img/border_right.gif) repeat-y top right;
	padding: 0 14px 0 0;
}
#left_side {
	display: inline;
	width: 200px;
	float: left;
	height: 1%;
}
#right_side {
	margin: 0 0 0 290px;
	height: 1%;
}
#right_inside {
	padding: 25px 60px 25px 0;
}
/* end basic stuff */


/* links
------------------------------ */
a {
  color: #DC524B;
  text-decoration: none;
}
a:hover {
  color: #681A18;
  text-decoration: none;
}
a img {
	border: 0;
}
/* end links */


/* header, main nav, top nav
------------------------------ */
#header {
	height: 145px;
	background: transparent url(/_img/header_bg.gif) repeat-x top left;
	border-bottom: 1px solid #E1A2A5;
}
#header_inside {
	background: transparent url(/_img/header_bg_right.gif) no-repeat top right;
	padding: 0 1px 0 0;
	position: relative;
}
h1#cheekylogo {
	margin: 0;
	padding: 0;
	height: 145px;
	width: 252px;
	background: transparent url(/_img/logo.gif) no-repeat top left;
}
h1 a {
	height: 145px;
	width: 252px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}
div#nav_main {
	padding: 0;
	height: 36px;
	margin: 0;
	position: absolute;
	top: 27px;
	right: 1px;
}
div#nav_main ul {
	height: 36px;
	width: 532px;
	background: transparent url(/_img/nav_main.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
div#nav_main ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
div#nav_main ul li, div#nav_main ul a {
	height: 36px;
	display: block;
	border: 0;
}
div#nav_main ul li a {
	text-indent: -9999px;
	text-decoration: none;
}
#nav_main_home	{ left: 0; width: 78px; }
#nav_main_bakery	{left: 78px; width: 75px; }
#nav_main_confections	{ left: 153px; width: 112px;}
#nav_main_about { left: 265px; width: 90px; }
#nav_main_news { left: 355px; width: 64px;}
#nav_main_contact { left: 419px; width: 113px;}

#nav_main_home a:hover, #nav_main_home a.active	{background: transparent url(/_img/nav_main.gif) 0 -36px no-repeat;}
#nav_main_bakery a:hover, #nav_main_bakery a.active	{background: transparent url(/_img/nav_main.gif) -78px -36px no-repeat;}
#nav_main_confections a:hover, #nav_main_confections a.active	{background: transparent url(/_img/nav_main.gif) -153px -36px no-repeat;}
#nav_main_about a:hover, #nav_main_about a.active	{background: transparent url(/_img/nav_main.gif) -265px -36px no-repeat;}
#nav_main_news a:hover, #nav_main_news a.active	{background: transparent url(/_img/nav_main.gif) -355px -36px no-repeat;}
#nav_main_contact a:hover, #nav_main_contact a.active	{background: transparent url(/_img/nav_main.gif) -419px -36px no-repeat;}
/* --- */
div#nav_top {
	padding: 0;
	height: 27px;
	width: 257px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 1px;
}
div#nav_top ul {
	height: 27px;
	width: 257px;
	background: transparent url(/_img/nav_top.gif) top left no-repeat;
	padding: 0;
	margin: 0;
	position: relative;
}
div#nav_top ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
div#nav_top ul li, div#nav_top ul a {
	height: 27px;
	display: block;
	border: 0;
}
div#nav_top ul li a {
	text-indent: -9999px;
	text-decoration: none;
}
#nav_top_bag	{ left: 0; width: 125px; }
#nav_top_newsletter	{left: 125px; width: 132px; }

#nav_top_bag a:hover, #nav_top_bag a.active	{background: transparent url(/_img/nav_top.gif) 0 -27px no-repeat;}
#nav_top_newsletter a:hover, #nav_top_newsletter a.active	{background: transparent url(/_img/nav_top.gif) -125px -27px no-repeat;}
/* --- */
h2#slogan {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: transparent url(/_img/h2_slogan.gif) no-repeat top left;
	position: absolute;
	width: 451px;
	height: 81px;
	position: absolute;
	top: 64px;
	right: 35px;
}
/* end header and nav stuff */


/* content formatting
------------------------------ */
#content {

}
#right_side {
	line-height: 14px;
}
#right_side h2 {
	color: #681A18;
	text-transform:lowercase;
	font-style:italic;
	font-family: arial narrow, arial, verdana, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0 0 15px 0;
}
#right_side p {
	margin: 0 0 15px 0;
	padding: 0;
}
#left_side {
	text-align: right;
	padding: 56px 0 0 0;
}
#left_side .about_image_border {
	width: 125px;
	padding: 6px;
	border: 1px solid #681A18;
	margin: 0 0 0 70px;
}
form {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}
.tf {
	border: 1px solid #404040;
	width: 200px;
	margin: 0 0 10px 0;
	padding: 3px;
	font-size: 12px;
	color: #404040;
}
.confirm_step {
	font-weight: bold;
	color: red;
}
/* end content */


/* footer, footer nav
------------------------------ */
#footer {
	clear: both;
	text-align: center;
	height: 26px;
	background: #F0F6C7 url(/_img/footer_bg.gif) repeat-x top left;
}
div#nav_bot {
	padding: 1px 0 0 0;
	width: 409px;
	margin: 0 auto;
}
div#nav_bot ul {
	height: 23px;
	width: 409px;
	background: transparent url(/_img/nav_bot.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
div#nav_bot ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
div#nav_bot ul li, div#nav_bot ul a {
	height: 23px;
	display: block;
	border: 0;
}
div#nav_bot ul li a {
	text-indent: -9999px;
	text-decoration: none;
}
#nav_bot_home	{ left: 0; width: 59px; }
#nav_bot_bakery	{left: 59px; width: 65px; }
#nav_bot_confections	{ left: 124px; width: 86px;}
#nav_bot_about { left: 210px; width: 73px; }
#nav_bot_news { left: 283px; width: 55px;}
#nav_bot_contact { left: 338px; width: 71px;}

#nav_bot_home a:hover, #nav_bot_home a.active	{background: transparent url(/_img/nav_bot.gif) 0 -23px no-repeat;}
#nav_bot_bakery a:hover, #nav_bot_bakery a.active	{background: transparent url(/_img/nav_bot.gif) -59px -23px no-repeat;}
#nav_bot_confections a:hover, #nav_bot_confections a.active	{background: transparent url(/_img/nav_bot.gif) -124px -23px no-repeat;}
#nav_bot_about a:hover, #nav_bot_about a.active	{background: transparent url(/_img/nav_bot.gif) -210px -23px no-repeat;}
#nav_bot_news a:hover, #nav_bot_news a.active	{background: transparent url(/_img/nav_bot.gif) -283px -23px no-repeat;}
#nav_bot_contact a:hover, #nav_bot_contact a.active	{background: transparent url(/_img/nav_bot.gif) -338px -23px no-repeat;}
/* end footer */

#credits {
	font-size: 10px; 
	margin: -14px 0 0 0; 
	padding: 0 0 0 560px;
}

/* store modifications */

div.navNextPrevWrapper {
  padding: 10px 0;
  text-align: center;
}

div#categoryIcon {
  display: none;
}

div.navNextPrevList {
  display: inline;
}

p.navNextPrevCounter {
  display: none;
}

div#productMainImage {
  display: inline;
  float: right;
  padding: 20px;
}