/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/

/*.ys_primary{ background:$emphasis-color;color:$emphasis-color-background;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}
*/

*{
margin:0;
padding:0;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
background:url(http://www.beardsframingstore.com/images/bg_body.jpg);
text-align:center;
}

a img{
border:0;
}

li{
margin:0;
}

#container{
margin:0 auto;
width:777px;
border:0;
border-left:1px solid #fff;
background:right top url(http://www.beardsframingstore.com/images/shadowRt.jpg) repeat-y #fff;
}

button{
cursor:pointer;
}

/*-----------------------------------------------------------------------------
Common Header
------------------------------------------------------------------------------*/
iframe.catHead{
margin:0;
padding:0;
border:0px solid #000;
overflow:hidden;
height:108px;
}


#header{
background:#fff;
width:100%;
height:108px;
overflow:hidden;
}

#logo{
float:left;
width:183px;
height:105px;
background:#462E26;
}

#header h1{
margin-top:32px;
width:100%;
height:45px; 
}

#info{
margin-right:20px;
float:right;
}


#info div{
height:38px;
float:left;
}

#locations-box{
width:127px;
background:url(http://www.beardsframingstore.com/images/locationpointer.gif) 0 0 no-repeat;
margin-top:9px;
}

#locations-box h5{
margin-left:25px;
margin-bottom:4px;
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/findalocation.gif) no-repeat;
width:90px;
height:10px; 
}

#locations-box input, #search-box input#query{
width:82px;
display:block;
float:left;
margin:0 2px 0 25px;
border:1px solid #666;
font-size:.6em;
color:#666;
height:13px;
text-align:center;
}

#locations-box button, #search-box button{
display:block;
float:left;
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/go_btn.gif) no-repeat;
width:15px;
height:15px;
border:none;
}

#account-box{
/*width:188px;*/
margin-top:14px;
}

#account-box span{
display:block;
float:left;
height:24px;
border-left:1px solid #666;
margin-left:11px;
}

#account-box a.myaccount{
display:block;
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/myAccount.gif) no-repeat;
width:67px;
height:14px;
margin:7px 0 0 11px;
}

#account-box a.imgcart{
display:block;
float:left;
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/imgCart.gif) no-repeat;
width:15px;
height:11px;
margin:7px 0 0 11px;
}

#account-box a.textcart{
display:block;
float:left;
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/textCart.gif) no-repeat;
width:36px;
height:10px;
margin:8px 11px 0 11px;
}

#search-box{
margin-top:18px;
}

#search-box button{
margin-left:2px;
}

#search-box input#query{
text-align:left;
font-weight:bold;
width:110px;
margin:0;
margin-left:11px;
}

#nav{
height:10px;
margin-top:11px;
margin-left:90px;
float:left;
clear:right;
}

#nav li{
list-style:none;
display:block;
float:left;
height:10px;

}

#nav li{
background-position:8px;
background-repeat:no-repeat;
}

#nav li a{
display:block;
float:left;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
padding-left:7px;
margin-right:7px;
border-left:1px solid #635A59;
background-position:7px;
}

#nav li a.home{
background-image:url(http://www.beardsframingstore.com/images/navHome.gif);
width:35px;
height:10px;
border:none;
background-position:0 0;
padding-left:0;
}

#nav li a.instoreservices{
background-image:url(http://www.beardsframingstore.com/images/navInStoreServices.gif);
width:107px;
height:10px;
}

#nav li a.visitstore{
background-image:url(http://www.beardsframingstore.com/images/navVisitStore.gif);
width:69px;
height:10px;
}
#nav li a.customframing{
background-image:url(http://www.beardsframingstore.com/images/navCustomFraming.gif);
width:108px;
height:10px;
}

#nav li a.frameclub{
background-image:url(http://www.beardsframingstore.com/images/navFrameClub.gif);
width:66px;
height:10px;
}

#nav li a.frameadvice{
background-image:url(http://www.beardsframingstore.com/images/navFramingAdvice.gif);
width:100px;
height:10px;
}

#nav li.home{
background-image:url(http://www.beardsframingstore.com/images/navHome.gif);
background-position:0 0;
}

#nav li.instoreservices{
background-image:url(http://www.beardsframingstore.com/images/navInStoreServices.gif);

}

#nav li.visitstore{
background-image:url(http://www.beardsframingstore.com/images/navVisitStore.gif);

}
#nav li.customframing{
background-image:url(http://www.beardsframingstore.com/images/navCustomFraming.gif);

}

#nav li.frameclub{
background-image:url(http://www.beardsframingstore.com/images/navFrameClub.gif);
}

#nav li.frameadvice{
background-image:url(http://www.beardsframingstore.com/images/navFramingAdvice.gif);

}


#nav-shoponline{
background:url(http://www.beardsframingstore.com/images/bg_nav.jpg) no-repeat 0 0;
clear:both;
height:28px;
text-align:left;
}

#nav-shoponline li{
list-style:none;
float:left;
margin-top:7px;
}

#nav-shoponline li a{
display:block;
text-decoration:none;
border-right:1px solid #fff;
font-size:.7em;
color:#fff;
font-weight:bold;
padding-right:10px;
margin-right:10px;
}

