/*
	Theme Name: TippinToo
	Theme URI: http://tokokoo.com/
	Description: Simple, elegant, and modern look , TippinToo is really the best e-store design that will help you to display your gadget/apps.
	Version: 1.2
	Author: Tokokoo.com
	Author URI: http:/tokokoo.com/
*/

@charset "utf-8";

/*-------------------\
|  Reset Stylesheet  |
\-------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,

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

small, strong, sub, sup, var,

b, i,

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

fieldset, form, label, legend,

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

article, aside, dialog, figure, footer, header,

hgroup, menu, nav, section,

time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}



*:focus {

	outline:none;

}



body {

    line-height:1;

}



article, aside, dialog, figure, footer, header,

hgroup, nav, section {

    display:block;

}



nav ul {

    list-style:none;

}



blockquote, q {

    quotes:none;

}



blockquote:before, blockquote:after,

q:before, q:after {

    content:'';

    content:none;

}



a {

    margin:0;

    padding:0;

    border:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}



ins {

    background-color:#ff9;

    color:#000;

    text-decoration:none;

}



mark {

    background-color:#ff9;

    color:#000;

    font-style:italic;

    font-weight:bold;

}



del {

    text-decoration: line-through;

}



abbr[title], dfn[title] {

    border-bottom:1px dotted #000;

    cursor:help;

}



table {

    border-collapse:collapse;

    border-spacing:0;

	padding:0;

	margin:0;

}



hr {

    display:block;

    height:1px;

    border:0;

    border-top:1px solid #cccccc;

    margin:1em 0;

    padding:0;

}



input, select {

    vertical-align:middle;

}



/*-----\

| Base |

\-----*/



body {

	/* font:13px/1.5 "Segoe UI", Helvetica, Arial, Sans-serif; */
	background-color: #999;
	background-image: url(img/tile.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #333;
	font: normal 12px/17px Georgia, "Times New Roman", Times, serif;

}



a {

	text-decoration:none;

	color:#358DE8;

}



a:hover, a:focus {

text-decoration:underline;

}



	section#wrapper {

		width:970px;

		margin:10px auto auto auto;
		
		border: 1px solid #656565;

	}

.clear {
	clear: both;
	margin-bottom: 12px;
	border-top: 1px dotted #666;
	}



/*-----------------\

|  Header-elements |

\-----------------*/

