﻿@import "compass.css";

body {
margin:0px;
font-family:"Lucida Grande","Lucida Sans Regular","Tahoma","Helvetica","Arial",sans-serif;
font-size:12px;
color:#737160;
background-color:#f2f1ea;
behavior: url(../_inc/csshover.htc);
}

a:focus, a:active {
outline: none;
}

a {
color:#306897;
text-decoration:none;
border:none;
}
a:visited {
color:#0093d0;
text-decoration:none;
border:none;
}
a:hover {
color:#000;
text-decoration:none;
border:none;
}

dt {
margin:15px 0px 5px 0px;
font-size:13px;
font-weight:bold;
}
dd {
margin:0px 0px 4px 10px;
padding:0px;
}

hr {
/* clear:left; */
background: #fff url(../_img/rule.gif) no-repeat center bottom;
margin:15px auto;
height: 1px;
border: 0 none;
}

h5 {
font-size:13px;
color:#002f65;
}

#wrapper {
position:relative;
background:url(../_img/bg.gif) top left repeat-x;
background-color:#e4e1d4;
}


#mast {
position:relative;
margin:0px auto;
padding:0px;
height:156px;
width:950px;
z-index:3;
}
#mast h1 {
text-indent:-9999px;
position:absolute;
top:20px;
left:0px;
margin:0px;
padding:0px;
width:362px;
height:70px;
}
#mast h1 a {
display:block;
width:362px;
height:70px;
background:url(../_img/logo.gif) top left no-repeat;
}
#mast p {
margin:0px;
padding:0px;
}

#callout {
text-indent:-9999px;
position:absolute;
top:20px;
right:0px;
margin:0px;
padding:0px;
width:398px;
height:17px;
}
#callout a {
display:block;
width:472px;
height:17px;
background:url(../_img/callout.gif) top left no-repeat;

}

#freeshipping {
text-indent:-9999px;
position:absolute;
top:50px;
right:0px;
margin:0px;
padding:0px;
width:120px;
height:64px;
background:url(../_img/freeshipping.gif) top left no-repeat;
}

#search {
position:absolute;
top:69px;
right:130px;
width:280px;
height:30px;
text-align:right;
}
#search input.search {
position:absolute;
top:0px;
right:50px;
margin:0px;
padding:5px;
width:190px;
height:19px;
font-size:11px;
color:#91826f;
font-weight:bold;
background-color:#e4e1d4;
border:none;
}
#search input.search_img {
position:absolute;
top:-5px;
right:0px;
padding:0px;
border:none;
background-color:none;
}

#middle {
position:relative;
margin:0px auto;
padding:20px 0px;
width:950px;
z-index:1;
}


#lefthome {
position:relative;
float:left;
width:416px;
}
#left {
position:relative;
float:left;
width:208px;
}

.onit {
color:#323129;
}


#box_cats {
position:relative;
margin:0px;
padding:20px 15px 0px 15px;
width:178px;
font-size:11px;
background:url(../_img/bg_box_cats_top.gif) top left no-repeat;
background-color:#f2f2ea;
}
#box_cats_bot {
position:relative;
margin:0px 0px 20px 0px;
padding:0px;
width:208px;
height:8px;
background:url(../_img/bg_box_cats_bottom.gif) top left no-repeat;
}
.catbox_ h3 {
text-indent:-9999px;
margin:0px 0px 13px 0px;
padding:0px;
width:119px;
height:23px;
background:url(../_img/catbox_collections.gif) top left no-repeat;
}
.catbox_Accessories h3 {
text-indent:-9999px;
margin:0px 0px 13px 0px;
padding:0px;
width:119px;
height:18px;
background:url(../_img/catbox_accessories.gif) top left no-repeat;
}
.catbox_Clothing h3 {
text-indent:-9999px;
margin:0px 0px 13px 0px;
padding:0px;
width:119px;
height:23px;
background:url(../_img/catbox_clothing.gif) top left no-repeat;
}

.catbox_Clothes h3 {
text-indent:-9999px;
margin:0px 0px 13px 0px;
padding:0px;
width:119px;
height:23px;
background:url(../_img/catbox_clothing.gif) top left no-repeat;
}