#nav-shoponline li.shoponline{
margin-right:100px;
font-size:1.2em;
overflow:hidden;
text-indent:-9999px;
background:url(http://www.beardsframingstore.com/images/NWFhead.gif) no-repeat 0 -4px transparent;
height:18px;
}

#nav-shoponline li.shoponline a{
color:#94a093;
border-right:none;
width:98px;
overflow:hidden;
text-indent:-9999px;
background:url(http://www.beardsframingstore.com/images/NWFhead.gif) no-repeat 0 -4px transparent;
height:18px;
}

#nav-shoponline li.specialoffers a{
padding-right:0;
border-right:none;
margin-right:0;
}

/*------------------------------------------------------------------------------------------------------
content style
*/




#bodyshell{
background:url(http://www.beardsframingstore.com/images/bg_content.gif) repeat-y 0 0;
overflow:auto;
margin:0;
padding:0;
border:0px solid #000;
}

#bodycontent{
overflow:auto;
text-align:left;
color:#4a4a4a;
font-family:Arial, Helvetica, sans-serif;
}



#bodycontent img{
float:right;
margin-right:9px;
display:inline;
}

#breadcrumb{
font-size:.6em;
margin:28px 0 17px 22px;
color:#888786;
}

#breadcrumb a{
color:#888786;
}

#breadcrumb span{
color:#462F27;
text-decoration:underline;
}

#bodycontent h2.article-header img{
float:none;
margin-right:0;
}

#bodycontent h2.article-header{
width:568px;
margin:21px 0 0 22px;
}



#bodycontent h3{
margin:.7em 30px 0 22px;
font-size:.7em;
font-weight:bold;
}

#bodycontent p{
margin:.5em 30px 20px 22px;
font-size:.7em;
line-height:1.6em;
}

#bodycontent ul, #bodycontent ol{
margin:.7em 30px 20px 34px;
font-size:.7em;
font-weight:bold;
}

#bodycontent li{
margin-bottom:2.8em;
}

.green-panel{
background:url(http://www.beardsframingstore.com/images/bg_greenPanel2.jpg) 0 0 repeat-y #92A196;
background-color:#87937F;
height:23px;
border-right:1px solid #BCC5BF;
width:589px;
}

.green-panel h5.sortby{
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/sortby.gif) no-repeat;
width:50px;
height:9px;
float:left;
margin:8px 0 0 27px;
}

.green-panel h5.searchby{
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/searchFor.gif) no-repeat;
width:75px;
height:9px;
float:left;
margin:8px 0 0 27px;
}

.green-panel input.searchby, .green-panel input#query{
width:135px;
display:block;
float:left;
font-size:.6em;
color:#53402B;
text-align:left;
border:1px solid #858174;
margin:4px 0 0 4px;
}

.green-panel select{
width:128px;
display:block;
float:left;
font-size:.6em;
color:#53402B;
text-align:left;
border:1px solid #858174;
margin:2px 0 0 14px;
}

.green-panel div.pagination{
display:block;
float:right;
font-size:.6em;
margin:5px 0 0 0;
color:#fff;
}

.green-panel div.pagination a{
color:#fff;
text-decoration:none;
}

.green-panel div.pagination a:hover{
text-decoration:underline;
}

.green-panel div.pagination span.active a{
color:#FCB034;
cursor:default;
}

.green-panel div.pagination span.active a:hover{
color:#FCB034;
text-decoration:none;
}

.green-panel button.btn_go_green, .green-panel form.search-form button{
display:block;
float:right;
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/btn_go_green.gif) no-repeat;
width:16px;
height:16px;
border:none;
margin:4px 0 0 13px;
}

.green-panel button.goSearch, .green-panel form.search-form button {
float:left;
margin:4px 0 0 4px;
}

.green-panel a.viewallitems{
display:block;
float:right;
color:#fff;
font-size:.7em;
margin:5px 15px 0 13px;
text-decoration:none;
}

.green-panel a.viewallitems:hover{
text-decoration:underline;
}

#suggested{
float:left;
width:197px;
height:21px;
}

#suggested h4{
width:197px;
height:21px;
text-indent:-9999px;
overflow:hidden;
background:url(http://www.beardsframingstore.com/images/suggestHead.gif) 0 0 no-repeat transparent;
}

#special-offers{
float:left;
width:197px;
height:21px;
}

#special-offers h4{
width:197px;
height:21px;
text-indent:-9999px;
overflow:hidden;
background:url(http://www.beardsframingstore.com/images/specialHead.gif) 0 0 no-repeat transparent;
}

#featured-artists{
float:left;
width:196px;
height:21px;
}

#featured-artists h4{
width:196px;
height:21px;
text-indent:-9999px;
overflow:hidden;
background:url(http://www.beardsframingstore.com/images/featuredHead.gif) 0 0 no-repeat transparent;
}


