/* @override http:// */
/*-------------------------------------------------------------------------------------
[Store Stylesheet]

Project:	Finding Optimism
Version:	1.0
Created by:	DesignRL

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

[Table of Contents]

	1. Main 
	2. Header
	3. Menu
	4. Content
	5. Footer
	6. Menu Listing

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

[fonts]

	body: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
[Colors]

	orange: #d77038;
	blue: #4169b2;
	red: #ab1600;

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


/* ==================== MAIN ==================== */

/* Universal --------- */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; background-position:0 0; }
img { border:0px; text-decoration:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
p { line-height:1.4em; margin:0px; padding:5px 0; }
h2 { margin:0px; padding:0px; font-weight:100; font-size:18px; color:#d77038; }
h2.cufon { font-size:40px; font-weight:700; color:#333; }
h3 { color:#4169b2; font-size:24px; border-bottom:1px dotted #DDD; margin:0 0 10px 0; padding:15px 0 5px 0; }
hr { border-color:#DDD -moz-use-text-color #FFFFFF; border-style:dotted none none; border-width:1px medium medium; height:1px; }
/**/
.clear { clear:left; font-size:1px; line-height:0px; height:0px; }
.centered { display:block; text-align:center; }



/* ==================== HOME ==================== */

#body { background:#FFFFFF url(../images/s-bg-stretch-50x300.jpg) repeat-x 0 0; padding:0px; width:auto; }
#body div.center { width:auto; background:none; }
#body div.column-full { margin:0 auto; padding-top:0px; }
#body div.center { padding-top:20px !important; }

/* Format --------- */
#main { margin:0 auto; clear:all; margin-top:21px; background-color:transparent; }
.store-front { background-image:url(../images/s-bg-plate-776x251.gif); background-repeat:no-repeat; background-position:0 0; height:207px; width:716px; padding:22px 30px; }
.store-front span.note { float:right; text-align:right; width:400px; color:#666666; padding:5px 0 0 0; position:relative; bottom:12px; }
.store-front span.note strong { font-size:13px; color:#990000; }
.store-front span.note small { display:block; color:#666666; }

/* Table --------- */
#main form { margin:0px; }
.store-front table { width:100%; margin-top:5px; }
.store-front table { vertical-align:middle; }
.store-front table th { border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-weight:100; font-size:18px; color:#d77038; padding:8px; }
.store-front th.add { text-align:right; }
.store-front th.add label { color:#666; font-size:13px; }
.store-front th.add label input { width:50px; }
/**/
.store-front td { text-align:center; padding:9px; }
.store-front td.version { font-size:18px; font-weight:700; color:#4169b2; text-align:left; width:230px; }
.store-front td.version img { margin-right:3px; }
.store-front td.version span { font-size:13px; font-weight:100; color:#666666; }
.store-front td.version strong, .store-front td.version span { position:relative; bottom:5px; }
.store-front td.price { font-size:24px; }
.store-front td.price sup { font-size:.5em; }
.store-front td.price small { font-size:12px; }
.store-front select { font-size:20px; padding:2px; }


/* ==================== HOME EXPANDED ==================== */

/* Format --------- */
#main { margin:0 auto; clear:all; background-color:transparent; }
.store-stretch span.note { float:right; text-align:right; width:400px; color:#666666; padding:5px 0 0 0; position:relative; bottom:12px; }
.store-stretch span.note strong { font-size:13px; color:#990000; }
.store-stretch span.note small { display:block; color:#666666; }

/* Table --------- */
#main form { margin:0px; }
.store-stretch table { width:100%; margin-top:5px; }
.store-stretch table { vertical-align:middle; }
.store-stretch table th { border-top:1px solid #DDD; border-bottom:1px solid #fff; font-weight:100; font-size:18px; color:#666; padding:8px; background-color:#eee; }
.store-stretch th.add { text-align:right; }
.store-stretch th.add label { color:#666; font-size:13px; }
.store-stretch th.add label input { width:50px; }
/**/
.store-stretch td { text-align:center; padding:9px; }
.store-stretch td.version { font-size:18px; font-weight:700; color:#4169b2; text-align:left; width:230px; }
.store-stretch td.version img { margin-right:3px; }
.store-stretch td.version span { font-size:13px; font-weight:100; color:#666666; }
.store-stretch td.version strong, .store-stretch td.version span { position:relative; bottom:5px; }
.store-stretch td.price { font-size:24px; }
.store-stretch td.price sup { font-size:.5em; }
.store-stretch td.price small { font-size:12px; }
.store-stretch select { font-size:20px; padding:2px; }
.store-stretch td.add { width:230px; }
/**/
.store-stretch td.productLabel { text-align:left; border-bottom:1px dotted #d8e3ec; border-top:1px dotted #d8e3ec; background-color:#e8f0f7; padding:4px; font-size:13px; color:#666; }


/* Content --------- */
#content { width:756px; margin:0 auto; clear:both; }
/**/
.notice { padding:0px; font-size:12px; background:none; float:left; width:500px; }
/**/
.block { width:227px; float:left; padding:0 12px 40px 13px; }
.block strong { display:block; padding:8px 0 3px 0; color:#333; font-weight:700; font-size:15px; }
.block ul { margin:0px; padding:0 0 0 15px; }
.block ul li { margin:0px; padding:7px 0; }
.block ul a { color:#4169B2; }
.block ul li.more { list-style:none; }
.block ul li.more a { text-decoration:underline; position:relative; right:5px; font-size:12px; color:#666; }


/* ==================== STORE ==================== */

.summary h3.cufon, .payment h3.cufon { color:#333; font-size:24px; font-weight:700; border:none; padding:0px; margin:0px; }
/* Format --------- */
.store-stretch { background:#fafafa url(../images/s-bg-bottom-776x20.gif) no-repeat 0 bottom; padding-bottom:20px; width:776px; }
.store-stretch div.stretch { background:#fafafa url(../images/s-bg-stretch-776x20.gif) repeat-y 0 0; }
.store-stretch div.topbg { background-image:url(../images/s-bg-top-776x276.gif); background-repeat:no-repeat; background-position:0 0; width:716px; padding:22px 30px 10px 30px; }
/**/
.summary { width:440px; padding:0 20px 0 0; float:left; }
.summary table { width:100%; margin:10px 0 20px 0; }
.summary table th { border:none; border-top:1px solid #999; font-weight:100; color:#d77038; padding:7px; font-size:14px; }
/**/
.summary table tr.thank th { border-top:none; color:#999999; font-size:18px; text-align:left; padding-left:0px; }
.summary table th.pro { text-align:left; }
.summary table td { padding:10px 0; text-align:left; }
.summary table td small { font-weight:100; color:#666666; }
.summary table tr.order td.pro { color:#4169b2; font-weight:700; }
.summary table tr.order td.pro span { font-weight:100; color:#666666; }
.summary table tr.order td.pro span strong { font-weight:700; }
.summary table tr.order td.qty { text-align:center; font-weight:700; }
.summary table tr.order td.prc { text-align:center; font-weight:700; }
/**/
.summary table tr.total td { border-top:1px solid #999999; }
.summary table tr.total td.pro { color:#ab1600; font-weight:700; }
.summary table tr.total td.qty { text-align:center; font-weight:700; }
.summary table tr.total td.prc { color:#ab1600; text-align:center; font-weight:700; }
/**/
.summary table tr.note td { text-align:center; border-top:1px solid #999999; }
.summary table tr.note td.currency { font-size:12px; text-align:left; }
.summary table tr.note td.currency select { font-size:11px; }
.summary table .currency_paypal { display:block; display:none; }
/**/
.summary div.note { background-color:#dfedf8; padding:10px; font-size:13px; }
/**/
.payment { width:230px; float:left; background:url(../images/shop2b_11.gif) no-repeat 0 0; padding:0 0 0 26px; }
.payment-note { background:none; padding-top:20px; }
.payment-note strong { display:block; color:#d77038; }
.payment form { margin:0px; padding:20px 0 0 0; text-align:center; }
.payment form label { display:block; float:left; background-repeat:no-repeat; background-position:0 0; width:118px; height:57px; text-align:center; padding:6px 0 0 0; margin:0 10px; }
.payment form label span { display:none; }
.payment form label.pay-paypal { background-image:url(../images/s-radio-paypal-118x63.gif); }
.payment form label.pay-cc { background-image:url(../images/s-radio-cc-118x63.gif); }
.payment form div.centered { clear:both; padding:20px 0 0 0; }
.payment .avangate_section { display:none; border-top:1px solid #ddd; padding:10px 0 0 0; margin:10px 0 0 0; font-size:13px; text-align:center; }
.payment .avangate_section p { text-align:left; }
/**/
.feat { width:184px; float:left; text-align:center; height:180px; color:#4169b2; font-weight:700; padding:0 2px 0 3px; }
/**/
.confirmation { background-color:#dfedf8; padding:10px 20px; margin:0 auto; font-size:13px; color:#666666; }
.confirmation h4 { margin:0px; padding:0 0 8px 0; font-size:18px; font-weight:100; color:#333333; }
.confirmation span { display:block; padding:10px; margin:0 0 8px 0; background-color:#FFFFFF; color:#4169b2; font-size:24px; }
/**/
.mobile-sync { padding:15px 0 30px 0; }

/**/
.btns-next { clear:left; border-top:1px solid #DDD; margin:0px; padding:15px 0 0 0; list-style:none; height:116px; }
.btns-next li { margin:0px; padding:0 6px; float:left; }
.btns-next li a { display:block; width:167px; height:116px; background-image:url(../images/s-btns-704x232.gif); background-repeat:no-repeat; }
.btns-next li a span { display:none; }
/**/
.btns-next li.b-home a { background-position:0 0; }
.btns-next li.b-how a { background-position:-179px 0; }
.btns-next li.b-blog a { background-position:-358px 0; }
.btns-next li.b-alerts a { background-position:-537px 0; }
/**/
.btns-next li.b-home a:hover { background-position:0 -116px; }
.btns-next li.b-how a:hover { background-position:-179px -116px; }
.btns-next li.b-blog a:hover { background-position:-358px -116px; }
.btns-next li.b-alerts a:hover { background-position:-537px -116px; }


#adWrapper { width:910px; margin:0 auto; padding-top:21px; }
#adWrapper div#main { margin:0px; float:left; }
#adWrapper div.adColumn { width:131px; float:left; }



/* Abandonment Page --------- */
.abandon-form { width:100%; margin:5px 0 10px 30px; font-size:13px; }
.abandon-form td { vertical-align:top; padding:3px 0; width:50%; }
.abandon-form-input td input { width:60%; }
.abandon-form td textarea { width:280px; height:75px; }