#logo {
position:absolute;
margin:0;
padding:0;
}
a.c1:visited {color: #ccccff}
a.c1:hover {color: #00aa00}
a.c1 {
	text-decoration: none;
	color:#ccccff;
	}
.gray{
	color: #a9a9a9;
}
.headnav,
.footnav{
	padding:54px 20px 5px 250px;
	list-style: none;
	font-size: 18px;
	color:#333;
}
.headnav li,
.footnav li{
	position:relative;
	display: inline;
	padding: 0 12px 0 10px;
}
.headnav .no,
.footnav .no{
	border: 0px;
}
.headnav a,
.footnav a{
	color: #e6dfb3;
	text-decoration: none;
}
.footnav a:hover{
	text-decoration: underline;
}
.headnav .on a,
.headnav a:hover{
	color: #cc6;
	text-decoration: none;
}

/* Drop shadow effect for navigation and home page */
.nav {font-size:18px;color:#333;position:relative;}
.dnav {font-size:18px;color:#E6DFB3;position:relative;}
.shadow {position:absolute;left:9px;top:0px;color:#333;}
.dshadow {position:absolute;left:-1px;top:1px;color:#333;}


/*--end header fixes--*/

header#site-header {

	height: 94px;
	padding: 0;
	background: url(img/header.png);
	background-color: #5A5A5A;
	border-bottom:1px solid #333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#E6DFB3;
/*	height:100px;

	position:relative;
*/
}



	h1#site-title {

		font: bold 26px "Segoe UI", Helvetica, Arial, sans-serif ;

		color: #222;

		letter-spacing: -2px;

		line-height:100px;

		margin-left:32px;

		display:inline;

	}



	h1#site-title a {

		color:#222;

	}



	h1#site-title a:hover,h1#site-title a:focus {

		color:#358DE8;

		text-decoration:none;

	}



	h2#site-tagline {

		color: #222;

		padding-left:10px;

		display:inline;

	}



	nav#topnav {

		font-weight:normal;       

	}



		ul#log {

			display: block;
			float: right;
			height: 30px;
			margin: 0 2px 0 0;
			line-height: 30px;
			font-size: 11px;
			list-style: none;
			padding: 0 8px 0 10px;


		}



			ul#log li  {

				border-left: 1px solid #ddd;

				display: inline;

				padding: 0 12px 0 10px;

			}



			#log li:first-child {	

				border:none;

			}



			ul#log a {

				color:#ddd;

				text-decoration:none;

			}



			ul#log a:hover, ul#log a:focus {

				text-decoration:underline;

			}

	

			ul#site-nav li {

				display:inline;

			}



			ul#site-nav a {

				color:#333;

			}



			ul#site-nav .active {

				color:#358DDC; 

			}



				ul#site-nav li  {

					float: left;

				}

				ul#site-nav li a {

					display: block;

					padding: 5px 12px;

				}

				ul#site-nav li:first-child a {

					border:none;

				}



				ul#site-nav {

					position:absolute;

					right:-8px;

					bottom:12px;

					font-size:11px;

				}

				

				/* sub levels link hover */

				ul#site-nav ul li:hover a, ul#site-nav li:hover li a {

					background: none;

					border: none;

					color: #666;

				}

				ul#site-nav ul a:hover {

					color: #333 !important;

				}



				/* level 2 list */

				ul#site-nav ul {

					display: none;

					margin: 0;

					padding:0;

					width: 120px;

					border: 1px solid #ccc;

					position: absolute;

					top: 25px;

					z-index: 999;

					background: #fff;

					-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);

					-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);

					box-shadow: 0 1px 3px rgba(0,0,0, .3);					

				}

				ul#site-nav ul li {

					float: none;

					margin: 0;

					padding: 0;

					display: block !important;

					border-width: 0 !important;

					position:relative;

				}



				ul#site-nav ul a {

					font-weight: normal;

					text-shadow: 0 1px 0 #fff;

					display:block;

					

				}



				/* dropdown */

				ul#site-nav li:hover > ul {

					display: block;

				}



				/* level 3+ list */

				ul#site-nav ul ul {

					left: 120px;

					top: -1px;

				}

				/* clearfix */

				ul#site-nav:after {

					content: ".";

					display: block;

					clear: both;

					visibility: hidden;

					line-height: 0;

					height: 0;

				}

				ul#site-nav {

					display: inline-block;

				} 

				html[xmlns] ul#site-nav {

					display: block;

				}

				* html ul#site-nav {

					height: 1%;

				}				

		



				ul#site-nav li:last-child ul {

					right:0 !important;

				}



				ul#site-nav li:last-child ul ul {

					left:-120px !important;

				}



/*------------------\

| Featured Content  |

\------------------*/



#featured {

	padding: 10px 10px 10px 10px;
	width:397px;
	height:122px;
	background-color:#F3EBD8;
	font-size:14px;
	color:#333;
	margin:0 20px 0 0;
	float:right;

}

#featured a:visited {color: #666}
#featured a:hover {color: #999933}
#featured a {
	text-decoration: none;
	color:#666;
}


	h2#featured-title {

		color: #333;

		font: bold 14px/1 "Segoe UI",Helvetica, Arial, sans-serif ;

		letter-spacing: -1px;

		position:absolute;

		top:28px;

		left:28px;

		z-index:11;

	}



	section.featured-content {

		margin: 0 0 0 0;

		padding-left:10px;

		display: block;

		float: left;

		width:397px;

		height:122px;

		position:relative;

		padding-right:10px;

		z-index:4;

		padding-bottom:0px;

	}

	

		section.featured-content p {

			margin:0.75em 0;
			width:72%;
			font-size:12px;

		}



		h3.featured-content-title {

			font-size:14px;

			font-weight:bold;

			line-height:1;

			margin-top:0;

			z-index:10;

		}



			h3.featured-content-title a {

				color:#333;

			}



		h3.featured-content-title a:hover, .featured-content-title a:focus {

			color:#358DDC;

			text-decoration:none;

		}



		img.featured-thumbnail, .featured-content .wp-post-image {

			position:absolute;

			top:0;

			left:0;

			border:none;

		}



		figure.featured-image {

			position:absolute;

			top:0;

			left:296px;

		}



		span.featured-category{

			display:block;

		}



		span.featured-price {

			display:block;

			font-weight:bold;

		}



		span.purchase-button {

			margin-top:1.5em;

			display:block;

		}