/*----------------------------------------
sidebar styles
*/
#sidebar{
width:182px;
background:#d8dfd2;
float:left;
text-align:left;
margin:0 0 40px 0;
}
#sidebar-locations-box{
background:#fcb034;
color:#fff;
margin-top:20px;
}
#sidebar-locations-box span{
display:block;
width:182px;
height:45px;
text-indent:-9999px;
overflow:hidden;
background:url(http://www.beardsframingstore.com/images/haventfoundwhat.gif) 0 0 no-repeat transparent;
}
#sidebar-locations-box h5{
width:182px;
height:24px;
text-indent:-9999px;
overflow:hidden;
background:url(http://www.beardsframingstore.com/images/findastorenearyou.gif) 0 0 no-repeat transparent;
}
#sidebar-locations-box form{
background:url(http://www.beardsframingstore.com/images/locationpointer_yellow.gif) 11px 0 no-repeat #FCB034;
display:block;
height:44px;
width:182px;
}
#sidebar-locations-box input{
width:110px;
display:block;
float:left;
margin:15px 5px 0 38px;
border:1px solid #666;
font-size:.6em;
color:#666;
height:13px;
text-align:left;
padding-left:3px;
}
#sidebar-locations-box button{
display:block;
float:left;
text-indent:-9999px;
overflow:hidden;
background:transparent 0 0 url(http://www.beardsframingstore.com/images/go_btn_yellow.gif) no-repeat;
width:13px;
height:13px;
border:none;
margin-top:16px;
}


/* sidebar nav */

/*different section headers*/
#sidebar h2{
text-indent:-9999px;
overflow:hidden;
width:182px;
height:23px;
background:0 0  no-repeat #94a093;
}

#sidebar h2.mirror{
background-image:url(http://www.beardsframingstore.com/images/mirror_head.jpg);
}

#sidebar h2.home{
background-image:url(http://www.beardsframingstore.com/images/learnmore_head.gif);
}

#sidebar h2.shopby{
background-image:url(http://www.beardsframingstore.com/images/shopByHead_green.gif);

}

#sidebar h2.frameclub{
background-image:url(http://www.beardsframingstore.com/images/freamclubHead.gif);
}

#sidebar h2.instoreservices{

}

#sidebar h2.framingadvice{
}

#sidebar h2.customframing{

}

#sidebar h2.frameclub a, #sidebar h2.instoreservices a, #sidebar h2.framingadvice a, #sidebar h2.customframing a
{
display:block;
width:182px;
height:23px;
}



ul.nav-left{
margin-top:11px;
}

ul.nav-left li{
list-style:none;
}
ul.nav-left li li{
margin-left:12px;
}

ul.nav-left li a{
font-weight:normal;
font-size:.7em;
text-decoration:none;
color:#462f27;
display:block;
text-decoration:none;
padding-top:6px;
padding-bottom:6px;
padding-left:12px;
}

ul.nav-left li a:hover{
background:#AEBAB0;
}

ul.nav-left li a span{
color:#94a093;
font-size:.8em;
}

ul.nav-left li li a{
font-weight:normal;
font-size:.7em;
}

ul.nav-left li a:hover{

}

ul.nav-left li li.active{
list-style-image:url(http://www.beardsframingstore.com/images/listImage_leftNav.gif);
list-style-position:inside;
color:#d78705;
}

ul.nav-left li li.active a{
color:#d78705;
font-weight:bold;
margin-left:-6px;
}

ul.nav-left li li.active a:hover{
text-decoration:none;
cursor:default;
}

/*sub navs*/
ul.nav-left li li.active li{
list-style-image:none;
list-style-position:inside;
color:#462f27;
}

ul.nav-left li li.active li a{
color:#462f27;
font-weight:normal;
margin-left:0;
}

ul.nav-left li li.active li a:hover{
text-decoration:underline;
cursor:pointer;
}

/*home page sidebar styles*/
body.homepage ul.nav-left{
border-bottom:1px solid #fff;
color:#666;
width:156px;
}
body.homepage ul.nav-left a{
color:#666;
text-decoration:none;
}

body.homepage ul.nav-left li li{
font-size:.7em;
font-weight:normal;
margin-left:0px;
margin-bottom:14px;
}

.img-home{
margin-top:9px;
margin-left:8px;
margin-bottom:9px;
border:1px solid #fff;
}



/*------------------------------------------------------------------------------------------------------
bottom spotlight area styles
*/
#bodycontent #bottom-bar{
clear:both;
}

#bodycontent #bottom-bar #suggested{
width:193px;
height:154px;
}

#bodycontent #bottom-bar #suggested h4{

height:19px;
width:193px;
}

#bodycontent #bottom-bar #suggested h4 span{
display:block;
width:85px;
height:8px;
text-indent:-9999px;
overflow:hidden;
margin:7px 0 0 23px;
}

#bodycontent #bottom-bar #suggested div{
margin-top:18px;
}



#bodycontent #bottom-bar #special-offers{
width:197px;
height:154px;
}

#bodycontent #bottom-bar #special-offers h4{
overflow:hidden;
text-indent:-9999px;
width:197px;
height:19px;
}

#bodycontent #bottom-bar #special-offers div{
height:89px;
border-left:1px solid #A09F9E;
width:196px;
margin-top:18px;
}


#bodycontent #bottom-bar #featured-artists{
width:197px;
height:154px;
}

#bodycontent #bottom-bar #featured-artists h4{
overflow:hidden;
text-indent:-9999px;
width:200px;
height:19px;
}

#bodycontent #bottom-bar #featured-artists div{
height:89px;
border-left:1px solid #A09F9E;
width:177px;
margin-top:18px;
padding:1px 0 0 22px;
}

