@import url("reset.css");
@import url("swatches.css");

/* Framework */

body {background: #fdf7eb;}
#wrapper {width: 960px; margin: 0 auto; min-height: 905px;}

.area {overflow: hidden; margin-bottom: 20px;}
.area .one_column {width: 60px; margin: 0 10px; float: left;}
.area .two_column {width: 140px; margin: 0 10px; float: left;}
.area .three_column {width: 220px;; margin: 0 10px; float: left;}
.area .four_column {width: 300px; margin: 0 10px; float: left;}
.area .five_column {width: 380px; margin: 0 10px; float: left;}
.area .six_column {width: 460px; margin: 0 10px; float: left;}
.area .seven_column {width: 540px; margin: 0 10px; float: left;}
.area .twelve_column {width: 930px; margin: 0 10px; float: left;}

hr {width: 100%; height: 10px; background-image: url(../../images/elements/line.png); background-repeat: no-repeat; border: none;}
h2#page_title {margin-left: -3px;}

img#main_proj_image {width: 300px;}
.step_image img {width: 300px; height: 300px;}

.step_number {width: 55px; height: 55px; background-image: url(../../images/elements/orange_circle.gif); background-repeat: no-repeat; color: #fff; font-size: 48px; text-align: center;}

.generic_content {margin-top: 25px;}

/* Beadshop Header */

.push {width: 960px; margin: 0 auto;}
#top_header {height: 83px; position: relative;}
img#header_logo {position: absolute; left: 10px; top: 12px;}
#beadshop_header {padding-bottom: 0;}
#beadshop_header img#tagline {position: absolute; left: 280px; bottom: 8px;}
#header_cart {position: absolute; right: 0; top: 6px;}
#header_cart p {color: #494133; font-size: 13px; font-family: Verdana; position: absolute; right: 45px; top: 8px; text-align: right; width: 400px;}

#navigation {background: #ffffff; width: 100%; height: 33px; margin-bottom: 5px;}
#navigation ul {float: left; margin-left: 10px; margin-top: 9px;}
#navigation ul li {float: left; font-size: 13px; font-family: Verdana; margin-right: 30px;}
#navigation ul li#last {margin-right: 0;}
#navigation ul li a {color: #494133; text-decoration: none;}

#beadshop_header #sub_nav {overflow: hidden; margin-bottom: 0;}
#beadshop_header #social {margin-left: 10px; float: left;}
#beadshop_header #social img {float: left;}
#beadshop_header #social img.social_icon {margin-left: 7px; margin-top: 14px;}
#beadshop_header #search {margin-right: 10px; float: right;}
#beadshop_header #search input#ajaxSearch_input {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #c6c0a6; color: #494133; font-family: Verdana; padding: 5px 10px;}
#beadshop_header #search input#ajaxSearch_submit {display: none;}

/* Typography */

.text_treat h2 {font-size: 18pt; margin-bottom: 20px; color: #59593d;}
.text_treat p {font-size: 10pt; line-height: 17pt; color: #59593d; margin-bottom: 20px;}
.text_treat {font-size: 10pt; line-height: 17pt; color: #59593d;}
.text_treat h3 {color: #59593d; font-size: 12pt; margin-bottom: 14px;}
.text_treat h4 {font-size: 20pt; color: #8E5BA5; margin-bottom: 10px;}
.text_treat p.underline {text-decoration: underline;}
.text_treat a, .image_cap a {color: #635B48; text-decoration: underline;}
.text_treat a:hover {text-decoration: none;}

a.treasureChest {background: #8E5BA5; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; text-decoration: none;}
a.index_link {cursor: pointer;}

/* Header */

#header {height: 215px; position: relative; background-image: url(../../images/elements/smudges.png); background-repeat: no-repeat; background-position: top right;}
#header img#main_logo {position: absolute; top: 85px; left: 10px;}
#header img#watercolor_flowers {position: absolute; top: 33px; left: 380px;}
#header img#tagline {position: absolute; top: 102px; right: 3px;}

#header .cart_head {width: 200px; position: absolute; top: 32px; right: -25px; font-size: 12px;}
#header .cart_head a {color: #59593d; font-weight: bold; text-decoration: none;}
#header .cart_head img {margin-bottom: -10px;}

#header p#url a {color: #a6a195; text-decoration: underline;}
#header p#url a:hover {text-decoration: none;}

form#newsletter {}
form#newsletter input {padding: 4px; border: 1px solid #b2c0a7; color: #59593D; margin-left: -2px; font-size: 10px;}
form#newsletter input#sign_up_button {border: none; padding: 5px 17px; margin-bottom: 0px; color: #fff; text-transform: capitalize; background: #a2a790; font-weight: bold; margin-left: 2px; cursor: pointer;}

/* Product Boxes */

.product_box {float: left; margin-left: 7px;}
.product_box .product_box_image {width: 227px; height: 174px; background-image: url(../../images/elements/framebox_prod.png); background-repeat: no-repeat;}
.product_box .product_box_image img {margin-top: 10px; margin-left: 12px; width: 202px; height: 148px;}

.area_header {margin: 15px 0 15px 10px;}
.item_info {color: #59593d;}
.item_info h2 {color: #59593d; font-size: 16px; margin-bottom: 5px;}
.item_info .sub_info {overflow: hidden;}
.item_info .sub_info h3#sub_data {width: 300px; float: left; font-size: 13px; color: #59593d;}
.item_info .sub_info h3#price {width: 80px; float: right; text-align: right; font-size: 13px; color: #59593d; font-weight: bold; padding-right: 5px;}
.item_info .buy_info {overflow: hidden;}
.item_info #qty {width: 150px; float: left;}
.item_info input {background: #a2a790; text-transform: uppercase; color: #fff; padding: 4px 10px; border: none; float: right; cursor: pointer; margin-top: -10px;}
.item_info p {margin-bottom: 15px;}

/* Ajax Search */

#header #ajaxSearch_form {position: absolute; bottom: 0; right: 10px;}
#header #ajaxSearch_form input {border: 1px solid #d9d8d5; padding: 5px; color: #59593D; font-size: 9pt; width: 158px;}
form#ajaxSearch_form input#ajaxSearch_submit {width: 23px; cursor: pointer; padding: 0; border: none; margin-bottom: -8px;}

.ajaxSearch_result a {color: #7e826e; text-decoration: underline;}
.ajaxSearch_result a:hover {text-decoration: none;}

/* Footer */

#footer {text-align: center;}
#footer p a {text-decoration: none; color: #7e826e;}
#footer p a:hover {text-decoration: underline;}
#footer p {color: #7e826e; font-size: 9pt; margin-bottom: 4px; padding-top: 3px;}
#footer img {float: right; margin-top: -20px;}

/* Home Page */

#three_items {background-image: url(../../images/elements/three_panel_bg.png); background-repeat: no-repeat; height: 317px;}

.one_box {height: 274px; width: 282px; float: left; margin-left: 19px; margin-top: 19px; background-position-x: 1px; background-repeat: no-repeat;}
.one_box a {display: block; width: 100%; height: 274px; border: 1px solid white;}
#proj_box {margin-left: 38px;}
#pep_box {margin-left: 38px;}

.one_box .box_overlay {height: 35px; width: 100%; margin-top: 237px;}
.one_box .box_overlay h2 {padding-top: 0; margin-left: 5px; margin-bottom: 10px;}
.one_box .box_overlay p {color: #fff; margin-left: 10px; font-size: 10pt;}

#product_area {margin-top: 20px;}

img#janice_signature {margin-left: 270px;}
p.image_cap {margin-top: 4px; text-align: left; font-size: 11px; color: #90976B;}

/* Breadcrumbs */

#breadcrumbs {font-size: 12px; color: #90976B; margin-left: 7px; margin-top: 15px;}
#breadcrumbs a {text-decoration: none; color: #90976B;}
#breadcrumbs a:hover {text-decoration: underline;}

/* Index */

.index_area {margin-bottom: 0; overflow: visible;}
#index {margin-bottom: 25px; height: 200px;}
.index_col {width: 320px; float: left; }

.item {margin-bottom: -8px; height: 55px; float: left;}
.item .swatch_hold {height: 53px; width: 300px;}
.item .swatch {width: 80px; height: 52px; background-image: url(../../images/elements/swatch_bg.png); background-repeat: no-repeat; float: left;}
.item .color {width: 47px; height: 23px; margin-top: 14px; margin-left: 15px;}
.item p {font-size: 13px; float: left; margin-top: 15px; margin-left: 5px;}
.item p a {color: #74716b; text-decoration: none;}
.item p a:hover {text-decoration: underline;}

.drop_menu_hold {position: relative; height: 0px; overflow: visible;}
.drop_menu {position: absolute; z-index: 99; left: 140px; top: -11px; position: relative; padding: 10px; border: 1px solid white; background-image: url(../../images/elements/bg_burst.jpg); width: 180px;}
.drop_menu ul {font-size: 13px; position: relative;}
.drop_menu ul li {margin-bottom: 8px;}
.drop_menu ul li a {color: #74716b; text-decoration: none;}
.drop_menu ul li a:hover {text-decoration: underline;}

ul.sub_nav {font-size: 10pt; margin-left: 50px;}
ul.sub_nav li {margin-bottom: 8px; color: #2B2313; font-weight: bold;}
ul.sub_nav li a {color: #5E4D24; text-decoration: none; font-weight: normal;}
ul.sub_nav li a:hover {text-decoration: underline;}

.sub_block {border: 1px solid red; width: 100px; height: 100px;}

img.col_head {margin-left: 8px; margin-bottom: 8px;}

/* Cart */

.shopping_cart_tiny {text-align: right; font-size: 11pt; font-weight: bold; padding-top: 15px;}
.shopping_cart_tiny a {color: #336666; text-decoration: none;}
.shopping_cart_tiny a:hover {text-decoration: underline;}
.shopping_cart_tiny img {float: left; margin-top: -20px;}

#bs_cart {margin-top: 30px;}

/* Shipping */

#shipping_chart table, td {border: 1px solid black;}
#shipping_chart td {padding: 6px;}
#shipping_chart .thead td {font-weight: bold; background-color: #90976B;}

/* Product List */

.project_row {overflow: hidden; display: block;}
.project_step {width: 134px; margin-right: 15px; float: left;}
.project_step img {margin-bottom: 10px; width: 134px; height: 134px;}
.project_step h2 {margin-bottom: 4px;}

.full_project_step {width: 960px; float: left;}
.full_project_step img {margin-bottom: 10px; width: 960px; height: 400px;}

#pagination {text-align: right; font-size: 12px; color: #90976B; padding-right: 6px;}
#pagination a {color: #90976B; text-decoration: none;}
#pagination a:hover {text-decoration: underline;}

#pagination .ditto_currentpage {padding: 1px 5px 2px; margin-right: 1px; font-weight: bold; color: #74716B;} 

#pagination a, #pagination a:link, #pagination a:visited {padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important;}

#prod_index {overflow: hidden; width: 100%; margin-left: 0;}

.ditto_summaryPost {width: 152px; height: 152px; background-image: url(../../images/elements/framebox.png); background-repeat: no-repeat; float: left; margin-right: 6px; margin-bottom: 10px;}
.ditto_summaryPost img {width: 125px; height: 97px; margin-top: 6px; margin-left: 10px; margin-bottom:15px;}
.ditto_summaryPost h3 {font-size: 13px; padding-left: 2px; line-height: 15px;}
.ditto_summaryPost h3 a {color: #74716b; text-decoration: none;}
.ditto_summaryPost h3 a:hover {text-decoration: underline;}
.ditto_summaryPost h3 a div.pname {padding-left: 12px; padding-right: 10px;}

/* Misc. */

#gen_page_head, #reduced_page_head {width: 943px; min-height: 140px; margin-bottom: 5px; margin-top: 15px;}
#gen_page_head {-webkit-box-shadow: 5px 5px 5px #D8D7D1; -moz-box-shadow: 5px 5px 5px #D8D7D1; border: 1px solid #CECECE;}
#video_page_head {width: 960px; min-height: 170px; margin-bottom: 5px; margin-top: 15px;}
#video_page_head #reduced_page_head {width: 630px; margin-right: 15px; -webkit-box-shadow: 5px 5px 5px #D8D7D1; -moz-box-shadow: 5px 5px 5px #D8D7D1; border: 1px solid #CECECE; float: left;}
span#reduced_page_video {float: right; min-height: 140px; margin-bottom: 5px; margin-top: 15px;}
#gen_page_head_text {font-family: Helvetica Neue; font-weight: 100; font-size: 40px; position: relative; top: 90px; left: 10px; color: white;}

#prod_img_bg {width: 334px; height: 334px; background-image: url(../../images/elements/product_img_bg.png); margin-bottom: 25px; margin-top: -4px;}
#prod_img_bg img {margin-top: 12px; margin-left: 14px; width: 300px; height: 300px;}

.fs_image {background-image: url(../../images/elements/framebox_generic.png); background-repeat: no-repeat; width: 208px; height: 209px; float: left; margin-right: 10px; margin-bottom: 10px;}
.fs_image img {margin-left: 15px; margin-top: 12px;}x;}