.featured-content .wpsc_buy_button {

	border-width: 0 !important;

	width: 134px;

	height: 34px;

	background: url(img/bt_add.png) no-repeat top left;

	font: bold 12px/0px "Segoe UI", Helvetica, Arial, sans-serif ;				

	color:#fff;

	padding-left: 25px;

}



			span.purchase-button a {

				display:block;

				width: 134px;

				height: 34px;

				background: url(img/bt_add.png) no-repeat top left;

				display: block;

				font: bold 12px/30px "Segoe UI", Helvetica, Arial, sans-serif ;

				color:#fff;

			}



			span.purchase-button a:before {

				content:"";

				width:24px;

				height:34px;

				background:url(img/ico_buy.png) left center no-repeat;

				float:left;

				margin-left:18px;

			}



		

/*----------\

|  Content  |

\----------*/

article#content {

	height:521px;
	padding:0 45px 0 45px;
	background-color:#484848;
	border-bottom:2px solid #121212;
	border-top:2px solid #121212;
	position: relative;

}

#home {
margin:0 20px 0 20px;
padding:2px;
height:374px;
background: url(img/home.jpg) no-repeat;
}
#welcome {
	display:table-cell;
	vertical-align:top;
	width:533px;
	height:370px;
	color:#fff;
}
.text {font-size:12px;color:#333;}

#newsbox {
  padding: 10px 10px 10px 10px;
  width:397px;
  height:122px;
  background-color:#F3EBD8;
  font-size:14px;
  color:#333;
  margin:0 0 0 20px;
  float:left;
}
#newsbox a:visited {color: #666}
#newsbox a:hover {color: #999933}
#newsbox a {
	text-decoration: none;
	color:#666;
}


article#content:before {

	content:"";

	display:block;

	width:970px;

	position:absolute;

	top:0px;

	left:0;

	bottom:456px;

	z-index: 0;

}



article#content:after {

	content:"";

	display:block;

	clear:both;

}



	h2#content-title {

		color: #999;

		font: bold 24px/1 "Segoe UI",Helvetica, Arial, sans-serif ;

		letter-spacing: -1px;

		position:absolute;

		top:28px;

		left:28px;

		z-index:11;

    }



	section.entry-content {

		position:relative;

		display: block;

		float: left;

		width: 250px;

		height: 150px;

		overflow: hidden;

		margin: 0 0 20px 32px;

	}



		section.entry-content p {

			margin:0.875em 0;

			font-size:11px;

		}

		

		h3.entry-content-title {

			font-size:18px;

			font-weight:bold;

			padding-left:75px;

			max-height: 69px;

			line-height: 1.25;

			overflow: hidden;

		}



		span.content-category {

			display:block;

			padding-left:75px;

		}



		span.content-price {

			font-weight:bold;

			display:block;

			padding-left:75px;

		}



		.recent-item {

			position:relative;

		}



		.recent-item img {

			position:absolute;

			top:0;

			left:0;

		}



		img.content-thumbnail, .recent-item .wp-post-image {

			position:absolute;

			top:0;

			left:0;

			border:none;

		}


/*--Style for Artists & Dealers--*/

.bookmarks-gallery {
	text-align: left;
	margin: 0 auto;
	}
.bookmarks-gallery h2 {
	font-size:18px;
	margin:0 0 10px 0;
	}
.bookmarks-gallery ul {
	font-size:14px;
	}
.bookmarks-gallery li {
	display:block;
	float:left;
	border:1px dotted #333;
	background-color:#fbfbfb;
	width:314px;
	height:180px;
	padding:10px;
	margin:0 20px 5px 0;
	}
.bookmarks-gallery img {
	width: 120px;
	margin: 0 5px 5px 0;
	position:relative;
	top:0;
	left:0;
	float:left;
	}


/*----------------------\

|  Single Page Content  |

\----------------------*/



section#content-wrapper {

 	background-color: #DEDAD1;/*#EFEBE2;*/

	position:relative;
	
	height:521px;

	margin-top:0;

}

/* bull

section#content-wrapper:before {

	content:"";

	background: url(img/bg_wrapin.png) repeat-x bottom center;

	position:absolute;

	top:0;

	bottom:0;

	left:4px;

	right:4px;

z-index: 0;

}

*/