#bodycontent #bottom-bar #featured-artists div img{
float:left;
margin-right:0;
}

#bodycontent #bottom-bar #featured-artists div p{
background:url(http://www.beardsframingstore.com/images/txt_kathrinaMiccio.gif) no-repeat 0 0;
width:104px;
height:62px;
margin:0;
text-indent:-9999px;
overflow:hidden;
}

#bodycontent #bottom-bar #featured-artists div h5{
background:url(http://www.beardsframingstore.com/images/kathrinaMiccio.gif) 0 0 no-repeat;
width:165px;
height:17px;
clear:both;
overflow:hidden;
text-indent:-9999px;
display:block;
margin-top:7px;
}

/*different colors of bottom bar*/
/*green bar*/
#bodycontent .green-bar #suggested h4{
background:url(http://www.beardsframingstore.com/images/bg_mayWeSuggest_prod.jpg) repeat-y 0 0 #D8DFD2;
}
#bodycontent .green-bar #suggested h4 span{
background:url(http://www.beardsframingstore.com/images/mayWeSuggestHead_prod.gif) no-repeat;
}
#bodycontent .green-bar #special-offers h4{
background:url(http://www.beardsframingstore.com/images/specialOffersHead_prod.jpg) 8px 7px no-repeat #D8DFD2;
}
#bodycontent .green-bar #featured-artists h4{
background:url(http://www.beardsframingstore.com/images/featuredArtistsHead_prod.gif) 8px 7px no-repeat #D8DFD2;
}

/*orange bar*/
#bodycontent .ora-bar #suggested h4{
background:url(http://www.beardsframingstore.com/images/bg_mayWeSuggest_ora.jpg) repeat-y 0 0 #C94727;
}
#bodycontent .ora-bar #suggested h4 span{
background:url(http://www.beardsframingstore.com/images/mayWeSuggestHead_ora.gif) no-repeat;
width:86px;
}
#bodycontent .ora-bar #special-offers h4{
background:url(http://www.beardsframingstore.com/images/specialOffersHead_ora.gif) 8px 7px no-repeat #C94727;
width:75px;
}
#bodycontent .ora-bar #featured-artists h4{
background:url(http://www.beardsframingstore.com/images/featuredArtistsHead_ora.gif) 8px 7px no-repeat #C94727;
width:75px;
}

/*aqua bar*/
#bodycontent .aqua-bar #suggested h4{
background:url(http://www.beardsframingstore.com/images/bg_mayWeSuggest_aqua.jpg) repeat-y 0 0 #698B96;
}
#bodycontent .aqua-bar #suggested h4 span{
background:url(http://www.beardsframingstore.com/images/mayWeSuggestHead_aqua.gif) no-repeat;
width:86px;
}
#bodycontent .aqua-bar #special-offers h4{
background:url(http://www.beardsframingstore.com/images/specialOffersHead_aqua.gif) 8px 7px no-repeat #698B96;
width:75px;
}
#bodycontent .aqua-bar #featured-artists h4{
background:url(http://www.beardsframingstore.com/images/featuredArtistsHead_aqua.gif) 8px 7px no-repeat #698B96;
width:74px;
}



/*------------------------------------------------------------------------------------------------------
index styles
*/
.homepage #bodycontent div{
float:left;
height:127px;
margin-top:1px;
}

.homepage #bodycontent #img-index-body{
background:url(http://www.beardsframingstore.com/images/img_Index.jpg) no-repeat;
width:399px;
height:95px;
float:none;
padding:214px 0 0 189px;
}

.homepage #img-index-body span{
background:url(http://www.beardsframingstore.com/images/img_Index_NWStyle.gif) no-repeat 0 0;
width:399px;
height:55px;
display:block;
}

.homepage #bodycontent #nav-shopby{
background:url(http://www.beardsframingstore.com/images/bg_shopByNav_rt.jpg) right top no-repeat;
padding-right:19px;
width:176px;
}

.homepage #bodycontent #nav-shopby ul{
background:url(http://www.beardsframingstore.com/images/bg_navShopBy.jpg) no-repeat 0px 23px #C94728;
margin:0;
height:126px;
}

.homepage #bodycontent #nav-shopby h4{
background:#872915 url(http://www.beardsframingstore.com/images/shopByHead.gif) no-repeat 0 0;
width:39px;
height:8px;
text-indent:-9999px;
display:block;
margin:13px 0 0 17px;
}

.homepage #bodycontent #nav-shopby li.shopby{
width:176px;
background:#872915;
color:#fff;
overflow:auto;
height:23px;
}

.homepage #bodycontent #nav-shopby li{
list-style:none;
width:174px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
margin:0 0 12px 0;
height:10px;
}

.homepage #bodycontent #nav-shopby li a{
color:#fff;
text-decoration:none;
margin-left:31px;
}


.homepage #bodycontent #spotlight-box{
padding-left:22px;
}

.homepage #bodycontent #spotlight-box h4{
background:url(http://www.beardsframingstore.com/images/spotlightHead.gif) no-repeat 0 0;
width:52px;
height:8px;
overflow:hidden;
text-indent:-9999px;
display:block;
margin:13px 0 4px 0;
}

