/* Thanks Online 
    2011 Natalie Leigh http://nataliejleigh.com
*/

/* Reset CSS http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong{font-weight:bold;}
/*------------  Base Elements  ------------ */

body { margin: 0; padding: 0; font-size: 12px; font-family: Century Gothic, sans-serif; color: #000000;}

img { border:0px;}
.clear {clear: both;}
.small { font-size: 85%;}
.big {font-size: 125%;}
.fl {	float: left;}
p,h1,pre {margin:0px 0px 10px 0px; font-size: 12px; line-height: 1.3em;}
	
a:link, a:visited, a:active, a:hover {text-decoration:underline;font-weight: normal;color: #333333;}
a:hover {text-decoration:none;font-weight: normal;color: #333333;}

.divider{ border-bottom: 1px solid #000000; height: 10px; margin:0px 0px 10px 0px; }
.clear{ clear:both;}

/* titles */
h1, h2, h3, .dividerheader { margin:0px; padding: 7px 0px; text-transform:uppercase; font-size: 18px; border-bottom:1px solid #000000;}
#content h1{ border-bottom: 0px;}
#content.home h1, #content.page h1.page-title{ border-bottom: 1px solid #000000;}
#content.page h1.page-title{ margin-bottom: 10px;}
#content.page h1 a{ text-decoration:none;}
h2 { margin:0px; padding: 0px; font-size: 20px; border: 0; text-transform:none; }
#content.page h2{ text-transform:none;font-size:18px;margin:10px 0px;}
h3 { font-size: 18px; border:0; }
h3 { font-size: 16px; border:0; }
.product h3{text-transform:none; font-size:12px;}
.pageheader{margin: 0px;padding-bottom: 5px;}

/* form */
form{ margin: 0px; padding: 0px;}
input, select, textarea, button { background:#ffffff none repeat scroll 0 0; border: none; font-family: Century Gothic, sans-serif; font-size:12px; line-height:1.2em; padding:5px; border:1px solid #000000; }

/*------------  theme outer template ----------- */
/* layout holders */
#entire { width:100%; overflow:hidden; min-width:980px; position:relative;}
#center { position:relative; width:980px; margin:0 auto;}
#top { height: 5px; width: 100%; background: #ffffff url(http://www.thanksyo.com/images/bg_stripe.gif) repeat-x top;margin-bottom: 20px;}
#header, .content, #footer { width:100%; position:relative;}

/* header */
#header{ height: 100px; }

/* logo */
#logo, #logoLink { position:absolute; left:0px; top:0px; display:block; width:164px; height:39px; border:0; z-index:2; cursor:pointer; background:transparent url(http://www.thanksyo.com/images/thanks_logo_web.jpg) left top no-repeat;}
#logoLink {  background:url(../images/gen/bk/spacer.gif); z-index:11;}
#logo img, #logoLink span {display:none;}

/* search */
.searchForm{ width:168px;bottom: 7px;position: absolute;right: 0;}
.search, input .search { color:#000000; font-size:14px; background-color:#ffffff; width: 120px; float:left;}
.submit{ cursor:pointer; background-color: #ffffff; font-weight:bold; float:right;}
#search_submit:hover{background:#575757 none repeat scroll 0 0; }
#header_search input{ border:medium none; margin:3px 0 0; vertical-align:middle; }
#search_submit{background:#000000 none repeat scroll 0 0; color:#FFFFFF; float:left; font-size:11px; font-weight:bold; height:25px; text-align:center; text-transform:uppercase; width:65px; }
.searchForm .submit{height: 30px;margin-left: 5px;width: 28px;}

/* cart info */
.cart-info{ position:absolute;top:0px;right:0px; text-align:right;line-height:1.5em;}
.cart-info, .cart-info a{font-size:14px;text-transform:uppercase;text-decoration:none;}
.cart-info .customer-info, .cart-info .customer-info a{font-size:12px;color:#cccccc;}
.cart-info .customer-info a:hover{text-decoartion:underline;}
/* text banner */
.text-banner{ margin:0 0 10px 0; text-align:center; border-top:1px solid #000000; border-bottom: 1px solid #000000; height: 40px; color: #808080;}
.textlinks{margin:14px 0px; width:880px; float:left;}
.textlinks table tr td{font-size: 12px;}
.textlinks table tr td a{color: #6d6d6d; text-decoration:none;text-align:center;}

/* icons */
.iconholder{ height: 30px; padding:8px 0px 0px 0px; float:right;}
.icon{ float:left;}
.icon a{ width:25px; height: 24px; overflow:hidden; background-position: top left; cursor:pointer; float:left; padding-right: 5px; display:block; text-decoration:none;}
.icon a:hover{    background-position: bottom left;}
.facebook a{background:transparent url(http://thanksyo.com/images/shop/icons/ico-facebook.png) no-repeat top left;padding-left:1px;}
.twitter a{background:transparent url(http://thanksyo.com/images/shop/icons/ico-twitter.png) no-repeat top left;}
.mailing a{background:transparent url(http://thanksyo.com/images/shop/icons/ico-mailinglist.png) no-repeat top left;}
.rss a{background:transparent url(http://thanksyo.com/images/shop/icons/ico-rss.png) no-repeat top left; padding:0;}

/* breadcrumbs */
.breadcrumbs{margin: 10px 0px; padding:0px;}
.breadcrumbs ul{list-style-type:none;}
.breadcrumbs ul li{float:left; margin-right: 10px;}
.breadcrumbs ul li, .breadcrumbs ul li a{color:#6d6d6d;font-size: 12px; text-decoration:none;}

/* footer */
#footer { clear: both; text-align: center; width:100%; margin: 20px auto; padding-top: 10px; }
#footer-final{margin: 10px 0px; height: 30px;}
#footer-final p{float:left; width: 500px;}
#footer-final img{float:right;}

/*------------  nav and header nav ------------ */
nav li a:visited, av li a:hover, nav li a:link, nav li a:active{text-decoration:none;}

#header nav{position:absolute;top:70px;height:40px;left:0;}
#header nav{}
#header nav li {position:relative; z-index:32000 !important;float:left;display:inline;font-size:20px;}
#header nav li.dropdown > a , #header nav li > a {font-size:18px;text-transform:uppercase;text-decoration:none;padding:3px 5px; margin:0 3px;}
#header nav li.dropdown > a:hover, #header nav li > a:hover {color:#ffffff;background-color:#000000;}
#header nav li.dropdown > a.current { background-color: #ffffff; color:#000000}
#header nav li.homeicon > a:hover, #header nav li.homeicon > a:hover {color:#ffffff;background-color:#ffffff;}

/* dropdown */
#header nav li ul {z-index:40000 !important; position:absolute; text-align:left; min-width: 240px; top:100%; display:none; background-color: #ffffff; padding:4px 0px;border:1px solid #E1E1E1;left:0;}
#header nav li ul.Womens {min-width: 260px;}
#header nav li ul.Mens {min-width: 260px;}
#header nav li ul.Accessories {min-width: 260px;}
#header nav li ul.Brands {min-width: 430px;}
#header nav li ul li, #header nav li ul li a {display:block; margin:0; padding:0; float:none;text-align:left;}
#header nav li ul li a {display:block;}
#header nav li ul li a.current {background:none !important; color:#000 !important;}
#header nav li ul li a:hover {color:#fff;background-color:#000000;}
#header nav li.first a {margin-left:0px;}
#header nav ul.dropdown{margin-top:10px;}
/* dropdown sub items */
#header nav li ul ul {position:relative; min-width:130px; text-align:left; display:block; border:0;float:left;margin:0;top:0;}
#header nav li ul.Brands ul{ min-width: 140px;}
#header nav li ul li li{min-height: 15px;}
#header nav li ul li li, #header nav li ul li li a {display:block; margin:0; padding:0; float:none;text-align:left;}
#header nav li ul li li a {color: #000000; font-size: 12px; padding: 4px 10px; text-transform: none;}

/* sidebar nav */
#sidebar nav li{padding: 4px 0px;}

/* footer nav */
footer{border-top:1px solid #000000;border-bottom:1px solid #000000;padding:20px 0px;margin-top:20px;}
footer nav{float:left;width: 188px; margin-right:10px;}
footer nav.last{margin-right:0px;}
footer nav .upper{font-size:16px;text-transform:uppercase;text-decoration:none; margin: 0px 0px 10px 0px;display:block;}
footer nav li a{ padding: 3px 0px; display:block; text-decoration:none;}

/*------------  home page  ------------ */

/* slideshow  */
#slideshow{     width: 980px; height:460px; position:relative;}
.pics { width:980px; height:460px; 	overflow:hidden; margin:0; padding:0; }
.pics img { width:980px; height:460px; top:0; left:0; }


/* rss reader */
#rssFeed {margin-top:15px;}
#rssFeed .rssHeader{display:none;}
#rssFeed .rssRow{position:relative;display: inline;float: left;padding: 0;width: 188px; height:140px;}
#rssFeed .rssRow.even{margin-right: 10px; margin-left:10px;}
#rssFeed .rssRow h4 a{color: #000000; text-decoration:none; padding: 5px 0px; top: 100px; position:absolute;}
#rssFeed .rssDate, #rssFeed a.rssDate {color: #6d6d6d;}
#rssFeed .rssMedia{position:absolute;width:188px;height:90px;overflow:hidden;top:0;left:0;}
#rssFeed .rssMedia img{width:188px;float:left;}

/*------------  collections  ------------ */
#collection-title{float:left;}
.coll-desc { clear:both; border-bottom: 1px solid #000000; padding-bottom:10px; margin-bottom:20px;}
#sort {float: right;height: 12px;margin: 10px 0;}

ul#vendors{ float: left; width: 188px; margin-right:10px;}
ul#vendors li a{text-decoration:none;}

.product { position:relative;width: 188px;  margin: 0 4px 20px 4px; padding: 0px; text-align: center; float: left;}
.product.last { margin-right:0;}
.product h3 {font-weight: normal;margin:10px 0px;font-size: 12px;padding:0;min-height: 27px; height: 27px; overflow:hidden;}
.product h3 a {font-size: 12px; text-decoration: none;font-weight:bold;}
.product-image { width: 188px; height: 180px; margin: auto; overflow:hidden;}
.product-image img { border: 0; height:150px; padding:10px 0px;} 
.product .prod-info{ text-align:left; padding: 0px 10px;}
.product .prod-buy{color: #908888;width:100%;}
.product .prod-buy .money {color: #908888; text-decoration:none;margin-right:5px;}
.product .prod-buy .view {float:right;color: #908888; text-decoration:none;}
.product .prod-buy .view a{color: #908888; text-decoration:none;}
.product .prod-buy .view a:hover{text-decoration:underline;}
.product .prod-buy .saleprice {color: #ff0000;}

.label-tag{ border:1px solid #cccccc;position:absolute; top: 165px; left: 10px; padding:2px 5px;color: #cccccc;z-index:2000;font-size:11px;}
.sold{border:1px solid #999999;color:#999999;}

/*------------  pagination  ------------ */
#pagination {font-size:12px;padding: 10px;}
#pagination .page{padding: 5px;margin: 2px;border: 1px solid #000000;}
#pagination {text-align: right;}

/*------------  products  ------------ */
/* products */
#product{margin-top:20px;}
#product .images {float:left; width:480px;}
#product .content {float:right; width:355px;}
#product .selector-wrapper {margin-right:10px; float:left;}
#product .images .image {padding:3px;}
#product .images img {display:block;}
#product .images .featured {}
#product .images .thumbs {width:472px;}
#product .images .featured img {max-width:472px;}
#product.one_image .content {width:455px;}
#product .images .thumbs .image {margin:13px 13px 0 0; min-height:80px; min-width:40px; text-align:center; float:left !important;display:inline;}
#product .images .thumbs .image a {display:block;max-width:80px;}
#product .images .thumbs .image img {max-width:80px; margin:0 auto;}

/* cloud zoom */
.cloud-zoom-lens {background-color:#fff;}
.cloud-zoom-title { position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px;}
.cloud-zoom-big {overflow:hidden;}
.cloud-zoom-loading {color:white; background:#222; padding:3px; border:1px solid #000;}

#product-main {width:600px;text-align:center;}
#prod-img {width:500px;text-align: center;}
#prod-img img {vertical-align: middle;}
.prod-img-small {width: 100px;height: 100px;margin: 8px 3px;padding: 5px;text-align: center;}
#prod-img-small img {vertical-align: middle;}
ul#variants {list-style-type: none;    margin: 10px 0;padding: 0;float:left;width:400px;	font-size: 12px;}
#description {padding: 0px 0px 10px 0px;clear:both;width:360px;font-size: 12px;}
#variant-add {	clear:both;margin: 0px 0;width:380px;}
.addtocart {float:left;}

.infolinks{line-height: 1.8em;margin: 0 0 20px 0;}
.infolinks, .infolinks a{color: #808080; text-transform:uppercase; text-decoration:none;}
#colLeft, #colRight{float:left;}
#colLeft{width: 500px;}
#colRight{margin-left: 10px; width: 450px;}

.brand {margin: 10px 0px;}
.brand, .brand a{ color: #808080; text-transform:uppercase; text-decoration:none;}
.price, #price-field{font-size: 18px; margin: 20px 0px;}

#productDisplay{ width: 436px; margin-right: 16px; float:left;display: inline;}
#latestproducts, #saleproducts{width: 436px;}
#labelDisplay{width: 216px;float:left;text-align:left;display: inline;}

#expressrex-container{margin-top:20px;font-size: 14px;line-height: 1.3em;}
#expressrex-container a{text-decoration:none;font-size: 12px;}
#expressrex-container .money{padding-top:5px;color:#808080;}
/*------------  pages  ------------ */
#sidebar { width:188px; margin-right: 10px; float:left; display: inline;}
#page-holder{ width:782px; float:left;}
#page-holder table tr td{padding: 5px;}
#page-holder table tr td strong{font-weight:bold;}

/* store locations page */
.magnify-zoom{ background: url("magnify-zoom.png") no-repeat scroll 340px 10px transparent; height: 235px; left: 0; position: absolute;top: 0;  width: 381px;  z-index: 500; }
.magnify-zoom a{ display:block; cursor:pointer; text-decoration:none; width: 381px; height: 235px;}


/*------------  search bar  ------------ */
.rss-box ul{ list-style-type: none; margin: 0px; padding: 0px;}
.rss-box ul li{ padding: 10px 0px 10px 0px;}
.rss-box ul li a{ font-size: 18px; text-transform:uppercase;}

/*------------  cart  ------------ */

#shopping-cart { height: 20px; text-align: left; padding-top:4px; padding-left:10px;font-weight:bold;background-image:url(cart.gif);background-repeat:no-repeat;background-position:left top;}
.cart_button, .button{ background:#000000 none repeat scroll 0 0; color:#FFFFFF; float:left; font-size:12px; font-weight:bold; text-align:center; text-transform:uppercase; }
.cart_button{ width: 200px; padding:10px; vertical-align: middle; cursor:pointer;}
#tab{border-bottom: #000000 1px solid;margin-bottom: 10px;}

#shoppingcart {width: 200px;margin: 4px;padding: 0px;text-align: center;float: left;}
#shoppingcart a:link, #shoppingcart a:visited, #shoppingcart a:active, #shoppingcart a:hover {text-decoration: none;}
#shoppingcart a:hover {	text-decoration: underline;}
#shoppingcart h3 {font-weight: normal;margin:0px;font-size:80%;}
#shoppingcart select {margin: 5px;}

.shoppingcart-image {width: 200px;height: 120px;margin: auto;}
.shoppingcart-image img {border: 5px solid white;height:100px;}
.updater {font-size:70%;padding:5px;}
.cart-update {width:30px;}
.remove-cart {	margin:8px;}

.checkout {width: 100%;margin: 5px 0px;padding: 15px 0px;text-align:center;height: 40px;}
.checkout .cart_button, .checkout .button {float:right;margin-left: 5px;cursor: pointer;padding: 10px;}
.checkout .button {float:left;color: #ffffff;background-color: #cac7c7;text-decoration:none;}
.checkout a{text-decoration:none;}
.total {clear:both;width: 610px;font-size:100%;font-weight:bold;margin: 5px;padding: 5px;text-align:center;}

#checkoutbtn{height:32px;margin:0;overflow:hidden;position:absolute;right:-3px;top:-27px;width:128px;}
#checkoutbtn a{background-image:url(http://static0.shopify.com/s/files/1/0028/6482/files/checkout_link.png);background-position:left top;background-repeat:no-repeat;display:block;float:left;height:100%;text-decoration:none !important;	width:100%;}
#checkoutbtn  a:hover {background-position:0 bottom;}
#checkoutbtn  a span {visibility:hidden;}

.selector-wrapper{margin: 2px;}
.selector-wrapper label{width: 4em;float: left;text-align: left;margin-right: 0.5em;margin-top:0.5em;display:block;}
.single-option-selector{}

/*------------  blog.liquid  ------------ */
#page {padding: 15px 0;}
.headline { margin: 24px 0;}
.headline h3 {	float: left; font-size: 125%; margin: 10px 5px 5px 25px; padding-bottom: 5px;}
.title { height: 48px;}
.date { height: 48px; width: 100px; float: left;text-align: center;}
.date h4 {margin-top: 10px;}

/*------------  article.liquid  ------------ */
.article {font-size:85%;}
.article h3 {padding: 3px 8px;}
.article-details {font-size: 85%;margin: 0px; }
#comments {}
#comments h3 { font-size:85%;}
#comment-list { margin:0px;}
#comment-list li {list-style-type: none; background-color: #f9f9f9; padding: 5px; width:500px; font-size:85%; margin: 5px;}
.comment-details { font-size:75%; margin-left:10px;}
#comment-form { font-size:85%;}
#comment-form h3 { font-size:100%; padding-top: 10px;}
#comment-form dl { background-color: #f9f9f9; padding: 5px; width:550px;}
#comment-form dt { padding: 10px 0px 3px 40px; }