section#content-wrapper:after {

	content:"";

	display:block;

	clear:both;

	visibility:hidden;

	height:1% !important;

}



	section#featured-main-content {

		width:716px;

		height:480px;

		float:right;

		z-index:4;

		margin:0 17px;

		overflow:hidden;

		position:relative;

		border-bottom:solid 1px #e0e0e0;

	}



		section#featured-main-content p {

			margin:0.75em 0;

			width:300px;

		}



			h3.featured-main-content-title {

				font-size:18px;

				font-weight:bold;

				line-height:1;

				margin-top:40px;

				z-index:10;

	 			padding-left:75px;

			}



			h3.featured-main-content-title a:hover, .featured-main-content-title a:focus {

				}



			img.featured-main-thumbnail {

				position:absolute;

				top:40px;

				left:0;

				border:none;

			}



			figure.featured-main-image {

				position:absolute;

				top:48px;

				left:325px;

			}



			span.featured-main-category{

				display:block;

				padding-left:75px;

			}



			span.featured-main-price {

				display:block;

				font-weight:bold;

				padding-left:75px;

			}



	section#main-content {

		width:728px;
		
		height:480px;
		
		/* overflow-x: hidden;
		overflow-y: scroll; */

		float:right;

		margin:0 0; padding: 20px 0;

		overflow: auto;
	}

/*		.scroll-pane,
	.scroll-pane-arrows
	{
		width: 100%;
		height: 480px;
		overflow: auto;
	}

section#main-content:before {

		content:"";

		display:block;

		width:970px;

		height:5px;

		/* background: url(img/bg_wrap3.png) no-repeat top center;

		position:absolute;

		top:-5px;

		left:0;

	}



	section#main-content:after {

		content:"";

		display:block;

		width:970px;

		height:5px;

		/* background: url(img/bg_wrap5.png) no-repeat bottom center;

		position:absolute;

		bottom:-5px;

		left:0;

	} */



		header.product-category-list-header {

			border-bottom:solid 1px #e0e0e0;

			padding-bottom:5px;

		}



		header#browse-product-header {

			padding:20px 0;

			position:relative;

		}



			h2.browse-product-title {

				font: normal 20px/15px Helvetica, Arial, sans-serif;

				letter-spacing: -1px;

				display:inline;

			}

			

			h2.entry-title {

				font: normal 20px/15px Helvetica, Arial, sans-serif;

				letter-spacing: -1px;

				display:inline;

			}			



			nav#browse-product-topnav {

				position:absolute;

				top:50%;

				margin-top:-11px;

				right:20px;

				color:#666;

				font-size:11px;

				width:100%;

				text-align:right;

			}





			nav#browse-product-topnav form {

				display:inline;

				padding-right:10px;

			}



			h3.product-category-list-title {

				display:inline;

				padding-right:5px;

			}



				nav.product-category-list-nav {

					display:inline;

					font-size:11px;

				}





				#browse-product-select-list {

					font-size:11px;

				}



				.product-category-list-content {

					position:relative;

				}



					.product-category-list-content p {

						margin:0.875em 0;

						font-size:11px;

					}



			h4.entry-content-title {

				font-size:18px;

				font-weight:bold;

				line-height:1;

				display:block;

				padding-left:75px;

			}

		

		

			section.product-category-list-content {

				position:relative;

				display: block;

				float: left;

				width: 176px;

				margin: 10px 20px 20px 0;

			}



			section.product-category-list-content:after {

				content:"";

				display:block;

				clear:both;

				visibility:hidden;

			}





	ul.inline-navbar {

		display:inline;

		font-weight:bold;

	}



		.inline-navbar li {

			display:inline;

			font-weight:bold;

			padding-left:5px;

		}



		.content-bottom-nav {

			text-align:right;

			font-size:11px;

			position:relative;

			z-index:4;

			padding:10px 20px 30px;

			border-top:solid 1px #e0e0e0;

			clear:both;

		}



		.back-top-link {

			display:block;

			position:absolute;

			left:0;

			top:10px;

		}





	/*----------------\

	|  WPSC-Elements  |

	\----------------*/





	.checkout_cart, .productcart, .wpsc_checkout_table{

		border-collapse: collapse;

		width: 706px;

		margin: 15px 0;

	}



	.checkout_cart th, .productcart th,.wpsc_checkout_table th{

		height: 25px;

		background-color: #E1F0F7;

		font-size: 12px;

		text-align: left;

		border: 1px solid #C3E2EF;

		line-height: 25px;

		padding-left: 15px;

	}



	.checkout_cart td, .productcart td, .wpsc_checkout_table td{

		line-height: 30px;

		border-left: 1px solid #C3E2EF;

		border-right: 1px solid #C3E2EF;

		padding:3px 3px 3px 15px;

		vertical-align:top !important;

		border: 1px solid #C3E2EF;

	}



	.checkout_cart td:hover,.productcart td:hover,.wpsc_checkout_table td:hover {

		background:#eee;

	}



	.wpsc_product_quantity input[type=submit]{

		font-size: 9px !important;

		text-transform: uppercase;

		padding-top: 0 !important;

		height: 23px;

		text-align:center;

		cursor: pointer;

		border:none;

		color:#fff;

		font-weight:bold;

		background-color:#7DCE1A;

		border-radius:4px;		

		-moz-border-radius:4px;

		-webkit-border-radius:4px;		

	}



	.wpsc_product_quantity input[type=submit]:hover,.wpsc_product_quantity input[type=submit]:focus {

		background:#137C07;

	}



	.wpsc_product_remove input[type=submit] {

		background:#F7607E;

		font-size: 9px !important;

		text-transform: uppercase;

		padding-top: 0 !important;

		height: 23px;

		font-weight:bold;

		text-align:center;

		cursor: pointer;

		border-radius:4px;		

		-moz-border-radius:4px;

		-webkit-border-radius:4px;	

		border:none;

		color:#fff;

	}



	.wpsc_product_remove input[type=submit]:hover, .wpsc_product_remove input[type=submit]:focus {

		background:#c50;

	}



	.coupon_code input[type=submit] {

		background:#358DDC;

		font-size: 10px;

		height: 23px;

		font-weight:bold;

		text-align:center;

		cursor: pointer;

		border-radius:4px;		

		-moz-border-radius:4px;

		-webkit-border-radius:4px;	

		border:none;

		color:#fff;

	}



	.coupon_code input[type=submit]:hover,.coupon-code input[type=submit]:focus {

		background:#414DF2;

	}



	td.wpsc_product_name {

		font-weight:bold;text-align:left !important;

	}



	.wpsc_product_image {

		position:relative;

		text-align:center;

		padding:0 !important;

		margin:0 !important;	

	}



	img.product_image  {

		padding:4px;

		margin:0;

		display:block;

	}



	.wpsc_product_name a {

		text-align:left !important;

		display:block;

		width:175px !important;

		line-height:1.125em !important;

		padding-top:0.1875em !important;

	}



	.wpsc_total_amount_before_shipping {

		font-weight:bold;

	}



	.checkout_cart input[type=text], .wpsc_checkout_table input[type=text], .wpsc_checkout_table textarea{

		border:1px solid #ccc;

		background:#efefef;

		padding:2px;

	

	}



	.wpsc_checkout_table input[type=text],.wpsc_checkout_table textarea {

		width:350px;	

		padding:2px;

	}





	.checkout_cart input[type=text]:hover, 

	.checkout_cart input[type=text]:focus ,

	.wpsc_checkout_table input[type=text]:hover, 

	.wpsc_checkout_table textarea:hover,

	.wpsc_checkout_table input[type=text]:focus, 

	.wpsc_checkout_table textarea:focus {

		border:1px solid #ccc;

		background:#fff;

	}



	.form-layout {

		position:relative;

		padding:5px 0;

		z-index:10;

	}



	.wpsc_email_address {

		padding:10px 10px 0 10px;

		border:solid 1px #C3E2EF;

		width:578px;

		position:relative;

		overflow: auto;

	}





