@charset "utf-8";



/* CSS Document */







html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote,



a, abbr, acronym, address, big, cite, 



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



b, u, i, center,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



}











blockquote, q {



	quotes: none;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: '';



	content: none;



}







/* remember to define focus styles! */



:focus {



	outline: 0;



}







/* remember to highlight inserts somehow! */



ins {



	text-decoration: none;



}



del {



	text-decoration: line-through;



}







/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: collapse;



	border-spacing: 0;



}







img {



	border:none;



	margin: 0px;



	padding: 0px;



}







body {



	background-color: #F9F9F9; 



	margin: 0px;



	font-family: Verdana, Arial, sans-serif;



	font-size: 11px;



	overflow-y:scroll;	



	color: #333333;

	text-shadow: 0px 1px 0px #ffffff;

	line-height: 1.7em;

	



}









a {



	cursor:pointer;



	color: #333333;



}







a:link {



	color: #333333;



	text-decoration:none;



}



a:visited {



	color: #333333;



	text-decoration:none;



}



a:hover {



	color: #00CCFF;



	text-decoration:none;

	



}



a:active {



	color: #00CCFF;



	text-decoration:none;



}







a span {



	visibility:hidden;



}







h1,h2 {



	font-size: 18px;



	padding: 3px 3px 3px 6px;



	margin: 0px 0px 10px 0px;



}







h4{



	margin: 5px 0px 5px 0px;



	font-size: 11px;



}







h5 {



	width: 110px;



	height: 30px;



	margin: 5px 0px;



}







h5 span {



	visibility:hidden;



}







h3 {



	font-size: 14px;



	margin-bottom: 3px;



}











p {



	margin-bottom: 10px;

	line-height:1.7em;



}



em {



	font-style: normal;



}







.line {



	clear:both;



	background-color: #333333;



	height: 2px;



	margin: 0px;



	padding: 0px;



}







.container {



	width: 1102px;



	margin: 0px auto 0px auto;



	position: relative;



	



}







.border {



	border: 1px solid #000000;



	border-left: none;



	border-right: none;



}











.nobtm {



	border-bottom: none;



}







.notop {



	border-top: none;



}











.pad {	



	padding: 12px 0px 12px 0px;



}







.clear {



	clear: both;



}







.sp {



	background-attachment: scroll;



	background-image: url(../images/sprites.png);



	background-repeat: no-repeat;



}







/*left col*/







.colleft {



	width: 200px;



	float: left;



	text-align:right;



	padding-top: 65px;



}







.menu_main {



	list-style-type:none;



	list-style: none;



	margin: 0px 0px 12px 0px;



}







.menu_main li {



	list-style-type:none;



	list-style: none;



	padding: 0px 0px 5px 0px;



	font-weight:bold;



}







.menu_main a, .menu_main a:link, .menu_main a:visited, .menu_main a:active {



	display: block;



	height: 30px;



	width: 110px;



	float:right;



}





.menu_main a:hover { 

	opacity: 0.6;

}



.btn_home {



	background-position: -190px 0px;



}



.btn_shop {



	background-position: -190px -35px;



}



.btn_about {



	background-position: -190px -70px;



}



.btn_contact {



	background-position: -190px -105px;



}



.btn_blog {



	background-position: -190px -140px;



}







.browse {	



	padding: 0px 0px 12px 0px;



}







.title_browse{



	background-position: -300px -70px;



	margin: 0px 0px 5px 0px;



	float:right;



}























/*mid col*/







.colmid {



	width: 702px;



	float: left;



}







.colmid_inner {



	margin: 0px 50px;



}







.header {



	position: relative;

	padding: 5px 0px 0px 0px;

	height: 5px 0px 0px 0px;

	margin:10px 0px 0px;

}







.header h1 {	



	float:left;

	background-position: -420px -130px;

	width: 250px;

	height: 50px;

	margin: 0px;

	padding: 0px;

}





h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active  {

	display:block;

	height: 50px;

}







.header h3 {



	float:right;

	background-position: -425px -180px;

	width: 290px;

	height: 50px;

	margin: 0px;

	padding: 0px;



}



.header h3 span {

	display: none;

}





.header_colright{



	position: relative;



	height: 55px;



	border-bottom: 2px solid #000000;



	padding: 0px;



	



}







.head_follow {



	float:right;



	display:block;



	width:200px;



	margin: 18px 0px 0px 0px;	



	text-align:right;



}







.picture {



	position:relative;



	padding: 20px 0px 0px 0px;



}



.picture_cont {

	position: relative;

	height: 452px;

}



.picture img {



	border: 1px solid #000000;

	position: absolute;

	z-index: 100;

	top: 0px;

	left: 0px;

}







.prev {



	position:absolute;



	width:35px;



	height:70px;



	top:18px;



	left:-30px;



	background-position: -415px 0px;



	z-index: 0;



}