.homepage #bodycontent #spotlight-box div{
text-align:center;
}

.homepage #bodycontent #spotlight-box img{
float:none;
margin:0;
margin-right:19px;
}

.homepage #bodycontent #spotlight-box h5{
background:url(http://www.beardsframingstore.com/images/artprintsHead.gif) no-repeat 0 0;
text-align:left;
width:56px;
height:11px;
text-indent:-9999px;
display:block;
margin-bottom:8px;

}

.homepage #bodycontent #spotlight-box p{
float:left;
color:#462E26;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
margin:0;
width:90px;
line-height:1.3em;
}

.font-family #bodycontent #promotions-box{
width:195px;
background:url(http://www.beardsframingstore.com/images/bg_promotionBox.jpg) left repeat-y;
}

.homepage #bodycontent #promotions-box img{
float:none;
margin:0;
}



.homepage #bodycontent #guarantee-box{
width:195px;
background:url(http://www.beardsframingstore.com/images/bg_guarantee.jpg) 0 0 no-repeat;
border-bottom:1px solid #fff;
margin-top:0;
}

.homepage #bodycontent #guarantee-box div{
background:url(http://www.beardsframingstore.com/images/bg_guaranteeGreen.jpg) #677265 0 0 repeat-y;
float:none;
padding-left:9px;
margin-top:72px;
height:55px;
}

.homepage #bodycontent #guarantee-box h4{
background: url(http://www.beardsframingstore.com/images/theUnbeatableGuarantee.gif) no-repeat 25px 4px;
width:180px;
height:34px;
text-indent:-9999px;
border-bottom:1px solid #fff;
}

.homepage #bodycontent #guarantee-box div span{
background: url(http://www.beardsframingstore.com/images/designWorkmanshipLowPrice.gif) no-repeat 3px 4px;
text-indent:-9999px;
display:block;
}


.homepage #bodycontent #storenews-box{
width:198px;
background:url(http://www.beardsframingstore.com/images/bg_storeNews.jpg) 0 0 repeat-x #fff;
margin-top:0;
}

.homepage #bodycontent #storenews-box h4{
background:url(http://www.beardsframingstore.com/images/signUpForNews.gif) no-repeat 0 0;
width:126px;
height:41px;
text-indent:-9999px;
display:block;
margin:22px 0 6px 19px;
}

.homepage #bodycontent #storenews-box input{
width:153px;
height:13px;
border:1px solid #666;
color:#666;
font-size:.6em;
text-align:left;
margin-left:20px;
padding-left:2px;
}



.homepage #bodycontent #storenews-box .btn_signup{
background:url(http://www.beardsframingstore.com/images/btn_SignUp.gif) no-repeat 0 0;
width:60px;
height:19px;
text-indent:-9999px;
display:block;
margin:8px 0 0 117px;
border:0;
}

.homepage #bodycontent #frameclub-box h4{
background:url(http://www.beardsframingstore.com/images/frameclubHead.gif) no-repeat 0 0;
width:195px;
height:22px;
text-indent:-9999px;
display:block;
}

.homepage #bodycontent #frameclub-box{
background:url(http://www.beardsframingstore.com/images/bg_frameclubBox.jpg) top repeat-x  #909F94;
border-bottom:1px solid #fff;
margin-top:0;
}

.homepage #bodycontent #frameclub-box div{
background:url(http://www.beardsframingstore.com/images/exclusiveDealsandDiscounts.gif) no-repeat 3px 12px;
width:195px;
height:102px;
float:none;
}

/*------------------------------------------------------------------------------------------------------
Article page Styles
*/
.article #bodycontent #article-content{
min-height:254px;
height:auto !important;
height:254px;
}

.article #bodycontent h3{
color:#6E7071;
font-size:1.05em;
}

#bodycontent #article-content h4{
margin:0 0 0 22px;
font-size:.9em;
clear:both;
}

#bodycontent #article-content h4.first-h4{
margin-top:10px;
}

.article #bodycontent p.aqua{
color:#296270;
font-size:.8em;
}

.article #bodycontent p.aqua a{
color:#0C353F;
text-decoration:underline;
}
.article #bodycontent p.li-head{
margin-bottom:3px;
font-weight:bold;
}


.article #bodycontent ul li{
font-szie:.7em;
list-style:none;
font-weight:normal;
line-height:2em;
}

.article #bodycontent ul.low-li li{
line-height:1em;
list-style:disc;
margin-bottom:3px;
}


.article #bodycontent ul li strong{
color:#6E7071;
}

.article #bodycontent ol li{
line-height:1em;
margin-left:10px;
margin-bottom:3px;
font-size:1em;
font-weight:normal;
list-style:decimal;
}

.article #bodycontent #article-content form.signup{
display:block;
margin-left:22px;
float:left;
width:210px;
}

.article #bodycontent #article-content label, .article #bodycontent #article-content input{
display:block;
width:150px;
margin-bottom:3px;
font-size:.7em;
}

.article #bodycontent #article-content label{
}

.article #bodycontent #article-content button.btn_submit{
}


/*------------------------------------------------------------------------------------------------------
Custom Framing page styles
*/

.customFraming #bodycontent #article-content{
min-height:254px;
height:auto !important;
height:254px;
}


