/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Mechelle Ridenour
COMPANY: ECBeauty Designs
EMAIL: mechelle@ecbeautydesigns.com
DATE: 6/21/2011
DESCRIPTION: This document contains the styles for Sara's Shoppe
************************************************************************************************************************/

/****CSS RESET BEGIN****/
div, ul, li, h1, h2, h3, p, img, a, a:link, a:visited, a:hover, a:active, a:focus, form, input[type="submit"], input[type="text"], input[type="hidden"]{margin:0; padding:0; border:0 none;}
h1, h2, h3, a, a:link, a:visited, a:hover, a:active, a:focus{outline:none; font:400 11px Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; text-decoration:none;}
h1, h2, h3{font:500 18px Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; color:#fff;}
h2{font-size:16px; font-style:italic; text-align:center;}
h3{font-size:14px;}
p{font:400 12px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; margin-top:10px !important; color:#666; text-align:justify;}
ul, li{list-style-type:none;}
body{width:900px !important; margin:0 auto !important; padding:0 !important; border:0 none !important; line-height:100%;}
font, b, u{font:400 13px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; color:#666;}
.clear{clear:both;}
table, tbody, tr{border-collapse:collapse;}
b span{font:500 14px Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; color:#333; padding:5px 0; margin-top:10px;}
img.thumbimage{margin:5px !important;}
td.linkButton{margin:5px !important; color:#666 !important;}
input[type="text"]{border:1px solid #eee !important;}
table table table table td p b{color:#666 !important;}
/****CSS RESET END****/

/****BEGIN HEADER****/
div#header{width:900px; margin:0; padding:0; border:0 none; position:relative; top:-1px; left:0; display:block; height:169px; 
background:url('https://s3.amazonaws.com/sarasshoppe/images/header_background.png') no-repeat;}
a.header:link{width:406px; height:126px; position:absolute; top:9px; left:2px;}
img.logo{width:406px; height:126px;}
form#search_bar{width:367px; height:28px; line-height:100%; padding-left:5px; margin:0; position:absolute; top:107px; left:522px; 
background:url('https://s3.amazonaws.com/sarasshoppe/images/search_bar.png') no-repeat;}
form#search_bar input.button{float:left; width:60px; height:24px; display:block; margin-left:3px; color:#fff; background-color:transparent; font:500 1.1em/1.5 Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
form#search_bar input.search_box{float:left; width:288px; height:24px; margin:2px 0; display:block; background:transparent !important; vertical-align:text-bottom; color:#666; font:400 .9em/1.5 Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; border:0 none !important;outline:0 none !important;}
form#search_bar input.search_box:active, form#search_bar input.search_box:focus{outline:transparent; margin:2px 0; vertical-align:text-bottom; width:288px; height:24px; display:block; color:#666; font:400 .9em/1.5 Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
div#customer_support{width:165px; position:absolute; top:5px; left:735px;}
a.support:link, a.support:visited, a.support:hover, a.support:active{float:left; display:block; width:55px; text-align:center; font-size:10px; color:#fff;}
img.shopping_bag{width:32px; height:31px;margin-left:1px;}
div#social_icons{width:182px; height:24px; clear:both; border:0 none; margin:0; padding:0; display:block; position:relative; top:145px; left:722px; right:0;}
div#social_icons a.icon:link{width:24px; height:24px; display:block; float:left; margin:0; padding:0; border:0 none;}
div#social_icons a.icon:link img.icon{width:24px; height:24px; display:block; float:left; margin:0; border:0 none; padding:0;}
/****END HEADER****/

/****BEGIN NAVIGATION****/
div#sidebar{width:202px; position:relative; top:-4px; left:-1px; margin-right:-6px; background-color:#fff; z-index:1;}
div#nav{display:block; width:200px; position:relative; top:0; left:0; z-index:5; margin:-5px; margin-bottom:0;}
div#nav h2{width:200px; height:52px; display:block; position:relative; top:0; left:0; border:0 none; padding:0; margin:0;}
ul#navigation{width:200px; position:relative; top:0; left:0; }
ul#navigation li{width:200px; height:30px; line-height:30px; display:block; }
ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li a:focus{display:block;width:200px;height:30px;line-height:30px; font-size:13px; text-indent:10px; 
background:transparent url('https://s3.amazonaws.com/sarasshoppe/images/navigation_link_background.png') no-repeat; color:#fff;}
ul#navigation li a:hover, ulnavigation li a:focus {background:url('https://s3.amazonaws.com/sarasshoppe/images/green_navigation_background.png') no-repeat;}
ul#navigation li a:active {position:relative;top:1px;left:1px;}
ul#navigation li ul{display:none;}
ul#navigation li:hover ul{display:block; width:200px;position:relative; top:-30px; left:200px;}
ul#navigation li:hover ul li{width:200px; height:30px; line-height:30px; display:block; }
ul#navigation li:hover ul li ul{display:none;}
ul#navigation li:hover ul li:hover ul{display:block; width:200px; position:relative; top:-30px; left:200px; }
ul#navigation li:hover ul li:hover ul li{width:200px; height:30px; line-height:30px; display:block;}
div#policy_wrapper{width:200px; position:relative; top:0; left:0; margin-left:-5px; margin-right:-5px; z-index:10;}
div.policylabel{width:200px; margin:5px 0;}
div.policylabel h2{text-align:left; text-indent:10px; color:#fff; line-height:40px; height:40px; width:200px; display:block;}
div.policylabel, div.policylabel:hover, div.policylabel:focus{cursor:pointer;height:40px;line-height:40px;}
div.policylabel{background:url('https://s3.amazonaws.com/sarasshoppe/images/green_label.png') no-repeat;}
div.policylabel:hover, div.policylabel:focus{background:url('https://s3.amazonaws.com/sarasshoppe/images/pink_label.png') no-repeat;}
div.policy{background-color:#fff;width:600px;padding:20px 20px 20px 0;border:3px solid #e685a6; position:absolute; top:-100px; left:243px;; z-index:18;}
div.policy h3{margin:10px 0 5px 10px;background-color:#fff;}
div.policy p{margin:0 10px 10px 10px;background-color:#fff;}
div.policy p:first-letter{font-size:24px; color:#43c69d; font-family:Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
div.selected{background:url('https://s3.amazonaws.com/sarasshoppe/images/selected_label.png') no-repeat;}
img.geotrust{float:right; border:0 none; margin:15px 0 0 0; padding:0;}
a.close{clear:both; float:right; margin-top:20px; color:#5FCDA8;}
div.policy{display:none;}
/****END NAVIGATION****/

/****BEGIN FOOTER****/
div#footer{width:900px; margin:0 auto; height:105px; clear:both; position:relative; background:url('https://s3.amazonaws.com/sarasshoppe/images/footer_background.png') no-repeat;}
p.copy{position:absolute; top:85px; left:15px; margin-top:0 !important; font:400 10px Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; color:#fff;}
/****END FOOTER****/

/****ECBEAUTY DESIGNS****/
p.ecbeauty{clear:both; padding:5px 0; margin:0 auto !important; border:0 none; color:#999; text-align:center; font:400 10px Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
p.ecbeauty a:link, p.ecbeauty a:visited{color:#999; text-align:center; text-decoration:underline; font:400 10px Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
/****END ECBEAUTY DESIGNS****/

/****BEGIN WELCOME MESSAGE****/
div#welcome_message{
background: #43c69d;
background: -moz-linear-gradient(left, hsla(161,53%,52%,1) 0%, hsla(161,53%,52%,1) 0%, hsla(153,67%,84%,1) 5%, hsla(161,53%,52%,1) 13%, hsla(153,67%,84%,1) 22%, hsla(153,67%,84%,1) 26%, hsla(161,53%,52%,1) 32%, hsla(161,53%,52%,1) 38%, hsla(153,67%,84%,1) 47%, hsla(161,53%,52%,1) 55%, hsla(153,67%,84%,1) 63%, hsla(161,53%,52%,1) 72%, hsla(151,49%,80%,1) 82%, hsla(161,53%,52%,1) 90%, hsla(153,67%,84%,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(161,53%,52%,1)), color-stop(0%,hsla(161,53%,52%,1)), color-stop(5%,hsla(153,67%,84%,1)), color-stop(13%,hsla(161,53%,52%,1)), color-stop(22%,hsla(153,67%,84%,1)), color-stop(26%,hsla(153,67%,84%,1)), color-stop(32%,hsla(161,53%,52%,1)), color-stop(38%,hsla(161,53%,52%,1)), color-stop(47%,hsla(153,67%,84%,1)), color-stop(55%,hsla(161,53%,52%,1)), color-stop(63%,hsla(153,67%,84%,1)), color-stop(72%,hsla(161,53%,52%,1)), color-stop(82%,hsla(151,49%,80%,1)), color-stop(90%,hsla(161,53%,52%,1)), color-stop(100%,hsla(153,67%,84%,1)));
background: -webkit-linear-gradient(left, hsla(161,53%,52%,1) 0%,hsla(161,53%,52%,1) 0%,hsla(153,67%,84%,1) 5%,hsla(161,53%,52%,1) 13%,hsla(153,67%,84%,1) 22%,hsla(153,67%,84%,1) 26%,hsla(161,53%,52%,1) 32%,hsla(161,53%,52%,1) 38%,hsla(153,67%,84%,1) 47%,hsla(161,53%,52%,1) 55%,hsla(153,67%,84%,1) 63%,hsla(161,53%,52%,1) 72%,hsla(151,49%,80%,1) 82%,hsla(161,53%,52%,1) 90%,hsla(153,67%,84%,1) 100%);
background: -o-linear-gradient(left, hsla(161,53%,52%,1) 0%,hsla(161,53%,52%,1) 0%,hsla(153,67%,84%,1) 5%,hsla(161,53%,52%,1) 13%,hsla(153,67%,84%,1) 22%,hsla(153,67%,84%,1) 26%,hsla(161,53%,52%,1) 32%,hsla(161,53%,52%,1) 38%,hsla(153,67%,84%,1) 47%,hsla(161,53%,52%,1) 55%,hsla(153,67%,84%,1) 63%,hsla(161,53%,52%,1) 72%,hsla(151,49%,80%,1) 82%,hsla(161,53%,52%,1) 90%,hsla(153,67%,84%,1) 100%);
background: -ms-linear-gradient(left, hsla(161,53%,52%,1) 0%,hsla(161,53%,52%,1) 0%,hsla(153,67%,84%,1) 5%,hsla(161,53%,52%,1) 13%,hsla(153,67%,84%,1) 22%,hsla(153,67%,84%,1) 26%,hsla(161,53%,52%,1) 32%,hsla(161,53%,52%,1) 38%,hsla(153,67%,84%,1) 47%,hsla(161,53%,52%,1) 55%,hsla(153,67%,84%,1) 63%,hsla(161,53%,52%,1) 72%,hsla(151,49%,80%,1) 82%,hsla(161,53%,52%,1) 90%,hsla(153,67%,84%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43c69d', endColorstr='#bcf2da',GradientType=1 );
background: linear-gradient(left, hsla(161,53%,52%,1) 0%,hsla(161,53%,52%,1) 0%,hsla(153,67%,84%,1) 5%,hsla(161,53%,52%,1) 13%,hsla(153,67%,84%,1) 22%,hsla(153,67%,84%,1) 26%,hsla(161,53%,52%,1) 32%,hsla(161,53%,52%,1) 38%,hsla(153,67%,84%,1) 47%,hsla(161,53%,52%,1) 55%,hsla(153,67%,84%,1) 63%,hsla(161,53%,52%,1) 72%,hsla(151,49%,80%,1) 82%,hsla(161,53%,52%,1) 90%,hsla(153,67%,84%,1) 100%);
padding:2px;
}
div.background{background-color:#fff; padding:15px; margin:0 auto;}
p.welcome{margin:0 !important; font-size:14px; text-indent:10px;text-align:left; color:#999;}
p.welcome:first-letter{font-size:16px; font-weight:400; color:#999;}
h2.welcome{margin:0; font:500 22px 'palatino linotype', palatino, baskerville, 'nimbus roman no9 l', 'baskerville old face', 'book antiqua', caslon, times, serif; text-align:left; color:#65CFAA;
}
table{background-color:transparent !important;}
/****END WELCOME MESSAGE****/