body {background:#fbf6e9 url(../images/wood_bg.jpg) repeat-x;
text-align:center;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
line-height:20px;
color:#333;
}

h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
}
h1 {margin:0 0 10px;
font-size:30px;
line-height:32px;
color:#0a596f;
}
h2 {font-size:22px;
line-height:24px;
color:#473829;
}
h3 {color:#0A596F;
line-height:normal;
}
p {margin:0 0 15px;}
a {color:#0c8aa5;
text-decoration:none;
}
a:hover {color:#d73808;
text-decoration:none;
outline:none;
}
a img {border:none;
outline:none;
}
a.more {white-space:nowrap;} 
a.more span {font-size:15px;}

ul {margin:0;
padding:0;
}


.floatright {float:right;}
.floatleft {float:left;}

#container, #side_bar, #footer, .stones {position:relative;}

#top {margin:24px auto 0;
width:1036px;
height:18px;
background:url(../images/header_top.png) top left no-repeat;
}

#container {width:1036px;
margin:0 auto;
background:url(../images/container_bg.png) left repeat-y;
}
#container_contents {width:1000px;
margin:0 auto;
padding:0 18px 18px;
background:url(../images/container_btm.png) bottom left no-repeat;
text-align:left;
}

#header {margin:0 0 25px;}
#header h1#logo, #header h1#logo a {width:464px;
height:104px;
}
#header h1#logo {position:absolute;
z-index:2;
top:75px;
left:45px;
float:left;
background:url(../images/charm_logo.png) top left no-repeat;
text-indent:-9999px;
cursor:pointer;
}
#header h1#logo a {display:block;}
#header ul#nav {margin:0;
border-top:1px solid #fff;
border-bottom:1px solid #d1cbbe;
padding:1px 0;
background:#e3ded2 url(../images/nav_bg.png) top left repeat-x;
}
#header ul#nav li {float:left;
list-style:none;
}
#header ul#nav li a {display:block;
background:url(../images/nav_divider.gif) top right repeat-y;
padding:11px 18px 9px;
text-decoration:none;
font-weight:700;
font-size:14px;
line-height:18px;
color:#0a596f;
}
#header ul#nav li.current a {color:#d73808;
background-color:#f0ebdf;
}
#header ul#nav li a:hover {color:#d73808;}

/* START Content */
#content {min-height:300px;
padding:0 25px;
background:#fff;
}
#content #main_content {float:left;
width:640px;
margin:0 0 25px;
font-size:14px;
line-height:22px;
}
#main_content ul {margin:0 0 0 40px;}
#main_content ul li {margin:0 0 8px;
list-style-image:url(../images/bullet.gif);
}

/* START Side Bar */
#content #side_bar {float:right;
top:-135px;
width:277px;
margin:0 0 -120px;
}
#content #side_bar .pod {margin:0 0 15px;
padding:0 0 10px;
background:url(../images/side_pod_btm.png) bottom left no-repeat;
text-align:center;
}
#content #side_bar .pod div {padding:15px 0;
background:url(../images/side_pod_top.png) top left no-repeat;
}
#content #side_bar .about div {padding:110px 0 10px;
background:url(../images/side_pod_don2.jpg) top left repeat-x;
}
#content #side_bar .pod img {margin:0 auto 15px;}
#content #side_bar .pod h3 {margin:0 25px 10px;
font-size:26px;
font-weight:400;
}
#content #side_bar .pod h3 a {color:#d73808;}
#content #side_bar .pod h3 a:hover {color:#0C8AA5;}
#content #side_bar .pod p {margin:0 25px;}


#content #side_bar #side_nav {padding:7px 0 0;
background:url(../images/side_nav_top.png) top left no-repeat;
text-align:left;
}
#content #side_bar #side_nav div {padding:8px 0 15px;
background:url(../images/side_nav_btm.png) bottom left no-repeat;
}
#content #side_bar #side_nav ul li {list-style:none;}
#content #side_bar #side_nav ul li h3 {margin:0;
font-size:21px;
}
#content #side_bar #side_nav ul li a {display:block;
margin:0 18px;
padding:5px 5px 7px;
background:url(../images/side_nav_divider.gif) bottom left repeat-x;
color:#0A596F;
}
#content #side_bar #side_nav ul li.secondary a {padding:5px 5px 7px 15px;}
#content #side_bar #side_nav ul li a:hover {background:#fefcf6 url(../images/side_nav_divider.gif) bottom left repeat-x;}
#content #side_bar #side_nav ul li.current a {color:#D73808;}
/* END Side Bar */