.catbox_Fine h3 {
text-indent:-9999px;
margin:0px 0px 13px 0px;
padding:0px;
width:119px;
height:18px;
background:url(../_img/catbox_finecrafts.gif) top left no-repeat;
}
.catbox_Gifts h3 {
text-indent:-9999px;
margin:0px 0px 13px 0px;
padding:0px;
width:119px;
height:23px;
background:url(../_img/catbox_gifts.gif) top left no-repeat;
}
.catbox_Jewelry h3 {
text-indent:-9999px;
margin:0px 0px 13px 0px;
padding:0px;
width:119px;
height:23px;
background:url(../_img/catbox_jewelry.gif) top left no-repeat;
}

#box_cats a {
color:#737160;
}
#box_cats a:hover {
color:#323129;
}
#box_cats#onit a {
color:#323129;
font-weight:bold;
}


#righthome {
position:relative;
margin-left:438px;
}
#right {
position:relative;
margin-left:228px;
}

#right h1 {
margin:0px 0px 0px 0px;
padding:0px;
font-size:22px;
font-weight:normal;
color:#000033;
}

#right h2 {
margin:0px 0px 0px 0px;
padding:0px;
font-size:18px;
font-weight:normal;
color:#306897;
}

#right h3 {
margin:0px 0px 0px 0px;
padding:0px;
font-size:16px;
font-weight:normal;
color:#306897;
}

.box_khaki {
position:relative;
margin:0px;
padding:15px 15px 15px 15px;
width:692px;
background:url(../_img/bg_box_khaki_top.gif) top left no-repeat;
background-color:#f2f2ea;
}
.box_khaki_bot {
position:relative;
margin:-12px 0px 20px 0px;
padding:0px;
width:722px;
height:14px;
background:url(../_img/bg_box_khaki_bottom.gif) top left no-repeat;
}

.box_khakilight {
position:relative;
margin:0px;
padding:15px 15px 15px 15px;
width:692px;
background:url(../_img/bg_box_khakilight_top.gif) top left no-repeat;
background-color:#f7f6f2;
}
.box_khakilight_bot {
position:relative;
margin:-12px 0px 20px 0px;
padding:0px;
width:722px;
height:14px;
background:url(../_img/bg_box_khakilight_bottom.gif) top left no-repeat;
}

.box_white {
position:relative;
margin:0px;
padding:15px 15px 15px 15px;
width:692px;
background:url(../_img/bg_box_white_top.gif) top left no-repeat;
background-color:#fff;
}
.box_white_bot {
position:relative;
margin:-12px 0px 20px 0px;
padding:0px;
width:722px;
height:14px;
background:url(../_img/bg_box_white_bottom.gif) top left no-repeat;
}

#welcome {
position:relative;
margin:0px;
padding:20px 20px 0px 20px;
width:376px;
/*height:188px;*/
background:url(../_img/bg_welcome.gif) top left no-repeat;
background-color:#fff;
}
#welcome h4 {
margin:0px 0px 0px 0px;
}

#welcome a {
	color:#1e2f6e;
}
#welcome a:hover {
	color:#306897;
}

#welcome_bot {
position:relative;
margin:0px 0px 0px 0px;
padding:0px;
width:416px;
height:18px;
background:url(../_img/bg_welcome_bot.gif) bottom left no-repeat;
background-color:#fff;
}


#featured {
position:relative;
margin:20px 0px;
padding:0px;
width:416px;
font-size:10px;
}
#featured h3 {
position:relative;
text-indent:-9999px;
margin:0px 0px 10px 0px;
padding:0px;
width:416px;
height:48px;
background:url(../_img/title_featured.gif) top left no-repeat;
}
#featured h3 a {
display:block;
width:416px;
height:48px;
}
#featured p {
margin:0px;
padding:0px;
}
#featured a {
color:#306897;
}
.featured {
float:left;
margin:0px 10px 0px 0px;
width:198px;
}
.featured img {
margin:0px 0px 8px 0px;
border:1px solid #f2f2ea;
}


#artists {
position:relative;
margin:0px;
padding:0px;
width:416px;
height:73px;
font-size:10px;
text-transform:lowercase;
background:url(../_img/bg_artists.gif) top left no-repeat;
}
#artists h3 {
position:relative;
text-indent:-9999px;
margin:0px 0px 44px 0px;
padding:0px;
height:1px;
background:url(../_img/title_artists.gif) top left no-repeat;
}
#artists ul {
list-style: none;
padding:0px;
margin:0px 0px 0px 20px;
font-size:10px;
}
#artists li {
display:inline;
list-style:none;
}
#artists a {
margin-left:5px;
margin-right:5px;
color:#898989;
}
#artists a:hover {
color:#002f65;
}