.wpsc_email_address p {

float: left;

border-width: 0 !important;

}

.wpsc_email_address label {

	border-width: 0 !important;

	font-weight: bold;

}

	.wpsc_email_address input[type=text]{

		border:1px solid #ccc;

		background:#fff;

		padding:2px;

	}



	

	.asterix {

		color:#f00;

	}



/*----------\

|  Sidebar  |

\----------*/





#sidebar {

	width: 217px;
	
	max-height:476px;
	
	background: #FFFCF3;

	float: left;

	position: relative;

	margin-left: 0;

	margin-top: 0;

	padding: 10px 0px 35px 0px;
	
	overflow: hidden;
	
	border-right: 1px solid #333;

}



.sidebar-wrap {

	padding: 5px 10px;

	overflow: hidden;

}



.shopping-cart-wrapper {

}

.shopping-cart-wrapper .shoppingcart table td {

border-bottom: 1px solid #fff;

padding: 5px 3px 10px !important;

}

.shopping-cart-wrapper .shoppingcart .remove_button {

margin-top: -10px;

}

.shopping-cart-wrapper .cart-widget-total .pricedisplay {

font-weight: bold;

font-size: 12px;

}

#cart-widget-links .gocheckout {

	display:block;

	color:#fff;

	text-align:center;

	width: 104px;

	height: 29px;

	background: url(img/bt_add2.png) no-repeat top left;

	display: block;

	font: bolder 11px/25px Lucida Sans, Helvetica, Arial, sans-serif ;

	float: right;

	margin: 5px 0 0 0;

	border:none;

	cursor:pointer;

}