/* START Activa Images */
.img_left, .img_right {width:200px;
float:left;
clear:both;
}
.img_left {margin:0 15px 10px 0;}
.img_right {float:right;
margin:0 0 10px 15px;
}
.img_mid {width:200px;
margin:15px auto 0;
}
.img_left img, .img_right img, .img_mid img {width:200px;
margin:5px 0;
}
.img_left p, .img_right p, .img_mid p {margin:0 0 10px;
color:#888;
line-height:16px;
font-size:13px;
font-style:italic;
}
/* END Activa Images */


/* START Driller, Pager */
.driller, .pager {color:#999;}
.driller {margin:0 0 20px;
border-bottom:1px dotted #E3DED2;
padding:0 0 5px;
}
.driller a {color:#6f6154;}
.driller a:hover {color:#D73808;}

.pager {clear:both;
height:20px;
margin:10px 0 20px;
padding:7px 10px;
background:#fcfbf5;
}	
.pager div {float:right;}
.pager a, .pager span {float:left;
margin:0 5px 0 0;
}
.pager a {border-width:1px;
border-style:solid;
border-color:#F2EED9 #E1DFCC #dbd9c6 #F2EED9;
padding:2px 5px 1px;
background:#fff;
line-height:14px;
font-weight:700;
text-decoration:none;
}
.pager a:hover, .pager a.on {color:#fff;}
.pager a:hover {border-color:#0C8AA5;
background-color:#0C8AA5;
}
.pager a.on {border-color:#D73808;
background-color:#D73808;
}
.pager span.page {margin:0 10px 0 0;}
/* END Driller, Pager */


/* START Blogs */
#post_list {margin:35px 0 0;}
#blog_list {margin:0 0 35px;}
#main_content .post {border-bottom:1px dotted #e1dfd5;
margin:0 0 35px;
}
.post h2, .post h3, .post p {margin:0;}
.post h2, .post h3, .post .post_date {text-align:center;}
.post h2, .post h3 {font-size:22px;
line-height:24px;
}
.post .post_date, #post_detail .post_date {padding:5px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#999;
}
#main_content .toolbar {margin:10px 0 0;
background:#FCFBF5;
padding:7px 0 0;
}
#post_detail .toolbar {clear:both;
margin:0 0 20px;
}
.toolbar a.comments {float:right;
margin:0 5px 0 0;
padding:1px 0 1px 27px;
line-height:15px;
background:url(../images/icon_comment.gif) 0 0 no-repeat;
color:#888;
}
.toolbar a.comments:hover {color:#d73808;}
#main_content .toolbar .share {margin:0;}
#main_content .toolbar .share li {float:left;
margin:0 5px;
list-style:none;
list-style-image:none;
}
.toolbar .share li span a span {padding:0!important;}


div.comment {clear:left;
border-top:1px dotted #E1DFCC;
padding:10px;
}
.comment h4, .comment p {margin:0;}
.comment h4 {font-size:15px;}
.comment p {line-height:20px;}
span.post_info, .comment div {float:left;}
span.post_info {width:120px;
color:#555;
}
span.post_info b {color:#333;
font-size:15px;
}
span.post_info span {white-space:nowrap;}

.comment div {width:470px;
margin:0 0 0 10px;
border-left:1px dotted #E1DFCC;
padding:0 0 0 10px;
}

h3.leave_comment {clear:left;
background:#FCFBF5;
margin:20px 0 -2px;
padding:8px 10px 5px;
font-family:Helvetica, Arial, sans-serif;
font-weight:700;
}
/* END Blogs */


/* START Photo Gallery */
#post_list h2, #album_list h2 {margin:0;}
#album_list, #photo_list {margin:20px 0 0;}
#album_list .album, #photo_list .photo {float:left;
margin:0 0 20px;
cursor:pointer;
overflow:hidden;
}
#album_list .left, #home_album_list .left, #photo_list .left {margin:0 0 20px !important;
clear:left;
}
#album_list .album a.img, #home_album_list .album a.img, #photo_list .photo a.img, div.photo_zoom {display:block;
padding:3px;
border-width:1px;
border-style:solid;
border-color:#F8F6ED #E1DFCC #E1DFCC #F2EED9;
}
#album_list .album a:hover img, #photo_list .photo a:hover img {border-color:#F2EED9 #E1DFCC #d8d6c1;
background-color:#FBF6E9;
}
#album_list .album p, #photo_list .photo p, p.caption {margin:0 0 3px;
line-height:15px;
color:#56493c;
}

/* SINGLE Albums Listview */
#album_list .album {width:208px;
margin:0 0 20px 8px;
}
#album_list .album a.img {text-align:center;}
#album_list .album h2 {margin:5px 0 0;}
#album_list .album h2 a {color:#D73808;}
#album_list .album h2 a:hover {color:#0C8AA5;}
#album_list .album p {padding:5px 0 0;}
#album_list .album a {display:block;}


