/*

  Copyright (c) 2008 wasabijewelry.com

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.boxText  ul { list-style-type: none }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #003b5d; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #f0a480; text-decoration: underline; }


a {color: #666; text-decoration: none; outline: none; }

a:hover {color: #444; text-decoration: none; /* this is wasabi (was underline)*/ }
:focus { outline: none; -moz-outline-style: none; }

form { display: inline; }
b { color: #888; }

.mainSection { padding: 0; margin: 2px 6px 2px 6px; border: 0; } /* UNUSED!! */

.infoBox { width: 100%; display: block; float: left; padding: 0 0 8px 0; }
.small-infoBox-left { width: 38%; float: left; padding: 12px 6px 12px 0; }
.infoBox-left { width: 48%; float: left; padding: 12px 6px 12px 0; }
.infoBox-left-lined { width: 48%; float: left; padding: 12px 6px 12px 0; border-right: 1px dashed #9AC025; }
.infoBox-right { width: 48%; float: right; padding: 12px 0 12px 6px; }
.large-infoBox-right { width: 58%; float: right; padding: 0; }

#defaultFont { font-family: Verdana, Arial, sans-serif; font-size: 12px; }

.infoBoxNotice { background: #FF8E90; }
.infoBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; }

span.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #999999; font-weight: bold; }

a.pageResults { color: #dc5b3d; }
a.pageResults:hover { color: #666; }

div.pageHeading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #aaa; margin-bottom:5px; }
#pageHeadingText { border-bottom: 1px dashed #7D8249; }

#content h2.pagetitle { font: 11px Verdana, Arial, Helvetica, sans-serif;  letter-spacing:0px; color: #888}

p.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; }
div.titleText, span.titleText, p.titleText { color: #aaa; font-weight: bold; }
div.titleText a, span.titleText a, p.titleText a { color: #888; }
div.smallText, span.smallText, p.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
div.smallTextRight { font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: right; }

.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
#fieldValue input { width: 540px; font-family: Verdana, Arial, sans-serif; font-size: 12px; }


span.unavailable { font-size: 12px; color: #f0a480; font-weight: bold; }
span.notice { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #80a4f0 }
span.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #80a4f0; font-weight: bold; }
span.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
span.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000;}



.module {display: block; border: #aaa 1px dashed; padding: 0 8px;}
.moduleRow {display: block; height: 24px; padding: 0 8px;}
.moduleRowOver { display: block; height: 24px; color: #FAFAFA; /* #F1D8DE; */ background-color: #D6D6D6; /* #BDB095; #CAA8A0; #DB5C3C; F9D9E1; */ cursor: pointer; cursor: hand; padding: 0 8px;}
.moduleRowSelected { display: block; height: 24px; background-color: #EEE; /* #EEE2D2; #F1D8DE; */ padding: 0 8px; }
.moduleRowOutline { display: block; height: 24px; border: #DBDBDB 1px solid; cursor: pointer; cursor: hand; padding: 0 8px;}

#moduleRowText {display: block; width: 100%; line-height: 18px; }

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 6px 0;}
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #f0a480; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #77EE00; }

/* input requirement */
/* .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } */



/* ***************************** WASABI *********************************** */
body { padding: 14px 0 0 0; border: 0; background: #fff url(images/wasabi/bgw.jpg) repeat-x top; margin: 0px; color: #969696; font-family: verdana,tahoma,sans-serif; position: relative; min-width: 1000px; overflow: -moz-scrollbars-vertical !important }
img { border 0; }
a { text-decoration: none }
#mainpage { margin: 0 auto; width: 960px }
#page,#header,#footer {width:100%}

form {margin:0;padding:0;} /* IE need this */
#sidebar .submit {color: #666;}

h2 { font-size: 12px; color: #888}

checkbox, radio, select { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
textarea { width: 99%; }
input, textarea {font:11px/16px Verdana, Arial, Helvetica, sans-serif;  letter-spacing:0px; padding: 0; vertical-align: middle}
#checkbox { float: left; display: block; width: 20px;}
#checkbox-right { float: right; display: block; width: 20px; text-align: right}

/* Header Section */
/* Header Section */
#header { width: 100%; position: relative; height: 64px; border-bottom: 1px solid #ccc; padding: 0 0 4px 0; z-index:1 }

#header-right { width: 148px; position: absolute; top: 7px; right: 158px; text-align: right; text-indent: 0px; padding: 0px; text-transform: uppercase; color: #919191; font-size: 11px; font-family: verdana, arial, sans-serif; height: 24px   }
#header-right ul li { display: inline }
#header-right a { color: #919191  }
#header-right a:hover { color: #717171 }

#header ul { margin: 0px; list-style-type: none }
#header a.logo { display: block; background: url(images/wasabi/wasabilogo.gif) no-repeat left bottom; left: 10px; width: 152px; position: absolute; top: -2px; height: 57px }
#top-navigation { background: #f3f3f3 url(images/wasabi/bag.gif) no-repeat left top; left: 812px; top: 1px; width: 120px; height: 24px }
.topbar { top: 34px; height: 20px; left: 232px; width: 492px}

#main-navigation { padding: 0; margin: 0;  position: absolute }
#main-navigation li { padding: 4px 0 2px 0;  float: left;  margin: 0;  font: 13px/18px Helvetica, Arial, sans-serif; font-weight: bold; color: #979797; position: relative }
#main-navigation li a { display: block; float: left; overflow: hidden;  text-align: center; }
#main-navigation li.home a { color: #979797; width: 58px }
#main-navigation li.latest a { color: #979797; width: 82px }
#main-navigation li.collections a { color: #979797; width: 90px }
#main-navigation li.blog a { color: #979797; width: 48px }
#main-navigation li.about a { color: #979797; width: 60px }
#main-navigation li.trade a { color: #979797; width: 82px }
#main-navigation li.contact a { color: #979797; width: 64px }
#main-navigation li a:hover { color: #717171; }
#main-navigation li:hover a { color: #717171; }
#main-navigation li.hover a { color: #717171; }

#main-navigation li ul { padding-right: 0px;border-top: #d6d6d6 1px solid;display: none;padding-left: 0px;background: #f3f3f3;left: 0px;padding-bottom: 0px;margin: 0 0 0 0px;width: 158px;padding-top: 0px;border-bottom: #a6a6a6 1px solid;position: absolute;top: 22px }
#main-navigation li:hover ul { display: block }
#main-navigation li.hover ul { display: block }
#main-navigation li ul li { border-left: #d6d6d6 1px solid; border-right: #a6a6a6 1px solid; padding-right: 0px;padding-left: 0px;background: #f3f3f3;float: left;padding-bottom: 0px;margin: 0px;width: 157px;padding-top: 0px;height: 23px }
#main-navigation li ul li.last { padding-right: 0px;padding-left: 0px;background: none transparent scroll repeat 0% 0%;padding-bottom: 0px;padding-top: 0px }
#main-navigation li ul li a { padding-right: 0px;display: block;padding-left: 18px;background: #f3f3f3;float: none;padding-bottom: 0px;font: 11px/24px 'trebuchet ms',tahoma,sans-serif;width: 157px! important;text-indent: -14px;padding-top: 0px;height: 23px }
#main-navigation li ul li a:hover { /* background: #2e0000 */ background: #e3e3e3 }

#middle{ float: left; margin: 0px; padding: 0px; border: 0px; width: 960px }

.middle-body {width: 754px;position: relative;float: left;padding:12px 12px 0px 12px;margin: 0; border-left: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 12px}

#middle{ float: left; margin: 0px; padding: 0px; border: 0px; width: 960px }
#middle div.middle-left { background: #fff url(images/wasabi/wasbody-left.jpg) no-repeat top left; float: left; padding: 0 0 0 0; margin: 0; height: 536px; width: 661px; text-decoration: none; text-indent: -999px; border-left: #ccc 1px solid; /* border-top: #ccc 1px solid; */ border-bottom: #ccc 1px solid  }

#middle div.middle-right { background: #fff url(images/wasabi/wasbody-right.jpg) no-repeat top left; float: left; padding: 0 0 0 0; margin: 0; height: 536px; width: 296px; text-decoration: none; text-indent: -999px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; /* border-top: #ccc 1px solid; */ border-bottom: #ccc 1px solid }

#middle div.middle-main {  text-decoration: none; text-indent: 0px; display: block; position: relative; left: 34px; top: 206px; width: 220px; heigh: 26px; margin: 0; padding: 0; background: transparent; text-indent: 0px; color: #9B9B19; font: bold 11px/18px Tahoma,Geneva,sans-serif}
#middle div.middle-mainb {  text-decoration: none; text-indent: 0px; display: block; position: relative; left: 118px; top: 438px; width: 72px; heigh: 26px; margin: 0; padding: 0; background: transparent; text-indent: 0px; color: #9B9B19; font: bold 11px/18px Tahoma,Geneva,sans-serif}
#middle div.middle-text1 {  display: block; position: relative; left: 34px; top: 212px; width: 244px; heigh: 48px; margin: 0; padding: 0; background: transparent; text-indent: 0px; color: #333; font: 11px/18px Tahoma,Geneva,sans-serif}
#middle div.middle-text1 span { color: #242424; font: 11px/16px arial,times,serif; font-weight: bold;}
#middle div.middle-text2 {  display: block; position: relative; left: 82px; top: 442px; width: 146px; heigh: 38px; margin: 0; padding: 0; background: transparent; text-indent: 0px; color: #333; font: 11px/16px Tahoma,Geneva,sans-serif }
#middle div.middle-text1 a{ color: #9B9B19; text-decoration: none }
#middle div.middle-text1 span a{ color: #242424; text-decoration: none }
#middle div.middle-text2 a{ color: #242424; text-decoration: none; font-weight: bold }
#middle div.middle-link {  text-decoration: none; text-indent: 0px; display: block; position: relative; left: 32px; top: 218px; width: 200px; heigh: 32px; margin: 0; padding: 0; background: transparent; text-indent: 0px; color: #9B9B19; font: 11px/18px Tahoma,Geneva,sans-serif}

.middle-navigation {width: 160px; overflow: hidden; position: relative;float: left;margin:0;padding:10px 10px 10px 10px; border: 0; background: transparent; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#666 }


/* Content Section */
#content { font:12px/18px Verdana, Arial, Helvetica, sans-serif }
// #content h2 {font:bold 1.4em Arial; margin-bottom:5px;}
#content h2 {font:bold 17px/19px Arial; margin-bottom:5px;}
// #content h2 {font:bold 28px Arial; margin-bottom:5px;}
#content h2.pagetitle { font: 11px Verdana, Arial, Helvetica, sans-serif;  letter-spacing:0px; color: #888}
#content h3 {font: 11px Verdana, Arial, Helvetica, sans-serif;  letter-spacing:0px; color: #888 }
#content a {text-decoration:none; border-bottom: 1px dashed #7D8249;}
#content a:hover {border-bottom: 1px dashed #7D8249;}
#content .entry {text-align:justify;}
#content blockquote {padding: 0}
#content blockquote p {padding: 0 10px}
blockquote {margin:10px; padding: 0 10px; border: 1px solid #eee; background: #F4F4F4}
#page blockquote {padding: 0}

.addressRow { display: block; float: left; width: 94%; padding: 0 8px }

.navBarHeading {display:block; float: left; font: 16px Helvetica, Arial, sans-serif; padding: 0 0 12px 0; text-align: center; color: #ccc; font-weight: bold }

/* SideBar Section (blog)*/
#sidebar a { color: #666 }
#sidebar a:hover { color: #444 }
#sidebar ul {list-style: none; margin: 0;	padding: 0 0 10px;}
#sidebar ul li {margin: 0; display: block; padding: 2px 0 6px; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#444;}
#sidebar li ul{list-style: none;margin: 0; padding: 6px 0 2px;}
#sidebar li ul li{margin: 0; display: block; padding: 2px 0 4px 12px; font:normal 11px Verdana, Arial, Helvetica, sans-serif}

#sidebar a {text-decoration:none;}
#sidebar p {font:11px Verdana, Arial, Helvetica, sans-serif;}
#sidebar li p { color: #888 }
#sidebar h1 {color: #444; padding: 0; margin: 18px 0 0 0; font:11px Verdana, Arial, Helvetica, sans-serif;}
/* #met {display: none} for show/hide menu */

/* Footer Section */
ul.nav{ padding: 6px 0 0 28px; margin: 0; position: absolute }
ul.nav li { padding: 0; display: inline; margin: 0px; font-size: 11px; text-transform: uppercase; color: #5c7932; font-family: verdana, arial, sans-serif }
ul.nav li a { padding: 0; color: #919191 }
ul.nav li a:hover { color: #717171; text-decoration: none }
ul.baseline li { padding: 0; display: inline; margin: 0; color: #5c7932; font-family: verdana, arial, helvetica, sans-serif }

#footer { padding-right: 0px; padding-left: 100px; background: transparen; float: left; padding-bottom: 26px; width: 760px; top: 4px; padding-top: 0px; position: relative }
#footer ul { list-style-type: none }
#footer .mailsign { text-transform: uppercase; margin: 0; padding: 8px 0 10px 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #919191; text-align: center; border-bottom: #aaa 1px solid; height: 18px }
#footer .mailsign a { float: right; color: #919191; padding: 0 237px 0 0 }
#footer .mailsign a:hover { color: #717171 }

#footer-navigation { padding: 0; width: 756px; margin: 0 auto; font: 11px/18px Tahoma,Geneva,sans-serif; position: relative; top: 14px; height: 12px}
#footer-navigation li { padding 0;  margin: 0; float: left; font: 11px/12px Tahoma,Geneva,sans-serif; color: #919191; position: relative; height: 16px }
#footer-navigation li a { display: block; float: left; overflow: hidden;  text-align: center; }
#footer-navigation li.copy a { color: #919191; width: 98px; text-align: center; border-right: #aaa 1px solid }
#footer-navigation li.privacy a { color: #919191; width: 110px; border-right: #aaa 1px solid }
#footer-navigation li.returns a { color: #919191; width: 126px; border-right: #aaa 1px solid }
#footer-navigation li.shippng a { color: #919191; width: 60px; border-right: #aaa 1px solid }
#footer-navigation li.about a { color: #919191; width: 62px; border-right: #aaa 1px solid }
#footer-navigation li.advanced-search a { color: #919191; width: 108px; border-right: #aaa 1px solid }
#footer-navigation li.map a { color: #919191; width: 66px; border-right: #aaa 1px solid }
#footer-navigation li.whole a { color: #919191; width: 116px }
#footer-navigation li a:hover { color: #717171; }
#footer-navigation li:hover a { color: #717171; }
#footer-navigation li.hover a { color: #717171; }

/* Forms  */
#mailform { padding 0; border 0; margin 0; width: 234px; display: inline; left: 628px; top: 4px}
#searchform { padding 0; border 0; margin 0; width: 227px; display: inline; left: 735px; top: 31px }
form.snav input {
    vertical-align: middle
}
form.snav input.search { background: #23221e url(images/wasabi/wasabisbutton.gif) no-repeat left top;font: 11px/14px verdana,sans-serif;text-indent: -999px;color: #dfdfff;width: 55px;height: 23px;border: 0px }
form.snav { position: absolute;padding 0 }
form.snav .text { padding: 0 0 2px 4px;border-top: #666 1px solid;border-right: #878787 1px solid;border-bottom: #a7a7a7 1px solid;border-left: #777 1px solid;background: #ddd;font: 11px/14px verdana,sans-serif;vertical-align: middle;width: 158px;height: 15px }
form.snav input.text { color: #5a5a5a }
form.mnav input { vertical-align: middle }
form.mnav input.signup { background: #23221e url(images/wasabi/wasabimbutton.gif) no-repeat left top;font: 11px/14px verdana,sans-serif;text-indent: -999px;color: #dfdfff;width: 62px;height: 23px;border: 0px }
form.mnav { position: absolute;padding 0 }
form.mnav .text { padding: 0 0 2px 4px;border-top: #666 1px solid;border-right: #878787 1px solid;border-bottom: #a7a7a7 1px solid;border-left: #777 1px solid; font: 11px/14px verdana,sans-serif;vertical-align: middle;width: 158px;height: 15px }
form.mnav input.text { color: #5a5a5a }

/* Comments */
#comment {width:95% }
cite {font-weight:bold; font-style:normal;}
.commentbody {color: #595949; font-size: 11px; margin: 0 0 5px 0;padding: 10px 15px 10px 15px; background: #f7f5f0; border: 1px solid #f0f0f0; position: relative;}
.commentbody p {line-height: 1.2em; margin:5px 0 0 0;}
.commentlink {font-size: 10px;}
.commentlist {list-style: none; margin:0; padding:0;}
.commentcount {position: absolute; left: 460px; top: 5px; font: 24px arial, helvetica, sans-serif; color: #e0e0e0; float: left;}
#respond {font: 11px Verdana, Arial, Helvetica, sans-serif;  letter-spacing:1px; color: #888}
#commentform #submit {color: #666; margin-bottom: 20px}

/* Other */
.navigation {font-size: 11px;	padding: 0; }
.pnp {width:505px; padding: 5px 5px 25px 0;}
.pnp a { color: #586D16; text-decoration:none}
.pnp a:hover { color: #7D8249 }
.alignleft {float: left; text-align: left; padding: 0 0 12px 0;}
.alignright {float: right; margin-top: -1px; text-align: right; padding: 0 0 12px 0;}
p.postmetadata {color: #999; padding: 5px 5px 5px 5px; text-align:right; margin: 0 0 0 30px; width:500px;}
small {color:#666}
.wp-smiley {border:none}
.enpleft {float: left; text-align: left; border-bottom: 1px dashed #9AC025;}
.enpright {float: right; text-align: right; border-bottom: 1px dashed #9AC025;}
.post {width:530px;}
.main { padding: 2px 0 2px 0}

.search-option {display: block; width:530px; padding: 4px 0 4px 0}

/* Updates */
.container { border:0; margin: 0; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 12px; }
.containerHeading { padding: 0; border:0; margin: 0; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 14px; }
.infoContainer { padding: 0; border:0;  margin: 0; position: relative; top: 0px; font-size: 11px; }
.infoContainer  ul { position: relative; top: 0px; list-style-type: none }
.containerContent { padding: 0 0 12px 0; border:0;  margin: 0; position: relative; top: 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
/* this lot is sidebar */
.containerContent  li { position: relative; top: 0px; padding: 0 0 2px 22px; border: 0;list-style-type: none }
.containerContent  img { position: relative; top: 0px; margin: 0; padding: 0; border: 0; }
.containerContent  ul { position: relative; top: 0px; margin: 0; padding: 4px 0 4px 0; border: 0;list-style-type: none }
.whatsnew { display:block; margin: 0 0 0 12px; list-style-type: none }
.whatsnew img { padding: 12px 0 12px 0 }
.whatsnew a {  }
.cartlist { display:block; margin: 4px 0 4px 12px; list-style-type: none }
.special {  display:block; margin: 0 0 0 12px; list-style-type: none }
.special img {  padding: 12px 0 12px 0 }
.special a {  }
.review { display:block; margin: 0 0 0 12px; list-style-type: none }
.review img { padding: 12px 0 12px 0 }
.reviewrating { padding: 12px 0 12px 12px }
.review a { }
.maininfo {  display:block; float: left }
.maininfomain {  display:block; margin: 0 0 0 12px; list-style-type: none }
.maininfomain a {  }
.lang { padding: 0 0 2px 12px }
.currency { padding: 0 0 2px 12px }
.manlist { padding: 0 0 2px 12px }
.info { padding: 0 0 0 12px }
.history { padding: 2px 0 2px 22px }
.hspace {  display:block; float: left; width: 100% }

.containerContents { display: block; float: left; width: 740px; /* border: 1px solid #cecece; */ padding: 6px; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.0; }
.contentBlock { width: 100%; padding: 0; display: block; float: left; text-align: center }
.contentElement { width: 33%; padding: 8px 0; display: block; float: left; text-align: center }

.warning { font-weight: bold; color:#f0a480 }
.rateBad { display:block; float: left; font-weight: normal; font-size: 12px; padding-top: 4px; padding-right: 2px; color:#f0a480 }
.rateGood { display:block; float: left; font-weight: normal; font-size: 12px; padding-top: 4px; padding-left: 2px; color:#80b0a4 }

.contentList { position: relative; top: 0px; list-style-type: none }
.contentList li { position: relative; top: 0px; list-style-type: none }
.contentList img { position: relative; top: 0px; margin: 0; padding: 0; border: 0; }
.contentList ul { position: relative; top: 0px; list-style-type: none }
.contentListHeading { position: relative; top: 0px; list-style-type: none }
.contentListItem { position: relative; top: 0px; list-style-type: none }

.productContainer { width: 100%; display:block; margin: 10px 0 20px 0; list-style-type: none; font-family: Verdana, Arial, sans-serif; font-size: 12px; /* border: #999 1px solid */ }
.productlistinghead { width: 548px; margin: 0 0 12px 0; padding: 2px; border: 0; text-align: left; display:block; border-bottom: #999 1px solid }
#productlist { margin: 0; padding: 0; border: 0; list-style-type: none }
.productlistelement { list-style-type: none }
.productlistingheadleft { display: block; float: left; overflow: hidden;  width: 30%;  text-align: left }
.productlistingheadmid { display: block; float: left; overflow: hidden;  width: 40%; text-align: center }
.productlistingheadright { display: block; float: right; overflow: hidden;  width: 30%; text-align: right }

.upcoming {display: block; height:100%; border: #aaa 1px dashed; padding: 0 8px;}
.upcomingheadleft { display: block; float: left; overflow: hidden;  width: 30%;  text-align: left }
.upcomingheadright { display: block; float: right; overflow: hidden;  width: 30%; text-align: right }
#upcomingLeft { display: block; float: left; overflow: hidden;  width: 30%; height: 22px; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: left; padding: 4px 0 0 0}
#upcomingRight { display: block; float: right; overflow: hidden; width: 30%; height: 22px; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: right; padding: 4px 0 0 0}

.productlistingBlock{ width: 100%; padding: 0; display: block; float: left; }
/* .productlisting { padding: 12px 4px 12px 4px; margin: 8px 8px 4px 8px; border: #ccc 1px solid ;float: left; list-style-type: none; text-align: center; width: 44% } */
.productlisting { padding: 16px 8px 8px 8px; margin: 0; border: 0; float: left; list-style-type: none; text-align: center; width: 30% }
.productlist { width: 100% }
.productlistingname {display: block; height: 32px; margin: 0; padding: 0; border: 0; text-align: center }
.productlistingman {margin: 0; padding: 0; border: 0 }
.productlistingprice {margin: 0; padding: 0; border: 0; }
.productlistingspecialprice {font-family: Verdana, Arial, sans-serif;color: #880000;margin: 0; padding: 0; border: 0;}
.productspecialprice { color: #880000; margin: 0 12px 0 12px; padding: 0; border: 0;}
.productlistingquant {margin: 0; padding: 0; border: 0; }
.productlistingweight {margin: 0; padding: 0; border: 0; }
.productlistingbuy { padding: 8px 0 2px 0px;  margin: 0 auto; border: 0; font: 11px/19px verdana,sans-serif; text-transform: uppercase; color: #919191; width: 100px; height: 21px; overflow: hidden }
.productlistingbuy a {margin: 0; padding: 0; border: 0; height: 21px; width: 100px;}
.productlistingdesc { margin: 0; padding: 0; border: 0; float: left; width: 100% }
.productlistingdesc ul { top: 0px; list-style-type: circle }
.productImages { margin: 0; padding: 0; border: 0; float: left; width: 100%; }
.productImage { margin: 0; padding: 0; border: 0; float: left; width: 50%; text-align: center;}

.ctotal {margin: 0; padding: 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; width: 100% }

#catagories-listing { display: block; float: left; width: 754px; }

.categorylisting  ul { display: block; float: left; width: 754px; margin: 0 0 6px 0; padding: 12px 0px 0px 0px; border: 0; background: transparent; list-style-type: none }
/* just the list */
/*.categorylisting  li { padding: 0 12px 10px 8px; background: url(images/wasabi/arrow.gif) top right no-repeat; width: 156px; border: 0; margin: 0 8px 0px 0px; list-style-type: none; font: 14px/18px Helvetica, Arial, sans-serif; text-align: left; }
.categorylisting a { color: #919191; }
.categorylisting a:hover { color: #717171; }*/
/* header image style listing */
.categorylisting  li { padding: 0 0 10px 8px; width: 156px; border: 0; margin: 0; list-style-type: none; font: 14px/18px Helvetica, Arial, sans-serif; text-align: left; }
.categorylisting a { color: #919191; }
.categorylisting a:hover { color: #717171; }
.categorylisting  img { position: relative; top: 0px; margin: 0; padding: 0; border: 0; }


.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size: 11px;width: 100%; display:block; margin: 4px 0 4px 12px; list-style-type: none;color: #c90;}

.barBox {margin: 0; padding: 0; border: 0; float: left; width: 100% }
.basebarBox {margin: 0; padding: 10px 0 10px 0; border: 0; width: 100%; display: block; float: left }
.baseLeft {margin: 0; padding: 0; border: 0; float: left }
.baseRight {margin: 0; padding: 0; border: 0; float: right }

/* pageHeading,pageHeadingBox,pageHeadingPrice covers this! */
.topbarBox {margin: 0; padding: 0; border: 0; width: 100% }
.topLeft {margin: 0; padding: 0; border: 0; float: left }
.topRight {margin: 0; padding: 0; border: 0; float: right; top: 0px }

.reviewBox {margin: 0; padding: 4px; border: #999 1px solid; width: 100% }
.siteMap {display: block; float: left; margin: 0; padding: 10px 0 0 0; border: 0; width: 50%; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#666 }

#baseRight div { padding: 4px 0 2px 0;  float: right;  margin: 0;  font: 11px/19px verdana,sans-serif; text-transform: uppercase; color: #919191; position: relative }

#button-regular a input { border:0; padding: 0 0 4px 0; margin: 0; display: block; float: right; text-align: center; height: 21px; text-transform: uppercase; width: 100px; background: #fff url(images/wasabi/button-regular.gif) left top; color: #888; text-decoration: none; }
#button-regular a:hover input { background-position: 0px -21px; color: #666; cursor: pointer }


#baseLeft div { padding: 4px 0 2px 0;  float: left;  margin: 0 2px 0 0;  font: 11px/19px verdana,sans-serif; text-transform: uppercase; color: #919191; position: relative }

#button-wide a { display: block; height: 21px; float: left; overflow: hidden;  text-align: center; color: #888; background: #fff url(images/wasabi/button-wide.gif) left top; width: 160px}
#button-wide a:hover { background-position: 0px -21px; color: #666 } /* #dc5b3d */
#button-wide a:hover { background-position: 0px -21px; color: #666 }

#button-wide a input { border:0; padding: 0 0 4px 0; margin: 0; display: block; float: right; text-align: center; height: 21px; text-transform: uppercase; width: 160px; background: #fff url(images/wasabi/button-wide.gif) left top; color: #888; text-decoration: none; }
#button-wide a:hover input { background-position: 0px -21px; color: #666; cursor: pointer }

/* #button-regular a { display: block; height: 21px; float: left; overflow: hidden; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px; text-align: center; } *//* if no specific botton defines */

#button-regular a { display: block; height: 21px; float: left; overflow: hidden; text-align: center; font: 11px/19px verdana,sans-serif; text-transform: uppercase; color: #919191; position: relative }
#button-regular.login a { color: #888; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px }
#button-regular.reviews a { color: #888; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px }
#button-regular.addtocart a { color: #888; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px }
#button-regular.continue a { color: #888; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px }
#button-regular.continue-shopping a  { color: #888; background: #fff url(images/wasabi/button-wide.gif) left top; width: 160px }
#button-regular.change-address a  { color: #888; background: #fff url(images/wasabi/button-wide.gif) left top; width: 160px }
#button-regular.confirm-order a  { color: #888; background: #fff url(images/wasabi/button-wide.gif) left top; width: 160px }
#button-regular.checkout a { color: #888; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px }
#button-regular.buy a { color: #888; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px }
#button-regular.back a { color: #888; background: #fff url(images/wasabi/button-regular.gif) left top; width: 100px }
#button-regular.write-review a { color: #888; background: #fff url(images/wasabi/button-wide.gif) left top; width: 160px }
#button-regular a:hover { background-position: 0px -21px; color: #666 }
#button-regular a:hover { background-position: 0px -21px; color: #666 }


.productContainerTopBlock{ width: 100%; padding: 0; display: block; float: left; text-align: center }
.productContainerBlock{ display: block; width: 100%; padding: 0; display: block; float: left; border-top: #ddd 1px solid; text-align: center }
.singleCartProduct {display: block; margin: 0; padding: 10px; float: left; width: 29% }
.productListing-data {display: block; font-family: Verdana, Arial, sans-serif;font-size: 10px; padding: 4px 0 4px 0;}
.productListing-data-name {display: block;height: 36px;font-family: Verdana, Arial, sans-serif;font-size: 11px; padding: 4px 0 4px 0;}
#cartRow { display: block; float: left; padding: 4px 0 4px 0; width: 100% }
#cartRow div.cartRemove { display: block; line-height: 1.6; float: left }
#cartRow div.cartCheckBox { float: left; display: block }
#cartRow div.cartPCount { display: block; line-height: 1.6; float: left; padding: 0 8px 0 0 }
#cartRow div.cartPCBox { float: left; display: block }
#cartRow div.cartPTotal { float: left; display: block }

#checkRow { display: block; padding: 4px 0 4px 0; width: 100% }
#checkRow div.checkBox { float: left; display: block }
#checkRow div.checkText { display: block; line-height: 1.6; float: left }

#text-block { padding: 8px 0 8px 0; }
#text-left { float: left; display: block }
#object-left { float: left; display: block; padding: 0 8px 0 8px; }
#text-right { float: right; display: block }
#text-right-justify { text-align: right; }
#account-vspace { float: left; display: block; width:100%; height:36px; }

#specials-list { float: left; display: block; width: 31%; padding: 8px 4px; }

.checkoutBarFrom, .checkoutBarTo { display: block; float: left; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: center; color: #8c8c8c; width: 185px; padding: 1px; height: 16px; overflow: hidden }
.checkoutBarCurrent { display: block; float: left; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: center; color: #666; width: 185px; padding: 1px; height: 16px; overflow: hidden; background: #E1E1E1 url(images/wasabi/bar.gif) left top repeat-x; background-position: 0px 0px; border-right: #BBA2A8 1px solid; /* border-right: #0b0 1px solid; */ }
.checkoutBarDone { display: block; float: left; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: center; color: #888; width: 185px; padding: 1px; height: 16px; background: #E1E1E1 url(images/wasabi/bar.gif) left top repeat-x; background-position: 0px 1px;  overflow: hidden }
.checkoutBarDone a {width: 100%; height: 16px; margin: 0; padding: 0; border: 0; text-align: center;  color: #888; background: #F1D8DE url(images/wasabi/bar.gif) left top repeat-x; background-position: 0px 0px;  overflow: hidden }
#barstart { border-left: #999 1px solid; border-top: #999 1px solid; border-bottom: #999 1px solid; }
#barmid { border-top: #999 1px solid; border-bottom: #999 1px solid; }
#barend { border-top: #999 1px solid; border-bottom: #999 1px solid; border-right: #999 1px solid; }

.textBox-left { width: 78%; float: left; padding: 4px 0 4px 0; }
.textBox-right {width: 18%; float: right; padding: 4px 0 4px 0; }

.good-review-token { display: block; float: left; width: 16px; height: 16px; margin: 4px 1px; background: #F1D8DE url(images/hearton.jpg); }
.bad-review-token {display: block; float: left; width: 16px; height: 16px; margin: 4px 1px; background: #D8F1DE url(images/heartoff.jpg); }

#heading-upload-images { display: block; float: left; width: 560px; height: 190px; text-indent: -999px; background: #fff url(images/wasabi/uphoto.jpg); }

#listing-Fall-Holiday { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/fall.jpg); }
#listing-Fall-Holiday-08 { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/fall.jpg); }
#listing-Pachinko { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/pachinko.jpg); }
#listing-Spring-09 { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/spring.jpg); }
#listing-Classic-Pearls { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/pearls.jpg); }
#listing-Fall-09 { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/fall09.jpg); }
#listing-Holiday-09 { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/holiday09.jpg); }
#listing-Re-purposed-Vintage { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/vintage.jpg); }
#listing-Vintage { display: block; float: left; width: 704px; height: 183px; text-indent: -999px; background: #fff url(images/wasabi/vintage.jpg); }

#catagories-listing ul li{ display: block; float: left; font-size: 16px; font-weight: bold; color: #ccc; width: 704px; height: 183px }
#catagories-listing a { display: block; float: left; font-size: 16px; font-weight: bold; color: #ccc; width: 704px; height: 183px }
#catagories-listing ul li a{ display: block; float: left; font-size: 16px; font-weight: bold; color: #ccc; width: 704px; height: 183px }
#catagories-listing a:hover{ color: #aaa }
#catagories-listing ul li a:hover{ color: #aaa }

#Fall-Holiday-08 { text-indent: -999px; background:  url(images/wasabi/fall.jpg) no-repeat; }
#Pachinko { text-indent: -999px; background: url(images/wasabi/pachinko.jpg) no-repeat; }
#Spring-09 { text-indent: -999px; background: url(images/wasabi/spring.jpg) no-repeat; }
#Classic-Pearls { text-indent: -999px; background: url(images/wasabi/pearls.jpg) no-repeat; }
#Fall-09 { text-indent: -999px; background: url(images/wasabi/fall09.jpg) no-repeat; }
#Holiday-09 { text-indent: -999px; background: url(images/wasabi/holiday09.jpg) no-repeat; }
#Re-purposed-Vintage { text-indent: -999px; background: url(images/wasabi/vintage.jpg) no-repeat; }
#Vintage { text-indent: -999px; background: url(images/wasabi/vintage.jpg) no-repeat; }

#info-pages {   font-family: Verdana, Arial, sans-serif; font-size: 12px; text-align: justify; line-height: 18px; padding-bottom: 8px}
#info-pages a {   font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #666; border-bottom: #999 1px dashed; text-decoration: none}
#info-pages a:hover {   font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #333; text-decoration: none}