.next {



	position:absolute;



	width:35px;



	height:70px;



	top:18px;



	left:600px;



	background-position: -450px 0px;



	z-index: 0;



}







.next a, .prev a {



	display:block;



	width:35px;



	height:70px;



}







.next a span, .prev a span {



	display:none;



	visibility: hidden;



}











.sub_menu_header h2 {



	padding: 7px 0px 7px 0px;



	margin:0px;



	font-size:11px;

	float: left;



}

#newsletter {
	padding-top: 20px;
}
#like_btn {

	display:block;

	padding-top: 20px;	

}



#google_btn {

	display:block;

	padding-top: 10px;

	

}

#tumblr_btn {

	display:block;

	padding-top: 10px;

	padding-bottom: 20px;

}



#tweet_btn {

	display:block;

	padding-top: 8px;

	

}







.profile {	



	padding: 0px 0px 15px 0px;



	border-bottom: 1px solid #000000;



	margin-bottom: 15px;

		

}







.profile a {



	text-decoration:underline;

	

}



.about_column {

	float:left;

	width:200px;

	text-align:left;

	margin-bottom:20px;



}



.title_share {

	background-position: -300px -0px;

	margin: 10px 0px;

	float: left;

}



.addthis_toolbox .sp {

	display:block;

	width: 60px;

	height: 50px;

	visibility:visible;

}



.share_fb {

	background-position: -190px -240px;

}	

.share_twitter {

	background-position: -250px -240px;

}

.share_stu {

	background-position: -370px -240px;

}

.share_email {

	background-position: -310px -240px;

}

.share_delicious {

	background-position: -430px -240px;

}

.share_digg {

	background-position: -490px -240px;

}

.share_reddit {

	background-position: -550px -240px;

}

.share_buzz {

	background-position: -610px -240px;

}

.share_flickr {

	background-position: -670px -240px;

}





#embed_code {

	width: 190px;

}









/* right col */





.subright {

	width: 200px;



	float: left;



	text-align:left;



	padding-top:20px;

}



.subright p {

	font-size: 16px;

}





.colright {



	width: 200px;



	float: left;



	text-align:left;



	padding-top:65px;



}







.follow a, .follow a:link, .follow a:active, .follow a:visited {



	display: block;

	height: 25px;

	width: 25px;

	margin: 5px 15px 0px 0px;

	float:left;

	background-repeat: no-repeat;



}



.follow a:hover {

	opacity: 1;

}	



.fol_rss {



	background-position: -50px 0px;

	opacity: 0.8;



}







.fol_fb {



	background-position: -100px 0px;

	opacity: 0.8;

}







.fol_twitter {



	background-position: 0px 0px;

	opacity: 0.8;

}







.fol_flickr {



	background-position: -75px 0px;

	opacity: 0.8;

}







.fol_tumblr {



	background-position: -25px 0px;

	opacity: 0.8;

}






.title_fol {



	background-position: -308px -35px;



	margin: 0px 0px 5px 0px;



}











.send {



	display: none;



}





/*MailChimp Newsletter begins*/

#mc_embed_signup form {display:block; position:relative; text-align:left;}
#mc_embed_signup {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:11px; font-weight: bold; height: 25px; line-height: 10px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#00CCFF;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:12px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:200px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


/* MailChimp Newsletter ends*/

















.sideform a, .sideform a:link, .sideform a:hover, .sideform a:active, .sideform a:visited {



	display: block;



	border: 1px solid #000000;



	font-weight: bold;



	float:left;



	text-align:center;



	width: 60px;



	padding: 5px 0px 5px 0px;



}







.sideform a span {



	display:block;



}







#sub_form p {



	font-size:10px;



	padding-top:8px;



}







.notif {



	border: 2px solid #FF0000;



	color:#FF0000;



	width:100%;



	font-size: 11px;



	margin-top:5px;



}







.notif h3 {



	font-size: 11px;



}







.notif div {



	padding: 10px;



}







.notif p {



	padding: 0px;



	margin: 0px;



}







.notif ul {



	margin:0px 0px 0px 17px;



}















.viewcart {



	border-bottom: 1px solid #000000;



	padding: 10px 0px 2px 0px;



}	



	







#scrollbox     { 



	height: 50px;



    overflow: auto; 



}







.share {



	margin: 0px 0px 15px 0px;



	border: 1px solid #000000;



	border-left: none;



	border-right: none;

	

	border-bottom: none;



	padding: 10px 0px 12px 0px;



	



}







.profile_pic {	



	margin-top:5px;



	padding: 10px 0px 10px 0px;



	border-bottom: 1px solid #000000;



	border-left: none;



	border-right: none;



	



}







.thanks{



	color:#666666



}	







.thanks a{



	text-decoration:underline



}



	











/*addthis*/







.bookmarks a {



	float:left;



}











/*misc*/