#collection {
position:relative;
margin-bottom:20px;
width:511px;
height:456px;
background:url(../_img/bg_collection.gif) top left no-repeat;
}
#collection h2 {
text-indent:-9999px;
margin:0px;
padding:0px;
height:32px;
}
.collection_imgs {
float:left;
padding:0px 10px;
height:89px;
}
.collection_imgs img {
margin:0px 13px 5px 0px;
}

#collection_titles {
position:relative;
}
#frame { 
text-align:left;
float:left;
overflow: hidden;
display:inline;
margin:0px;
width:511px;
height:335px;
}
#scroller {
width:511px;
margin-left:0px;
height:335px;
overflow: hidden;
text-align:left;
}
#scrollcontent {
width:2555;
}

#newsletter_home {
position:relative;
float:left;
padding:9px;
width:263px;
height:91px;
font-size:10px;
background:url(../_img/bg_newsletter_home.gif) top left no-repeat;
}
#newsletter_home h4 {
text-indent:-9999px;
margin:0px;
padding:0px;
height:24px;
}
#newsletter_home input.search {
position:absolute;
top:68px;
left:9px;
margin:0px;
padding:5px;
width:199px;
height:19px;
font-size:11px;
color:#91826f;
font-weight:bold;
background-color:#e4e1d4;
border:none;
}
#newsletter_home input.search_img {
position:absolute;
top:63px;
left:228px;
padding:0px;
border:none;
background-color:none;
}

#howtobuy_home {
position:relative;
margin-left:301px;
padding:15px;
width:180px;
height:79px;
font-size:10px;
background:url(../_img/bg_howtobuy.gif) top left no-repeat;
}
#howtobuy_home h4 {
text-indent:-9999px;
margin:0px;
padding:0px;
height:25px;
}
#howtobuy_home a {
position:relative;
text-indent:-9999px;
margin-top:8px;
padding:0px;
width:91px;
height:14px;
background:url(../_img/button_readmore.gif) top left no-repeat;
display:block;
}

#giftwrapping {
position:relative;
margin:0px;
padding:15px;
width:178px;
height:79px;
font-size:10px;
background:url(../_img/bg_giftwrapping.gif) top left no-repeat;
}
#giftwrapping h4 {
text-indent:-9999px;
margin:0px;
padding:0px;
height:25px;
}
#giftwrapping a {
position:relative;
text-indent:-9999px;
margin-top:8px;
padding:0px;
width:91px;
height:14px;
background:url(../_img/button_readmore.gif) top left no-repeat;
display:block;
}


#secure {
position:relative;
margin:0px;
padding:15px;
width:178px;
height:79px;
font-size:10px;
background:url(../_img/bg_secure.gif) top left no-repeat;
}
#secure h4 {
text-indent:-9999px;
margin:0px;
padding:0px;
height:25px;
}
#secure a {
position:relative;
text-indent:-9999px;
margin-top:8px;
padding:0px;
width:91px;
height:14px;
background:url(../_img/button_readmore.gif) top left no-repeat;
display:block;
}




#features {
position:relative;
margin:0px 0px 20px 0px;
padding:15px;
width:178px;
height:128px;
font-size:11px;
background:url(../_img/spfeatures.gif) top left no-repeat;
}


#features h4 {
text-indent:-9999px;
margin:0px;
padding:0px;
width:81px;
height:25px;
}
#features h4 a {
width:81px;
height:22px;
display:block;
}
.featuresimage {
float:left;
margin:0px 5px 0px 0px;
height:120px;
}
.featuresimage img {
border:1px solid #fff;
}
.featurestext {
margin-left:106px;
width:76px;
}






#specials {
position:relative;
margin:0px 0px 20px 0px;
padding:15px;
width:178px;
height:128px;
font-size:11px;
background:url(../_img/bg_sppecials.gif) top left no-repeat;
}
#specials h4 {
text-indent:-9999px;
margin:0px;
padding:0px;
width:81px;
height:25px;
}
#specials h4 a {
width:81px;
height:22px;
display:block;
}
.specialimage {
float:left;
margin:0px 5px 0px 0px;
height:120px;
}
.specialimage img {
border:1px solid #fff;
}
.specialtext {
margin-left:106px;
width:76px;
}

#productimage {
position:relative;
float:left;
width:358px;
}
#productimage p {
margin:0px 0px 15px 0px;
padding:0px;
}

#productinformation {
position:relative;
margin-left:375px;
min-height:380px;
}