/*------------------------------------------------------------------------------------------------------
product page styles
*/
.product #bodycontent #product-content{
min-height:254px;
height:auto !important;
height:254px;
font-family:Arial, Helvetica, sans-serif;
padding-left:28px;
float:left;
}

#viewLarger p{
clear:both;
text-align:center;
margin:0;
}

#product-image-box a{
display:block;
text-align:center;
}


.product #bodycontent #product-content #contentarea{
float:left;
margin-bottom:40px;
}

.product #bodycontent #product-content img{
float:left;
margin-right:15px;
}

.product #bodycontent #product-content div.itemform{
width:320px;
float:right;
border:1px solid #E6E6E6;
margin:0;
font-weight:normal;
color:#000;
padding:12px;
font-size:.85em;
margin-right:22px;
}

.product #bodycontent #product-content div.price-bold, .product #bodycontent #product-content div#caption div{
display:inline;
}

.product #bodycontent #product-content em{
font-style:normal;
}


.product #bodycontent #product-content h2{
margin:37px 0 18px 0;
}

.product #bodycontent #product-content h2 span.product-name{
font-size:.9em;
color:#888786;
text-transform:uppercase;
}

.product #bodycontent #product-content h2 span.artist-name{
font-size:.6em;
color:#504f4f;
font-weight:lighter;
}

.product #bodycontent #product-content #product-image-box{
width:199px;
float:left;
}
.product #bodycontent #product-content #product-image-box img{
float:none;
margin:0;
margin-bottom:14px;
}

.product #bodycontent #product-content #product-image-box #view-larger{
display:block;
float:left;
background:url(http://www.beardsframingstore.com/images/viewLarger.gif) no-repeat 0 0;
width:77px;
height:9px;
overflow:hidden;
text-indent:-9999px;
margin-left:3px;
margin-bottom:42px;
}

.product #bodycontent #product-content #product-image-box #view-room{
display:block;
float:left;
background:url(http://www.beardsframingstore.com/images/viewRoom.gif) no-repeat 0 0;
width:99px;
height:9px;
overflow:hidden;
text-indent:-9999px;
margin-left:13px;
}


.product #bodycontent #product-content ul#product-desc-box {
width:235px;
float:left;
border:1px solid #E6E6E6;
margin:0;
font-weight:normal;
color:#000;
padding:12px;
font-size:100%;
}

.product #bodycontent #product-content ul#product-desc-box li{
list-style:none;
margin:0;
font-size:.85em;
margin-bottom:4px;
}

.product #bodycontent #itemarea strong{
color:#6E7071;
font-weight:bold;
}

.product #bodycontent #product-content .productinfo{
padding:0;
font-weight:normal;
font-size:.8em;
margin:25px 0;
}

.product #bodycontent #product-content div.code{
margin-bottom:25px;
}

.product #bodycontent #product-content div.customAttributes{
font-weight:lighter;
font-size:.80em;
margin-bottom:25px;
}

.product #bodycontent #product-content #itemarea div.customAttributes strong{
font-weight:lighter;
}

.product #bodycontent #product-content strong.pricelabel, .product #bodycontent #product-content span.itemoption{
font-size:.9em;
font-weight:bold;
color:#565655;
}

.product #bodycontent #product-content span.multiLineOption{
display:block;
}

.product #bodycontent #product-content span.multiLineOption select option{
padding:0 2px;
}

.product #bodycontent #itemarea .itemavailable{
font-size:.8em;
}

.product #bodycontent #itemarea .itemavailable em{
font-wieght:bold;
color:#6e7071;
}


.catalog #bodycontent strong.pricelabel{/*hides on the section pages*/
display:none;
}

.product #bodycontent #product-content div.price-bold{
color:#000;
font-weight:bold;
}

.product #bodycontent #product-content ul#product-desc-box button{
display:block;
border:0;
text-indent:-9999px;
overflow:hidden;
background:url(http://www.beardsframingstore.com/images/btn_addToCart.gif) no-repeat 0 0;
width:104px;
height:21px;
}

.product #bodycontent .itemform input.ys_primary{
display:block;
border:0;
text-indent:-9999px;
overflow:hidden;
background:url(http://www.beardsframingstore.com/images/btn_addToCart.gif) no-repeat 0 0;
width:104px;
height:21px;
margin-top:2px;
}


/*------------------------------------------------------------------------------------------------------
catalog home page styles
*/
iframe.catHome{
height:500px;
width:590px;
overflow:hidden;
margin:0;
}

div.cat-box{
width:190px;
}

.catalog-home #bodycontent{
background:#FFF;
height:100%;
overflow:hidden;
}


.catalog-home #bodycontent #catHome-top{
background:url(http://www.beardsframingstore.com/images/top_catHome.jpg) repeat-x 0 0;
width:579px;
height:18px;
}

.catalog-home #bodycontent .cat-box{
float:left;
border-left:2px solid #eee;
}

.catalog-home #bodycontent .cat-box div{
text-align:center;
}


.catalog-home #bodycontent .cat-box img{
margin:32px auto 27px auto;
float:none;
}

.catalog-home #bodycontent .cat-box h4{
display:block;
background:url(http://www.beardsframingstore.com/images/shadow_orangeBox.jpg) repeat-y 0 0 #F3A142;
width:100%;
height:17px;
padding:2px 0 0 27px;
text-align:left;
overflow:hidden;
}

