/*
Theme Name: Stoprosacea.com Wordpress Theme
Theme URI: http://www.stoprosacea.com
Description: 
Version: 1.0
Author: Chris Lucani

*/

/******* GENERAL 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
tfoot, thead, tr, th, td 
{  
	border:0pt none;  
	font-family:inherit;  
	font-size: 100%;  
	font-style:inherit;  
	font-weight:normal; 
	margin:0pt;  
	padding:0pt;  
	vertical-align:baseline;  
}  

body
{
	background: #d8e7f0 url('images/content_shadow.png') repeat-y center scroll;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Georgia,Times,"Times New Roman",serif;
}

div#header-bg
{
	background: url('images/header_bg.gif') no-repeat center 0 scroll;
	width: 100%;
	display: block;
}

div.container
{
	width: 800px;
	margin: 0 auto;
}

div#header /* company logo and top nav links */
{
	height: 160px;
	display: block;
}

div#logo
{
	float: left;
	position: relative;
	top: 96px;
	left: 0;
	width: 268px;
	height: 54px;
	background: url('images/logo.png') no-repeat scroll 0 0;
	cursor:pointer
}
	
div#nav 
{
	display: block; 
	height: 38px; 
	background-color: #8599ad; 
	background: url('images/nav_bg.jpg') repeat-x scroll 0 0;
}

div#content
{
	display: block;
	width: 708px;
	min-height: 1166px;
	background: #ebf3f7 url('images/content_bg.gif') no-repeat scroll bottom;
	padding: 30px 46px 130px 46px;
}

.send_now {position: absolute; padding-top: 300px; padding-left: 319px;}
.send_now a {display: block; width: 149px; height: 18px; background: url('/wp-content/uploads/2011/06/s.png') no-repeat;}
.send_now a:hover {background-position: 0px -18px;}

.buy_now {position: absolute; padding-top: 209px; padding-left: 319px;}
.buy_now a {display: block; width: 149px; height: 18px; background: url('/wp-content/uploads/2011/06/b.png') no-repeat;}
.buy_now a:hover {background-position: 0px -18px;}

div#footer-bg 
{
	display: block;
	background: url('images/footer_bg.jpg') no-repeat center center scroll;
}

div#footer {display: block; position: relative; min-height: 396px;}

div#footer ul {list-style: none;}
div#footer ul li {font-size: 15px; font-family: helvetica}
div#footer a,
div#footer a:link,
div#footer a:visited {color: #0e5180; font-weight: bold;}
div#footer ul li small {display: block; font-weight: normal; font-size: 12px; color: #3d77a0}

div#recent-posts ul,
div#recent-comments ul {position: relative; left: -10px;}

div#recent-posts {display: block; position: absolute; left:51px ; top: 40px; width: 237px; height: 200px;}
div#recent-posts ul li {background: url("images/star_fish_bullet.png") no-repeat scroll 0 2px transparent; padding-left: 23px; margin-top: 4px;}

div#recent-comments {display: block; position: absolute; left: 309px; top: 40px; width: 242px; height: 200px;}
div#recent-comments ul li {background: url('images/quote_bullet.png') no-repeat scroll 0 0; padding-left: 23px; margin-top: 4px;}

div#footer div.order_link {display: block; float: right; position: relative; top: -100px; left: -50px; width: 198px; height: 36px; padding: 8px 9px 0 0; cursor: hand; cursor: pointer; text-align: right; font-size: 22px; font-style: italic; color: #006699}
div#footer div.order_link div.sociable * {display: none;}

div#gen-box {display: block; position: absolute; left: 606px; top: 40px; width: 192px; height: 200px; text-align: center}
div#gen-box img {position: relative; top: -7px;}
div#gen-box a,
div#gen-box a:link,
div#gen-box a:visited {font-weight: normal}
div#gen-box a:hover {text-decoration: none;}
div#gen-box div.sociable {display: none;}


div#copy_disclaimer {position: relative; top: 288px; left: 0; font-size: 10px; padding-left: 15px; font-family:Georgia,Times,"Times New Roman",serif; font-size: 12px; color: #4f4c55;}

div#copy_disclaimer p {clear: both;}
div#copy_disclaimer * {color: #0E5180; font-family: Georgia,Times,"Times New Roman",serif}
div#copy_disclaimer ul {display: block; float: left; list-style: none; clear: both; margin-top: 6px;}
div#copy_disclaimer ul li {float: left; line-height: 15px; font-family: Georgia,Times,"Times New Roman",serif}
div#copy_disclaimer ul li a {text-decoration: none; color: inherit; display: block; padding-right: 10px; border-right: 1px solid #cccccc; margin-right: 10px;}
div#copy_disclaimer em {font-style: italic}