.enlarge a {
text-indent:-9999px;
position:relative;
margin:0px;
padding:0px;
width:129px;
height:25px;
background:url(../_img/button_enlarge.gif) 0px 0px no-repeat;
display:block;
}
.enlarge a:hover {
background:url(../_img/button_enlarge.gif) 0px -25px no-repeat;
}

/* TITLES */
.title_whatsnew h2 {
position:relative;
text-indent:-9999px;
margin:0px;
padding:0px;
height:38px;
background:url(../_img/title_whatsnew.gif) top left no-repeat;
}

/* END TITLES */

#foot {
clear:both;
position:relative;
margin:0px auto 0px auto;
padding:10px 0px 20px 0px;
width:950px;
height:30px;
color:#c1c0ba;
font-size:10px;
}
#foot p {
margin:0px;
padding:0px;
}

#footlist {
position:absolute;
top:8px;
left:0px;
width:600px;
}
#footlist ul {
list-style: none;
padding:0px;
margin:0px;
}
#footlist li {
display:inline;
list-style:none;
line-height:18px;
}
#footlist a {
margin-right:22px;
color:#737160;
}
#footlist a:hover {
color:#002f65;
}

.copyright {
position:absolute;
top:10px;
right:0px;
}
.clear {
clear:both;
display: block;
height: 1px;
margin-bottom: -1px;
font-size: 1px;
line-height: 1px;
}

/* INPUTS */
fieldset {
border:none;
font-weight:bold;
}
legend {
text-indent:-9999px;
margin:0px;
padding:0px;
height:1px;
}
/* peep http://www.imagexmedia.com/contact */
input.reg {
background: url(../_img/input-main.gif) no-repeat 0 0;
border: none;
width: 320px;
height: 19px;
padding: 3px 0 0 10px;
}
input.org {
background: url(../_img/input-org.gif) no-repeat 0 0;
border: none;
width: 525px;
height: 19px;
padding: 3px 0 0 10px;
}
input.phone {
background: url(../_img/input-phone.gif) no-repeat 0 0;
border: none;
width: 176px;
height: 19px;
padding: 3px 0 0 10px;
}
input.zip {
background: url(../_img/input-zip.gif) no-repeat 0 0;
border: none;
width: 133px;
height: 19px;
padding: 3px 0 0 10px;
}
textarea.form-textarea {
background: url(../_img/input-questions.gif) no-repeat 0 0;
border: none;
height: 110px;
width: 505px;
padding: 10px;
}

input, textarea {
margin-top:5px;
font: bold 100% "Lucida Grande","Lucida Sans Regular","Tahoma","Helvetica","Arial",sans-serif;
color:#686666;
font-weight:bold;
}
#state {
background: #fff url(../_img/input-state.gif) no-repeat 0 100%;
width:193px;
}
#dotmonth {
float:left;
background: #fff url(../_img/input-month.gif) no-repeat 0 100%;
width:193px;
}
#dotday {
float:left;
margin-left:15px;
background: #fff url(../_img/input-day.gif) no-repeat 0 100%;
width:193px;
}
select.dotmonth, select.dotday, select.state {
width: 196px;
height:22px;
opacity: 0;
margin:3px 0px 0px 0px;
padding:0px;
border:none;
}
/*
select {
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#231f20;
font-size:12px;
font-weight:bold;
background-color:#fff;
}
*/
input.form_send {
/*text-indent:-9999px;*/
color:#fff;
height: 42px;
width: 92px;
background:url("../_img/button_send.gif") 0 0 no-repeat;
border:none;
}
input.form_send:hover {
height: 42px;
width: 92px;
cursor:pointer;
background-position: 0 -42px;
}
input.form_sendreq {
/*text-indent:-9999px;*/
height: 42px;
width: 181px;
background:url("../_img/button_sendreq.gif") 0 0 no-repeat;
border:none;
}
input.form_sendreq:hover {
height: 42px;
width: 181px;
cursor:pointer;
background-position: 0 -42px;
}

.highlight, p.highlight {
color:#000;
background-color:#fffc00;
padding:2px;
}
.highlight h1 {
font-size:16px;
padding:2px;
margin:0px;
}
.grey {
padding:4px;
background-color:#f1f1f1;
}
.required {
color:#0069aa;
font-weight:bold;
}
.small {
font-size:10px;
}
.aright {
text-align:right;
}
.aleft {
text-align:left;
}
.backwards {
unicode-bidi:bidi-override;
direction: rtl;
}