#cart-widget-links form {

float: left;

margin-top: 10px;

}

h3.widget-title {

	border-bottom: 1px solid #ddd;

	font-weight: 400;

	padding: 5px 0;

	margin-bottom: 5px;

}



.sidebar-wrap ul {

	list-style: none;

}



.visitshop {

	display:block;

	color:#fff;

	text-align:center;

	width: 104px;

	height: 29px;

	background: url(img/bt_add2.png) no-repeat top left;

	display: block;

	font: bolder 11px/25px Lucida Sans, Helvetica, Arial, sans-serif ;

	float: right;

	margin: 20px 0 0 0;

	border:none;

	cursor:pointer;

}



.visitshop:hover {

	text-decoration: underline !important;

}

form#searchform{

	display:block;

	width: 183px;

	height: 25px;

	background: url(img/bg_search.png) no-repeat top left;

	margin-top: 10px;

}

#searchform label { 

	display: none; 

}

#searchform input[type=text]{

	font: normal 12px Lucida Sans, Helvetica, Arial, sans-serif ;

	margin: 0px 9px;

	border: 0px;

	width: 130px;

}



#searchform input[type=submit]{

	background: url(/img/bg_search.png) no-repeat center right;

	text-indent: -5000px;

	border: 0px;

	cursor: pointer;

	float: right;

	height: 25px;

	width: 30px;

}



#wp-calendar {

	width: 100%;

}

#wp-calendar caption {

	color: #222;

	font-size: 14px;

	font-weight: bold;

	padding-bottom: 4px;

	text-align: left;

}

#wp-calendar thead {

	font-size: 11px;

}

#wp-calendar thead th {

}

#wp-calendar tbody {

	color: #aaa;

}

#wp-calendar tbody td {

	background: #f5f5f5;

	border: 1px solid #fff;

	padding: 3px 0 2px;

	text-align: center;

}

#wp-calendar tbody .pad {

	background: none;

}

#wp-calendar tfoot #next {

	text-align: right;

}



.wpsc-latest-product .item_image {

	float: left;

	margin-right: 10px;

}



.wpsc-latest-product .item_image img {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff;

}



.wpsc-latest-product {

	width: 100%;

	float: left;

	border-bottom: 1px dotted #ddd;

	padding: 10px 0;

}



/*---------\

|  Footer  |

\---------*/

.footer{
	height: 14px;
	padding: 5px 2px 5px 2px;
	background: #5A5A5A;
	border-top:1px solid #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
}
.footer a, .footer a:visited{
	text-decoration: none;
	color:#999;
}
.footer a:hover{color:#ccc}
.lfoot {width:152px;float:left;}
.cfoot {width:388px;float:center;}
.rfoot {width:428px;float:right;}

/*--end footer fixes --*/

footer#footer {

	height:75px;

	clear:both;

	position:relative;

}



	nav#bottom-nav {

		font-weight:bold;

	}

	

		#bottom-nav #credits {

			line-height: 12px;

			margin-top: -5px;

			margin-right: 10px;

			padding-bottom: 20px;

			color: #333;

			font-size: 12px;

			float: right;

			clear: both;

			text-align: right;

		}	



		ul#social li, #bottom-nav li {

			display:inline;

		}



		ul#social {

			float: left;

			clear: left;

			line-height:75px;

		}



		#bottom-site-nav {

			position:absolute;

			right:-8px;

			top:0;

			line-height:75px;

			font-size:11px;

		}

		

			#bottom-site-nav small{

				display: block;

				float: left;

				padding-right: 12px;

			}



		#bottom-site-menu {

			float: left;

		}

		

			#bottom-site-menu .active {

				color:#358DDC;

			}



			ul#bottom-site-menu a {

				color:#333;

			}



			ul#bottom-site-menu li  {

				border-left: 1px solid #666;

				display: inline;

				padding: 0 12px;

			}

			

			ul#bottom-site-menu ul {

				display: none;

			}

			

/*----------------\

|  Step-Carousel  |

\----------------*/



.stepcarousel{

	position: relative; /*leave this value alone*/

	border: 0px;

	overflow: scroll; /*leave this value alone*/

	width: 417px; /*Width of Carousel Viewer itself*/

	height: 142px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

}



.stepcarousel .panel{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	margin: 0px; /*margin around each panel*/

	width: 417px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}



.stepcarousel .item{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	margin: 0px; /*margin around each panel*/

	width: 413px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}