/* SINGLE Albums Listview */
#main_content .divider {display:block;
margin:0 0 15px;
border-bottom:1px dotted #E1DFD5;
padding:0 0 5px;
}
#main_content .home_list .album {width:154px;
text-align:center;
}
#main_content .home_list .album h2 {font-size:16px;
line-height:20px;
}
#main_content .home_list a.more {margin:5px 0 0;}


/* SINGLE Album Listview */
#photo_list .photo {width:313px;
margin:0 0 20px 10px;
text-align:center;
}
#photo_list .photo p {padding:10px 30px 0 0;
text-align:left;
}


/* SINGLE Photo Detail Listview */
.photo_zoom {text-align:center;}
p.caption {margin:10px 0 0;}

.next_previous {margin:20px 0 0;
background:#FCFBF5;
padding:7px;
font-weight:700;
}
.next_previous .next, .next_previous .next a {float:right;}
.next_previous .previous, .next_previous .previous a {float:left;}
.next_previous img {width:50px;}
.next_previous a.text {margin:10px 10px 0;}
/* END Photo Gallery */

/* END Content */


/* START Footer & Book CTA */
#book_cta {padding:22px 10px 15px;
background:#f1d4a5 url(../images/cta_bg.png) top repeat-x;
text-align:center;
}
#book_cta h3, #book_cta a {color:#3e3023;
font-size:17px;
}
#book_cta h3 {display:inline;
padding:15px 42px 15px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../images/cta_book.gif) center right no-repeat;
}
#book_cta a:hover {color:#D73808;}

#footer {padding:25px 0 0;
background: #473829 url(../images/footer_corner.gif) bottom left no-repeat;
}
#footer .nav {margin:0 0 -135px;
background:url(../images/footer_divider.gif) center repeat-y;
}
#footer ul {float:left;
width:200px;
margin:0 0 10px;
padding:0 25px;
line-height:15px;
}
#footer ul li {list-style:none;}
#footer ul li h3 {margin:0 0 3px;
font-size:16px;
}
#footer ul li h3 a {font-weight:400;
color:#80b4c4;
}
#footer ul li a {display:block;
padding:5px 8px 4px;
color:#fbf6e9;
text-decoration:none;
}
#footer ul li a:hover {color:#e54616;
background-color:#4d3d2d;
}
#footer ul li.current a {color:#e8b76a;}
#footer .designer {position:absolute;
bottom:-45px;
right:155px;
font-size:12px;
}
#footer .designer a {color:#cbbdb0;}
#footer .designer a:hover {color:#D73808;}

#footer .stones {float:right;
width:190px;
height:153px;
right:-30px;
bottom:-60px;
background:url(../images/footer_rocks.png) 0 0 no-repeat;
}
/* END Footer */


