@charset "utf-8";
/* CSS Document */
.dummy{}
html{color:#000000;}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}strong{ font-weight:bold; }


/* Normalizing Styles
-----------------------------------------------------------------------------*/
body {font-family:Tahoma; color:#666666; margin:0; font-size:12px; background:#FFFFFF url(images/bg.jpg) repeat-x top center ;}
h1{clear:both; display:block; color:#e0f3fc; font-family:Tahoma; font-size:26px; padding:0 0 18px 0; font-weight:bold;}
h2{clear:both; display:block; color:#193960; font-family:Tahoma; font-size:26px; padding:0 0 18px 0; font-weight:bold;}
h3{clear:both; display:block; color:#666; font-family:Tahoma; font-size:14px; padding:0 0 5px 0; font-weight:bold;}

.clear { clear:both; }
p { padding:0 0 15px 0; line-height:18px;}
a{outline:0px;}
.calibri30{font-size:30px; font-weight:bold;}
.tahoma{font-size:14px;}

/* Normalizing Styles
-----------------------------------------------------------------------------*/
#container{width:1000px; margin:0 auto;}


/*Header Part Css Starts*/
#logo{float:left; width:1000px; padding:54px 0 0 0; height:95px; text-align:center;}
#header{float:left; width:974px; height:288px;background:url(images/header-bg.jpg) repeat-x top left; padding:3px 13px 0 13px;}
#banner{float:left; width:655px; background:url(images/banner-bg.jpg) no-repeat top left; height:218px; padding:24px 18px 46px 46px;}
.ban-left{float:left; width:322px; color:#FFFFFF; font-size:12px; font-weight:bold; padding:0 10px 0 0;}
.ban-right{float:left; width:319px;}
.banner-top{ width:1000px; float:left; background:url(images/header-top.jpg) bottom left no-repeat;}


.ban-left{float:left; width:312px; color:#FFFFFF; font-size:12px; font-weight:bold; padding:0 10px 0 0;}
.ban-right{float:left; width:326px; background:url(images/main-img-bg.jpg) top left no-repeat; text-align:center; height:220px;
padding:17px 0 0;}


/*Header Part Css Ends*/
/*Menu Css Start*/
#navigation{float:left; width:217px; height:280px; background:url(images/menu-bg.jpg) no-repeat top left; padding:14px 20px 0px 18px;}
#navigation ul{margin:0px; padding:0px; width:217px;}
#navigation li{margin:0px; padding:0px; list-style:none; border-bottom:1px solid #1375a8; display:block; font-size:13px; font-weight:bold; font-family:Georgia;}
#navigation li a{margin:0px; padding:8px 0px 8px 13px; display:block; font-size:13px; font-weight:bold; font-family:Georgia; color:#010101; text-decoration:none;}
#navigation li a:hover{display:block; color:#FFFFFF; background:url(images/menu-over.jpg) repeat-x top left;}
#navigation li.active a{display:block; color:#FFFFFF; background:url(images/menu-over.jpg) repeat-x top left;}

#navigation li.last1{border-bottom:0px;}
.redbullet{float:left; padding:6px 5px 0 0 }
/*Menu Css ends*/

/*Left Side Part Css Starts*/
#left-content{float:left; width:245px;}

.left-top-title-bg{float:left; width:205px; background:	url(images/leftside-title-bg.jpg) no-repeat top left; height:16px; font-size:16px; color:#00384a; font-weight:bold; font-family:Georgia; text-transform:uppercase; padding:12px 20px 12px 20px;}

.left-box{float:left; width:197px; background:#fbfbfb; border-left:3px solid #f4f4f4; border-right:3px solid #f4f4f4; padding:24px 21px 24px 21px;}
.left-box ul {margin:0px; padding:0px;}
.left-box li {margin:0px; padding:0px 0 0px 1px; display:block;list-style:none; line-height:20px; font-size:12px;}
.left-box li a{color:#666666; text-decoration:none;}
.left-box li a:hover{color:#03ade5;}

.left-box li.last{background:none; padding:15px 0 0 80px;}  
.left-box-btm{float:left;width:245px;}
.left-box1{float:left; width:201px; background:#fbfbfb; border-left:3px solid #f4f4f4; border-right:3px solid #f4f4f4; padding:24px 21px 24px 17px;}
.comm{float:left;display:block;padding:0 5px 0 0;height:100px;}
/*Left Side Part Css Ends*/

/*Left Side Part Css Starts*/
#right-content{float:left; width:221px;}
.right-top-title-bg{float:left; width:181px; background:url(images/rightside-title-bg.jpg) no-repeat top left; height:16px; font-size:16px; color:#00384a; font-weight:bold; font-family:Georgia; text-transform:uppercase; padding:12px 20px 12px 20px;}

.right-box{float:left; width:188px; background:#fbfbfb; border-left:3px solid #f4f4f4; border-right:3px solid #f4f4f4; padding:20px 11px 24px 16px;}
.right-box-btm{float:left;width:221px;}

/*Left Side Part Css Ends*/


/*Mid Content Part Css Starts*/
#content{float:left; width:954px; background:url(images/content-bg.jpg) repeat-y top left; padding:14px 23px 35px 23px;}
#content-btm{float:left; width:954px;}
#mid-content{float:left; width:488px; }

.mid-title-box{float:left; width:460px; padding:0 13px 0 15px;}
.mid-title-left{float:left; width:9px;}
.mid-title-right{float:left; width:9px;}
.mid-title-bg{float:left; width:418px; background:url(images/midbox-title-bg.jpg) repeat-x top left; height:16px; font-size:16px; color:#00384a; font-weight:bold; font-family:Georgia; text-transform:uppercase; padding:12px;}

.mid-box-bg{float:left; width:434px; background:#fbfbfb; border-left:3px solid #f4f4f4; border-right:3px solid #f4f4f4; padding:45px 10px 20px 10px;}
.mid-box-bg1{float:left; width:434px; background:#fbfbfb; border-left:3px solid #f4f4f4; border-right:3px solid #f4f4f4; padding:15px 10px 15px 10px;}
.mid-box-btm{float:left; width:420px;}
.mid-box-btm1{float:left; width:420px; padding:0 0 0 15px;}

.prod-img{float:left; width:170px; padding:10px 0 0 0;}
.prod-img1{float:left; width:198px; padding:10px 0 0 0;}
.prod-details{float:left; width:435px;text-align:left;line-height:21px; color:#414141; padding:10px 0 0 0;}
.prod-details1{float:left; width:235px;text-align:right;line-height:21px; color:#414141; padding:10px 0 0 0;}

.yellow {color:#ac9c15; font-weight:bold;}

a.more {color:#03ade5; text-decoration:none; }
a.more:hover {color:#000000;}

.prod-box1{float:left;width:162px; border:1px solid #e3e3e3; padding:8px 0 10px 26px; background:#ffffff; margin:0 0 19px 0;}
.right-prod-img{float:left; width:132px; background:url(images/prod-box-bg.jpg) no-repeat top left; height:96px; text-align:center; padding:22px 0 0 0;} 
.prod-cont{float:left; width:132px;text-align:center; color:#777676; line-height:18px;}
.prod-cont span{color:#ffb70a; font-weight:bold;}
.prod-cont img{padding:5px 0 0 0 ;}
/*Mid Content Part Css Ends*/

/*Footer Part Css Start*/
#footer{float:left; width:980px; clear:both; text-align:center; padding:30px 10px; height:50px; font-family:Georgia;}
#footer a{color:#666; font-size:12px; text-decoration:none; font-family:Georgia; padding:10px 5px 10px 5px; font-weight:bold;}
#footer a:hover{color:#478b38; text-decoration:underline;}
#footer a.active{color:#478b38; text-decoration:underline;}

/*Footer Part Css Ends*/

/*Login page Css Start*/
.login-title{ float:left; width:180px; font-size:12px; padding:0 5px 10px 0; text-align:justify;}
.login-title1{ float:left; width:235px; font-size:12px; padding:0 0 10px 10px;}
.login-lable{ width:100px; font-size:11px; float:left; text-align:left; padding:0 0 0 5px; font-weight:bold;}
.login-title1 input{ width:115px; font-size:11px; color:#666; padding:2px 5px 2px 5px; border:1px solid #ccc;}

.login-title1 a{ color:#666; text-decoration:underline;}
.login-title1 a:hover{ text-decoration:none;}
.signbtn{ float:left; padding:0 0 0 105px;}
/*Login page Css Ends*/

/*My Account page Css Start*/
.myaccount-form{ float:left; width:434px; }
.myaccount-title{ float:left; width:434px;}
.required{ color:#FF0000;}
.myaccount-title{ float:left; width:300px;}
.myaccount-title1{ float:left; width:434px;}
.myaccount-req{ float:right; font-size:11px; font-weight:normal;}

.myaccount-left{ float:left; width:130px;  padding:2px 0 3px 0;}
.myaccount-right{ float:left; width:300px; padding:0 0 5px 0;}
.myaccount-right textarea{ width:250px; font-size:11px; color:#666; padding:2px 5px 2px 5px; border:1px solid #ccc;}
.myaccount-input{ width:140px; font-size:11px; color:#666; padding:2px 5px 2px 5px; border:1px solid #ccc;}
.radio{ float:left; margin:0; }
.radio label{ float:left; padding:0 5px 0 5px;}
.continue-btn{ float:left; padding:5px 0 0 130px;}


/*11-06-09 Today */

/*Left Navigation Starts*/
.sidebarmenu {width: 197px; float:left;}
.sidebarmenu ul{ margin:0px; padding:0px;}
.sidebarmenu li{ position: relative; margin:0px; padding:0px;}
/* Top level menu links style */
.sidebarmenu li a{ display: block; overflow:auto; color:#010101; text-decoration: none; padding: 6px; border-bottom: 1px solid #1375a8; }
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background-color:#c9e9fa; /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{ color:#010101;}
.sidebarmenu ul li a:hover{ background-color:#23b6e4;}
/*Sub level menu items */
.sidebarmenu ul li ul{ position: absolute; width: 170px; /*Sub Menu Items width */ top: 0; visibility: hidden;}

.sidebarmenul li a.subfolderstyle{ display:block; background: url(images/right.gif) no-repeat 97% 50%;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
/*Left Navigation Ends*/



/* Top Navigation Css Starts*/
.topmenu{ width:890px; float:right; text-align:right; padding:0 30px 0 0; }
.toptab{margin:0; width:470px; float:right; height:33px; }
.toptab li{ float:left; margin:0 3px 0 0; list-style:none; display:block; height:33px; width:auto; line-height:33px;}
.toptab li a{ display:block; text-decoration:none; float:left; width:auto; height:33px; line-height:33px;}
.toptab li a em{ display:block; height:25px; float:left; padding:8px 19px 0 11px; background: url(images/top-menu.jpg) no-repeat right top; position:relative; font:14px Georgia bold; color:#00384a; z-index:100; font-weight:bold; width:auto;}
.toptab li a b{ display:block; float:left;  width:8px;  height:33px; background: url(images/top-menu.jpg) no-repeat left top; position:relative; z-index:200; }
/* hover*/
.toptab li a:hover{cursor:pointer;}
.toptab li a:hover em{ background: url(images/top-menu.jpg) no-repeat right bottom; text-decoration:none; color:#fff;}
.toptab li a:hover b{	background: url(images/top-menu.jpg) no-repeat left bottom;; text-decoration:none; color:#fff;}
/* active*/
.toptab li a.toptab-active{cursor:default; cursor:pointer;}
.toptab li a.toptab-active em,
.toptab li a.toptab-active:hover em{	background-position:right bottom; text-decoration:none; color:#fff;}
.toptab li a.toptab-active b,
.toptab li a.toptab-active:hover b{ background-position:left bottom;	text-decoration:none; color:#fff;}
/* Top Navigation Css Ends*/

.catagary-box{ float:left; width:434px;} 
.catagary-box a{ color:#666666; text-decoration:underline;}
.catagary-box a:hover{ text-decoration:none;}  

.cat-img1{ float:left; width:144px; text-align:center;}
.cat-img2{ float:left; width:144px; text-align:center;}
.cat-img3{ float:left; width:144px; text-align:center;}

.cat-img1 p{ padding:0 0 0 0; }
.cat-img2 p{ padding:0 0 0 0; }
.cat-img3 p{ padding:0 0 0 0; }

.cat-title1{ float:left; width:144px; text-align:center; font-weight:bold; padding:5px 0px 10px 0px;}
.cat-title2{ float:left; width:144px; text-align:center; font-weight:bold; padding:5px 0px 10px 0px;}
.cat-title3{ float:left; width:144px; text-align:center; font-weight:bold; padding:5px 0px 10px 0px;}

.catagary-box1{ float:left; width:432px; border-left:1px solid #10a1ce; border-right:1px solid #10a1ce; }  
.catagary-box1 a{ color:#666666; text-decoration:underline;}
.catagary-box1 a:hover{ text-decoration:none;}  

.selct{ border:1px solid #d4d0c8; font-family:Tahoma;}

.cat-left1 { float:left; width:70px; border-right:1px solid #10a1ce; background:#51c5eb; padding:10px 5px 9px 5px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce;}
.cat-left2 { float:left; width:148px; border-right:1px solid #10a1ce; font-size:11px; font-weight:bold; background:#51c5eb; padding:10px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce; color:#00384a;}
.cat-left3 { float:left; width:93px; border-right:1px solid #10a1ce; font-size:11px; font-weight:bold; background:#51c5eb;  padding:10px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce; color:#00384a;}
.cat-left4 { float:left; width:60px; text-align:center; font-size:11px; font-weight:bold; background:#51c5eb;  padding:10px 4px 10px 4px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce; color:#00384a;}

.cat-left5 { float:left; width:70px; border-right:1px solid #10a1ce; padding:10px 5px 10px 5px; text-align:center; height:92px; border-bottom:1px solid #10a1ce;}
.cat-left6 { float:left; width:148px; border-right:1px solid #10a1ce; font-size:11px; padding:10px; height:92px; border-bottom:1px solid #10a1ce;}
.cat-left7 { float:left; width:93px; border-right:1px solid #10a1ce; font-size:11px;  padding:10px; height:92px; border-bottom:1px solid #10a1ce;}
.cat-left8 { float:left; width:60px; text-align:center; font-size:11px; padding:10px 4px 10px 4px; height:92px; border-bottom:1px solid #10a1ce;}


.cat-left9 { float:left; width:30px; border-right:1px solid #10a1ce; background:#51c5eb; padding:10px 5px 8px 5px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce;}
.cat-left10 { float:left; width:30px; border-right:1px solid #10a1ce; padding:10px 5px 10px 5px; text-align:center; height:92px; border-bottom:1px solid #10a1ce;}

.cat-left11 { float:left; width:231px; border-right:1px solid #10a1ce; font-size:11px; font-weight:bold; background:#51c5eb; padding:10px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce; color:#00384a;}

.cat-left12 { float:left; width:231px; border-right:1px solid #10a1ce; font-size:11px; padding:10px; height:92px; border-bottom:1px solid #10a1ce;}

.cat-left13 { float:left; width:50px; border-right:1px solid #10a1ce; font-size:11px; font-weight:bold; background:#51c5eb;  padding:10px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce; color:#00384a;}

.cat-left14 { float:left; width:60px; text-align:center; font-size:11px; font-weight:bold; background:#51c5eb;  padding:10px 4px 10px 4px; border-top:1px solid #10a1ce; border-bottom:1px solid #10a1ce; color:#00384a;}

.cat-left17 { float:left; width:50px; border-right:1px solid #10a1ce; font-size:11px;  padding:10px; height:92px; border-bottom:1px solid #10a1ce;}

.cat-left18 { float:left; width:60px; text-align:center; font-size:11px; padding:10px 4px 10px 4px; height:92px; border-bottom:1px solid #10a1ce;}

.subtotal-box1{ float:left; width:432px; border-left:1px solid #10a1ce; border-right:1px solid #10a1ce;border-bottom:1px solid #10a1ce; }  

.subtotal-images{
 float:left;
 padding:5px;
 
 width:422px;
 border-left:1px solid #10a1ce;
 border-right:1px solid #10a1ce;
 border-bottom:1px solid #10a1ce;
}

/*New Css Date 11-12-09*/
/*a.speciallink:link{ color:#666; text-decoration:underline;}
a.speciallink:hover{ text-decoration:none;}
.product-box{ float:left; width:434px;}
.product-title{ float:left; width:434px; padding:0 0 5px 0; font-size:15px; font-weight:bold; text-transform:uppercase;}
.product-descption{ float:left; width:334px;}
.product-review{ float:left; width:334px;}
.product-img{ float:left; width:100px;}
.button{ float:left; width:434px;}
.rating{ float:left; width:120px;}
.rating span{ float:left;}
.rating img{ float:right;}

.img1{ float:left; padding:0 10px 0 0; }
.img2{ float:right; padding:0 0 0 10px;}
.price{ float:left; width:100px; text-align:center; font-size:18px; font-weight:bold; }  
.price span{ text-decoration:line-through; color:#FFB70A;} */

a.speciallink:link{ color:#03ADE5; text-decoration:underline;}
a.speciallink:visited{ color:#03ADE5; text-decoration:underline;}
a.speciallink:hover{ text-decoration:none; color:#000000}
.product-box{ float:left; width:434px;}
.product-title{ float:left; width:434px; padding:0 0 5px 0; font-size:15px; font-weight:bold; text-transform:uppercase;}
.product-descption{ float:left; width:334px;}
.product-img{ float:right; width:100px;}
.button{ float:left; width:434px;}
.price{ float:left; width:100px; text-align:center; font-size:13px; font-weight:bold; }  
.price span{ text-decoration:line-through; color:#FFB70A;} 
.product-review{ float:left; width:334px; padding:0 0 15px 0;}
.review-content{ float:left; width:334px; padding:10px 0px;}
.review-content textarea{ width:300px; background:#FFFFFF; border:1px solid #CCCCCC; height:150px; padding:5px; color:#666;}
.review-rating{ float:left; width:70px; padding:10px 0 0 0;}
.review-rating span{ color:#FF0000;}
.radio{ float:left; padding:5px 0 0 0;}
.good{ float:left; width:50px; color:#FF0000;  padding:10px 0 0 5px;}
.review-result{ float:left; width:334px; padding:10px 0 30px 0;}
.review-result1{ float:left; width:334px; padding:10px 0 0px 0;}
.display{ float:left; width:210px;}
.display span{ font-weight:bold;}
.result{ float:left; width:124px;}
.result span{ font-weight:bold;}

.rating{ float:left; width:130px; padding:0 5px 0 0;}
.rating span{ float:left;}
.rating img{ float:right;}


.img1{ float:left; padding:0 10px 0 0; }
.img2{ float:right; padding:0 0 0 10px;}


/*date 13-11-09 */
.shipping{ float:left; width:434px;}
.shipping-add-left{ float:left; width:270px;}
.shipping-add-right{ float:left; width:160px;}
.add1{ float:left; width:60px;}
.add2{ float:left; width:100px;}
.shipping-method{ float:left; width:330px; padding:15px 0px 0px 0px;}
.shipping-price{ float:right; display:block; padding:5px; color:#666; font-size:13px; font-weight:bold; width:90px;}
.shipping-price1{ float:right; display:block; padding:0px 0px 0px 0px; color:#666; font-size:13px; font-weight:normal; width:90px;}
.shipping-method1{ float:left; width:434px; padding:5px 0px;}
.shipping-method1 p{ margin:0px; padding:0 0 5px 0;}
.shipping-method1 textarea{ width:300px; background:#FFFFFF; border:1px solid #CCCCCC; height:100px; padding:5px; color:#666;}
.shipping-from{ width:434px;}
.ship-box{ width:434px;}
.shipping-from label{ float:left; padding:1px 8px 0 0; width:100px; text-align:right;}
.inpt1{ float:left; width:325px; padding:0 0 8px 0;}
.ship-input{ font-size:11px; color:#666; padding:2px 5px 2px 5px; border:1px solid #ccc; background:none; width:100px;}
.ship-select{ font-size:11px; color:#666; padding:2px 2px 2px 2px; border:1px solid #ccc; background:none; width:200px;}


.histbox{ width:434px; float:left; border-bottom:1px dashed #999999; padding:5px 0 8px 0;}
.histbox1{ float:left; width:300px;}
.histbox3{ float:left; width:134px; padding:0;}

.overview-title{ float:left; width:434px; padding:0 0 5px 0; font-weight:bold;}
.overview-left{ float:left; width:120px;}
.overview-right{ float:left; width:282px;}
.overbox{  float:left; width:302px;}
.over-box1{ float:left; width:87px; padding:10px 0 0 0; }
.over-box2{ float:left; width:115px; padding:10px 0 0 0; }
.over-box3{ float:left; width:100px; padding:8px 0 0 0; }
.over-box3 p{ padding:2px 0 0 0; }
.over-box3 span{ font-weight:bold;}
.listmyaccount{ margin:0px; padding:0px; float:left;}
.listmyaccount li{ margin:0px; padding:2px; list-style:none;}
.listmyaccount li a{ text-decoration:underline; color:#666666; background: url(images/grey-arrow.jpg) no-repeat 0px 5px; padding:0 0 0 10px;}
.listmyaccount li a:hover{ text-decoration:none;}

.result1{ float:right; }
.result1 a{text-decoration:underline;color:#666666; }
.newsletter-title{ float:left; width:434px; padding:0 0 5px 0; font-size:15px; font-weight:bold; text-transform:uppercase;}
.newsletter-descption{ float:left; width:434px;padding:2px;}
.newsletter-padding{ width:430px;padding:3px;}
.notification-title{ float:left; width:434px; padding:0 0 5px 0; font-size:12px; font-weight:bold; text-transform: capitalize;}
.accountorder-total{ float:right; display:block; padding:0px 0px 0px 0px; color:#666; font-size:13px; font-weight:normal; width:150px;}



.add-book{ float:left; width:434px;}
.add-box1{ float:left; width:215px; padding:0 0 5px 0;}
.add-box2{ float:left; width:109px; padding:0 0 5px 0;}
.add-box3{ float:right; width:110px; padding:0 0 5px 0;}

.title{ font-weight:bold; float:left; padding:5px 0 5px 0; width:434px;}
.leftspece{ padding:0 0 0 10px; float:left; width:auto; display:block;}

.leftspece1{ padding:0 0 0 10px;}
.addbox{ float:left; width:434px;}
.checkbox{float:left; padding:3px 10px 0 0; text-align:center;} 
.add-cont{ float:left; line-height:18px; }
.leftspece1{ padding:2px 0 0 17px; float:left; width:auto; display:block;}

.search-label{ float:left; width:400px; display:block; padding:0 0 5px 0;}
.search-input{ float:left; width:420px; display:block; font-size:11px; color:#666; padding:2px 5px 2px 5px; border:1px solid #ccc; height:16px;}
.search-checkbox{ float:left; padding:3px 0 0 0; width:20px;}
.search-checkbox1{ float:left; padding:1px 0 0 0; width:20px;}



/*
  $Id: dynamenu_for_osc_styles.txt,v 1.00 2006/05/07 20:04:02 nate_02631 Exp $
	
	Dynamenu for osCommerce CSS Definitions

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  
	Released under the GNU General Public License
	
	Below are styles to be included in your catalog stylesheet (stylesheet.css) for
	use with Dynamenu for osCommerce. All the CSS declarations for various menu styles
	are included below. You need only include the style for the type of menu you plan
	to use in your store template (of course feel free to paste them all in if experimenting).
	
	The plain and DHTML menus also work with a set of templates found in the
	/includes/functions/dynamenu/templates folder, but in just about all cases
	modifying the styles below should net you the results you want. 
	
*/

	 

/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #525252;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	border: none;	
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;		
	text-decoration: none;
	position: relative;
	display: block;		
	padding:5px 0 3px 3px;
	border-bottom:1px dashed #CCCCCC;
	width:200px;

}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color:#23B6E4;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color:#23B6E4;	
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left:0px;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color:#C9E9FA;
	border:none;
	position:relative;
	display:block;
	left:5px;
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size:12px;			
	text-decoration: none;
	padding:5px;
	border-bottom:1px dashed #999999;
	position:relative;
	display:block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color:#23B6E4;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #23B6E4;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #23B6E4;
	font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #23B6E4;
}

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #003300;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #841212;
	background-color: #23B6E4;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #ff0000;
	font-size: 13px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #23B6E4;
		font-weight: bold;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; color:#FF0000 ;font-weight:bold}
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffb3b5;font-weight:bold }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #9CD6EC; font-weight:bold }

a.speciallink img{
     display:block;
}