.footer{



	text-align:left;



	color: #666666;	

	

	font-size:9px;



	margin-bottom:10px;



}







.footer a {



	text-decoration:underline;



}











/* shop */







/* root element for tabs  */



.tabs { 



	list-style:none; 



	margin:0 !important; 



	padding:0;



	height:30px;



	border-bottom:1px solid #666;	



}







/* single tab */



.tabs li { 



	float:left;	 



	text-indent:0;



	padding:0;



	margin:0px 5px 0px 0px !important;



	list-style-image:none !important; 



	border: 1px solid #000;



	border-bottom: none;



	background: #000;



}







/* link inside the tab. uses a background image */



.tabs a { 



	font-size:11px;



	display:block;



	height: 30px;  



	line-height:30px;



	width: 111px;



	text-align:center;	



	text-decoration:none;



	color:#000;



	padding:0px;



	margin:0px;	



	position:relative;



	top:1px;



	color:#FFFFFF;



	font-weight:bold;



}







.tabs a:active {



	outline:none;		



}







/* when mouse enters the tab move the background image */



.tabs a:hover {



	color:#fff;	



}







/* active tab uses a class name "current". it's highlight is also done by moving the background image. */



.tabs .current, .tabs .current:hover, .tabs li.current a {



	cursor:default !important; 



	color:#000 !important;



	background: #fff;



}







/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */











/* width 1 */



.tabs .w1 			{ background-position: -519px 0; width:134px; }



.tabs .w1:hover 	{ background-position: -519px -31px; }



.tabs .w1.current { background-position: -519px -62px; }







/* width 2 */



.tabs .w2 			{ background-position: -366px -0px; width:154px; }



.tabs .w2:hover 	{ background-position: -366px -31px; }



.tabs .w2.current { background-position: -366px -62px; }











/* width 3 */



.tabs .w3 			{ background-position: -193px -0px; width:174px; }



.tabs .w3:hover 	{ background-position: -193px -31px; }



.tabs .w3.current { background-position: -193px -62px; }







/* width 4 */



.tabs .w4 			{ background-position: -0px -0px; width:194px; }



.tabs .w4:hover 	{ background-position: -0px -31px; }



.tabs .w4.current { background-position: -0px -62px; }











/* initially all panes are hidden */ 







.panes {



	border: 1px solid #c1c1c1;



	



}







.panes a {



	text-decoration:none;



}	







.panes .pane {



	display:none;		



}







.pane_inner {



	padding:5px;



}







.shop_item_sml {



	float: left;



	width: 33.33%;



}





.shop_item_sml h5{



	margin: 0px;

	height: auto;

	width: auto;



}







.shop_item_sml_inner {



	width: 185px;



	height: 200px;



	margin: 5px auto;



	background:#fcfcfc;

	

	color: #fcfcfc;



}







.shop_item_sml_inner img {



	border: none;



	border-bottom: 2px solid #fff;



	width: 185px;



	height: 135px;



}







.shop_item_sml_inner span {



	display: block;



	padding: 10px 10px 0px 10px;



	color: #fff;



}







.shop_item_sml a, .shop_item_sml a:link, .shop_item_sml a:hover, .shop_item_sml a:active, .shop_item_sml a:visited, .shop_item_sml h5, .shop_item_sml p {



	visibility:visible;



	color: #000;



}























/* overlays */







/* the overlayed element */



.simple_overlay {



	



	/* must be initially hidden */



	display:none;



	



	/* place overlay on top of other elements */



	z-index:10000;



	



	/* styling */



	background-color:#fff;



	



	width:650px;	



	border:2px solid #000;



	



	/* CSS3 styling for latest browsers */



	-moz-box-shadow:0 0 5px #666;



	-webkit-box-shadow: 0 0 5px #666;	



	box-shadow: 0 0 5px #666;	



}











/* close button positioned on upper right corner */



.simple_overlay .close {



	background-image:url(../images/close.png);



	position:absolute;



	right:-10px;



	top:-10px;



	cursor:pointer;



	height:26px;



	width:26px;



	z-index:20000;



}







.overlay_padding {



	position:relative;



	padding: 10px;



}







.simple_overlay h4 {



	font-size: 12px;



}







.pricebox {



	position:absolute;



	width: 120px;



	height: 50px;



	background-color:#00ccff;



	top: 50px;



	left: 0px;



	color: #000;



	text-align:center;



	font-size: 11px;

	opacity: 0.8;



}







.pricebox strong {



	font-size: 14px;



	display:block;



	padding-top:8px;



}







.description {



	float: right;



	width: 170px;



	



}







.prev_image {



	float:left;



}







.simple_overlay form {



	float:left;



	width: 42%;



	padding-right: 8%;



}







.simple_overlay form input {



	width: 100%;



}



.pagelink {



	padding: 2px 0px;



}







.indent {



	padding-right: 15px;



}