/* SINGLE Form & div Styles */
form {margin:0;}
form.form {clear:left;
margin:20px 20px 30px;
border-width:1px;
border-style:solid;
border-color:#F8F6ED #F2EED9 #E1DFCC #F8F6ED;
-moz-border-radius:5px;
-webkit-border-radius:5px;
} 
form#comment_form {border-top:none;}
.payment_type {margin:0 50px -30px !important;}
.form .input, .form .textarea, .form .display {border-bottom:1px dotted #E1DFCC;}
.form .input, .form .textarea, .form .button, .form .display {clear:left;
margin:0 10px;
padding:10px 30px;
}
.form .input div {padding:0;}
.form .left {text-align:left;}

.required {float:left;
margin:15px 25px 5px;
color:#777;
font-size:11px;
}

/* SINGLE Form > Input/Select/Textarea Styles */	
input, select, textarea {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}
.form .input input, textarea, select, input.qty, input.text {border:1px solid #BAB7A8;
padding:3px;
}
input.text:focus, textarea:focus {border:1px solid #8fb7cb !important;}
.form .input .text {width:350px;}
.form .textarea textarea {width:510px;
height:100px;
margin:5px 0 0;
}
select {padding:1px;}
select.select {width:240px;}
input.qty {float:left;
width:30px;
text-align:center;
}
.form input.dollar {margin:0 5px 0 0;
padding:3px 3px 3px 13px;
background:#fff url(../images/dollar.gif) center left no-repeat;
}
.form div#state_box, .form div#province_box {clear:none;
margin:0;
}


/* SINGLE Form > Inputs > Buttons */	
form .button input, form input.button, form .button input.button_lite, .cart .button input.button_lite, a.button {float:right;
border-style:solid;
border-width:1px;
border-color:#0C8AA5;
padding:4px 10px;
background:#0C8AA5;
font-size:13px;
font-weight:700 !important;
color:#fff;
}
form .button input:hover {border-color:#D73808;
background:#D73808;
cursor:pointer;
}
input.button_lite, input.button_lite:focus {padding:2px 5px;
line-height:16px;
font-weight:700 !important;
}
.form .button input.indent {margin:0 0 5px 190px;}


/* SINGLE Form > Label Styles ///// */	
label {font-weight:700;}	
.form .input label, .form .button a, .form .display label {float:left;
width:140px;
margin:3px 20px 0 0;
}
	.form .textarea label {margin:3px 20px 0 0;}
	.form .input label.wide {width:auto;}
.form .input label span, .form .textarea label span, .required span, span.required {color:#D73808;
line-height:15px;
font-size:13px;
font-weight:700;
}
.form .input label span.normal {color:#666;
font-size:11px;
font-weight:400;
}


/* SINGLE Form > Checkbox/Radio Styles */
.form div.radio, .form .radios {margin:0 10px;
border-bottom:1px dotted #E1DFCC;
padding:8px 10px;
}
.form .radio input, .form .radios input {float:left;
margin:0;
}

.form .radio label, .form .radios label {width:auto;}
.form .radio label {margin:0 0 5px 10px !important;}
.form .radios label {float:left;
margin:1px 21px 0 10px !important;
}
.form .radio input.checkbox1 {margin:3px 0 0 180px;}
.form .radio input.checkbox2 {margin:3px 0 0 20px;}
.form .radio label.label1 {width:150px;}
.form .radio label.label2 {width:200px;}
.form .radios label.normal {font-weight:400;}
.form .radio .new, .form .radio .existing {float:left;
color:#00567F;
}
.form .radio .new {width:230px;}
.form .radio .existing {width:320px;}
.form .radio b.or {float:left;
margin:0 20px 0 0;
font-style:italic;
}
.form .radio label.login_new {font-size:14px;}
.form .radio label.login_new:hover {color:#0085C6;}
.form .radio .selected label.login_new {color:#ff3600;
font-size:18px;
}
.form .radios label.frequency {width:135px;
margin:1px 0 0 25px !important;
font-weight:400;
}
.form #status_notifications .clear {border-bottom:1px solid #eee !important;
padding:8px 10px;
line-height:18px;
}


/* SINGLE Form > Text Styles //// */
.form h2 {margin:5px 10px 0;
border-bottom:1px dotted #E1DFCC;
padding:5px;
font-size:18px;
}
.form h2.top_margin {margin:25px 10px 0;}
.form h3 {margin:20px 10px 3px;
font-size:18px;
font-weight:400;
}
.form h4 {margin:0 10px;
border-bottom:1px dotted #E1DFCC;
padding:15px 0 5px;
}
.form .button a {font-weight:700;}
.form div p.selection, .form .display p {float:left;
width:310px;
margin:4px 0 0;
}
.form div p.send_item {clear:none;
float:left;
width:240px;
margin:3px 0 0;
}
.form span.captcha {float:right;
width:350px;
}
.form span.captcha img {float:left;
margin:5px 0 0;
}
.form span.captcha input {float:right;
width:110px;
margin:18px 0 0 20px;
}

.form div img.cc, .form div a.ccv {margin:0 0 0 10px;}
.form div img.cc {float:left;} 



/* START CCV */
div.ccv {margin:15px;
border:1px solid #ccc;
padding:10px;
background-color:#fff;
text-align:left;
line-height:16px;
}
.ccv table {padding:0;}
.ccv table td {text-align:center;}
/* END CCV */



/* START Error Message Styling */
.alert_yellow, .alert_red, .alert_green {margin:10px 20px 20px;
border-width:1px;
border-style:solid;
padding:12px 15px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.alert_yellow p, .alert_red p, .alert_green p, .alert_yellow ul, .alert_red ul, .alert_green ul {margin:0;}

.alert_yellow, .alert_red {border-color:#fff897 #fceb87 #fae27a;
background-color:#fffdc0;
}
.alert_green {border-color:#d4efc9 #c5e4b6 #b8e2a6;
background-color:#e3f5d0;
}
/* END Error Messgae Styling */


/* SINGLE Clear Fix //////////////////// */
.clear:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear {display:inline-table;
display:block;
}
.form div .clear, .form div:hover .clear {border:none !important;
padding:0;
line-height:0;
}
.clear {display:inline-block;}
html[xmlns] .clear {display:block;}
* html .clear {height:1%;}