.slide-nav {

	list-style:none;

}



	.prev-slide a {

		display:block;

		width:31px;

		height:31px;

		position:relative;

		top:50%;

		margin-top:-94px;

		left:-18px;

		background:url(img/ico_navl.png) 0 -31px no-repeat;

		text-indent:-9999px;

		overflow:hidden;

		z-index:999;

	}



	.next-slide a {

		display:block;

		width:31px;

		height:31px;

		position:relative;

		top:50%;

		margin-top:-31px;

		right:-384px;

		background:url(img/ico_navr.png) 0 -31px no-repeat;

		text-indent:-9999px;

		overflow:hidden;

		z-index:999;

		}



	.prev-slide a:hover,.prev-slide a:focus, .next-slide a:hover, .next-slide a:focus {

		background-position:0 0;

	}

.stepcarousel2{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 864px; /*Width of Carousel Viewer itself*/
height: 227px; /*Height should enough to fit largest content's height*/
}
.stepcarousel2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 864px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#slider2 .belt {

position: relative;

margin-top: 70px;

}



/*----------------\

|  Miscellaneous  |

\----------------*/

	

::selection {

  background: #C3E2EF;

}





::-webkit-selection {

  background: #C3E2EF;

  opacity: 1; }



::-moz-selection {

  background: #C3E2EF;

   }

   





#wpsc_shopping_cart_container {

	position:relative;

	z-index:7;

	padding-bottom:40px;

	width: 706px;

}



.wpsc_make_purchase {

	margin-top: 20px;

}

.checkout_cart {

	position:relative;

	z-index:7;

}

   

   

td.wpsc_gateway_container {

	border:none;

}



td.wpsc_totals,.total_tax {

	font-weight:bold;

}

   

   



.wpsc_make_purchase input[type=submit] {

	display:block;

	width: 134px;

	height: 33px;

	padding-left: 15px !important;

	background: url(img/bt_add.png) no-repeat top left;

	display: block;

	font: bold 12px/33px "Segoe UI", Helvetica, Arial, sans-serif !important;

	color:#fff;

	border:none;

	cursor:pointer;

	margin-top:20px;

	vertical-align:middle;

}







.next-arrow:after {

content:" »";

}



.prev-arrow:before {

content:"« ";

}



/* Post */

.post-title {

margin-bottom: 10px;

}



.post-content p,

.post-content ul,

.post-content ol {

	margin-bottom:10px;

}



.post-content blockquote {

	padding:0 10px;

	margin:0 0 10px 10px;

	border-left:3px solid;

}



.post-content h1,

.post-content h2,

.post-content h3,

.post-content h4,

.post-content h5,

.post-content h6 {

	margin:10px 0 5px;

}



.post-content a {

	font-weight:bold;

}



.post-content ul {

	list-style:none;

}



.post-content ul li {

	padding-left:12px;

	background:transparent no-repeat left 7px;

	margin-left:4px;

}



.post-content ol {

	margin-left:20px;

}



/* wpsc */

.wpsc_category_grid {

	border-bottom: 1px solid #ddd;

	padding: 10px 0;

}

.guitars {
	/*background: url(img/guitars.jpg) fixed center no-repeat;*/
}

.default_product_display {

	border-bottom: 3px double #ddd;

	padding: 10px 0 !important;

}



.default_product_display .prodtitle {

	float: right;

	width: 100%; /* width: 430px; */

	margin: 10px 0 20px 0 !important;

}

.default_product_display .productcol {

	float: right;

	width: 550px;
	
	padding-right: 10px;

}

.default_product_display .imagecol {

	float: left;

}

.product_form {

	/* background: #eee; */

	padding: 10px;

	position: relative;

}

.featured-content .product_form {

	background: transparent;

	margin-top: 40px;

}

.product_form fieldset {

	border-bottom: 1px solid #fff !important;

	margin-top: -10px;

	padding-bottom: 10px !important;

	margin-bottom: 10px;

	float: left;

	width: 100%;

}

.product_form fieldset legend {

	float: left;

	margin-right: 10px;

	margin-top: 10px;

	font-size: 14px !important;

	padding-top: 3px !important;

	font-weight: bold !important;

}

.product_form fieldset input {

	margin-top: 10px !important;

	float: left;

}

.product_form .wpsc_product_price p, 

.product_form .wpsc_product_price div {

	margin-bottom: 10px !important;

	font-size: 12px;

}

.product_form .wpsc_product_price p {

	display: inline;

	padding: 0 10px 0 15px;

}

.product_form .wpsc_buy_button_container {

	position: absolute;

	top: -15px;

	right: 10px;

}

