/*  

Theme Name: WPA Storefront

Version: 1.1

Description: A one, two or three column WordPress Theme designed for the wp-e-commerce plugin designed by Matt Jones of <a href="http://beyonddesignmedia.com">Beyond Design Media</a> and <a href="http://wordpressart.com">WordPressArt</a>.

Author: <a href="http://wordpressart.com">WordPressArt</a>.

*/







/*

-------------------------------

HTML Tag defaults

---------------------------------

*/

	

body { font-family: "Helvetica", Arial, Helvetica, "Lucida sans", sans-serif; font-size: 75%; line-height: 1.5em; text-align: center; padding: 0 0 30px; color:#666666; background:#000;}



p, ul, ol, table { margin: 0 0 1.33em }



strong { color: #202325; font-weight: bold }

em { font-style: italic }



h1 {color: #181818; font-size: 2.4em; font-weight: bold; line-height: 1; margin: 0 0 15px;}



h2 {color: #666; font-size: 1.8em; font-weight: bold; line-height: 1; margin: 0 0 20px;}



h3 {color: #181818; font-size: 1.5em; font-weight: bold; line-height: 1; margin: 0 0 15px;}



h4 {color: #181818; font-size: 1.35em; font-weight: bold; line-height: 1; margin: 0 0 15px;}



h5 {color: #181818; font-size: 1.2em; margin: 0 0 15px;}



h6 {color: #181818; font-size: 1em; margin: 0 0 15px;}



a, a:link, a:visited {text-decoration: none;}



a:hover, a:active, a.active {text-decoration: underline;}



img {border:0px;}



/*

-------------------------------

Basic Div Layout

---------------------------------

*/



#wrap {margin:0 auto; text-align:left;}



#header {width:1000px; margin:0 auto;}



#logo {margin:0 auto; padding:5px 0px 5px; position:relative; z-index:1;}



#logo a {border:none; cursor:pointer;}



#content {width:980px; background:#fff; margin:0 auto; padding:0; text-align:left; min-height:450px;}



#content_wrap {margin:0 auto;}



#content_top {width:1000px; background:url(images/container_top.png) no-repeat top center; margin:0 auto; height:20px;}



#content_bottom {width:1000px; background:url(images/container_bottom.png) no-repeat top center; margin:0 auto; height:20px;}



.container_clear {width:980px; margin:0 auto; height:10px;}



/*

-------------------------------

Navigations

-------------------------------

*/



/* Page Nav */



#nav_container {

	height: 40px;

	width:1000px;

	margin: 0 auto;

	position:relative center; z-index:100;

	background:url(images/nav_bar.png) no-repeat top center;

}



#nav_wrapper {

	height: 40px;

	width:980px;

	margin: 0 auto;

	position:relative; z-index:100;

}



#nav {

	height: 40px;

	position: relative;

	top: 0px; left: auto;

	z-index: 9999;

	margin:0;

}



#nav a {

	display: block;

	line-height: 40px;

	padding: 0 10px;

	z-index: 100;

	font-size: 11px; 

	font-weight:bold; 

	text-transform:uppercase; 

	color: #333;

}



#nav a:hover {background:#333; color:#fff; text-decoration:none;}



#nav li {

	float: left;

}



/* Style drop down list */



#nav li ul { position: absolute; width: 172px; left: -999em;}

#nav li ul li {	background:url(images/nav_pixel.png) #9d9d9d;}

#nav li ul li a { line-height: 40px; width: 150px; }

#nav li ul ul {	margin: -26px 0 0 170px; }

#nav li ul ul li a { line-height: 40px; text-transform:none; }

#nav li ul li ul li a { }

#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */



/*

-------------------------------

NavSearchbox

-------------------------------

*/



#navsearchbox {text-align: right;}



#navsearchbox form {margin:0; padding:0;}



#navsearchbox input {border:0; margin:8px 0px; padding:0;}



#navsearchbox .navsearchinput {height:14px; padding:5px; width:160px; background:url(images/searchbar_grad.png) #999; color:#fff;}



#navsearchbox input#searchsubmit {height:24px; width:18px; background:url(images/search_icon.png) no-repeat; cursor:pointer; margin:8px 4px 0px 0px;}



#navsearchbox #searchform input#searchsubmit:hover {height:24px; width:18px; background:url(images/search_icon.png) no-repeat; background-color:none; cursor:pointer; margin:8px 4px 0px 0px;}



#navsearchdivider {width:1px; height:40px; border-left:1px solid #666; margin:0 15px;}





/*

-------------------------------

Searchbox

-------------------------------

*/



#searchbox {}





/*

-------------------------------

Navbar Feed Icons

-------------------------------

*/



#navfeedicons {text-align:right;}



a.navfeedicon {display:block; height:24px; width:24px; margin:8px; border:0px; text-decoration:none; float:right;}



a.navfeedicon:hover {background-position:0px -24px;}



a.navfeedmail {background:url(images/mail_icon.png); width:36px;}



a.navfeedrss {background:url(images/rss_icon.png);}







/*

-------------------------------

Navigation Bar Dropbox

-------------------------------

*/



#button {

	height: 28px;

	width: 200px;

	margin: auto;

	position:relative;

	top:6px;

	right:0px;

	z-index:1;

}



#button img {height:28px; width:200px;}



.menu_class {

	margin-bottom: -5px;

}



.the_menu {

	display:none;

	width:200px;

}



.the_menu {background:#333; }



.the_menu ul.children {

	margin-bottom:0;

}





.the_menu ul.children li {

	padding-left:20px;

}



.the_menu ul.children li a {

	font-size:11px;

}



.the_menu li a {

	color:#ccc;

	text-decoration:none; 

	padding:10px; 

	display:block;

}



.the_menu li a:hover {

	padding:10px;

	font-weight:bold;

	background:#ccc;

	color:#333;

}



	



/*

-------------------------

Featured Slider

-------------------------

*/



.featured {background:#ccc;}



.stepcarousel{

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

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

	width: 940px;

	height: 300px; /*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*/

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

}



.stepcarousel .panel img {margin:10px 0px 0px 10px;}



.featured_text {padding:20px 20px 0 0;}



	.featured_text h2 {text-transform:uppercase;}

	

	.featured_text h2 a {color:#333;}

	

	.featured_text p.read_more a {font-size: 12px; font-weight:bold; color:#fff; background:#E0941A; padding:10px 15px;}

	

	.featured_text p.read_more a:hover {text-decoration:none; background:#333; color:#fff;}



/*

-------------------------

Featured Slider Navigation

-------------------------

*/



#slider_nav {color:#dddddd; padding:10px 0px 10px 0px; line-height:20px; height:20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; margin-top:10px; background: #000;}



#slider_nav img { vertical-align:middle;}



#slider_nav p {line-height:20px; margin:0 !important; color:#dddddd; text-align:right;}



#slider_nav a {color:#ffffff; text-decoration:none; margin:0px 10px;}



#slider_nav a img {margin: 0 5px;}





/*

-------------------------

   Featured Slideshow

-------------------------

*/

#featured-slideshow {height:310px;}



#featured-slideshow img {border:10px solid #ccc;}





/*

-------------------------

Post Entry

-------------------------

*/



.entry {border-bottom:1px solid #E4E4E4;}



.entry blockquote p {color: #666;font-size: 16px; font-style: italic; line-height: 22px;}



.entry ul {margin-left:50px;}



	.entry ul li {list-style-type: square; line-height:2;}



.entry ol {margin-left:50px;}



	.entry ol li {list-style-type:decimal; line-height:2;}

	

.entry h3 {margin-top:15px;}



#albums .entry {padding:10px; color:#eeeeee; border-bottom:none;}



#albums h2 a {color:#000000;}



p.post_meta { font-size:11px; color:#666666; padding-bottom:5px; margin-bottom:10px;}



p.tags {padding-top:10px; margin-bottom:5px; padding-bottom:5px;}



.commentsbox {border-top:1px solid #E4E4E4; padding-top:15px;}



.entry blockquote {border-left:5px solid #666; margin:10px 0px 10px 50px; padding:10px 0px 10px 30px; font-style: italic; font-size:75%; font-weight:bold;}



.box {border-bottom:1px solid #E4E4E4; margin-bottom:15px;}



.entryclear {height:15px;}



#pagenavi {margin-bottom:15px;}



/*

-------------------------

Footer

-------------------------

*/



#footer {margin-top:5px; color:#ccc; font-size:11px;}



#footerleft {text-align:left;}



#footerright {text-align:right;}







/*

-------------------------

Widgets

-------------------------

*/



.widget {margin-bottom:20px;}



.widget a {text-decoration: none;}

	

	.widget a:hover {text-decoration:underline;}



	.widget ul li {margin: 0; padding:10px; border-bottom:1px dotted;}

	

	.widget h3 {padding: 5px 0; margin-bottom:20px;}

	

	.widget h4 img {float:left; margin-right:10px;}



/*

-------------------------------

Forms

-------------------------------

*/



#searchform input, #searchform textarea, #commentform input, #commentform textarea, .formBuilderForm input, .formBuilderForm textarea, input.wpsc_buy_button {padding:10px; background:#333; color:#fff; border:none;}



#searchform input#searchsubmit:hover, .formBuilderSubmit input:hover, input.wpsc_buy_button:hover, #commentform input#submit:hover {cursor:pointer; background:#aaa; color:#fff; }



.formBuilderForm .single_line_text_box input{width:250px;}



.formBuilderForm .formBuilderLabelRequired, .formBuilderForm .formBuilderLabel {width:100px;}



.formBuilderError {color:#693234;}



.formBuilderSuccess {color:#55814c;}



.formBuilderLabel, .formBuilderLabelRequired {font-weight:bold;}



.formBuilderSubmit input {float:left; margin-bottom:15px;}





/*wpsc checkout form*/





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

Utility classes

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



.clear { clear: both }



/* Align */



.aligncenter {margin: 10px auto 20px auto; display: block;}



.alignleft {margin: 10px 20px 8px 0;float: left;}



.alignright {margin: 10px 0px 8px 20px; float: right;}



.thumbnail {display: block;}



.box .thumbnail {margin: 0 0 5px 0 ;}



.fl {float:left;}



.fr {float:right;}



.tenpxspace {height:10px;}



.fr img.thumbnail {margin-left:10px;}



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

Special

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

.thumbnailbox img {border:7px solid #ddd; margin:5px}



.singlepostimage img {margin-bottom:15px; border:7px solid #ddd;}





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

WP-E-Commerce

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

table.shoppingcart {width:100%;}



table.shoppingcart td, table.shoppingcart th {background:#eee; margin:1px; padding:3px; border:1px solid #fff;}



table.shoppingcart th {background:#333; color:#fff;}



.total {margin:5px 4px; font-size:120%; font-weight:bold;}



.pricedisplay {text-align:right;}



.totalhead {text-align:left;}

	

	

	

	/*Product Display*/

	.single_product_display textcol, .default_product_display {border-bottom:1px solid #E4E4E4; clear:both; margin:15px 0px;}

	

	.productdisplay {clear:both; margin-top:20px;}

	

	.productdisplay .imagecol img.product_image {border:7px solid #ddd;}

	

	.productdisplay .imagecol {}

	

	.productdisplay .producttext {margin-left:5%; width:auto;}

	

	h2.prodtitles, h2.prodtitles a.wpsc_product_title {font-size:20px;}

	

	.wpsc_description {padding-top:5px;}

	

	.wpsc_product_price {float:left;font-size:16px; font-weight:bold;}

	

	.wpsc_buy_button_container, input.wpsc_buy_button {float:right;}

	

	.pricedisplay {text-align:left;}

	

	a.wpsc_edit_product {float:right; text-align: right; font-weight:normal; font-size:100%; font-style:italic;}

	

	.single_product_display {clear:both; margin-bottom:10px; padding-bottom:10px;}

	

	/* Cart */

	table.productcart tr.firstrow td {padding:4px;}

	

	table.productcart tr.product_row td.firstcol img {margin:5px 0px 0px; text-align:center; border:3px solid #ccc;}







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

Colors

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

a {color:#E0941A; cursor:pointer;}



a.productlink {color:#E0941A;}









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

HOMEPAGE OPTIONS

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



#carouselspace {margin-top:10px; clear:both;}



#homepagegrid {margin:20px auto 0px;}



#homepagegrid a {border:none; text-decoration:none;}



#homepagegrid a img {width:200px; margin:10px;}



.homepage_gridentry {background:#ccc; text-align: center; margin-top:10px; margin-bottom:10px;}



.homepage_gridentry:hover {background:#333;}



.homepage_gridentry:hover a {color:#fff;}



p.gridentry_title a {text-align:center; color:#000; font-weight:bold; font-size:14px; text-decoration:none;}



p.gridentry_title {margin:0px 10px 10px;}



#gridview-title {width: 940px;}



#gridview-title h1 {text-align: center; margin:20px 0px 20px; color:#666; /* border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0px 10px; */}





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

HOMEPAGE CAROUSEL

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

.infiniteCarousel {width: 940px; position: relative;}



.infiniteCarousel .carwrapper {width: 860px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 210px; margin: 0px 40px; position: relative; top: 15px;}



.infiniteCarousel ul a img {border: 5px solid #ccc;}



.infiniteCarousel .arrow {display: block; height: 36px; width: 37px; background: url(images/carousel-arrow.png) no-repeat 0 0; text-indent: -999px; position:relative; top: 37px; cursor: pointer; outline: 0;}



.infiniteCarousel .carwrapper ul {width: 840px; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}



.infiniteCarousel ul li {display:block; float:left; padding-right: 26px; height: 120px; width: 120px; position:relative; top:-55px;}



.infiniteCarousel ul li img {-webkit-transition: border-color 1s; width:120px; height:120px;}



.infiniteCarousel ul:hover li:hover img {border-color: #333;}



.infiniteCarousel ul li a img {}



.infiniteCarousel .arrow {display: block; height: 36px; width: 37px; background: url(images/carousel-arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 62px; cursor: pointer; outline: 0;}



.infiniteCarousel .forward {background-position: 0 0; right: 0;}



.infiniteCarousel .back {background-position: 0 -72px; left: 0;}



.infiniteCarousel .forward:hover {background-position: 0 -36px;}



.infiniteCarousel .back:hover {background-position: 0 -108px;}



#carousel {height:170px; clear:both; margin-top:20px;}



#carousel p {text-align:center; margin:3px 0px 10px 10px;
font-weight: bold;
font-size: 13px;
color: #808080 }



#carousel-title h1 {text-align: center; margin:20px 0px 0px; color:#666;}



.featured_static_image {border:10px solid #ccc;}



.carousel-item {position:relative; top:55px; right:-10px; float:right; height:55px; width:55px; z-index:999;}



.carousel-sale-item {background:url(images/sale_icon.png) no-repeat top right;}



.saleprice {color:#BF3B00; font-weight:bold;}

.producttext h2 a:hover {
text-decoration: none !important;
color: #000;
}
.gocheckout {
font-size: 16px;
margin-top: 6px;
font-weight: bold;
}

.carwrapper ul li a:hover {
color: none;
text-decoration: none;
}