*{ 
margin:0; 
padding:0; 
border:0px none; 
}
html{margin-bottom:1px; height:100%;}
#bodys {
	font-family: Arial, tahoma, verdana;
	color:#707A87;
	margin:0px 0px 0px 0px;
	background:url('../images/pg-bg1.jpg') repeat-x left top #1B351C;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {margin:0px auto;width:884px; float:none !important; }
.wrapperbg{width:884px; float:left;background:url('../images/pg-bg.jpg') repeat-x left top #FFF;}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Header CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#header{width:850px; float:left; padding:0px 17px 0px 17px;}
.toppart{width:850px; float:left;}
.logo{width:214px; float:left; padding:17px 0px 15px 16px;}
.rgtinfo{width:316px; float:left; padding:13px 0px 0px 304px;}
.search{width:266px; float:left; padding:0px 0px 0px 50px;}
.search-left{width:5px; height:36px; float:left; background:url('../images/search-left.jpg') no-repeat left top; font-size:1px;}
.search-right{width:5px; height:36px; float:left; background:url('../images/search-right.jpg') no-repeat left top; font-size:1px;}
.search-bg{width:256px; height:36px; float:left; background:url('../images/search-bg.jpg') repeat-x left top;}
.dvcombo{width:185px; float:left; padding:8px 0px 0px 5px;}
.btn-search{width:66px; float:left; padding:12px 0px 0px 0px;}
.combo{font:12px Arial, Tahoma, verdana; color:#8D8D8D;}

.login{width:316px; float:left; padding:10px 0px 0px 0px;}
.loginname{width:345px; float:right; padding:10px 0px 0px 0px;}
.log-c1{width:58px; float:left;}
.log-c2{width:200px; float:left; padding:1px 0px 0px 5px;}
.log-c3{width:53px; float:left; padding:2px 0px 0px 0px;}

.navpart{width:850px; float:left; padding:0px 0px 10px 0px;}
.navpart1{width:550px; float:left; padding:0px 0px 10px 0px;}
.nav-c1{width:37px; height:40px; float:left; background:url('../images/topnav-left.jpg') no-repeat left top; font-size:1px;}

.nav-c11{width:37px; height:40px; float:left; background:url('../images/topnav-left1.jpg') no-repeat left top; font-size:1px;}
.nav-c2{width:806px; height:40px; float:left; background:url('../images/topnav-bg.jpg') repeat-x left top;}
.nav-cc2{width:500px; height:40px; float:left; background:url('../images/topnav-bg.jpg') repeat-x left top;}
.nav-c3{width:7px; height:40px; float:left; background:url('../images/topnav-right.jpg') no-repeat left top; font-size:1px;}

.navpart ul{margin:0px; padding:0px;}
.navpart ul li{height:39px; list-style:none; float:left; display:block; font:17px 'Trebuchet MS', Arial, tahoma, verdana; color:#7A7A7A; padding:0px 0px 0px 0px;}
.navpart ul li.sap{background:url('../images/saperator.jpg') no-repeat right top;}
.navpart ul li a{height:30px; list-style:none; float:left; display:block; color:#7A7A7A; text-decoration:none; padding:10px 12px 0px 13px;}
.navpart ul li a:hover{height:30px; list-style:none; float:left; display:block;  color:#017E01; text-decoration:none; padding:10px 12px 0px 13px;}
.navpart ul li a.on{height:30px; list-style:none; float:left; display:block; color:#017E01; text-decoration:none; padding:10px 12px 0px 13px;}
navpart1 ul{margin:0px; padding:0px;}
.navpart1 ul li{height:39px; list-style:none; float:left; display:block; font:17px 'Trebuchet MS', Arial, tahoma, verdana; color:#7A7A7A; padding:0px 0px 0px 0px;}
.navpart1 ul li.sap{background:url('../images/saperator.jpg') no-repeat right top;}
.navpart1 ul li a{height:30px; list-style:none; float:left; display:block; color:#7A7A7A; text-decoration:none; padding:10px 18px 0px 18px;}
.navpart1 ul li a:hover{height:30px; list-style:none; float:left; display:block;  color:#017E01; text-decoration:none; padding:10px 18px 0px 18px;}
.navpart1 ul li a.on{height:30px; list-style:none; float:left; display:block; color:#017E01; text-decoration:none; padding:10px 18px 0px 18px;}
.navpart ul li.cart{background:url('../images/cartnew.jpg') no-repeat 20px 10px; padding:0px 0px 0px 34px;}

#content{width:864px; float:left; background:url('../images/mid-bg.gif') repeat-y 10px 0px; padding:0px 10px 0px 10px;}
.midtop{width:864px; height:17px; float:left; background:url('../images/mid-top.jpg') no-repeat left top; font-size:1px;}
.container{width:850px; float:left; padding:0px 7px 0px 7px;}
.maincontent{width:806px; float:left; background:url('../images/maincontent-bg.jpg') repeat-x 0px 0px; padding:0px 22px 0px 22px;}

.catboxsec{width:806px; float:left;}
.catbox{width:157px; height:307px; float:left;}
.boxtitle{width:157px; float:left; background:url('../images/box-top.jpg') no-repeat top left #017E01; font:bold 12px Arial, Tahoma, verdana; color:#FFF; line-height:16px; text-align:center; padding:5px 0px 5px 0px;}
.boxtitle a{color:#FFF; text-decoration:none;}
.boxdata{width:155px; float:left; border:1px solid #D3D3D3;}
.prothumb{width:155px; height:130px; float:left; text-align:center; padding:5px 0px 5px 0px;}
.procode{width:155px; float:left; background:#EFEFEF; text-align:center; font:11px Arial, Tahoma, verdana; color:#525252; padding:3px 0px 3px 0px;}
.proname{width:155px; text-align:center; float:left; font:bold 12px Arial, Tahoma, verdana; color:#464646; padding:10px 0px 0px 0px;}
.proprice{width:155px; float:left; text-align:center; font:bold 18px Arial, Tahoma, verdana; color:#017E01; padding:5px 0px 5px 0px;}
.perprice{width:155px; float:left; text-align:center; font:bold 14px Arial, Tahoma, verdana; color:#017E01; padding:5px 0px 5px 0px;}
.pprice{width:155px; float:left; text-align:center; font:bold 14px Arial, Tahoma, verdana; padding:5px 0px 5px 0px;}
.buynow{width:155px; float:left; text-align:center; padding:5px 0px 10px 0px;}

.midrow{width:806px; float:left; padding:10px 0px 0px 0px;}
.procat{width:569px; float:left; padding:10px 0px 10px 0px;}
.procat-col{width:254px; float:left; padding:0px 30px 0px 0px;}
ul.list{padding:0px; margin:0px;}
ul.list li{width:220px;list-style:none; display:block; background:url('../images/bullet.jpg') no-repeat 0px 18px; font:bold 15px Arial, Tahoma, verdana; color:#7A7A7A; border-bottom:1px dashed #9D9D9D; padding:12px 0px 12px 15px;}
ul.list li a{width:220px;list-style:none; display:block;font:bold 15px Arial, Tahoma, verdana; color:#7A7A7A; text-decoration:none;}
ul.list li a:hover{width:220px;list-style:none; display:block;font:bold 15px Arial, Tahoma, verdana; color:#FFF; text-decoration:none; background:#017E01;}
ul.list li a.active{width:220px;list-style:none; display:block;font:bold 15px Arial, Tahoma, verdana; color:#FFF; text-decoration:none; background:#017E01;}

.testimonial{width:237px; float:left; padding:15px 0px 0px 0px;}
.test-top{width:237px; height:6px; float:left; background:url('../images/test-top.jpg') no-repeat left top; font-size:1px;}
.test-mid{width:217px;height:auto; float:left; background:url('../images/test-bg.jpg') repeat-y left top; padding:0px 10px 0px 10px;}
.test-bot{width:237px; height:6px; float:left; background:url('../images/test-bot.jpg') no-repeat left top; font-size:1px;}
.test-title{width:192px; float:left; background:url('../images/test-icon.jpg') no-repeat 0px 7px; font:17px 'Georgia', Arial, tahoma, verdana; color:#017E01; padding:5px 0px 5px 25px;}
.test-txt{width:217px; float:left;}
.test-txt p{font:12px Arial, Tahoma, verdana; color:#5D5D5D; line-height:18px; margin:0px; padding:5px 0px 5px 0px;}
.more{width:217px; float:left; text-align:right; padding:5px 0px 5px 0px;}

.ccrow{width:806px; float:left; padding:20px 0px 20px 0px;}
.ccrow-c1{width:206px; float:left; padding:0px 20px 0px 0px;}
.ccrow-c2{width:580px; float:left;}

.brand-title{width:580px; float:left; border-bottom:1px solid #D9D9D9;}
.brands{width:580px; float:left; padding:10px 0px 0px 0px;}

#footer{width:884px; float:left; background:#7A7A7A; text-align:center; font:12px Arial, verdana, Tahoma; color:#FFF; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px;}
.botnav{width:884px; float:left; padding:0px 0px 5px 0px;}
.botnav a{color:#FFF; text-decoration:none;}
.botnav a.on{color:#FFF; text-decoration:none; font-weight:bold;}
.copy{width:884px; float:left; color:#D3D3D3; padding:5px 0px 0px 0px;}
.copy a{color:#D3D3D3; text-decoration:none;}

h1{font:22px 'Georgia', Arial, tahoma, verdana; color:#696969; margin:0px; padding:0px 0px 0px 0px;}
h1 span{color:#017E01;}
h2{font:17px 'Georgia', Arial, tahoma, verdana; color:#696969; margin:0px; padding:5px 0px 5px 0px;}
h2 span{color:#017E01;}
h3{font:17px 'Georgia', Arial, tahoma, verdana; color:#017E01; margin:0px; padding:5px 0px 0px 0px;}

.input{font:11px Arial, Tahoma, verdana; color:#454545; border:1px solid #A2A2A2; padding:2px;}
.imgmar{margin-right:5px;}
.boxmar{margin-right:5px;}

.dotline{border-bottom:1px dashed #9D9D9D;}
.content-left{width:550px; float:left; padding:0px 19px 0px 0px;}
.content-right{width:237px; float:left; padding:5px 0px 0px 0px;}
.procat-in{width:237px; float:left; padding:0px 0px 10px 0px;}


.title{width:550px; float:left; padding:0px 0px 0px 0px}
.txtarea{width:550px; float:left; padding:5px 0px 5px 0px;}
.content-left p{font:12px Arial, Tahoma, verdana; color:#5D5D5D; line-height:18px; margin:0px; padding:5px 0px 5px 0px;}

/*Contact page CSS*/
/*.contact-frame{width:548px; float:left; border:1px solid #E0E0E0; background:url('../images/contact-bg.jpg') repeat-y 274px 0px; margin-top:10px;}*/
.contact-frame{width:548px; float:left; border:0px solid #E0E0E0; margin-top:10px; padding-left:7px;}
.contact-sec{width:274px; float:left;}
.building{width:274px; float:left; text-align:center; padding:9px 0px 9px 0px;}
.feedback{width:254px; float:left; padding:10px 10px 10px 10px;}
.feedback-form{width:254px; float:left; font:12px Arial, Tahoma, Verdana; color:#424242; padding:20px 0px 10px 0px;}
.feedback-row{width:254px; float:left; padding:5px 0px 5px 0px;}
.label1{width:100px; float:left;}
.field1{width:144px; float:left;}

.address-block{width:254px; height:290px; float:left; background:url('../images/contact-bg1.jpg') no-repeat 154px 115px; padding:10px 10px 10px 10px;}
.address{width:250px; float:left; padding:10px 0px 30px 4px;}
.address a{color:#08A908; text-decoration:underline;}

/*Testimonial page CSS*/
.testimonial-block{width:550px; border-bottom:1px dashed #9D9D9D; padding:10px 0px 10px 0px;}
.testimonial-block span{font:11px 'georgia', Arial, Tahoma, Verdana; color:#919191; padding:2px 0px 2px 0px;}
.paging{width:550px; font:12px Arial, Verdana, Tahoma; color:#424242;  padding:8px 0px 8px 0px;}
.paging a{color:#424242; text-decoration:none;}
.paging a:hover{color:#424242; text-decoration:none;}
.paging a.on{background:#08A908; color:#FFF; text-decoration:none; padding:0px 3px 0px 3px;}
.paging a.on:hover{background:#D5D5D5; color:#424242; text-decoration:none; padding:0px 3px 0px 3px;}

.loginbox{width:528px; float:left; background:#F3F3F3; border:1px solid #E1E1E1; margin-top:10px; padding:10px 10px 10px 10px;}

.loginform{width:400px; float:left; padding:0px 0px 0px 128px;}
.logformrow{width:280px; float:left; font:12px Arial, Verdana, Tahoma; color:#424242; padding:7px 10px 7px 10px;}
.login-c1{width:80px; float:left; padding:3px 0px 0px 20px;}
.login-c2{width:180px; float:left; padding:0px 0px 0px 0px;}
.loginbox a{color:#08A908; text-decoration:underline;}


.paging-sec{width:550px; float:left; border-bottom:1px solid #D4D4D4; font: 12px Arial, tahoma, verdana; color:#424242; padding:12px 0px 6px 0px; }
.prev{width:100px; float:left; padding:3px 0px 0px 0px;}
.next{width:80px; float:left; text-align:right; padding:3px 0px 0px 0px;}
.paging-sec a{color:#424242 !important; text-decoration:none;}
.paging-sec a:hover{color:#424242 !important; text-decoration:none;}

.paging1 {width:370px; float:left; text-align:center;color:#D0D0D0; text-decoration:none; padding:0px 0px 5px 0px;}
.paging1 a{height:10px; width:10px; background:#D0D0D0; color:#333; text-decoration:none; line-height:18px; border:1px solid #565656; padding:0px 3px 0px 3px; }
.paging1 a:hover{height:10px; width:10px; background:#6CCD0A; color:#FFF; font-weight:bold; text-decoration:none; line-height:18px; border:1px solid #565656; padding:0px 3px 0px 3px;}
.paging1 a.on{height:10px; width:10px; background:#6CCD0A; color:#FFF; font-weight:bold; text-decoration:none; line-height:18px; border:1px solid #565656; padding:0px 3px 0px 3px;}
.paging1 a.on:hover{height:10px; width:10px; background:#6CCD0A; color:#FFF; font-weight:bold; text-decoration:none; line-height:18px; border:1px solid #565656; padding:0px 3px 0px 3px;}


/*****Directory Listing page CSS starts here*****/
.pl-block{width:550px; float:left;  border-bottom:1px dashed #9D9D9D;}

.pl-pending{width:550px; float:left;  border-bottom:1px dotted #9D9D9D;}

.pl-list{width:550px; float:left; padding:5px 0px 5px 0px;}
.pl-col1{width:360px; float:left; padding:0px 10px 0px 10px;}
.pl-col2{width:150px; float:left; padding:0px 10px 0px 10px;}
.pl-col12{width:470px; float:left; padding:0px 10px 0px 10px;}
.pl-name{width:360px; float:left; color:#017E01; font:bold 16px Arial, tahoma, verdana; padding:10px 0px 3px 0px;}
.pl-name a{color:#017E01; text-decoration:none;}
.head-name{width:360px; float:left; color:#000000; font:bold 16px Arial, tahoma, verdana; padding:10px 0px 3px 0px;}
.pl-fet{width:360px; float:left; color:#5D5D5D; font:12px Arial, tahoma, verdana; padding:0px 0px 3px 0px;}
.pl-fet span{margin-left:90px;}
.pl-price{width:360px; float:left; color:#9F1313; font:bold 20px Arial, tahoma, verdana; padding:3px 0px 3px 0px;}
.pl-priceshop{width:360px; float:left; color:#9F1313; font:bold 14px Arial, tahoma, verdana; padding:3px 0px 3px 0px;}
.pl-price1{width:500px; float:left; color:#9F1313; font:bold 20px Arial, tahoma, verdana; padding:3px 0px 3px 0px;}
.pl-des{width:380px; float:left; color:#5D5D5D; font:12px Arial, tahoma, verdana; padding:3px 0px 8px 0px;}
.pl-action{width:360px; float:left; padding:2px 0px 2px 0px;}
.pl-thumb{width:150px; float:left; text-align:right; padding:15px 0px 5px 0px;}

.greybg{background:#F1EFEF;}
.tblcart{width:550px; float:left;}
.tblhead{width:550px; float:left; background:#08A908; font:bold 12px Arial, Verdana, Tahoma; color:#FFF;}
.tblhead-c1{width:60px; float:left; padding:5px 0px 5px 5px;}
.tblhead-c2{width:168px; float:left; padding:5px 0px 5px 5px;}
.tblhead-c3{width:60px; float:left; padding:5px 0px 5px 5px;}
.tblhead-c4{width:60px; float:left; padding:5px 0px 5px 5px;}
.tblhead-c5{width:60px; float:left; padding:5px 0px 5px 5px;}
.tblhead-c6{width:82px; float:left; padding:5px 0px 5px 5px;}
.tblhead-c7{width:25px; float:left; padding:5px 0px 5px 5px;}


.tbldata{width:550px; float:left; background:url('../images/tblbg.gif') repeat-y; border-bottom:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D;}


.tbldatascart{width:550px; float:left; background:url('../images/scart.jpg') repeat-y; border-bottom:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D;}
.tblheadscart{width:550px; float:left; background:#08A908; font:bold 12px Arial, Verdana, Tahoma; color:#FFF;}
.tblheads-c1{width:148px; float:left; padding:5px 0px 5px 5px;}
.tblheads-c2{width:67px; float:left; padding:5px 0px 5px 5px;}
.tblheads-c3{width:77px; float:left; padding:5px 0px 5px 5px;}
.tblheads-c4{width:71px; float:left; padding:5px 0px 5px 5px;}
.tblheads-c5{width:126px; float:left; padding:5px 0px 5px 5px;}
.tblheads-c6{width:24px; float:left; padding:5px 0px 5px 5px;}

.tbldatas-c1{width:148px; float:left; padding:5px 0px 5px 5px;}
.tbldatas-c2{width:67px; float:left; padding:10px 0px 5px 5px;}
.tbldatas-c3{width:77px; float:left; padding:10px 0px 5px 5px;}
.tbldatas-c4{width:71px; float:left; padding:10px 0px 5px 5px;}
.tbldatas-c5{width:128px; float:left; padding:10px 0px 5px 5px;}
.tbldatas-c6{width:27px; float:left; padding:10px 0px 5px 5px;}


.tbldatafcart{width:550px; float:left; background:url('../images/fcart.jpg') repeat-y; border-bottom:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D;}
.tblheadfcart{width:550px; float:left; background:#08A908; font:bold 12px Arial, Verdana, Tahoma; color:#FFF;}
.tblheadf-c1{width:153px; float:left; padding:5px 0px 5px 5px;}
.tblheadf-c2{width:72px; float:left; padding:5px 0px 5px 5px;}
.tblheadf-c3{width:82px; float:left; padding:5px 0px 5px 5px;}
.tblheadf-c4{width:76px; float:left; padding:5px 0px 5px 5px;}
.tblheadf-c5{width:137px; float:left; padding:10px 2px 5px 5px;}


.tbldataf-c1{width:153px; float:left; padding:5px 0px 5px 5px;}
.tbldataf-c2{width:72px; float:left; padding:10px 0px 5px 5px;}
.tbldataf-c3{width:82px; float:left; padding:10px 0px 5px 5px;}
.tbldataf-c4{width:76px; float:left; padding:10px 0px 5px 5px;}
.tbldataf-c5{width:137px; float:left; padding:10px 2px 5px 5px;}


.tbldataacnt{width:550px; float:left; background:url('../images/image121.jpg') repeat-y; border-bottom:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D;}
.tblheadacnt{width:550px; float:left; background:#08A908; font:bold 12px Arial, Verdana, Tahoma; color:#FFF;}
.tblheadacnt-c1{width:58px; float:left; padding:5px 0px 5px 5px;}
.tblheadacnt-c2{width:167px; float:left; padding:5px 0px 5px 5px;}
.tblheadacnt-c3{width:59px; float:left; padding:5px 0px 5px 5px;}
.tblheadacnt-c4{width:62px; float:left; padding:5px 0px 5px 5px;}
.tblheadacnt-c5{width:121px; float:left; padding:5px 0px 5px 5px;}

.tbldataacnt-c1{width:58px; float:left; padding:5px 0px 5px 5px;}
.tbldataacnt-c2{width:167px; float:left; padding:10px 0px 5px 5px;}
.tbldataacnt-c3{width:59px; float:left; padding:10px 0px 5px 5px;}
.tbldataacnt-c4{width:62px; float:left; padding:10px 0px 5px 5px;}
.tbldataacnt-c5{width:121px; float:left; padding:10px 0px 5px 5px;}



.tbldataaccount{width:550px; float:left; background:url('../images/gridbg.gif') repeat-y; border-bottom:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D;}

.tbldata2{width:550px; float:left; background:url('../images/tblbg1.jpg') repeat-y; border-bottom:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D;}

.tbldata-c1{width:60px; float:left; padding:5px 0px 5px 5px;}
.tbldata-c2{width:168px; float:left; padding:10px 0px 5px 5px;}
.tbldata-c3{width:60px; float:left; padding:10px 0px 5px 5px;}
.tbldata-c4{width:60px; float:left; padding:10px 0px 5px 5px;}
.tbldata-c5{width:60px; float:left; padding:10px 0px 5px 5px;}
.tbldata-c6{width:82px; float:left; padding:10px 0px 5px 5px;}
.tbldata-c7{width:30px; float:left; text-align:center; padding:10px 0px 5px 0px;}
.cartdetail{width:550px; float:left;}
.cartdetail-c1{width:310px; float:left; padding:10px 0px 10px 0px;}
.cartdetail-c2{width:240px; float:left;}
.pricesec{width:240px; float:left; border-bottom:1px solid #DFDFDF;}
.price-c1{width:96px; float:left; border-left:1px solid #DFDFDF; font:bold 11px Arial, Verdana, Tahoma; color:#5D5D5D; padding:5px 0px 5px 5px;}
.price-c2{width:97px; float:left; border-left:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D; border-right:1px solid #DFDFDF; padding:5px 34px 5px 5px;}


.pricefin-c1{width:96px; float:left; border-left:1px solid #DFDFDF; font:bold 11px Arial, Verdana, Tahoma; color:#5D5D5D; padding:5px 0px 5px 5px;}
.pricefin-c2{width:127px; float:left; border-left:1px solid #DFDFDF; font:13px Arial, Verdana, Tahoma; color:#5D5D5D; border-right:1px solid #DFDFDF; padding:5px 4px 5px 5px;}

.middle{vertical-align:middle;}
.txtarea span{ /*color:#FF0000;*/ }
.formsec{width:550px; float:left; padding:10px 0px 10px 0px;}
.formrow{width:550px; float:left; font:12px Arial, Verdana, Tahoma; color:#5D5D5D; padding:0px 0px 0px 0px;}
.label{width:150px; float:left; padding:5px 0px 5px 0px;}
.label span{color:#FF0000;}
.field{width:400px; float:left; padding:5px 0px 5px 0px;}
.msg_error{
	color: #cd0000;	
}
.msg_succ{
	color:#006600;	
}
.title h1{ margin-left:10px}
.borderimg{border: 1px #c1c1c1; padding:2px 5px 5px 1px;}
.float-left{float:left}
.float-right{float:right;}

.subtabsec{width:550px; float:left; background:url('../images/border.jpg') repeat-x bottom; margin-bottom:10px;}
.subtab{height:26px; float:left; margin-left:5px;}
.subtab a{height:20px; float:left; background:url('../images/subtab.jpg') repeat-x right bottom; text-decoration:none; font:12px Arial, Verdana, Tahoma; color:#424242; font-weight:bold; padding:5px 10px 0px 10px; border-left:1px solid #DADADA; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}
.subtab a:hover{height:20px; float:left; background:url('../images/subtab-on.jpg') repeat-x right bottom; text-decoration:none; font:12px Arial, Verdana, Tahoma; color:#3c3c3c; font-weight:bold; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}
.subtab a.on{height:20px; float:left; background:url('../images/subtab-active.jpg') repeat-x right bottom; text-decoration:none; color:#252525; border-left:1px solid #818181; border-right:1px solid #818181; border-top:1px solid #818181;}


#shoppingcart {
	position: absolute;
	top: 50px;
	left: 50px;
	height: 100px;
	width: 500px;
	background: #eee;
	border: 1px solid #444;
}

#shoppingcart p {
	margin: 0 1em 1em;
}

/*h1 {
	font-size: 140%;
	margin: 0.5em 1em;
}
*/
#booklist, #contents {
	position: absolute;
	top: 224px;
	left: 101px;
	width: 550px;
	background: #fff;

}

#booklist ul {
	list-style-type: none;
}

#booklist ul li {
	margin: 0 1em 1em;
}

#contents table {
	font-size: 90%;
	border-collapse: collapse;
}

#contents table td {
	border:1px solid #999;
	width: 550px;
	background: #fff;
 
}

#contents p, #contents button {
	margin: 1em;
}