@charset "UTF-8";
/* CSS Document */

/* CLEAR CODE */

.clear {clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.clearfix {display:block;}

/* --------------------------------- RESET BROWSER STYLES --------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
 	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

ol { 
  margin-left: 1.4em; 
  list-style: decimal; 
}

ul { 
  margin-left: 1.4em; 
  list-style:square; 
}

img {
  border: 0;
}
/* --------------------------------- END RESET BROWSER STYLES --------------------------------- */

/* --------------------------------- MISC TAG STYLES --------------------------------- */

body {
	width: 960px;
	margin:0 auto;
	background-color: #FFF;
}

img {
	border:0;
}

img.mainImage {
	padding:0px;
}

/* --------------------------------- TEXT FORMATTING --------------------------------- */

#newsletterText {
	font-size: 12px;
	color: #333;
}

h1 /* MAIN HEADING */{
	font-size: 16px;
	font-weight:bold;
	color: #000;
	margin-bottom:20px;
}

#shopListRow-heading h1 /* MAIN HEADING */{
	font-weight:normal;
	margin:0;
}

h2 /* SIDEBAR HEADING */ {
	font-size: 12px;
	font-weight:bold;
	color: #000;
	margin-bottom:10px;
}

.shopList h2 /* SIDEBAR HEADING */ {
	margin-bottom:0;
}

.mainText {
	font-size: 12px;
	color: #666;
}

#monthlyGiveawayEntry .mainText, #contact .mainText {
	margin-top:20px;
}

#contact input, #monthlyGiveawayEntry input {
	width: 600px;
	font-size: 12px;
	color: #000;
	border:0;
}

#contact textarea, #monthlyGiveawayEntry textarea {
	width: 600px;
	font-size: 12px;
	color: #000;
	border:0;
}

#contact input.submitButton, #monthlyGiveawayEntry input.submitButton {
	margin-top:25px;
	margin-bottom:25px;
	width: 100px;
	font-size: 12px;
	color: #000;
	border:0;
}

/* --------------------------------- MAIN DIV'S LAYOUT --------------------------------- */

#header {
	width:960px;
	height:80px;
	margin:0px;
	margin-bottom: 10px;
}

#mainImage {
	padding:9px;
	width:940px;
	border: 1px #CCC dotted;
}

#pageContent, #home #pageContent {
	width:960px;
	margin:25px 0px 25px 0px;
	padding:0;
	padding-bottom: 25px;
	background-color:#FFF;
	border-bottom:1px dotted #CCC;
}

#shop #pageContent, #productDetail #pageContent {
	width:960px;
	margin:25px 0px 25px 0px;
	padding:0 0 25px 0;
	background-color:#FFF;
	border-bottom:1px dotted #CCC;
}

#footer {
	width:960px;
	margin:0;
	padding:0;
	padding-bottom:50px;
	text-decoration: none;
	font-size:10px;
	color:#666;
	text-align:center;
}

/* --------------------------------- HEADER DIV'S LAYOUT --------------------------------- */

#logo {
	width:100px;
	margin-left:0;
	padding:0;
	padding-bottom:7px;
	float:left;
}

#newsletterForm {
	float: right;
	font-size: 12px;
	color:#333;
	margin:0;
	margin-top: 10px;
	padding:0px;
}

#newsletterForm form {
	margin:0;
	padding:0px 5px 0px 5px;
}

#newsletterForm form input{
	margin:0;
	background-color: #FFF;
}

ul#topLinks {
	list-style-type:none;
	margin: 0;
	padding:0;
}

ul#topLinks li {
	float:right;
	padding-left:5px;
}

ul#mainNavBar {
	margin:10px -10px 0 0;
	padding:0;
	float:right;
	overflow:hidden;
}

ul#mainNavBar li {
	list-style: none;
	display:inline;
}

ul#mainNavBar a {
	padding: 4px 11px;
	font-size: 12px;
	float: left;
	color:#000;
	font-weight:bold;
	text-decoration: none;
}


ul#mainNavBar a:hover {
	color:#FFF;
	background-color: #CCC;
}

ul#mainNavBar li#rightLink a {
	width:137px;
	border-right:0;
}

/* --------------------------------- END HEADER DIV'S LAYOUT --------------------------------- */


/* --------------------------------- NESTED DIV'S LAYOUT --------------------------------- */

#blogEntry, #monthlyGiveawayEntry, #contact, #about, #retailers {
	width:688px;
	margin:0 0 20px 0px;
	padding:0;
	overflow:hidden;
	float:left;
}

#monthlyGiveawayEntry, #contact, #about, #retailers {
	width:648px;
	padding:20px;
	border:1px #CCC dotted;
	overflow:hidden;
	float:left;
}

#mySideBar {
	width:250px;
	margin:0;
	padding:0 0 0 20px;
	float:right;
}

/* --------------------------------- FROM SOHTANAKA.COM --------------------------------- */

/*--FOR AUTOMATIC IMAGE ROTATOR--*/

#slideshow {
    position:relative;
    height:450px;
}