.catalog-home #bodycontent .cat-box h4 a{
text-decoration:none;
color:#FFF;
font-size:12px;
}

.catalog-home #bodycontent .cat-box a img{
border:0;
}

.catalog-home #bodycontent div.catHome-rule{
clear:both;
height:21px;
width:590px;
border-bottom:2px solid #EEE;
}

/*------------------------------------------------------------------------------------------------------
catalog page styles
*/


#section-contenttitle{
display:none;
}



.catalog #bodycontent{
text-align:left;
}

.catalog #bodycontent h1#section-contenttitle{
display:none;
}

.catalog #bodycontent table#cat-prod-table{
width:584px;
margin:0;
border-collapse:collapse;
margin-left:6px;
}

.catalog #bodycontent table td table{


}

.catalog #bodycontent #cat-prod-table td{
border-bottom:1px solid #eee;
vertical-align:top;
text-align:center;
padding:0 5px;
}

.catalog #bodycontent #cat-prod-table td.withBorder{
border-left:1px solid #eee;
}

.catalog #bodycontent #cat-prod-table td td{
border:0;
width:260px;
padding:5px;
}

.catalog #bodycontent #cat-prod-table td .cat-prod-image{
vertical-align:middle;
text-align:center;
height:178px;
}

.catalog #bodycontent #cat-prod-table td .cat-prod-image img{
float:none;
margin-right:0;
}

.catalog #bodycontent #cat-prod-table td .cat-prod-desc{
text-align:left;
vertical-align:top;
padding-left:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:.7em;
padding-bottom:17px;
}

.catalog #bodycontent #cat-prod-table td .cat-prod-desc a{
color:#462f27;
font-weight:bold;
}



/*for yahoo*/

.catalog #bodycontent table#contents-table{
width:584px;
margin:0;
border-collapse:collapse;
margin-left:6px;
}

.catalog #bodycontent table td table{


}

.catalog #bodycontent #contents-table td{
text-align:center;
vertical-align:top;
padding:0 8px;
}

.catalog #bodycontent #contents-table td{
border-bottom:1px solid #eee;
}


.catalog #bodycontent #contents-table td.vertical-seperator{
border-right:1px solid #eee;
}

.catalog #bodycontent #contents-table td.horizontal-seperator a{
display:block;
text-align:center;
padding:20px 0;
height:86px;
}

.catalog #bodycontent #contents-table td.horizontal-seperator div.name a{
/*text-align:left;*/
height:auto;
padding:0;
}


.catalog #bodycontent #contents-table td.horizontal-seperator a img{
float:none;
margin:0;
}

.catalog #bodycontent #contents-table td div{
display:block;
/*float:left;*/
text-align:center;
/*padding-left:12px;*/
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:.6em;
padding-bottom:5px;
clear:both;
}

.catalog #bodycontent #contents-table td div.name a{
color:#462f27;
font-weight:bold;
}
/*end for yahoo







/*------------------------------------------------------------------------------------------------------
Search Reults
*/
/*
#bodycontent #info-div form{
text-indext:-9999px;
margin-top:-45px;
display:none;
}

#bodycontent #info-div form table{
display:block;
}

#bodycontent #info-div form input{
display:none;
}

*/

#bodycontent #info-div form{
text-align:center;
}

#bodycontent #info-div form table{
text-align:left;
}

#bodycontent #info-div form table td{
padding:0 0 10px 0;
}

#bodycontent #info-div{
width:569px;
padding:10px;
font-size:.7em;
color:#666;
}

#bodycontent #info-div a{
color:#462E26;
font-weight:bold;
font-size:.8em;
}

#bodycontent #info-div font font{
color:#462E26;
font-weight:bold;
}




#bodycontent #info-div table tr{
border-bottom:1px solid #DFDFDF;
}









#bodycontent table#search-prod-table{
width:584px;
margin:0;
border-collapse:collapse;
margin-left:6px;
}

#bodycontent table#search-prod-table tr{
border-bottom:1px solid #DFDFDF;
}


#bodycontent table#search-prod-table td.search-product-img{
text-align:center;
vertical-align:middle;
width:85px;
padding:20px;
}

#bodycontent table#search-prod-table td.search-product-img img{
float:none;
margin:0;
}

#bodycontent table#search-prod-table td.search-product-desc{
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
}

#bodycontent table#search-prod-table td.search-product-desc a, #bodycontent table#search-prod-table td.search-product-desc span{
color:#462E26;
font-size:.8em;
font-weight:bold;
display:block;
float:left;
}

#bodycontent table#search-prod-table td.search-product-desc span{
float:right;
margin-right:68px;
}


#bodycontent table#search-prod-table td.search-product-desc p{
clear:both;
color:#666;
margin:0;
padding:0;
font-size:.7em;
}

/*--------------------------------------------------------------------------------------------
Store Locations page
*/
.storeLocations #bodycontent{
padding-bottom:22px;
}

.storeLocations #bodycontent ul{
margin:0;
padding:0;
list-style:none;
}

