/* --- Reset -------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* -- Basic Page Styles -------------- */

body{ background:#edebcc; font:11px Trebuchet MS, sans-serif; color:#777; }
#container{ width:775px; margin:0px auto; position:relative; }
#heading{ width:755px; padding:115px 10px 1px 10px; background:url(../images/heading.jpg) top center no-repeat; position:relative;}
#nav{ width:756px; margin-bottom:2px; overflow:hidden; }
#nav li{ display:inline; }
#nav a{ display:block; float:left; padding:3px 11px 2px 12px; border-right:2px solid white; text-align:center; color:#999; font-weight:bold; text-transform:uppercase; font-size:10px; text-decoration:none; }

#nav2{ display:block; width:203px; float:left; height:100%; background:#eee8dc; margin:10px;}
#nav2 ul{ border:2px solid #c9c4c1;}
#nav2 li{ margin-bottom:1px; }
#nav2 a{ display:block; width:100%; padding:5px 0px 5px 0px; color:#777; text-decoration:none; font-weight:bold; text-indent: 6px;}
#nav2 h2{ font:16px Georgia, serif; text-indent:5px; padding:7px 0px 7px 0px; width:100%; background:#c9c4c1; margin-bottom:0px; color:white; }
.nav2item{ background-color:#fff; }
/*#nav2 li{ display:block; width:100%; border-bottom:1px solid #c9c4c1; }*/
/*#nav2 a.on{ background:#fff !important; }*/

#cat_main{ width:100%; margin-bottom:2px; }
#cat_description{ display:block; width:260px; padding:10px; float: left; background-color:#fff; border:solid 1px #cdcdcd; margin-left:10px; margin-top:10px;}
#cat_description img{ padding:0px; width: 257px; border:1px solid #CCC; }
#cat_list{ float:right; width:450px; display:inline; padding-top:10px;}
#cat_list ul{list-style-type:none;}
#cat_list ul li {float: left; margin-bottom: 4px;}
/* #cat_list li{width:200px; padding:5px; border:1px solid #CCC; display:block; float:left; margin-bottom:5px; margin-right:5px; background:#fff;}
#cat_list a{ padding:5px 0px 5px 0px; text-indent:5px; color:#999; text-decoration:none; font-weight:bold; } */
#cat_list a{width:200px; padding:5px; border:1px solid #CCC; display:block; float:left; margin-bottom:5px; margin-right:10px; background:#fff; color:#999; text-decoration:none; font-weight:bold; }

#cat_list a:hover{ background:white; color:#777; }


#cartnav{ position:absolute; top:35px; right:20px; }
#cartnav li{ display:inline; padding:0px 7px 0px 7px; border-right:1px solid #777; }
#cartnav li.end{ border-right:none;}
#cartnav a{ color:#777; text-decoration:none; }

.footernav{ text-align:center; }
.footernav li{ display:inline; padding:0px 7px 0px 7px; border-right:1px solid #777; }
.footernav li.end{ border-right:none;}
.footernav a{ color:#777important; text-decoration:none; }

#searchform{ position:absolute; top:65px; right:25px;}

#content{width:755px; padding:0px 10px 10px 10px; overflow:hidden; text-align:left; margin-top:-2px;}

#footer{ width:755px; background:url(../images/bottombg.gif) top center no-repeat;  padding:60px 10px 20px 10px; margin:0px auto; }

*.fabric{ background:#ffdac6 url(../images/contentbg.gif) top center repeat-y !important; }
*.patterns{ background:#fff8b6 url(../images/contentbg.gif) top center repeat-y !important; }
*.buttons{ background:#fbffd9 url(../images/contentbg.gif) top center repeat-y !important; }
*.threads{ background:#c4fff1 url(../images/contentbg.gif) top center repeat-y !important; }
*.notions{ background:#cde7fb url(../images/contentbg.gif) top center repeat-y !important; }
*.design-plates{ background:#e4fff6 url(../images/contentbg.gif) top center repeat-y !important; }
*.lace-and-embroideries{ background:#ffe9c0 url(../images/contentbg.gif) top center repeat-y !important;}
*.books{ background:#fbe8ff url(../images/contentbg.gif) top center repeat-y !important; }
*.gifts{ background:#ffdac6 url(../images/contentbg.gif) top center repeat-y !important; }
*.ribbons-and-trims{ background:#ffffff url(../images/contentbg.gif) top center repeat-y !important; }

*.manufacturer{ background:#ffffff url(../images/contentbg.gif) top center repeat-y !important; }

*.home, *.checkout { background:#ffffff url(../images/contentbg.gif) top center repeat-y !important; }

*.plates{ background:#e4fff6; }
*.lace{ background:#ffe9c0; }

/*a.fabric:hover, *.fabric a:hover, h2.fabric{ background:#ffdac6; }
a.patterns:hover, *.patterns a:hover, h2.patterns{ background:#fff8b6; }
a.buttons:hover, *.buttons a:hover, h2.buttons{ background:#fbffd9; }
a.threads:hover, *.threads a:hover, h2.threads{ background:#c4fff1; }
a.notions:hover, *.notions a:hover, h2.notions{ background:#cde7fb; }
a.plates:hover, *.plates a:hover, h2.plates{ background:#e4fff6; }
a.lace:hover, *.lace a:hover, h2.lace{ background:#ffe9c0; }
a.books:hover, *.books a:hover, h2.books{ background:#fbe8ff; }
a.gifts:hover, *.gifts a:hover, h2.gifts{ background:#ffdac6; }*/

/*#top{ background:#c9c4c1; }*/
#top ul{ height:100%; width:150px; float:right; border-left:1px solid white; border-right:1px solid white; }
#top img{ float:right; }
#top div{ float:left; padding:5% 10px 10px 20px; width:225px; }
#top h1{ color:#999; }
#top p{ color:#999; }
#top li, #top a{ display:block; width:100%; }
#top li{ border-bottom:1px solid white;}
#top a{ padding:5px 0px 5px 0px; text-indent:5px; color:#999; text-decoration:none; font-weight:bold; }
#top a:hover{ background:white; color:#777; }

#top.top2{ background:#d5ecfd !important; margin-bottom:15px;}
#top.top2 h1 {color: #666 !important; margin-bottom: 5px !important;}
#top.top2 p {width: 400px;}
#top.top2 ul {width: 180px; height: auto !important;}
#top.top2 ul li a:hover {background-color: #fcfee0;}

#homelink{ position:absolute; top:40px; left:40px; display:block; width:160px; height:50px; }
#homelink span{ visibility:hidden; width:100%; height:100%; display:block;}

.floatright {float: right;}
.floatHalf {float: left; width: 47%; padding-right: 20px;}
.floatHalf table {width: 100%;}
.paddit {padding: 10px !important;}
.padd {padding: 10px 20px 0 20px !important; width:735px !important; min-height: 400px;}
.no_right {margin-right: 0 !important;}
.no_right_padd {padding-right: 0 !important;}

h2.styleize {background-color: #cde7fb; padding: 6px 11px !important;}
div.hr_line {height: 0; overflow: hidden; border: 0; border-bottom: 1px; border-color: #ccc; border-style: solid; margin: -8px 0 10px 0; clear: both;}
div.hr_line hr {display: none;}

ul.list_zontal {width: auto !important; border: 0 !important; background-color: transparent !important; height: 10px !important; overflow: hidden;}
ul.list_zontal li {float: left !important; display: block !important; width: auto !important; margin-right: 5px; border: 0 !important; background-color: transparent !important;}
ul.list_zontal li a {padding: 4px 2px 4px 4px !important; width: auto !important;}

ul.bullets {list-style: disc; margin: 0 -15px 0 15px;}
ul.bullets li {margin-bottom: 7px;}

div.gallery_item {float: left; width: 330px; background: #fefecc; padding: 15px; border: 1px #e3e39f solid; text-align: center; margin: 0 11px 11px 0; height: 400px;}
div.gallery_item img {max-width: 330px; max-height: 330px; margin-bottom: 15px;}

.mybar {float: right; width: 150px !important; padding: 15px; background: #ffdac6; }
.padd #left {width: 535px !important; float: left;}

.order_details .floatHalf {width: 100% !important;}
.order_details label {display: inline; float: left; width: 100px !important; font-weight: bold;}
.order_details .float {display: inline;}
.order_details .padLeft {display: inline;}
.order_details .clear {margin: 0 !important;}

/* --- Major divs ------------- */

#top,#top-home{ width:100%; margin-bottom:2px; }
#top-home{ height:200px; }
div.col,div.col-mid{ width:33.15%; float:left; }
div.col-mid{ margin-left:2px; margin-right:2px; }

div.col div, div.col-mid div, div.right div, div.left div, div.full div{ padding:5px; }
div.shadow{ background:url(../images/shadow-bg-top.gif) top left repeat-x; padding:15px 10px 0 10px !important; }
div.shadow ul li {border: 0; border-bottom: 1px; border-color: #ccc; border-style: dashed; padding: 5px 0 5px 0;}
div.shadow ul li a {font-size: 14px; text-decoration: none;}
div.shadow form {margin-top: -10px;}

div.full{ padding:10px; clear:both; }
#right{ width:525px; float:right; padding-top:10px; margin-right:5px; overflow:visible; }

div.left{ width:48%; float:left; margin-left:10px; clear:both; margin-bottom:20px; }
div.right{ width:48%; float:right; margin-bottom:20px; }

/* --- Headings ------------- */

h1,h2,h3,h4 { font-family:Georgia, serif; margin-bottom:10px;}
h1{ font-size:20px; }
h2{ font-size:15px; }
h3{ font-size:14px; }
h2.titlebar{ font:10px Trebuchet MS, sans-serif; color:#777; font-weight:bold; padding:5px 0px 5px 0px; text-indent:7px; text-transform:uppercase; margin-bottom:2px; position:relative; }
h2.titlebar span{ position:absolute; left:6px; top:4px; }

h1.underline,h2.underline{ border-bottom:1px solid #ccc; padding-bottom:5px; }

h3.product-title{ font-size:13px;}

h4 { font-size: 14px;}

.padd h3 {border: 0; border-bottom: 1px; border-color: #ccc; border-style: dashed; padding-bottom: 5px;}

/* --- Misc ----------------- */

a,a:visited{ color:#4997df; outline:none; }
p{ margin-bottom:20px; }
p.paging{ clear:both; padding:7px 0px 7px 0px; border-bottom:1px solid #c9c4c1; border-top:1px solid #c9c4c1; text-align:left; }
input, select{ border:1px solid #aaa; font:11px Trebuchet MS, sans-serif; padding:2px 1px; color:#777; vertical-align:middle; }
label{ display:block; margin-bottom:7px; text-align: left;}
label span{ display:inline-block; width:8px;}
label.inline{ display:inline; }
input.button {margin-right: 10px; background-color: #dfdfdf; padding: 2px 10px; text-decoration: none; color: #666; border: 1px solid #666;}
input.img_button {border: 0; text-indent: -999em; background: url(../images/gobutton.gif) 50% no-repeat; width: 20px; cursor: pointer;}

/* --- sub-category -> product display -------------- */
.product{ display:block; width:500px !important; float:left; padding-right:10px; margin-bottom:10px; margin-right:10px; background:#fff; border:1px solid #c9c4c1; padding:10px; height: 126px;}
.product img { float:left; margin-right:10px; max-height: 120px; border:1px solid #ccc;}
.product p { margin-top: 5px;}
.product a:hover {color: #282828;}

.featured_product_homepage{ display:block; width:226px !important; padding-right:10px; margin-bottom:10px; margin-right:10px; padding:10px; margin-top:-10px; height: 126px;}
.featured_product_homepage img { float:left; margin-right:10px; max-height: 120px; border:1px solid #ccc;}
.featured_product_homepage p { margin-top: 5px;}
.featured_product_homepage a:hover {color: #282828;}

.featured_product_category{ display:block; width:260px !important; float:left; padding-right:10px; margin-bottom:10px; margin-right:10px; padding:10px; height: 126px;}
.featured_product_category img { float:left; margin-right:10px; max-height: 120px; border:1px solid #ccc;}
.featured_product_category p { margin-top: 5px;}
.featured_product_category a:hover {color: #282828;}
/*img.thumb{ float:left; vertical-align:text-top; }*/

div.view_all {float: left; margin: 10px;}

div.pagination {margin-bottom: 10px;}

strong{ font-weight:bold; color:#555; }

img.pimage{ float:right; vertical-align:text-top; margin-left:15px; border:1px solid #ccc; }

.tertiary_list {width: 530px !important;}
.tertiary_list li {width: 175px;}
.tertiary_list li a {width: 90% !important;}
.tertiary_list h2 a {border: 0 !important; float: left; width: auto !important; color:#4997df !important; font-size: 20px; font-weight: normal !important; text-decoration: underline !important; background-color: transparent !important;}
.tertiary_list span {float: left; position: relative; top: 4px; margin-right: 7px; font-size: 20px;}

table{ margin-bottom:20px; }
table.cart td, table.cart th{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
th{ font-weight:bold; background:#e5deda;}
td,th{ padding:4px;}

#flash {position: absolute; top: 170px; left: 50%; margin-left: -200px; width: 400px; background-color: #d5ecfc; border: 3px solid #fff; padding: 20px; z-index: 9;}

/* --- Detail View ----------------- */
#detail{position: relative; overflow: visible;}
#detail p {width: 98%; float: left;}
#detail img{float: left; border:2px solid #c9c4c1; margin: 0 !important; padding: 5px; background: #fff;}
.detail_name{ font-size:16px; font-family: Georgia; padding-bottom: 5px; margin-bottom: 10px;}
.detail_manu{ margin-top: -17px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.detail_price{ font-size:16px; font-family: Georgia; background: #d5ecfc; padding: 5px; width: 100px !important; float: left; border: 1px solid #ccc;}
.detail_sku {float: right; width: auto; margin-right: 12px; display: block; text-align: right;}
.detail_description{ font-size:16px; font-family: Georgia; margin-top: -17px; padding-bottom: 15px;}
#detail form{ display:block; float:left; border: 1px solid #ccc; padding: 0 0 13px 13px; width:277px; margin-bottom:20px; margin-right: 5px; background: #d5ecfc;}
#detail form h3 {padding: 0; margin: 0 -4px 10px 0;}
#detail form input.button {float: right;}
#detail form input#product_quantity {float: left; margin-left: -4px;}
#detail form table {padding: 0; margin: 5px 0 10px 0;}
#detail hr.space{ color: #fff; border-bottom: 1px dotted #006699; padding:10px; }
#detail #image_side {width: 194px; float: right; position: absolute; top: 0; right: 20px; margin-right: 5px;}
#detail #image_side, x:-moz-any-link, x:default {right: 0;} /* FireFox 3 */
#detail #thumbs {width: 98%; margin-bottom: 10px; padding-bottom: 10px; border: 0; border-style: solid; border-color: #ccc; border-bottom: 1px;}
#detail #thumbs h4 {padding: 5px; background-color: #d5ecfc; margin: 5px 0 5px 0;}
#detail #thumbs img {width: auto; height: auto; float: left; margin: 0 5px 0 0 !important;}
#detail table#fabric {font:12px 'Trebuchet MS' normal; text-align:center; border:1px dotted black;}
#detail table#fabric td {padding:10px;}

/* --- Store/Checkout ----------------- */

table.list tr.odd  {border-bottom:1px solid #f7f5d3;}
table.list tr.even {background-color:#f7f5d3;}

#content .header {width: 100%; background: #d5ecfc; margin-bottom: 10px; clear: both;}
#content .header h4 {font-size: 14px; color: #777; padding: 5px;}
#content .field_holder {width: 130px; float: left; overflow: visible; margin: 0 13px 13px 0;}
#content .field_holder label {margin-bottom: 2px;}
#content .field_holder input {width: 100%;}
#content .floatHalf select {width: 95% !important;}
#content .floatHalf div select {width: 55px !important;}
#content .shipping_opt {width: 363px; float: left; background-color: #fbffd9; padding: 20px; margin-right: 12px; margin-bottom: 12px; overflow: auto; border: 1px solid #dce1b0;}
#content .shipping_opt input {float: left; position: relative; margin-right:20px;}
#content .shipping_opt label {}
#content .shipping_opt b {float: left; position: relative; top: 6px;}
#content .shipping_opt .big_txt {font-size: 22px; position: relative; top: 5px; left: 5px; float: left;}
#content #errors {margin-bottom: 13px;}
#content #buttons {margin-top: -13px;}
#content #buttons .button {background-color: #eee !important; text-transform: none; font-size: 11px; font-weight: normal !important;}
#content #column_left {width: 435px; float: left;}
#content #column_left div.pink_bg {padding: 10px; background-color: #ebe5e1; margin-bottom: 10px;}
#content #column_left div.pink_bg p {margin-bottom: 0;}
#content #column_right {width: 290px; float: right;}
#content #column_right .list {width: 290px !important; margin: 0;}

.list {width: 737px; margin: 10px 0 0 0; font-size: 12px; position: relative;}
.list tr {border: 0; border-bottom: 1px; border-style: solid; border-color: #fff;}
.list tr.odd, .list tr.even {height: auto;}
.list .product_name {position: relative;}
.list .product_name img {margin: 3px 12px 3px 2px; float: left; height: 50px; width: 50px;}
.list .product_name p {margin: 13px 0 -10px 0; float: left;}
.list .product_name p a {position: relative;}
.list td.money, .list td.numeric, .list th.numeric {text-align: center;}
.list tr.footer {border-top: 1px solid #ccc;}
.list tr.footer a {display: none;}
.list tr.footer td {vertical-align: middle;}
.list tr.footer td.money {float: right; width: 73px;}
.list tr.footer td.shift {position: relative; text-align: left;}
.list tr.footer td.shift strong {position: relative; left: -28px; top: 0;}

div.form_block {width: 100%; border-top: 1px solid #ccc; padding-top: 10px;}
div.form_block div.floatHalf {width: 190px !important; float: left; margin-bottom: 10px;}
div.form_block span {width: auto; margin-right: 5px;}

#search-results {padding: 10px 0 0 10px !important;}
#search-results .product {width: 340px !important;}

a.button {margin-right: 10px; background-color: #ccc; padding: 5px 10px; text-decoration: none; color: #666; border: 1px solid #666;}

/* --- Accounts/Costumer ----------------- */

div.alert_window {float: right; width: 35%; background-color: #d5ecfc; padding: 12px 12px 0 12px;}
div.push_left {float: left; width: 60%;}

#logged_in {position: absolute; top: 12px; left: 10px; padding: 4px; background-color: #fff;}