/*  
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>.
*/

/* reset.css */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,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;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/*
-------------------------------
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
---------------------------------
*/

#index-heading {width: 960px; margin: 0 auto; position: relative}

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

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

#logo {margin:0 auto; padding:25px 0px 10px; 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:940px; margin:0 auto; height:10px; padding: 10px 20px 40px}

/*
-------------------------------
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:#ffffff;}

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;}
	
	/* Pagination */
	
	.wpsc_page_numbers a {font-weight: bold; padding: 5px 7px; background: #cef9ab; border: 1px solid #E1E1E1;
	                      -moz-border-radius: 3px; -webkit-border-radius: 3px;
	}
	
	.wpsc_page_numbers a:hover {background: #ecffdd}
	
	div.wpsc_page_numbers a.selected {background: #090; color: #FFF}
	
	/* affiliate table */
	
	.aff_table {border: 1px solid grey; width: 380px}
	
	.aff_table th {background: #f4efe1; padding: 5px;}
	
	.aff_table tr td {border: 1px solid grey; padding: 5px}



/*-------------------------------
Colors
-------------------------------*/
a {color:#E0941A; cursor:pointer;}

a.productlink {color:#E0941A;}




/*-------------------------------
HOMEPAGE OPTIONS
-------------------------------*/

#carouselspace {margin-top:70px; 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:150px; clear:both; margin-top:20px;}

#carousel p {text-align:center; margin:3px 0px 10px 10px;}

#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;}





/***************** 960.css *****************************************/

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}