.product_footer {

	width: 560px !important;

	padding: 10px 0 !important;

	border-width: 0 !important;

}

.product_footer .product_average_vote,

.product_footer .product_user_vote {

	width: 200px;

}

.product_footer .product_average_vote strong,

.product_footer .product_user_vote strong {

	font-weight: bold !important;

	font-size: 11px !important;

	margin-right: 5px;

	margin-bottom: 3px;

}

.product_footer .wpsc_product_rating {

	display: inline !important;

	float: left;

}



#single_product_page_container {

	width: 702px !important;

}



#single_product_page_container .imagecol {

	float: left;

}

#single_product_page_container .productcol {

	float: right;

	width: 558px;

}

#single_product_page_container .product_form .wpsc_buy_button_container {

	position: absolute;

	top: 7px;

	right: 10px;

}

#single_product_page_container .product_form .wpsc_product_price p, 

#single_product_page_container .product_form .wpsc_product_price div {

	margin-bottom: 0px !important;

	font-size: 12px;

}



.wpsc_variation_forms {

float: left;

clear: both;

margin: 10px 0;

}



/* =Images

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



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}





/* =Navigation

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



.navigation {

	color: #888;

	font-size: 12px;

	line-height: 18px;

	overflow: hidden;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#nav-above {

	margin: 0 0 18px 0;

}

#nav-above {

	display: none;

}

.paged #nav-above,

.single #nav-above {

	display: block;

}





/* =Comments

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

#comments {

	clear: both;

}

#comments .navigation {

	padding: 0 0 18px 0;

}

h3#comments-title,

h3#reply-title {

	color: #000;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 0;

}

h3#comments-title {

	padding: 24px 0;

}

.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	border-bottom: 1px solid #e7e7e7;

	line-height: 24px;

	margin: 0 0 24px 0;

	padding: 0 0 0 56px;

	position: relative;

}

.commentlist li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}

#comments .comment-body ul,

#comments .comment-body ol {

	margin-bottom: 18px;

}

#comments .comment-body p:last-child {

	margin-bottom: 6px;

}

#comments .comment-body blockquote p:last-child {

	margin-bottom: 24px;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 4px;

	left: 0;

}

.comment-author {

}

.comment-author cite {

	color: #000;

	font-style: normal;

	font-weight: bold;

}

.comment-author .says {

	font-style: italic;

}

.comment-meta {

	font-size: 12px;

	margin: 0 0 18px 0;

}

.comment-meta a:link,

.comment-meta a:visited {

	color: #888;

	text-decoration: none;

}

.comment-meta a:active,

.comment-meta a:hover {

	color: #ff4b33;

}

.commentlist .even {

}

.commentlist .bypostauthor {

}

.reply {

	font-size: 12px;

	padding: 0 0 24px 0;

}

.reply a,

a.comment-edit-link {

	color: #888;

}

.reply a:hover,

a.comment-edit-link:hover {

	color: #ff4b33;

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

.commentlist .children li {

	border: none;

	margin: 0;

}

.nopassword,

.nocomments {

	display: none;

}

#comments .pingback {

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 18px;

	padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

	margin-top: -6px;

}

#comments .pingback p {

	color: #888;

	display: block;

	font-size: 12px;

	line-height: 18px;

	margin: 0;

}

#comments .pingback .url {

	font-size: 13px;

	font-style: italic;

}



/* Comments form */

input[type=submit] {

	color: #333;

}

#respond {

	border-top: 1px solid #e7e7e7;

	margin: 24px 0;

	overflow: hidden;

	position: relative;

}

#respond p {

	margin: 0;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	margin: 0 48px 0 0;

}

h3#reply-title {

	margin: 18px 0;

}

#comments-list #respond {

	margin: 0 0 18px 0;

}

#comments-list ul #respond {

	margin: 0;

}

#cancel-comment-reply-link {

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

}

#respond .required {

	color: #ff4b33;

	font-weight: bold;

}

#respond label {

	color: #888;

	font-size: 12px;

}

#respond .form-allowed-tags {

	color: #888;

	font-size: 12px;

	line-height: 18px;

}

#respond .form-allowed-tags code {

	font-size: 11px;

}

#respond .form-submit {

	margin: 12px 0;

}

#respond .form-submit input {

	font-size: 14px;

	width: auto;

}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#featured { display:none }
#newsbox { width:820px; height:56px;}
#home { height:440px !important; background-size:cover; }

.covid { background-color:#699a4b;color:#fff; font-weight:strong; padding:10px 25px; line-height:18px; display:block; font-size:14px; }