#slideshow DIV {
    position:absolute;
    top:0px;
    left:0px;
    z-index:8;
	opacity:0.0;
}

#slideshow DIV.active {
    z-index:10;
	opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

/* --------------------------------- END FROM SOHTANAKA.COM --------------------------------- */

/* --------------------------------- FOOTER DIV LAYOUT --------------------------------- */

#footerText {
	font-size: 10px;
	color: #666;
	padding:0;
	margin:0;
	padding:0;
	text-decoration: none;
	float:left;
}

#footerNavigation {
	text-decoration: none;
	font-size:10px;
	color:#666;
	margin:0;
	padding:0;
	float:right;
}

#footer ul {
	list-style-type:none;
	background-color:#333;
	margin:0;
	padding:0;
	zoom:1;
}

#footer li{
	float:right;	
}

#footer a {
	font-size:10px;
	color:#666;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:inline;
}

#footer a:hover {
	color: #000;
}

/* --------------------------------- SIDEBAR DIV'S LAYOUT  ---------------------------------*/

#mySideBar ul li p.heading {
	margin:0;
	margin-bottom:10px;
}

#mySideBar ul {
	padding:0;
	margin:0;
	zoom: 1;
}

#mySideBar li {
	list-style-type:none;
	padding: 10px;
	margin:0;
	margin-bottom:20px;	
	border:#CCC 1px dotted;
	float:right;
}

#mySideBar a {
	padding:0;
	margin:0;
	display:block;

}

#mySideBar a:hover {
	opacity: .5;
	filter: alpha(opacity-50);
	
}

/* --------------------------------- SHOP LIST FORMATTING --------------------------------- */

#shopListRow-heading {
	margin:0;
	margin-top:25px;
	padding:0;
	border-bottom:#333 1px dotted;	
}

ul.shopList {
	padding:0;
	margin:0;
	zoom: 1;
}

ul.shopList li {
	list-style-type:none;
	padding:0;
	margin:10px 20px 0 0;
	float:left;
}

.shopList a {
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	color:#666;
}

.shopList a:hover {
	color:#000;
}

/* --------------------------------- ABOUT FORMATTING --------------------------------- */

#about a {
	text-decoration:none;
	color:#666;
}

#about a:hover {
	color:#000;
}

/* --------------------------------- SHOP FORMATTING --------------------------------- */

#shopWelcomeContainer {
	margin:0 0 30px 0;
	padding:20px;
	width: 920px;
	background-color:#333;
}

#shopFooter {
	padding:20px;
	width: 920px;
	background-color:#333;
}

#shopWelcomeContainer h1, #shopWelcomeContainer .mainText {
	margin:0;
	color:#FFF;
}

#shopWelcomeContainer h2 {
	margin:10px 0;
	color:#F00;
}

#shopFooter h2, #shopFooter .mainText{
	margin:0;
	color:#FFF;
}

#shopFooter .mainText{
	margin-bottom:10px;
}

#viewCartButton {
	margin:0;
	margin-bottom:25px;
	padding:0;
	width:75px;
}

.shopNotification {
	color:#F00;
	font-weight:bold;
}

.shopTitleContainer {
	margin:0;
	padding:10px;
	background-color:#CCC;
	color:#000;
	font-size:12px;
	font-weight:bold;
}

.shopItemRow {
	padding:0;
	margin:10px 0;
	width: 960px;
	overflow:hidden;
	zoom: 1;
}

.shopItemRow h2{
	margin-top:10px;
	line-height:14px;
}

.shopItemRow ul {
	list-style-type:none;
	padding:0;
	margin:0;
	zoom: 1;
}

.shopItemRow li {
	padding:0px;
	margin:18px;
	text-align:center;
	float:left;
}

.shopItemRow a {
	font-size: 10px;
	font-weight: normal;
	text-decoration:none;
	color:#FFF;
}

.shopItemRow a:hover {
	font-size: 10px;
	font-weight: normal;
	color:#333;
}

/* --------------------------------- PRODUCT DETAIL FORMATTING --------------------------------- */

#productDetailContainer {
	border-top:1px #CCC dotted;
	width:960px;
	margin:0px 0px 25px 0px;
	padding:0;
	padding-top:50px;
}

#productDescription {
	margin:0;
	padding:0;
	width:400px;
	float:right;
}

#productImageContainer {
	margin:0;
	padding:0;
	float:left;
}

#productDescription .mainText {
	margin:15px 0;
}

#productDescription a {
	text-decoration:none;
	font-size:12px;
	color:#000;
}

#productDescription a:hover {
	color:#999;
}

/* --------------------------------- FACEBOOK SHARE BUTTON FORMATTING --------------------------------- */

html .fb_share_button { display: -moz-inline-block; display:inline-block; width:223px; padding:10px; border:1px solid #CCC; background:#CCC url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; background-color:#;} 

html .fb_share_button:hover { color:#FFF; border-color:#295582; background:#3b5998 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top right; text-decoration:none; }


ol li {
	margin-bottom:20px;
}

ol #111111promo-details img.111111itempic {
	margin-top:10px;
}