/*
Theme Name: SP Themes
Version: 1.0
Author: Trinkit
Author URI: http://www.trinkit.co.nz
*/


/* RESET
========================================== */
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;}
body {line-height: 1;}
table {border-collapse: collapse; border-spacing: 0;}
:focus {outline: none;}
a img {border: none;}
ol, ul {list-style: none;}
input,textarea { margin: 0;}
ins {text-decoration: none; font-weight: bold;}
del {text-decoration: line-through;}
.ie6-upgradebar {display: none;}

/* LAYOUT
========================================== */
body {font-family: "Verdana", "Lucida Fax", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 70%; line-height: 150%; background: url('images/lights-bg.jpg') repeat-x top center; background-color: #97b2c8; color: #375362;}
h1, h2, h3 {font-family: "Century Schoolbook", "Century", Georgia, "Times New Roman", serif; font-weight: normal;}
a, a:visited {color: #00A6CC; text-decoration: none;}
a:hover, a:active {color: #DA444F; text-decoration: none;}

div#page {width: 960px; margin: 0 auto;}
div.container {width: 960px; margin: 0 auto; height: 100%; overflow: auto;}
div.small {width: 220px; float: left;}
div.large {width: 740px; float: right;}
div.full {width: 100%; float: left;}
#content div.container.body .large {background-color: #fff; padding-top: 16px; padding-bottom: 20px; min-height: 600px;}


/* HEADER
========================================== */
#header {width: 100%; margin: 0 auto;}
#header .container {padding: 20px 0;}
#header h1  a {display: block; font-weight: normal; float: left; padding: 0; margin: 0; width: 195px; height: 61px; text-align: left; background: url('images/spthemes-logo.png') no-repeat left top; text-indent: -9999px;}
#header h2 {font-size: 120%; float: right; letter-spacing: 1px; padding: 0; line-height: 100%; text-transform: uppercase; margin-top: 20px;}


/* MAIN NAVIGATION
========================================== */
#navigation {clear: both; width: 100%; margin: 0 auto; background: transparent url(images/sidenav-top.png) no-repeat bottom left;}
#navigation .container {height: 42px; overflow: visible;}
#nav {position: relative; float: right; margin: 0; padding: 0; list-style-type: none; z-index: 100; background-color: #DB4650; background: url('images/nav-bg.png') repeat-x left top; text-align: right; line-height: 175%;}
#nav li {position: relative; float: left; height: 42px; font-size: 100%;}
#nav li:first-child a {background-image: none;}
#nav li a {display: block; float: left; background: url(images/nav-separator.png) no-repeat left top; padding: 12px 15px 6px 15px; color: #524b35;	font-weight: normal; text-decoration: none; white-space: nowrap; text-align: left;}
#nav li a:hover, #nav ul li a:hover {color: #fff;}
#nav li.current_page_item a, #nav li.current_page_parent a {font-weight: bold;}
#nav li ul {position: absolute; visibility: hidden; float: none; top: 42px; left: 0px; width: 150px; margin: 0; padding: 5px 10px 6px 10px; z-index: 10000;	border: 1px solid #C0ACB2; border-bottom-width: 2px; border-bottom-color: #AF9DA3; border-top: 0; background-color: #fff; opacity: 0.97;}
#nav li:hover ul, #nav li.iehover ul {visibility: visible;}
#nav ul li{display: block; float: left; clear: both; margin: 0; padding: 0; width: 100%; height: auto; font-size: 100%; line-height: 100%; overflow: hidden; white-space: normal; border-bottom: 1px dotted #E1DAB7;}
#nav ul li:last-child {border-bottom: 0;}
#nav ul li a {display: block; width: auto; height: auto; float: none; font-weight: normal; background-image: none; padding: 6px 0; white-space: normal;	color: #666;}
#nav li.current_page_item ul li a, #nav li.current_page_parent ul li a {color: #666;}
#nav li ul li a:hover, #nav li.current_page_item ul li a:hover, #nav li ul li.current_page_item a {color: #DA444F;}



/* CONTENT
========================================== */
#content {clear: both; width: 100%; margin: 0 auto;}
#content #content {background: transparent; width: auto; padding: 20px; margin: 0; border: 0;}/*fixes other content inside content box*/

h1 {color: #503D43;}

.post-title h2 {color: #666666; font-size: 240%; text-decoration: none; margin: 30px 0 20px 0; border-bottom: 1px dotted #DCC49A; padding-bottom: 20px;}
.post-title h2 a {color: #666666;}

h2 a:hover, #content h3 a:hover {color: #DA444F; text-decoration: none;}

h3 {color: #266d1c; font-size: 200%; margin: 15px 0 15px 0;}
h4 a, #content h4 a:visited {color: #666;}

.post-content .intro {padding-bottom: 20px; border-bottom:1px dotted #DCC49A; display: block; font-size: 110%; line-height: 1.6em;}
.post-content strong.faq {color: #266D1C; margin: 35px 0 5px 0; display: block; font-size: 110%;}
.post-content .discount {display:block;padding:20px 10px;font-size:180%;text-align:center;background:#fff7d7;}
.post-content .discount em{font-style:normal;font-size: 125%;font-family: "Century Schoolbook", "Century", Georgia, "Times New Roman", serif; }

#content ul {list-style: none;}
#content ul, #content ol {padding: 0 0 20px;}
#content ul li, #content ol li {background: url('images/bullet.gif') no-repeat 16px 9px; padding: 3px 0 3px 30px;}
#content ul li a {font-weight: normal; text-decoration: none}
#content ul li a:hover {text-decoration: underline}
#content ol {margin-left: 30px;}
#content ol li {padding-left: 0; background-image: none;}

.wpsc_page_numbers {margin-top: 15px; text-align: right;font-size:120%;}
.wpsc_page_numbers a{color: #375362;padding:0 2px;}
.wpsc_page_numbers a.selected {border-bottom:1px solid #1F9FD4;}
.wpsc_page_numbers a:hover {border-bottom:1px solid #1F9FD4;}



#TB_window {width: 1105px !important;}
#TB_window img {width: 1070px; height: 785px; border-color: #d2d2d2 !important;}

#contact-form td.submit input {width: 115px; height: 33px; margin: 6px 0 6px; padding: 0; background: url('images/button-add-to-cart.png') no-repeat center top; background-color: #00B5DF;	color: #fff; border: 0; text-align: center; cursor: pointer;}
#contact-form td.submit {padding-left: 166px;}
#content div.wpcf7-mail-sent-ok {border: none; border-bottom: 1px solid #E1DAB7; padding: 15px 0; margin: 0; font-weight: bold;}
#content div.wpcf7-validation-errors {border: none; border-bottom: 1px solid #E1DAB7; padding: 15px 0; margin: 0; font-weight: bold;}

a.thickbox img {background:#fff; border:1px solid #DDD; padding:2px; margin: 3px;}
a:hover.thickbox img {background:#F2F2F2; border:1px solid #CCC; padding:2px; margin: 3px;}
a.purchase{float: right; font-style: italic; font-size: 80%;}

span.line {display: block; font-family: courier;}

#theme-features {border-left: 1px #E1DAB7 solid; border-bottom: 1px #E1DAB7 solid; width: 700px;}
#theme-features tr td {padding: 3px 12px; border-right: 1px #E1DAB7 solid; vertical-align: middle;}
#theme-features tr.features-head  td {padding: 6px 12px; background-color:#F7F8E8; border-top: 1px #E1DAB7 solid; border-bottom: 1px #E1DAB7 solid; font-weight: bold; text-transform: uppercase; text-align: center;}
#theme-features tr.features-head  td.feature {text-align: left;}
#theme-features td.yes {background: url('images/tick-page.gif') no-repeat center center;}
#theme-features tr.spacer td {height: 15px;}


/* SHOPPING CART
========================================== */
.product-listing {width: 700px; padding: 40px 0; float: left; overflow: hidden; zoom:1; border-bottom: 1px dotted #DCC49A;}
.product-image {float: left; xwidth: 375px;}
.product-image a img {padding: 5px; border: 1px #DDD solid; background: #FFF;}
.product-image a:hover img {padding: 5px; border: 1px #CCC solid; background: #F2F2F2;}
.product-text {float:right; width: 300px;}



/* PRODUCT PRICE
========================================== */
.product-text .wpsc_product_price {margin: 10px 6px 3px 0px; padding-bottom: 5px; border-bottom: 1px dotted #DCC49A; float: none; width: 115px; font-weight: normal;}
.product-text .wpsc_product_price .oldprice, .product-text .wpsc_product_price .oldprice .pricedisplay {text-decoration: line-through; color: #aaa;}
.product-text .wpsc_product_price .pricedisplay {	font-weight: normal; color: #266D1C; font-size: 180%; font-family: Georgia, "Times New Roman", serif;}
.denom {font-size: 80%;}
.wpsc_select_variation  {font-size: 90%;}

/* PRODUCT RATING
========================================== */
div.product_footer {position: relative; clear: both; padding: 0px !important; width: 100%; height: 35px; margin-top: 1em;}
div.product_footer strong {display: block; font-size: 7pt; font-weight: normal;}
div.product_average_vote{width: 50%; float: left; margin: 0px !important; height: inherit;}
div.product_user_vote {width: 30%; float: left; margin: 0px !important; height: inherit;}
span.vote_total {position: relative; top: -3px; left: 2px; font-size: 7pt;}
span.rating_saved {color: #990000; display: none;}    
img.goldstar {height: 15px !important; width: 16px !important;}


/* FANCY NOTIFICATION
========================================== */
#fancy_notification {position: absolute; top: 0px; left: 0px; xbackground: #fff9d6; xborder: 1px solid #f2cd75; display: none; height: auto; z-index: 9; padding: 10px;} 
#fancy_notification #loading_animation{display: none;}
#fancy_notification #fancy_notification_content span {margin: 0; display: block; font-weight: normal;}
#fancy_notification #fancy_notification_content, #fancy_notification #loading_animation {background:#FFFFFF none repeat scroll 0 0; border:0 none; display:block; height:auto; left:120px; overflow:auto; padding:3px 3px 2px; position:absolute; top:50px; width:160px;}
.go_to_checkout {padding-right: 8px; margin-right: 8px; border-right: 1px #DCC49A solid;}
 

/* SHOPPING CART BUTTONS
========================================== */
input.wpsc_buy_button {}
input.make_purchase {width: 138px; height: 33px;}
input.wpsc_buy_button {width: 115px; height: 33px; margin: 6px 0 6px; padding: 0; background: url('images/button-add-to-cart.png') no-repeat center top; background-color: #00B5DF;	color: #fff; border: 0; text-align: center; cursor: pointer;}
input.wpsc_buy_button:active {background-position: center -33px;}

form#search-form {background-color:#FFFFFF;border-color:#1F9FD4;border-style:solid;border-width:0 1px 1px 0;height:25px;margin:0;padding:3px;position:relative;}
form#search-form input.text, form#search-form label.overlabel-apply {font-size:110%;}
form#search-form input.text {background:#FFFFFF none repeat scroll 0 0;height:15px;left:3px;margin:0;padding:4px 3px 4px 4px;position:absolute;top:3px;width:110px;z-index:0; border-color:#BDBDBD #CCCCCC #DDDDDD; border-style:solid; border-width:1px;}
form#search-form input.button-search {display:block;height:25px;line-height:100%;margin:0;position:absolute;right:3px;top:3px;width:50px;}
form#search-form label.overlabel {display:none;left:0;position:absolute;top:0;}
form#search-form label.overlabel-apply {color:#666666;cursor:text;display:block;font-size:100%;left:9px;line-height:100%;margin:0;position:absolute;top:10px;z-index:1;}


/* SIDEBAR
========================================== */
#sidebar-1 {	background-color: transparent;}
#sidebar-1 .sidebar:first-child, #sidebar-1 .sidebar.first-child {background-color: #7DCFE7; border-bottom-color: #1F9FD4; border-bottom-style: dotted;}
#sidebar-1 .sidebar {behavior: expression(this.firstChild.style.background = "#7DCFE7");}
#sidebar-1 .sidebar:first-child h3, #sidebar-1 .sidebar.first-child h3 {color: #fff;}
#content .sidebar {padding: 0 12px 20px 0; margin-bottom: 20px; clear: both; height: 100%; overflow: hidden; border-bottom: 1px dotted #1F9FD4;}
#content .sidebar a:link, #content .sidebar a:visited {color: #375362; font-weight: bold;}
#content .sidebar a:hover, #content .sidebar a:active {color: #DA444F; text-decoration: none;}
#content .small h3 {color: #DA444F; padding: 0 0 12px; margin: 0;	font-weight: normal; line-height: 1.2em;}
#content .small h4 {padding: 0;}
#content .small p {padding-right: 0; padding-bottom: 6px; margin: 0; color: #666;}
#content .small ul {margin: 0; padding: 0 0 0px 0;}
#content .small ul li {color: #375362; font-weight: bold; line-height: 125%; padding-left: 12px; background-position: 0px 8px;}
#content .small ul li a:link, #content .small ul li a:visited {text-decoration: none;}
#content .small ul li a:hover, #content .small ul li a:active {text-decoration: none;}
#content .small ul li.current_page_item, #content .small ul li.current_page_item a {font-weight: bold;}
#content .small ul li ul {border: 0;}
#content .small ul li input, #content .small ul li select {margin-bottom: 0;}
#content .small ul li span.recent_date {padding-left: 3px; font-size: 80%; font-weight: bold; color: #889763;}
#content .sidebar ul li a:hover {text-decoration: none;}
#content .small ul ul {border: 0; padding: 0;}
#content .small ul ul li {border: 0; padding: 3px 0; background: url('images/bullet.gif') no-repeat 3px center; padding-left: 14px;}
/*Custom sidebars*/
#content .sidebar.tiny {float: left; clear: none; margin-right: 0;}
#content .sidebar.tiny ul {margin-right: 20px}
/*Ads sidebar*/
#content #ads.sidebar {margin-right: 0; margin-bottom: 0; padding-right: 20px; height: 100%;	overflow: auto;	border: 0; padding: 0;}
#content #ads.sidebar img {float: left; border: 0; margin: 0;	padding: 0;}

#shopping-cart #sliding_cart table {background-color:transparent; border:1px dashed #C0EFFB; border-collapse:collapse; text-align: center; margin:6px 0; padding:0; width:auto;}
#shopping-cart #sliding_cart table th, #shopping-cart #sliding_cart table td {border:1px dotted #C0EFFB; padding: 6px;}
#shopping-cart #sliding_cart a, #shopping-cart #sliding_cart a:visited {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#00B5DF; border-bottom:1px solid #008FCD; clear:none; color:#FFFFFF; display:block; float:left; font-size:100%; line-height:100%; margin:12px 3px 6px 0; padding:6px; width:73px;}

.totalhead {font-weight: bold;}

#price-range a {background:transparent url(http://spthemes.com/wp-content/themes/CraftyCart/images/bullet.gif) no-repeat scroll 0px 6px; padding:3px 0 3px 12px;}
#content #shopping-cart {padding-left:20px;}


/* CHECKOUT
========================================== */

input.make_purchase {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#00B5DF url(images/button-make-purchase.png) no-repeat scroll center top; border:0 none; color:#FFFFFF; cursor:pointer; margin:6px 0; padding:0; text-align:center;}

p.please-review {border-bottom:1px dotted #DCC49A; margin: 10px 0 20px; padding-bottom: 10px;}

table.productcart {text-align:left; width:100%; border-top: 1px #E1DAB7 solid; border-bottom: 1px #E1DAB7 solid;}
table.productcart td {background-color:#FFF; padding: 6px 12px; border-left: 1px #E1DAB7 solid; border-right: 1px #E1DAB7 solid;}
table.productcart tr.firstrow td {background-color:#F7F8E8; padding: 6px 12px; font-weight: bold; xborder-bottom: none;}
table.productcart td.firstcol {width: 360px;}
table.productcart td.secondcol {width: 115px;}
table.productcart td.totalcol {width: 500px;}
table.productcart tr.total_price td {font-weight: bold; padding-bottom: 6px;}

.remove_button {background: transparent; border: none; color:#00A6CC; font-size: 105%; cursor: pointer;}

#wpsc_shopping_cart_container h2 {margin: 40px 0 10px 0; padding-bottom:0; font-size:200%;}
table.wpsc_checkout_table {border: 1px #E1DAB7 solid; margin: 20px 0 20px 0; width:100%;}
table.wpsc_checkout_table h4 {border-bottom:1px dotted #E1DAB7; display:block; margin:6px 0; padding-bottom:6px; font-weight: bold;}
table.wpsc_checkout_table td {border-right: 1px #E1DAB7 solid; padding: 6px 12px; vertical-align: top;}

#region_select_6 {padding-top: 12px;}

/* POST
========================================== */
#content .post, #content .post-search, #content .post-nav, #content #comments {clear: both; margin: 0 20px 0 20px;}
#content .post-content img {max-width: 460px;}
#content .post-title {margin-top: 20px;}
#content .post-search {border-bottom: 1px dotted #DCC49A; padding-bottom: 20px;}
#content .post a.more-link {	padding-right: 15px; background: url('images/icon-more.png') no-repeat right center;}
#content .post-footer h4 {font-size: 110%; padding: 0 0 12px; text-transform: uppercase;}
#content .post-footer h4, #content .post-footer h4 a, #content .post-footer h4 a:link, #content .post-footer h4 a:visited {color: #999;}
#content .post-footer h4 a:hover, #content .post-footer h4 a:active {color: #DA444F;}
#content .post-footer span {padding-right: 4px; padding-left: 19px; background: url('images/icon-post.png') no-repeat left center;}
#content .post-footer span.post-comments {background-image: url('images/icon-comment.png');}
#content .post-footer span.post-date {background-image: url('images/icon-date.png');}
#content .post-footer span.post-category {padding-right: 3px;}
#content .post-nav {clear: both; text-align: right; padding-bottom: 20px;}
#content .post-nav, #content .post-nav a, #content .post-nav a:link, #content .post-nav a:visited {color: #999;}
#content .post-nav .previous {text-align: left; float: left;}
#content .post-nav .next {text-align: right;}
#content p.pagenav {clear: both;}
#content p.pagenav, #content .pagenav a, #content .pagenav a:link, #content .pagenav a:visited {color: #666;}
#content .pagenav a, #content .pagenav span {border: 1px solid #EAEAEA; margin: 0 2px 0; padding: 3px 6px 4px; display: inline;}
#content .pagenav span.extend {border: 0; padding: 0;}
#content .pagenav a {text-transform: lowercase; background-color: #F3F3F3; text-decoration: none; line-height: 50%;}
#content .pagenav a:hover {border-color: #BDAEB4;}
#content .pagenav span.current {background-color: #fff;}



/* FOOTER
========================================== */
#credits {margin: 20px 0;}
#credits ul.nav {padding: 0 0 12px; text-align: right;}
#credits ul.nav li {color: #666; margin: 0; display: inline;}
#credits ul.nav li a {display: inline; margin: 0; padding: 0px 6px 0px 4px; color: #fff;}
#credits ul.nav li a:hover {color:#DA444F;}