/* CSS Document */
html { height:100%;}
body{ margin:0px; padding:0px; height:100%; }
table, tr, td, div, ul, li, span{ font-family:tahoma; font-size:11px; font-weight:normal; list-style:none; color:#6e6852; padding:0px; margin:0px; }
.clear{ clear:both;}
/*main site frame*/
.maindiv{margin:10px auto 0px auto ; padding:0px; width:1003px; border-top:none;}
/* item section */
.item{width:1003px; height:28px; display:block; }
.crtnum{ float:right; }
.crtnum .cartsection{ background:url(../images/cartleft.gif) no-repeat 0px 0px #f5f3ed; margin:0px 33px 0px 0px; padding:0px; height:28px; width:133px;}
.crtnum .cartsection div{ background:url(../images/cartright.gif) no-repeat top right; display:block; }
.crtnum .cartsection div div { background:url(../images/cart.gif) no-repeat 10px 10px; display:block; text-align:center; color:#565656; padding:8px 0px 0px 15px;}
.crtnum .cartsection div div a:link,
.crtnum .cartsection div div a:visited,
.crtnum .cartsection div div a:active{ color:#ff4035; text-decoration:none; font-weight:bold;}
.crtnum .cartsection div div a:hover{ color:#6e6852; text-decoration:underline; font-weight:bold;}
a.bodylink:link, a.bodylink:visited, a.bodylink:active{
font-family: tahoma, Verdana;
font-size: 11px;
font-weight:normal;
text-decoration:none;
color:#888;
}
a.bodylink:hover{
font-family: tahoma, Verdana;
font-size: 11px;
font-weight:normal;
text-decoration:underline;
color:##888;
}
/* logo & menus */
.menusection{height:39px; padding:0px 0px 0px 44px; background: url(../images/topbg.gif) repeat-x; }
.menusection div{ width:275px; margin:0px; text-align:left; float:left; }
.menusection div span{width:126px; height:28px; padding:0px 0px 0px 19px; }
.menusection div.menu{ float:right; width:67%; padding:16px 0px 0px 0px;}
#nav,
#nav ul {padding:0px; margin:0px; list-style:none; font: 10px verdana, sans-serif; position:relative; }
#nav {height:25px; padding:0;}
#nav li {float:left; color:#fff;}
#nav li li {float:none; background:#fff; margin:0px; border-bottom:1px solid #eee; padding:0px; margin:0px;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}
#nav li a {display:block; float:left; color:#888; height:25px; line-height:25px; text-decoration:none; white-space:nowrap; padding:0 13px 0 12px; font-weight:blod; font-family:arial; font-size:13px;}
#nav li li { width:200px; }
#nav li li a {height:20px; line-height:20px; float:none; margin:0px; }
#nav li ul li a:hover { background:#ff0000; display:block;}
#nav li:hover {position:relative; z-index:300; background:#ff0000; color:#fff;}
#nav li:hover ul {left:0; top:23px; margin:0px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px; }
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; width:auto; background:#fff; margin:0px; }
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#fff; }
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px; margin:0px;}
/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px ; margin:0px;}
/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#fff; display:block; margin:0px; }
/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888; background:#fff; margin:0px; display:block;}
/*.menusection ul{ margin:0px; padding:9px 0px 0px 0px;}
.menusection ul li a{ color:#fff;}
.menusection ul li.home { float:left;}
.menusection ul li.home a:link,
.menusection ul li.home a:visited,
.menusection ul li.home a:active
{ display:block; padding:8px 12px 12px 12px; background:url(../images/home.gif) no-repeat center center; width:34px; margin:auto; float:left; }
.menusection ul li.home a:hover{ display:block; padding:8px 12px 12px 12px; background:url(../images/home-hover.gif) #ff4035 no-repeat center center; width:34px; margin:auto; float:left;}
.menusection ul li.about { float:left;}
.menusection ul li.about a:link,
.menusection ul li.about a:visited,
.menusection ul li.about a:active
{ display:block; padding:8px 12px 12px 12px; background:url(../images/aboutus.gif) no-repeat center center; width:54px; margin:auto; float:left; }
.menusection ul li.about a:hover{ display:block; padding:8px 12px 12px 12px; background:url(../images/aboutus-hover.gif) #ff4035 no-repeat center center; width:54px; margin:auto; float:left;}
.menusection ul li.shop { float:left;}
.menusection ul li.shop a:link,
.menusection ul li.shop a:visited,
.menusection ul li.shop a:active
{ display:block; float:left; padding:8px 12px 12px 12px; background:url(../images/shops.gif) no-repeat center center; width:35px; margin:auto; }
.menusection ul li.shop a:hover{ display:block; float:left; padding:8px 12px 12px 12px; background:url(../images/shops-hover.gif) #ff4035 no-repeat center center; width:35px; margin:auto;}
.menusection ul li.safe { float:left;}
.menusection ul li.safe a:link,
.menusection ul li.safe a:visited,
.menusection ul li.safe a:active
{ display:block; padding:8px 12px 12px 12px; float:left; background:url(../images/safety.gif) no-repeat center center; width:37px; margin:auto; }
.menusection ul li.safe a:hover{ display:block; float:left; padding:8px 12px 12px 12px; background:url(../images/safety-hover.gif) #ff4035 no-repeat center center; width:37px; margin:auto;}
.menusection ul li.insurance { float:left;}
.menusection ul li.insurance a:link,
.menusection ul li.insurance a:visited,
.menusection ul li.insurance a:active
{ display:block; padding:8px 12px 12px 12px; float:left; background:url(../images/insurance.gif) no-repeat center center; width:132px; margin:auto; }
.menusection ul li.insurance a:hover{ display:block; float:left; padding:8px 12px 12px 12px; background:url(../images/insurance-hover.gif) #ff4035 no-repeat center center; width:132px; margin:auto;}
.menusection ul li.fireworks { float:left;}
.menusection ul li.fireworks a:link,
.menusection ul li.fireworks a:visited,
.menusection ul li.fireworks a:active
{ display:block; padding:8px 12px 12px 12px; float:left; background:url(../images/fireworks.gif) no-repeat center center; width:169px; margin:auto; }
.menusection ul li.fireworks a:hover{ display:block; float:left; padding:8px 12px 12px 12px; background:url(../images/fireworks-hover.gif) #ff4035 no-repeat center center; width:169px; margin:auto;}
*/
/* CSS Top Menu */
/* CSS Menu */
/* red strip */
.redbg{ width:945px; background:#ff4035; margin:auto; }
/* middle part */
.container { width:945px; margin:auto; padding:8px 0px 0px 0px; }
/* right side */
.body{ width:795px; margin:0px; padding:0px; float:left; }
.header { width:332px; background:#ebe8db; float:left; }
.header p{ padding:5px 15px; color:#6e6852;}
/* popular */
.productlist { padding:10px; float:left; width:760px;}
.productlist .title { border-bottom:1px solid #ebe8db; padding-bottom:10px; margin-bottom:10px;}
.productlist .listing{ margin:0px ; padding:0px;}
.productlist .listing ul {margin:0px 70px 10px 10px ; padding:0px; width:168px; float:left;}
.productlist .listing ul.right {margin:0px 70px 10px 10px ; padding:0px; width:168px; float:left;}
.productlist .listing li.frame{ border:1px solid #e3decc; padding:10px; }
.productlist li.scnd { background:#FFF;}
.productlist li.scnd span{ background: url(../images/arrow2.gif) no-repeat 0px 10px; padding:5px 10px; color:#383838; display:block; text-align:right; width:20px; float:right;}
.productlist li.scnd span a{color:#39a7c5; text-decoration:none;}
.productlist li.scnd span a:hover{color:#333; text-decoration:underline;}
.productlist li.scnd span.snd {background:url(../images/arrow1.gif) no-repeat 0px 10px; padding:5px 10px; color:#383838; display:block; text-align:left; float:left; width:150px;}
.productlist li.scnd span.snd a{color:#383838; text-decoration:none;}
.productlist li.scnd span.snd a:hover{color:#333; text-decoration:underline;}
.productlist li.blue{ margin:0px; padding:10px 0px ; background:#4b8ec8; height:13px; }
.productlist li.blue span{ background: url(../images/arrow3.gif) no-repeat 5px 5px; padding:0px 0px 0px 15px; color:#fff; float:left; width:60px; text-align:left;}
.productlist li.blue span a{color:#fff; text-decoration:none;}
.productlist li.blue span a:hover{color:#fff; text-decoration:underline;}
.productlist li.blue span.snd{ background: url(../images/arrow3.gif) no-repeat 15px 5px; padding:0px 0px 0px 15px; color:#fff; float:left; width:70px; text-align:right;}
.productlist li.blue span.snd a{color:#fff; text-decoration:none;}
.productlist li.blue span.snd a:hover{color:#fff; text-decoration:underline;}
/* popular */
.popular { padding:10px; float:left; width:430px;}
.popular .title { border-bottom:1px solid #ebe8db; padding-bottom:10px; margin-bottom:10px;}
.popular .listing{ margin:0px ; padding:0px;}
.popular .listing ul {margin:0px ; padding:0px; width:168px; float:left;}
.popular .listing ul.right {margin:5px 90px 5px 0px ; padding:0px; width:168px; float:left;}
.popular .listing li.frame{ border:1px solid #e3decc; padding:10px; }
.popular li.scnd { background:#FFF;}
.popular li.scnd span{ background: url(../images/arrow2.gif) no-repeat 0px 10px; padding:5px 10px; color:#383838; display:block; text-align:right; width:20px; float:right;}
.popular li.scnd span a{color:#39a7c5; text-decoration:none;}
.popular li.scnd span a:hover{color:#333; text-decoration:underline;}
.popular li.scnd span.snd {background:url(../images/arrow1.gif) no-repeat 0px 10px; padding:5px 10px; color:#383838; display:block; text-align:left; float:left; width:150px;}
.popular li.scnd span.snd a{color:#383838; text-decoration:none;}
.popular li.scnd span.snd a:hover{color:#333; text-decoration:underline;}
.popular li.blue{ margin:0px; padding:10px 0px ; background:#4b8ec8; height:13px; }
.popular li.blue span{ background: url(../images/arrow3.gif) no-repeat 5px 5px; padding:0px 0px 0px 15px; color:#fff; float:left; width:60px; text-align:left;}
.popular li.blue span a{color:#fff; text-decoration:none;}
.popular li.blue span a:hover{color:#fff; text-decoration:underline;}
.popular li.blue span.snd{ background: url(../images/arrow3.gif) no-repeat 15px 5px; padding:0px 0px 0px 15px; color:#fff; float:left; width:70px; text-align:right;}
.popular li.blue span.snd a{color:#fff; text-decoration:none;}
.popular li.blue span.snd a:hover{color:#fff; text-decoration:underline;}
/* party */
.party{padding:10px 0px; border:1px solid #ebe8db; margin:0px; display:block; width:764px; height:170px; float:left; }
.party .title{ display:block; border:none; width:100%; padding: 20px 0px 0px 15px; }
.party span { float:left; margin:0px 20px 0px 0px ; padding: 0px 0px 0px 15px; }
.party {padding: 0px 0px 0px 15px; margin:0px; }
.party label { display:block; }
/* footer */
.footer{ width:90%; margin:40px 0px 0px 30px; display:block; padding:10px 30px 15px; background:#f8f6ef; border-top:1px solid #e7e3d3; height:28px; }
.footer div{ display:block; float:right;}
.footer div a{ color:#6e6852 ; text-decoration:none;}
.footer div a:hover{ color:#333 ; text-decoration:none;}
.powered{ text-align:right; color:#ff4035 ; padding:10px 30px 10px 10px; display:block; }
.product{ padding:0px 20px; background:#ebe8db;}
.breadcrumb{ border-bottom:1px solid #e9e5d6; margin:0px 0px 0px 20px ; padding:10px; }
.breadcrumb a{ color:#ff4035; text-decoration:none;}
.breadcrumb a:hover{ color:#333; text-decoration:underline;}
.producttitle{ padding:0px 20px 10px 20px; background:#fff; margin:10px 0px 10px 20px; color:#000000; font-size:15pt; font-weight:bold; border-bottom:1px solid #eae4cb; }
.productimg{ width:390px; margin:0px ; padding:15px; float:left; }
.productimg div { width:305px; height:251px; background:#eae4cb; padding:45px; text-align:center;}
.productimg div div{ background:#eae4cb; margin:auto; padding:0px; }
.productimg div div img{ background:#eae4cb; margin:auto; padding:0px; }
.productimg div.addcart { width:305px; height:251px; background:#eae4cb; padding:0px; text-align:left; width:auto; height:auto; background:none;}
.lineheight { margin:0px ; padding:0px; float:right; }
.lineheight ul{margin:0px ; padding:0px; margin-bottom:10px ; }
.lineheight ul li{padding:5px 0px; }
.form{width:500px; margin:auto; padding:0px; border:1px solid #ddd; }
.form ul { padding:0px; margin:2px;}
.form ul li { padding:10px 0px; margin:0px; }
.form ul li.alt { padding:0px; background:#fafafa; margin:0px; display:block;}
.form ul li label { width:175px; display:block; float:left; padding:4px; text-align:right; }
.form ul li span{ padding:0px; width:150px; }
/* leftmenu */
/* left panel */
/* left panel.leftpanal ul{ margin:0px; padding:0px; border:none; }
.leftpanal ul li.title{border:none; background:#fff; list-style:none; padding:5px; }
.leftpanal ul li{border:none; padding: 5px 20px; border-bottom:1px dashed #dad6cb; background:url(../images/arrow.gif) no-repeat 10px 10px ; }
.leftpanal ul li a:link,
.leftpanal ul li a:active,
.leftpanal ul li a:visited{ color:#7b7b7b; text-decoration:none; border:none; margin:0px; padding:0px; }
.leftpanal ul li a:hover{ color:#000; text-decoration:none; border:none; margin:0px; padding:0px; }
*/
.leftpanal{ height:500px; padding:0px; margin:0px; background:#fafafa; }
.leftpanal{width:146px; float:left; }
.title{background:#fff; list-style:none; padding:5px; }
#leftnav{ background:#f8f6ef;}
#leftnav li{border:none; padding: 5px 20px; border-bottom:1px dashed #dad6cb; background:url(../images/arrow.gif) no-repeat 10px 10px ; }
#leftnav li li {background:#fff; width:200px; }
/* a hack for IE5.x and IE6 */
* html #leftnav li {float:left;}
#leftnav li a {display:block; color:#888; margin:2px 0px; text-decoration:none; width:106px; }
#leftnav li:hover {position:relative; }
#leftnav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #leftnav, * html leftnav ul {width:1px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#leftnav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#leftnav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#leftnav li:hover > a {text-decoration:underline; color:#7b5;}
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#leftnav li:hover ul,
#leftnav li:hover li:hover ul,
#leftnav li:hover li:hover li:hover ul,
#leftnav li:hover li:hover li:hover li:hover ul,
#leftnav li:hover li:hover li:hover li:hover li:hover ul
{left:-030px; margin-left:100%; top:0px; color:#7b7b7b; }
/* keep further levels hidden */
#leftnav li:hover ul ul,
#leftnav li:hover li:hover ul ul,
#leftnav li:hover li:hover li:hover ul ul,
#leftnav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; color:#7b7b7b;}
/* show path followed */
#leftnav li:hover a,
#leftnav li:hover li:hover a,
#leftnav li:hover li:hover li:hover a,
#leftnav li:hover li:hover li:hover li:hover a,
#leftnav li:hover li:hover li:hover li:hover li:hover a,
#leftnav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#7b7b7b;}
/* hide futher possible paths */
#leftnav li:hover li a,
#leftnav li:hover li:hover li a,
#leftnav li:hover li:hover li:hover li a,
#leftnav li:hover li:hover li:hover li:hover li a,
#leftnav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#7b7b7b;}
.strike {text-decoration: line-through;}