.storeLocations #bodycontent h3.storelocations{
border-bottom:2px solid #979797;
color:#7f7f7f;
font-size:1.2em;
margin:27px 0 20px 22px;
line-height:.8em;
width:477px;
}

.storeLocations #bodycontent #storelocations-col1{
float:left;
width:265px;
margin-left:22px;
display:inline;
}

.storeLocations #bodycontent #storelocations-col2{
float:left;
width:301px;
}

.storeLocations #bodycontent p{
font-size:.75em;
}

.storeLocations #bodycontent #storelocations-col1 h4, .storeLocations #bodycontent #storelocations-col2 h4 {
color:#E5B53A;
margin-bottom:15px;
font-size:1em;
}

.storeLocations #bodycontent #storelocations-col1 a, .storeLocations #bodycontent #storelocations-col2 a{
color:#333;
font-weight:normal;
font-size:1.2em;
}

.storeLocations #bodycontent #storelocations-col1 ul, .storeLocations #bodycontent #storelocations-col2 ul {
margin-bottom:20px;
}


.storeLocations #bodycontent #storelocations-col1 li, .storeLocations #bodycontent #storelocations-col2 li {
margin:0;
padding:0;
margin-bottom:5px;
}


/*----------------------------------------------------------------------------------------------------
store results page
*/
.storeResults #bodycontent ul{
margin:0;
padding:0;
list-style:none;
}

.storeResults #bodycontent p{
margin-top:22px;
margin-bottom:15px;
color:#4A4949;
font-size:.9em;
}

.storeResults #bodycontent input{
display:block;
float:left;
margin:0 14px 24px 22px;
width:170px;
}

.storeResults #bodycontent ul{
margin-left:22px;
}

.storeResults #bodycontent hr{
color:#94A093;
background-color:#94A093;
width:553px;
margin-left:22px;
height:1px;
}

.storeResults #bodycontent ul li{
margin:0;
padding:0;
font-weight:normal;
}

.storeResults #bodycontent ul li.address{
float:left;
width:229px;
height:112px;
}

.storeResults #bodycontent ul#store-details-box li.address a{
color:#D78705;
}

.storeResults #bodycontent h3.locationName{
color:#94A093;
font-size:.9em;
font-weight:lighter;
margin-bottom:10px;
} 

.storeResults #bodycontent ul#store-details-box{
margin:0;
padding:0;
color:#4A4949;
margin-left:22px;
}

.storeResults #bodycontent ul#store-details-box li{
list-style:none;
margin:0;
font-weight:normal;
margin-bottom:6px;
}

.storeResults #bodycontent ul#store-details-box li.address{
font-size:1em;
}

.storeResults #bodycontent ul#store-details-box li span{
display:block;
font-size:.8em;
margin:14px 0;
}

.storeResults #bodycontent ul#store-details-box li a{
color:#4A4949;
list-style:none;
}


.storeResults #bodycontent ul#store-details-box strong{
color:#94A093;
font-weight:normal;
}




.storeResults #bodycontent .btn_searchStore{
background:url(http://www.beardsframingstore.com/images/btn_goSearch.gif) 0 0 no-repeat;
text-indent:-9999px;
width:40px;
height:19px;
display:block;
float:left;
border:0;
}

/*-----------------------------------------------------------------------------------------------------
store details styles
*/
.storeDetails #bodycontent{
font-family:Arial, Helvetica, sans-serif;
padding-bottom:42px;
}

.storeDetails #bodycontent h2{
margin-bottom:32px;
}

.storeDetails #bodycontent img.location-map{
margin-right:31px;
}



.storeDetails #bodycontent h3.locationName{
color:#94A093;
font-size:.9em;
margin-bottom:19px;
} 

.storeDetails #bodycontent ul#store-details-box{
margin:0;
padding:0;
color:#4A4949;
margin-left:22px;
}

.storeDetails #bodycontent ul#store-details-box li{
list-style:none;
margin:0;
font-weight:normal;
margin-bottom:14px;
}

.storeDetails #bodycontent ul#store-details-box li.address{
font-size:1em;
}

.storeDetails #bodycontent ul#store-details-box li span{
display:block;
font-size:.8em;
margin:14px 0 0 0;
}

.storeDetails #bodycontent ul#store-details-box li a{
color:#4A4949;
list-style:none;
}


.storeDetails #bodycontent ul#store-details-box strong{
color:#94A093;
font-weight:normal;
}




/*------------------------------------------------------------------------------------------------------
footer styles
*/

#footer{
background:url(http://www.beardsframingstore.com/images/shadowBt.jpg) 0 0 no-repeat;
padding-top:8px;
width:777px;
margin:0 auto;
text-align:left;
line-height:1.6em;
}

#footer{
color:#000;
font-size:.7em;

}

#footer a{
color:#000;
text-decoration:none;
margin:0 11px;
}

#footer a:hover{
text-decoration:underline;
}

#footer span{
color:#686767;
font-size:.9em;
}

#footer span a{
color:#686767;
}

/*get rid of yahoo badge*/
#badge{
display:none;
}

/*.family-item
{
	text-align:right;
	border:1px #00F solid;
}*/
.family-image
{
	/*position:absolute;
	left:800px;*/
	float:left;
	border:0px solid #ccc;
	text-align:center;
	width:115px;
	height:100px;	
}