/* selector reset 
--------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, var, b, u, i, center, table, fieldset, form, fieldset, label, legend, select, input,textarea { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* common selector layout 
--------------------------------*/

body { background: url(../images/background.png) repeat-x #B1A979; line-height: 1; color: #938A57; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; }
p { padding: 5px 0; margin: 0; }
strong, b { color: #5C3222; }
img { border: 0; vertical-align:bottom; }
input, select { vertical-align: middle; }
a:link { color: #C3A43A; }
a:visited { color: #C3A43A; }
a:hover { color: #C3A43A; }
h1,h2 { font-size: 12px; font-weight: bold; margin: 5px 0; }

/* common selector classes 
---------------------------------*/

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.container { overflow: hidden; width: 100%; }
.required { color: #D00; }
.note { font-style: italic; font-size: 10px; }
/*.opacity { opacity: .60; filter: Alpha(opacity=60); } not valid css 2.1*/

h1.sifr-text,h2.sifr-text { margin:0;padding:0; }
.flash-replaced { }
.alt { display: none; }
select.text { border: 1px solid #C1BDA0; }
input.text { padding: 2px; border: 1px solid #C1BDA0; width: 130px; }
textarea.text { padding: 2px; border: 1px solid #C1BDA0; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 92% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

/* body selectors 
---------------------------------*/

/* home */
#home { width: 770px; text-align:left; margin: 0 auto 0 auto; position:relative; background:#E8E2BF; padding: 0 0 15px 0; }
#home div#content { background: url(../images/content-bg.png) repeat-x; width: 100%; overflow: hidden; }
#home div#content div#right { float: right; display: inline; width: 235px; line-height: 1.4em; margin:9px 10px 0 0; border: 1px solid #D3CFB4; background: #FFF; padding: 5px; }
#home div#content div#right div.text { margin: 0 0 0 0; border: 1px solid #D3CFB4; padding: 8px; height:275px; overflow:hidden; }
#home div#content div#right h2.sifr-text { color:#C34462; margin:0;padding:0; }

#home div#content div#right form { color: #A09767; margin: 17px 0 0 7px; font-size: 12px; }
#home div#content div#right form input.text { width: 122px; margin: 0 4px 7px 0; }
#home div#content div#right form input.image { margin: 0 0 8px 0; }

/* internal */
#internal { width: 770px; text-align:left; margin: 0 auto 0 auto; position:relative; background:#E8E2BF; padding: 0 0 15px 0; }
#internal div.shell { background:url(../images/shell-bg.png) repeat-y; width: 100%; }
#internal div#content { background: url(../images/content-bg.png) repeat-x; width: 100%; overflow: hidden; padding: 0 0 0 0; }
#internal div#content div#left { float: left; width: 595px; display: inline; line-height: 1.4em; margin: 0 10px 0 10px; }
#internal div#content div#left ul { padding: 0;margin:0 0 0 0; list-style:none; width: px; }
#internal div#content div#right { background: url(../images/right-bg.png) repeat-x #F2EFDF; float: left; width: 155px; display: inline; margin: 0 0 0 0; }
#internal div#content div#right form { color: #A09767; padding: 10px 0 7px 9px; font-size: 12px; border-bottom: 1px solid #DDDAC3; }
#internal div#content div#right form input.text { width: 101px; margin: 0 4px 0 0; }
#internal div#content div#right form input.image { margin: 0 0 0 0; }
#internal div#content div#right h3.sifr-text { padding: 0 0 0 12px; font-size:24px; font-weight:normal; color:#A09767; }
#internal div#content div#right ul { padding:0; margin:0; list-style:none; border-top: 1px solid #DDDAC3;}
#internal div#content div#right ul li { margin:0; list-style:none; border-bottom: 1px solid #DDDAC3; }
#internal div#content div#right ul li a { display:block; text-decoration:none; padding:4px 5px 4px 13px; }
#internal div#content div#right ul li a:hover { text-decoration:underline; }
#internal div#content div#right div.btn { width: 136px; text-align: center; border: 1px solid #D3CFB4; padding:5px; margin: 16px auto 16px auto; background:#FFF; }
#internal div#content div#right div.btn img { border: 1px solid #D3CFB4; }
#internal div#content div#right p { text-align:center; }
#view-cart { border-bottom: 1px solid #DDDAC3; padding: 24px 12px 7px 12px; line-height: 1.2em; }

#crumb { margin: 0 0 10px 0; }

/*shared*/
#header { height: 118px; width: 774px; overflow:hidden; margin: 0 0 0 -4px; background: url(../images/header-bg.jpg) no-repeat; }
img#logo { width: 255px; height: 139px; top: 24px; left:27px; position:absolute; z-index:10; }

/* slideshow */
#slideshow { position:relative; float:left; width:506px; height:315px; }
#slideshow a { display:block; position:absolute; top:11px; left:9px; z-index:8; }
#slideshow a.active { z-index:10; }
#slideshow a.last-active { z-index:9; }

/*NAV*/
#nav-top { height: 23px; background:url(../images/nav-top-bg.png) repeat-x; padding:14px 0 0 304px; margin:0 0 0 0; list-style:none; }
#nav-top a { height: 13px; display:block; text-indent: -6000px; }
#nav-top li { float:left; text-transform:capitalize; }
#nav-top li#nav-about-us { background: url(../images/nav-about-us.png); width: 72px; } 
#nav-top li#nav-about-us:hover {background-position: 0 -13px; }
#nav-top li#nav-contact-us { background: url(../images/nav-contact-us.png); width: 95px; } 
#nav-top li#nav-contact-us:hover {background-position: 0 -13px; }
#nav-top li#nav-our-locations { background: url(../images/nav-our-locations.png); width: 115px; } 
#nav-top li#nav-our-locations:hover {background-position: 0 -13px; }
#nav-top li#nav-my-account { background: url(../images/nav-my-account.png); width: 98px; } 
#nav-top li#nav-my-account:hover {background-position: 0 -13px; }
#nav-top li#nav-view-cart { background: url(../images/nav-view-cart.png); width: 73px; } 
#nav-top li#nav-view-cart:hover {background-position: 0 -13px; }


#nav { height: 41px; background: url(../images/nav-bg.png) repeat-x; margin: 0 0 0 0; }
#nav ul { float:left; width:747px; display:inline; height: 12px; list-style:none; margin:18px 0 0 -7px;padding:0; position:relative; z-index:10; }
#nav a { display: block; height: 12px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; text-transform:capitalize; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 147px; color: #5C3222; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #5C3222; background: url(../images/dropdown-over-bg.png) no-repeat; text-decoration: underline; } /*reset for dropdown */
#nav ul ul { position: absolute; top: 12px;left: 10px; width: 170px; height: auto; margin:0;padding:0; list-style:none; border-top: 1px #B9B389 solid; background: url(../images/dropdown-bg.png); } /*dropdown properties*/
* html #nav ul ul { background:#C6BF99; }
#nav li ul li { border: #B9B389 solid; border-width: 0 1px 1px 1px; } /*borderbottom for ie6*/
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

/* display/don't display 5 deep*/
#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul,
#nav ul ul ul li:hover ul ul {display: none;} /*hide dropdown*/
#nav ul li:hover ul,
#nav ul ul li:hover ul, 
#nav ul ul ul li:hover ul,
#nav ul ul ul ul li:hover ul {display: block; } /*dropdown item properties*/

/* nav categories */
#nav li#nav-classic-favorites { background: url(../images/nav-classic-favorites.png); width: 124px; } 
#nav li#nav-classic-favorites:hover {background-position: 0 -12px; }
#nav li#nav-corporate-gifts { background: url(../images/nav-corporate-gifts.png); width: 125px; } 
#nav li#nav-corporate-gifts:hover {background-position: 0 -12px; }
#nav li#nav-holiday-occasions { background: url(../images/nav-holidays-occasions.png); width: 156px; } 
#nav li#nav-holiday-occasions:hover {background-position: 0 -12px; }
#nav li#nav-sponge-candy { background: url(../images/nav-sponge-candy.png); width: 109px; } 
#nav li#nav-sponge-candy:hover {background-position: 0 -12px; }
#nav li#nav-exquisite-gifts { background: url(../images/nav-exquisite-gifts.png); width: 115px; } 
#nav li#nav-exquisite-gifts:hover {background-position: 0 -12px; }
#nav li#nav-taste-of-buffalo { background: url(../images/nav-taste-of-buffalo.png); width: 117px; } 
#nav li#nav-taste-of-buffalo:hover {background-position: 0 -12px; }

#photo { width:755px; overflow:hidden; margin: 8px 4px 0 11px; }
#photo div.image { float:left; display:inline; margin: 0 4px 0 0; width: 235px; border: 1px solid #D3CFB4; padding: 5px; background: #FFF; }
#photo div.image img { border: 1px solid #D3CFB4; width: 233px; height: 170px; }

#footer { font-size: 10px; width: 720px; color: #A09767; background: #FFF; height: 35px; margin: 8px 0 0 11px; padding: 8px 15px 0 12px; line-height: 1.6em; border: 1px solid #D3CFB4; }
#footer a { font-size: 10px; color:#A09767; }
#gift-cards { display:block; float:right; width: 134px; height: 25px; margin: 0 0 0 0; background:url(../images/btn-gift-cards.png) no-repeat; text-indent:-6000px; }

#core101-logo { color: #DCDCDC; text-align:center; padding: 10px 0; }
#core101-logo a { color: #DCDCDC; }

/* MISC 
-------------------------------------*/

/* forms */
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #DEDEDE; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #DEDEDE; }
#content-form input.button { padding: 2px; background: #A0A0A0; color: #FFF; }