/*
Theme Name: Gum Nuts & Chocolates
Version: 1 
*/

/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,caption { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*** Clearfix ***/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clear { clear: both; }

/*** Positioning and Alignment ***/
.fl { float: left; }
.fr { float: right; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

/*** General Settings ***/
body { background: url(../images/bg-body.jpg) no-repeat scroll 50% 0 #4b2204; color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; margin-bottom: 15px; }
p { margin: 0 0 15px 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

#bg-body img { position: absolute; width: 100%; z-index: -1; }

#wrapper { margin: 0px auto; width: 1004px; }

/*** Header ***/
#header { height: 194px; }

#phone { color: #462d06; float: left; font-family: 'DINAlternateBold'; font-size: 26px; margin: 85px 40px 0px 0px; }
#phone span { color: #ffffff; display: block; font-family: 'DINMediumRegular'; font-size: 33px; }

#logo { float: left; margin: 23px 0px 0px; }

#header-right { float: right; }

#header-right .promo { margin:28px 0px 15px; }

#header-right .cart { color: #ffffff; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 0px; text-align: right; }
#header-right .cart a { background: url(../images/arrow-right.png) no-repeat scroll 100% 50%; color: #ffffff; padding-right: 8px; }

#login { margin-bottom: 8px; }
#login p { color: #f5f5f5; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; margin-bottom: 5px; text-align: right; }
#login p a { color: #462d06; }
#login .input-txt { background: none; border: 1px solid #ffffff; color: #462d06; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; height: 12px; margin-left: 5px; padding: 4px 5px; width: 86px; }
#login .input-btn { background: url(../images/arrow-right.png) no-repeat scroll 100% 50%; border: 0px none; color: #ffffff; cursor: pointer; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; padding: 0px 5px 0px 0px; }

/*** Nav ***/
#nav { background: #462d06; height: 34px; }
#nav ul { /*margin: 0px 0px 0px 10px;*/ padding: 0px; list-style: none; }
#nav ul li { float: left; position: relative; z-index: 1000; }
#nav ul li a { color: #ffffff; float: left; font-family: 'DINMediumRegular'; line-height: 34px; padding: 0px 14px; }
#nav ul li a:hover, #nav ul li.active a, #nav ul li.sfHover a { background: #ff1100; text-decoration: none; }

#nav ul ul { background: #ffffff; left: 0px; padding: 5px 0px; position: absolute; top: 100%; width: 222px; }
#nav ul ul li { float: none; }
#nav ul ul li a { background: none!important; color: #462d06; display: block; float: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 28px; }
#nav ul ul li a:hover { background: none; color: #ff1100; }


/*** Content Body ***/
#content-body { background: #ffffff; padding: 0px 2px; }

#slideshow { background: #000; height: 413px; margin-bottom: 2px; overflow: hidden; position: relative; width: 1000px; }
#slideshow img { height: 413px; width: 1000px; }

#slideshow-controls { bottom: 10px; position: absolute; right: 10px; z-index: 1000; }

#slideshow-nav { float: left; }
#slideshow-nav a { background: #6a2803; color: #fffa4e; float: left; font-family: 'DINMediumRegular'; font-size: 11px; height: 20px; line-height: 20px; margin-left: 2px; text-align: center; width: 19px; }
#slideshow-nav a:hover { text-decoration: none; }

#slideshow-prev { background: url(../images/slideshow-prev.jpg) no-repeat; display: block; float: left; height: 20px; margin-left: 2px; text-indent: -9999px; width: 19px; }
#slideshow-next { background: url(../images/slideshow-next.jpg) no-repeat; display: block; float: left; height: 20px; margin-left: 2px; text-indent: -9999px; width: 19px; }

#slideshow-toggle.pause { background: url(../images/slideshow-pause.jpg) no-repeat; display: block; float: left; height: 20px; margin-left: 2px; text-indent: -9999px; width: 19px; }
#slideshow-toggle.resume { background: url(../images/slideshow-play.jpg) no-repeat; display: block; float: left; height: 20px; margin-left: 2px; text-indent: -9999px; width: 19px; }

#categories { overflow: hidden; }
#categories ul { list-style: none; margin: 0px; overflow: hidden; padding: 0px; }
#categories ul li { background: #462d06; float: left; height: 50px; margin: 0px 3px 3px 0px; width: 140px; }
#categories ul li.black { background: #000000; }
#categories ul li.red { background: #ff1100; }
#categories ul li.green { background: #00ab06; }
#categories ul li.yellow { background: #ffff00; }
#categories ul li.pink { background: #ff0094; }
#categories ul li.last { margin: 0px 0px 3px 0px; }
#categories ul li .outer { display: table; height: 50px; overflow: hidden; width: 140px; }
#categories ul li .outer .inner { display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; text-align: center; }
#categories ul li .outer .inner .element { text-align: center; }
#categories ul li .outer .inner .element a { color: #ffffff; display: block; font-family: 'DINMediumRegular'; font-size: 12px; padding: 0px 5px; position: relative; text-align: center; }
#categories ul li .outer .inner .element a:hover { text-decoration: none; }
#categories ul li.yellow .outer .inner .element a { color: #000000; }  

/*** Inset ***/
#inset { overflow: hidden; padding: 10px 0px; }
#inset .promo {  }
#inset .greeting { color: #ffffff; float: left; margin: 0px 40px; padding-top: 10px; width: 472px; }
#inset .greeting h1 { font-family: 'DINBold'; font-size: 27px; margin-bottom: 5px; }
#inset .greeting p { font-family: 'DINLightRegular'; font-size: 16px; line-height: 24px; text-align: center; }

/*** Footer ***/
#footer { background: url(../images/bg-footer.jpg) repeat-x #ffffff; min-height: 100px; }
#footer .inner { margin: 0px auto; padding: 30px 0px 20px; width: 1004px; }

#footer .links { list-style: none; margin: 0px; padding: 14px 0px 0px; }
#footer .links li { border-right: 1px solid #5a5758; float: left; font-weight: bold; margin: 0px 10px 10px 0px; }
#footer .links li a { color: #000000; float: left; font-size: 10px; padding-right: 9px; }
#footer .links li.last { border-right: 0px none; margin-right: 0px; }
#footer .links li.last a { padding-right: 0px; }

#footer p.copyright { color: #4c4c4c; font-size: 10px; text-align: center; }

#footer p.copyright img { vertical-align: middle; }
#footer p.copyright a { color: #4c4c4c; }


/*** Fonts ***/
@font-face {
    font-family: 'DINAlternateBold';
    src: url('../fonts/dinalternate-bold/dinalternate-bold-webfont.eot');
    src: url('../fonts/dinalternate-bold/dinalternate-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinalternate-bold/dinalternate-bold-webfont.woff') format('woff'),
         url('../fonts/dinalternate-bold/dinalternate-bold-webfont.ttf') format('truetype'),
         url('../fonts/dinalternate-bold/dinalternate-bold-webfont.svg#DINAlternateBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINBold';
    src: url('../fonts/din-bold/dinbold-webfont.eot');
    src: url('../fonts/din-bold/dinbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-bold/dinbold-webfont.woff') format('woff'),
         url('../fonts/din-bold/dinbold-webfont.ttf') format('truetype'),
         url('../fonts/din-bold/dinbold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINMediumRegular';
    src: url('../fonts/din-medium/din-medium-webfont.eot');
    src: url('../fonts/din-medium/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-medium/din-medium-webfont.woff') format('woff'),
         url('../fonts/din-medium/din-medium-webfont.ttf') format('truetype'),
         url('../fonts/din-medium/din-medium-webfont.svg#DINMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINLightRegular';
    src: url('../fonts/din-light/din-light-webfont.eot');
    src: url('../fonts/din-light/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-light/din-light-webfont.woff') format('woff'),
         url('../fonts/din-light/din-light-webfont.ttf') format('truetype'),
         url('../fonts/din-light/din-light-webfont.svg#DINLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ZapfDingbatsRegular';
    src: url('../fonts/zapfdingbatsitc/zapfdingbatsitc-webfont.eot');
    src: url('../fonts/zapfdingbatsitc/zapfdingbatsitc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zapfdingbatsitc/zapfdingbatsitc-webfont.woff') format('woff'),
         url('../fonts/zapfdingbatsitc/zapfdingbatsitc-webfont.ttf') format('truetype'),
         url('../fonts/zapfdingbatsitc/zapfdingbatsitc-webfont.svg#ZapfDingbatsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.inner-body-box
{
    padding:10px;
    background-color:White;
    min-height:500px;
    
    
}