div#side-bar
{
	width: 207px;
	float: right;
}

div#blog
{
	clear: both;
	padding-top: 20px;
}

a, a:link, a:visited {text-decoration: none; color: #446ea6}
a:hover {text-decoration: underline}

div#flashblock {display: block; background-color: #F8F7F7; height: 393px; width: 800px}
div#flashblock * { z-index: 1; }
div#flashblock span {display: block; width: 200px; height: 30px; text-align: center; margin: auto; position: relative; top: 177px;}
div#flashblock .alt {display: none;}

h1, h1 a,
h2, h2 a,
h3, h3 a {padding: 10px 0px 10px 0; margin: 0; font-family: Georgia,"Times New Roman", Times, serif; font-size: 24px; font-weight: bold; color: #004a6f} /* #8597ab */
h3 {font-size: 1.0em}
h1 {padding-top: 0px;}

.right {float: right;}
.left {float: left;}
.hidden {display: none;}

div#content {color: #004a6f;}
div#content p {margin: 0 0 10px 0; padding:0; color: #004a6f; line-height: 21px; }
div#content > p {line-height: 24px;}
div#content input[type="text"],
div#content input[type="password"],
div#content textarea,
div#content select {border-style: solid; border-color: #dedede}
div#content h2 {font-size: 20px;}
div#content h3 {font-size: 17px;}
div#content h4 {font-size: 16px; font-weight: bold; clear:both}
div#content h5 {font-size: 14px;}
div#content h6 {font-size: 12px;}
div#content p.wp-caption-text {padding: 3px;}
div#content strong {font-weight: bold;}
div#content em {font-style: italic; font-weight: bold;}
div#content > ul, div#content > ol {margin-left: 20px;}
div#content > ul li, div#content > ol li {margin-bottom: 5px; line-height: 24px}
div#content table {border-collapse: collapse; border: 1px solid #DDDDDD; margin-top: 12px; margin-bottom: 15px; clear: both; }
div#content table th {text-align: left; font-weight: bold; background-color: #D8E7F0}
div#content table td, 
div#content table th {padding: 5px 12px; vertical-align: top;}
div#content table td {background-color: #F3F3F3}


.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	font-size: 12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0 0 6px 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


div#header ul.sec-nav {display: block; float: right; list-style: none; margin: 0; padding: 0; position: relative; top: 10px;}
div#header ul.sec-nav li {float: right; position: relative;}
div#header ul.sec-nav li a {display: block; background: url("images/sec_nav_bullet.gif") no-repeat scroll 0 3px transparent; float: left; font-size: 12px; padding: 4px 10px 4px 22px; color: #333333; background-color: #f7f5f5 }
div#header ul.sec-nav li a.user-details {font-weight: bold;}
div#header ul.sec-nav li.nav-start {width: 11px; height: 23px; background: url('images/sec_nav_bg_start.png') no-repeat scroll 0 0}
div#header ul.sec-nav li.nav-end {width: 11px; height: 23px; background: url('images/sec_nav_bg_end.png') no-repeat scroll 0 0}


div#header ul.social-media {list-style: none; display: block; float: right; clear: right; width: 120px; height: 35px; position: relative; top: 78px;text-align: right;}
div#header ul.social-media li {display: inline; margin: 0; padding:0;}
div#header ul.social-media li a {display: inline-block; width: 35px; height: 35px; margin:0 0 0 5px; padding:0}
div#header ul.social-media li a.email { background: url('images/contact_icon.gif') no-repeat scroll 0 -35px }
div#header ul.social-media li a.rss { background: url('images/rss_icon.gif') no-repeat scroll 0 -35px }
div#header ul.social-media li a:hover {background-position: 0px 0px}

div#nav ul {display: block; height: 38px; list-style: none; margin: 0; padding: 0;}
div#nav ul li {float: left; position: relative; font-size: 17px;}
div#nav ul li a {display: block; float: left; background: url('images/nav_overlay.png') repeat-x scroll 50% 90%; height: 28px; padding: 6px 18px 0 19px; margin: 1px 0px 1px 1px; border: 1px solid #a8b6c4; color: #fff; font-size: inherit}
div#nav ul li.current_page_item a,
div#nav ul li a:hover {background-color: #004a6f; text-decoration: none;}
div#nav ul li.current_fpage_item a {padding: 6px 18px 0 18px}

div#side-bar ul {list-style: none; margin: 0; padding: 0;}

div#side-bar * {font-family: Georgia,"Times New Roman", Times, serif;}
div#side-bar ul li {margin-bottom: 25px;} /* spacing between the widgets */
div#side-bar li.widget_tag_cloud * {text-align: center;}
div#side-bar li.widget_tag_cloud h2 {text-transform: uppercase; font: inherit; letter-spacing: -1px; display: block; padding-top: 57px; width: 207px; height: 47px; background: url('images/tag_cloud_header.gif') no-repeat scroll 0 0}
div#side-bar li.widget_tag_cloud div a {font: inherit; color: #0c3357}

div#side-bar ul.social-media {display: block;}
div#side-bar ul.social-media li {padding:0; margin:0; float: left; margin-right: 8px; position: relative;}
div#side-bar ul.social-media li a {display: block; width: 33px; height: 33px;}
div#side-bar ul.social-media li a.facebook {background: url("images/facebook_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.youtube {background: url("images/youtube_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.twitter {background: url("images/twitter_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.flickr {background: url("images/flickr_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li ul li {display: none; position: absolute; width: 74px; height: 30px; margin-top: 3px; margin-left: -21px; background: url("images/social_bg.gif") no-repeat scroll 0 0 transparent; padding-top: 7px;color: #0e5180; font: 15px Georgia,"Times New Roman",Times,serif; letter-spacing: -1px; text-align: center}
div#side-bar ul.social-media li a:hover,
div#side-bar ul.social-media li:hover a {background-position: 0 0px;} 
div#side-bar ul.social-media li:hover ul li,
div#side-bar ul.social-media li.active ul li {display: block;} 

div#side-bar div.special_offer {display: block; cursor: hand; cursor: pointer; margin-bottom: 25px;text-align: center; background-color: #fff}
div#side-bar div.special_offer p {font-size: 12px; color: #2e6b89; padding: 0 16px 0 16px; }



/*
ddiv#side-bar ul.social-media li ul li {display: none; float: left; text-align: center; padding-top: 10px; background: url("images/social_bg.gif") no-repeat scroll 0 0 transparent; width: 74px; height: 30px; color: #0e5180; font: 15px Georgia,"Times New Roman",Times,serif; letter-spacing: -1px; }
div#side-bar ul.social-media li a.facebook {background: url("images/facebook_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.youtube {background: url("images/youtube_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.twitter {background: url("images/twitter_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.flickr {background: url("images/flickr_icon.gif") no-repeat scroll 0 -33px transparent;} 

/*
div#side-bar ul.social-media li ul li {display: none; float: left; position: absolute; left: -166px; top: 28px; text-align: center; padding-top: 10px; background: url("images/social_bg.gif") no-repeat scroll 0 0 transparent; width: 74px; height: 30px; color: #0e5180; font: 15px Georgia,"Times New Roman",Times,serif; letter-spacing: -1px; }
div#side-bar ul.social-media li.active ul li, 
div#side-bar ul.social-media li:hover ul li {display: block;}
div#side-bar ul.social-media li a.facebook {background: url("images/facebook_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.youtube {background: url("images/youtube_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.twitter {background: url("images/twitter_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a.flickr {background: url("images/flickr_icon.gif") no-repeat scroll 0 -33px transparent;} 
div#side-bar ul.social-media li a:hover,
div#side-bar ul.social-media li a.active {background-position: 0 0px;}
*/


div#home-highlights {display: block; clear: both;}

div#highlight-right {float: right; width: 227px; height: 175px; overflow: hidden; border: 2px solid #fff; background-color: #f8fbfc;}
div#highlight-left {float: left; display: block; width: 456px; height: 175px; overflow: hidden;border: 2px solid #fff;background-color: #f8fbfc; }

div#home-highlights div.details {padding: 0 10px 0 15px; height: 100%}
div#home-highlights div.details * {font-size: 12px;}

div#highlight-left img {float: left; padding-right: 12px;}
div#home-highlights h2 span {color: #134285; font-size: inherit; font-weight: inherit;}

div#home-highlights h3 {font-size: 12px; font-weight: bold;  font-family: Georgia,"Times New Roman", Times, serif;; color: #004972; line-height: 15px;}
div#home-highlights h3 a {font-family: inherit; color: #004972}


div#flash_holder_left {float: left; padding-right: 12px;}

/* Order pages generic */
div#order-form ul.next, div#order-confirm ul.next, div#payment ul.next  {margin-top: 15px;}

/* Order Confirmation page */
table#order-details {border-collapse: collapse; margin-bottom: 15px;}
table#order-details td {padding: 10px 0 10px 0;}
table#order-details tr.grand-total td {border-bottom: 0; border-top: 4px solid #E6E6E6; font-weight: bold;}

table#order-details th {text-align: left; font-weight: bold}
table#order-details .order-details {padding-right: 30px;}
table#order-details .quantity {padding-right: 10px; text-align: center}
table#order-details .price {padding-right: 25px; width: 120px; text-align: right;}
table#order-details .total {text-align: right;}
/*
table#order-details td.price:before,
table#order-details td.total:before {content: "$"}
*/

table#order-details tr.grand-total td.price:before {content: ""}

div#order-confirm ul {list-style: none;}
div#order-confirm ul li {display: inline;}

/* Payment page */
div#payment ul {list-style: none;}
div#payment table td ul li {display: inline;}
div#payment input#x_card_num {width: 210px}

/* Login page */
div#login div#returning-customers { display: none; }
div#login div#new-customers { display: none; }
div#login form.details fieldset.login label { width: 400px; }


form.details {display: block; margin-bottom: 20px;}

form.details fieldset { border: 1px solid #DDDDDD; background-color: #fff; padding: 9px 25px 14px 25px; display: block; margin-top: 8px;}
form.details fieldset.error { border: 1px solid red; background-color: #ffd3d3}
form.details fieldset.error legend { border: 1px solid red; background-color: #f96163; color: #fff}
form.details fieldset.form-message { border: 1px solid #fff600; background-color: #fffab8 }
form.details fieldset.form-message ul {list-style: none;}
form.details fieldset.form-message {padding: 9px 25px 9px 25px}
form.details legend {padding: 1px 5px 3px 4px; background-color: #d6dee2;border: 1px solid #DDDDDD;}
form.details fieldset > div {display: block; margin: 3px 0 4px 0; clear: both; line-height: 27px;}
form.details fieldset .price {width: 100px;}
form.details fieldset.action .bold {font-weight: bold;}
form.details .discounted {color: red;}
form.details .strikethrough {text-decoration: line-through}
form.details fieldset.action {background-color:#fff; text-align: right; margin-top: 0; border-top: 0; padding-top: 10px; padding-bottom: 10px}
form.details fieldset.action ul {display: block;}
form.details fieldset.action ul li {display: block; margin-left: 4px;}
form.details fieldset.action ul li.nomargin {margin-left: 0;}
form.details fieldset.action ul li span {display: block;  font-weight: bold; padding: 3px 0 0 0; margin: 0}
form.details fieldset.action ul li.arrow-forward {width:34px; height: 26px; background: url('images/next_arrow_light_blue.gif') no-repeat scroll 0 0}
form.details fieldset.action ul li.arrow-back {width:34px; height: 26px; background: url('images/previous_arrow_light_blue.gif') no-repeat scroll 0 0}
form.details label {display: block; float: left; width: 170px;}
form.details ul.slim-inline {list-style: none;}
form.details ul.slim-inline li label {display: inline; float: none; width: auto; padding-right: 4px}
form.details ul.slim-inline li {display: inline;}
form.details ul.slim-inline li select {margin-right: 11px}
form.details div.info {padding-left: 170px; }




ul.action { display: block; clear: both; }
ul.action li {display: block; margin-left: 4px; list-style-type: none; }
ul.action li.nomargin {margin-left: 0;}
ul.action li span {display: block;  font-weight: bold; padding: 3px 0 0 0; margin: 0}
ul.action li.arrow-forward {width:34px; height: 26px; background: url('images/next_arrow_light_blue.gif') no-repeat scroll 0 0}
ul.action li.arrow-back {width:34px; height: 26px; background: url('images/previous_arrow_light_blue.gif') no-repeat scroll 0 0}



div#content form.details div.info p {padding-top: 5px;}

div#content form.details select.error,
div#content form.details textarea.error,
div#content form.details input.error {border-color: red;}

span.error {margin-left: 6px; color: red;}

span.req {color: red;}

ul.form_errors {list-style: bullet; margin-bottom: 10px;}
ul.form_errors li {margin-left: 16px;}

/* Contact page */
form#contact-form textarea {width: 300px; height: 180px;}
form#contact-form input.prepop {border: none;}

/* Blog styles */
div#blog div.post {display: block; width: 465px; background: url('images/post_header.gif') no-repeat scroll; position: relative; left: -13px; padding-left: 13px; margin-bottom:30px;}
div#blog div.post span.category a,
div#blog div.post span.category a:visited,
div#blog div.post span.category a:link {color: #89a3c8; font-size: 18px; position: relative; top: 9px;}
div#blog div.post h2 {margin-top: 1px; display: block; padding-right: 72px; letter-spacing: -1px;}
div#blog div.post h2 a,
div#blog div.post h2 a:link,
div#blog div.post h2 a:visited {color: #0c3357; }
div#blog div.post p.post-date {position: absolute; left: -87px; top: 30px; text-align: center; padding: 9px 0 0 0; margin: 0; font: 130%/30% Georgia,"Times New Roman",Times,serif; background: url("images/date_bg.gif") no-repeat scroll 0 0 transparent; height: 51px; width: 54px; display: block; text-transform: uppercase; color: #00488c}
div#blog div.post p.post-date span {font: italic 159%/90% Georgia,"Times New Roman",Times,serif; letter-spacing: -1px; display: block; color: #2f72b0;}
div#blog div.post div.post-content {color: #136996; line-height: 24px;}

div#blog div.post p.replies {position: absolute; right: 0; top: 18px; padding: 9px 0 0 0; margin: 0; font: italic 159%/90% Georgia,"Times New Roman",Times,serif; letter-spacing: -1px; background: url("images/replies_bg.gif") no-repeat scroll right transparent; height: 35px; width: 69px; display: block; text-transform: uppercase; color: #0c3357}
div#blog div.post p.replies a {display: block; text-align: right; padding-right: 42px;}
div#blog div.post p.replies a, 
div#blog div.post p.replies a:visited {color: inherit;}

div#blog p.postmetadata {margin-top: 10px;}

div.sociable_tagline {display: inline;}
div.sociable * {font: 80%/160% Arial,Helvetica,sans-serif; font-size: 12px; color: #4f4c55;}
div.sociable ul {display: inline-block;}
div.sociable ul li {display: inline;}
div.sociable ul li img {position: relative; top: 3px; margin-left: 8px; margin-right: 3px}
div.sociable ul li.sociablefirst img {margin-left: 0px;}
div.sociable ul li {color: #6b6b6b}
div.sociable div.sociable_tagline {color: #89A3C8; font-size: 18px; font-family: Georgia,Times,"Times New Roman",serif; margin-right: 5px; position: relative; top: 2px;}

/* Orders styles */
div.orders_list h3 {padding-bottom: 20px; padding-top: 2px;}
div.orders_list {display: block; clear: both; padding: 5px 5px 5px 5px; border-bottom: 7px solid #ebf3f7; font-size: 0.8em}
div.orders_list ul {display: block; list-style: none; clear: both; margin-left: 12px;}
div.orders_list ul li {display: inline-block;}
div.orders_list ul li.header {width: 125px;}

div.orders_list table {width: auto; display: block; clear: both;}
div.orders_list table td,
div.orders_list table th {vertical-align: top; text-align: left;}
div.orders_list table th {font-weight: bold;}
div.orders_list table th {padding-bottom: 10px;}
div.orders_list table td {padding: 5px 0 5px 0;}

div.orders_list table .order_items {display: block; clear: both; list-style: none}
div.orders_list table .order_items li {float: left;}
div.orders_list table .product_desc {width: 335px; margin-right: 5px;}
div.orders_list table .price {width: 120px; text-align: right;}
div.orders_list table .qty {width: 95px; text-align: center;}
div.orders_list table .sub_total {width: 100px; text-align: right;}
div.orders_list table .grand_total_desc {font-weight: bold}
div.orders_list table .grand_total {text-align: right; font-weight: bold;}

/* Order form on product pages */
div#order-block {float: right; width: 235px; margin: 0 0 25px 15px; pffadding: 5px; badckground-color: #d8e7f0; dborder: 1px solid #1d3d7a;}
div#order-block * {font-size: 12px; line-height: 17px}
div#order-block fieldset {padding: 2px 11px 11px 11px;}
div#order-block fieldset.action {padding: 10px;}
div#order-block fieldset div {margin: 0; padding: 14px 0px 0px 0;}
div#order-block fieldset p {margin-bottom: 0px;}
div#order-block fieldset label {display: inline-block; width: 150px; line-height: 17px; padding-right: 15px;}