table.padup {
margin-top:15px;
}

/* PRODUCT OUTPUT */
#productlist {
border:1px solid #ff0000;
position:relative;
}
.productlist {
position:relative;
float:left;
width:230px;
height:150px;
_height:190px;
margin:2px;
padding:10px;
font-size:11px;
_font-size:10px;
_line-height:normal;
border:1px solid #e5e5e5;
}
.buy {
height:160px;
_height:220px;
}
/* for pee cee ie 7 */
*:first-child+html .productlist {
min-height:290px;
}
.productlist a {
color:#17191a;
}
.productlist a:hover {
color:#2295cb;
}
.prodimg {
float:left;
margin:0px 10px 50px 0px;
}
.pad {
float:left;
margin:0px 0px 0px 0px;
height:150px;
}

.catlist {
position:relative;
float:left;
width:100px;
height:145px;
margin:15px 16px 0px 16px;
font-size:10px;
line-height:normal;
}
.catlist img {
border:1px solid #fff;
}
.catlist a {
color:#737160;
}
.catlist a:hover {
color:#000;
}
.catlist p {
margin:0px 0px 10px 0px;
padding:0px;
}

.artistlist {
position:relative;
float:left;
width:100px;
height:195px;
margin:15px 16px 0px 16px;
font-size:10px;
line-height:normal;
}
.artistlist img {
border:1px solid #fff;
}
.artistlist a {
color:#737160;
}
.artistlist a:hover {
color:#000;
}
.artistlist p {
margin:0px 0px 10px 0px;
padding:0px;
}

.alsopurchased {
position:relative;
float:left;
width:100px;
height:165px;
margin:0px 16px 10px 16px;
font-size:10px;
line-height:normal;
}
.alsopurchased img {
border:1px solid #fff;
}
.alsopurchased a {
color:#737160;
}
.alsopurchased a:hover {
color:#000;
}

.whatsnewlist {
position:relative;
float:left;
width:100px;
height:175px;
margin:0px 16px 10px 16px;
font-size:10px;
line-height:normal;
}
.whatsnewlist img {
border:1px solid #fff;
}
.whatsnewlist a {
color:#737160;
}
.whatsnewlist a:hover {
color:#000;
}

img.buynow {
border:none;
}
img.soldout {
border:none;
}


.prodsnew {
position:relative;
float:left;
width:140px;
height:240px;
margin:15px 16px 0px 16px;
font-size:10px;
line-height:normal;
}
.prodsnew img {
border:1px solid #fff;
}
.prodsnew a {
color:#737160;
}
.prodsnew a:hover {
color:#000;
}
.prodsnew p {
margin:0px 0px 10px 0px;
padding:0px;
}


.featurelist {
position:relative;
float:left;
width:100px;
height:250px;
margin:15px 16px 0px 16px;
font-size:10px;
line-height:normal;
}
.featurelist img {
border:1px solid #fff;
}
.featurelist a {
color:#737160;
}
.featurelist a:hover {
color:#000;
}
.featurelist p {
margin:0px 0px 10px 0px;
padding:0px;
}

/* END PRODUCT OUTPUT */

/* BIOS */
#artist_photo {
float:right;
margin:0px 0px 15px 15px;
}
#artist_photo p {
margin:0px 0px 10px 0px;
padding:0px;
}
#artist_bio {
font-size:11px;
line-height:15px;
}
#artist_bio h1 {
margin:8px 0px 8px 0px;
padding:0px;
font-size:22px;
font-weight:normal;
color:#000033;
}

#artist_bio hr {
/* clear:left; */
background: #fff url(../_img/rule.gif) no-repeat center bottom;
margin:15px auto;
height: 1px;
border: 0 none;
}

/* END BIOS */


.floatightbox {
float:right;
width:275px;
height:160px;
}

/* OS COM CSS */
.itempricebuynow {
text-indent:-9999px;
height:1px;
}

a.productListing-heading {

}

a.pageResults, .resultspad {
margin-left:2px;
margin-right:2px;
}

.boxText { font-size: 10px; }
.errorBox {  font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  font-size :9px; color: #e01414; }


SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}

SPAN.productSpecialPrice {
font-weight:bold;
color: #e01414;
}

SPAN.errorText {

color: #ff0000;
}

SPAN.errorText2 {
color: #00BFFF;
font-style: normal;
font-weight: bold;
font-variant: normal;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px;color:#000;font-weight:bold;padding:3px; background-color: #fffc00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #e01414; }

