/*overall style url(images/background.jpg) repeat*/ /*body { background: #e3f2c6 ; font-family: Verdana; font-size: x-small; }*/ /*body { background: #e3f2c6 ; font-family: "Franklin Gothic Medium"; font-size: 11px; color: #003d6e}*/ body { background: #bfe387 ; font-family: "Franklin Gothic Medium"; font-size: 11px; color: #003d6a} a {color: #003d6a;} /*index page*/ a.addtocart {position: relative; font-size:12px; height:15px; text-decoration: none; font-weight:bold;} a:hover.addtocart {background:#a3d963; } #home { position: relative; width: 740px; height: 700px; margin: 30px auto; } #home .welcomemsg { position: relative; width: 774px; height: 758px; margin: 0px; padding: 0px;} #home a.soundon { background: url(images/button_soundon.jpg) no-repeat; width: 112px; height: 47px; position: absolute; top: 15px; right: 55px; } #home a.soundoff { background: url(images/button_soundoff.jpg) no-repeat; width: 112px; height: 47px; position: absolute; top: 15px; right: 55px; } #home .copyright { color: #003E6A; font-size: 10px; position: absolute; top: 555px; bottom: 20px; right: 0px; text-align: right;} /* ----- Header ----- */ #header { position: relative; width: 774px; margin: 0px auto 0px auto; } #header .topbar { position: relative; padding: 0px; margin: 0px; margin-top: -15px; margin-bottom: 0px; height: 124px; width: 774px; background: url(images/background.jpg) repeat; } #header .menubar { position: relative; padding-left: 20px; margin: 0px 0px 0px 0px; width: 754px; height: 35px; font-size: 14px; color: #003E6A; background: #99d8cd; } #header .menubar a { position: relative; margin: 0px; } #header .menubar img { padding-top: 5px; } /*----------page under header--wrapper definition------ ----e3f2c6--background: url(images/pagebg.jpg)--*/ #page { position: relative; width: 774px; height: 800px; padding: 0px; margin: -15px auto 0px auto; background: #99d8cd; } /* ----- Left column1.php ----background: blue;- */ #left { float: left; width: 170px; margin: 0px; padding: 0px 10px 10px 20px;} #left .navs { height: 600px; margin-top:0px; padding-left:18px; background: #bfe387; font-size: 17px; color: #3e9032; } * html #left .navs { margin-top: 13px; } #left .navs a { text-decoration: none; color: #3e9032; font-size: 16px; font-weight: bold; } #left .navs a:hover {background-color:#a3d963; } #left .navs ul{ list-style-type: none; margin-top: 0px; margin-left:0px;padding-top: 10px; padding-left:0px;} #left .navs li{ margin-top: 7px;} #left img { margin: 10px; margin-bottom:0px; } #left .greennav { position: relative; width: 140px; padding: 0px 10px 0px 0px; margin: 0px 0px -8px 0px;} * html #left .greennav {padding: 0px 10px 0px 0px; } #left .greennav input { width: 130px; margin-left: 0px; margin-bottom: 8px;} * html #left .greennav input { margin-left: 0px; } #left .greennav select { width: 135px; margin-left: 0px; margin-bottom: 8px; } * html #left .greennav select { margin-left: 0px; } #left .greennav select.short { width: 90px; margin-left: 0px;} /* * html #left .greennav select.short { margin-left: 10px; margin-bottom: -10px;} */ #left .greennav .gobutton { position: absolute; bottom: 6px; left: 110px; width: 26px; height: 22px; background-image: url(images/button_go.jpg);} * html #left .greennav .gobutton {bottom: 0px;} #left .greennav .gobutton h:over { background: url(images/button_go_back.jpg) no-repeat; 0px 0px;} #left .shoppinginfo { position: relative; margin-top: 20px; width: 146px; padding: 0px; color: #003E6A; } * html #left .shoppinginfo { position: relative; top: 0px; } #left .shoppinginfo a { color: #003E6A; } #left .shoppinginfo ul { list-style-type: none; margin: 0px; padding: 0px; } #left .shoppinginfo ul li { padding-left: 5px; background: url(images/bullet_arrow.gif) no-repeat 0px 0.3em; position: relative; } #left .shoppinginfo p.listlabel { margin-bottom: 0px; padding-bottom: 0px; } #left .shoppinginfo p.currency { font-size: xx-small; display: block; background: url(images/flag_cdn.gif) no-repeat top left; padding: 3px 0px 0px 30px; } /*--------right-wrapper for fixed height---- ---*/ #right { width: 544px; height: 760px; margin-left: 0px 200px; padding: 10px; color: #003E6A; } //* html #right { width: 500px; margin-left: 210px; padding: 0px;} #right h3 { dislay: block; text-indent: -9999px; } /*----about.php--fixed height------feedback.php page-----*/ #about_welcome { width: 495px; height: 730px; margin: 12px; margin-left: 215px; padding: 20px; } * html #about_welcome { margin-left: 212px; } #about { width: 495px; height: 730px; margin: 12px; margin-left: 215px; padding: 20px; background: #e3f2c6; } * html #about { margin-left: 212px; } #about h4 { font-size: x-small; } #about div.logoimg { float: right; margin: 10px; } #about div.logoimg img { border: 1px solid #9ABBDF; padding: 10px} #about div.logoimg p { font-size: x-small; } #about input.request { width: 200px; } #about p {font-size: 10px;} * html #about p { margin-bottom: 1px; margin-top: 1px; padding-top: 10px;} /*--------right-wrapper for long height-about_lis.php------*/ #long_right { width: 510px; margin-left: 200px; padding: 10px; color: #003E6A;} * html #long_right { width: 500px; margin-left: 210px; margin-top: 20px; padding: 0px;} #long_right h3 { dislay: block; text-indent: -9999px; } /*-----------about_list.php--------------*/ #aboutlist { width: 465px; height: 760px; margin: 12px; margin-left: 215px; padding: 20px; background: #e3f2c6 } * html #aboutlist { margin-left: 212px; } #aboutlist dl { margin-top: 15px; } * html #aboutlist dl { margin-top: 5px; } #aboutlist dl dt { position: relative; margin: 10px 0px 3px 0px; padding: 3px 10px; border: 1px solid #9ABBDF; font-weight: bold; background: white; } * html #aboutlist dl dt { margin-top: 10px; padding-top: 0; } #aboutlist dl dt span { position: absolute; right: 10px; top: 3px; } * html #aboutlist dl dt span{ right: 25px; } #aboutlist dl dd { position: relative; padding: 0px; margin: 0px; } #aboutlist dl dd ul { list-style-type: none; margin: 0px; padding: 0px; } #aboutlist dl dd ul li { text-decoration: none; padding-left: 10px; } #aboutlist dl dd ul li span {position: absolute; right: 10px; top: 3px; } * html #aboutlist dl dd ul li span { right: 25px; } #aboutlist .searchnav { position: relative; margin: 10px 0px; font-size: xx-small; font-weight: bold; } #aboutlist .searchnav .paginator { display: block; position: absolute; right: 20px; top: 0px; } #aboutlist .searchnav .paginator a.navback { padding-left: 15px; background: url(images/back_arrow.jpg) no-repeat left center; font-weight: normal; } #aboutlist .searchnav .paginator a.navnext { padding-right: 15px; background: url(images/next_arrow.jpg) no-repeat right center; font-weight: normal; } /*-----------price_list.php--------------*/ #pricelist { width: 495px; height: 740px; margin: 12px; margin-left: 215px; padding: 20px; background: #e3f2c6 } * html #pricelist { margin-left: 212px; } #pricelist dl dt { position: relative; margin: 15px 0px 10px 0px; padding: 3px 10px; border: 1px solid #9ABBDF; font-weight: bold; background: white; } #pricelist dl dt span { position: absolute; right: 10px; top: 3px; } * html #pricelist dl dt span { right: 25px; } #pricelist dl dd { position: relative; padding: 0px; margin: 0px; margin-bottom: 5px; } #pricelist dl dd ul { list-style-type: none; margin: 0px; padding: 0px; } #pricelist dl dd ul li { text-decoration: none; padding-left: 10px; } #pricelist dl dd ul li span {position: absolute; right: 10px; top: 3px; } * html #pricelist dl dd ul li span { right: 25px; } /*-------search.php--- #e3f2c6;---*/ #searchresults { width: 499px; height: 730px; margin: 12px; margin-left: 215px; padding: 20px; background: #e3f2c6 } * html #searchreults { margin-left: 212px; } #searchresults a {text-decoration: none; font-weight:bold; } /*******************************more work here*/ #searchresults ul.resultdetails { margin-top: 10px; font-size: 14px; margin-left: 0px; padding: 5px; width: 420px; background: white; list-style-type: none; } #searchresults ul.resultdetails li a { padding-left: 7px; } #searchresults .message { padding: 0px; font-size: 12px; font-weight: bold; padding-bottom:20px; } #searchresults .searchnav { position: relative; margin: 10px 0px; font-size: 12px; font-weight: bold; } #searchresults .searchnav select { font-size: x-small; } #searchresults .searchnav .paginator { display: block; position: absolute; right: 60px; top: 0px; } #searchresults .searchnav .paginator a.navback { padding-left: 15px; background: url(images/back_arrow.jpg) no-repeat left center; font-weight: normal; } #searchresults .searchnav .paginator a.navnext { padding-right: 15px; background: url(images/next_arrow.jpg) no-repeat right center; font-weight: normal; } #searchresults td.leftitem {padding-bottom: 10px; width: 240px; } #searchresults td.rightitem {padding-bottom: 10px;} #searchresults td img { border: 1px solid #9ABBDF; float: left; margin-right: 5px; padding: 5px; } /***-------unusd--*/ .note { border: 1px solid #F1C241; background: #FDF6E3; padding: 5px;font-size: xx-small; } .note h4 { padding: 0px; margin: 0px; } /*-----------------prod_detail.php-----#e3f2c6---------*/ #feature { width: 499px; height: 730px; margin: 12px; margin-left: 215px; padding: 20px; background: #e3f2c6; } * html #feature { margin-left: 212px; } #feature h3 { dislay: block; text-indent: -9999px; margin: 10px 4px 4px 4px; } #feature h4 { margin: 0px; padding: 0px; font-size: 14px; } #feature p { font-size: x-small; line-height: 1.4; } #feature p.byline { margin: 0px; padding-top: 3px; padding-bottom: 8px; } #feature p.byline_blank { margin: 0px; padding: 3px; } #feature div.prodinfo {width: 430px; height: 195px; padding: 10px 20px 0 0; margin: 0 0 15px 0; } * html #feature div.prodinfo {margin: 0; } #feature div.prodinfo div.prodfig { float: left; } #feature div.prodinfo div.prodfig img { border: 1px solid #9ABBDF; padding: 5px; margin-right: 20px; background: white; } #feature div.prodinfo div.prodfig p { margin: 0px; padding: 0px; } #feature div.prodinfo form { position: relative; list-style-type: none; padding-top: 10px; } #feature div.prodinfo form input { font-size: xx-small; width: 20px; margin: 0px; text-align: right; color: #003E6A; font-weight: bold; } #feature div.prodinfo a { text-decoration: none; color: #003E6A;} /*#feature div.soundclips {width: 430px; height: 90px; display: block; padding: 10px; margin-bottom: 15px; background: white; border: 1px solid #9ABBDF;}*/ #feature div.soundclips {width: 465px; height: 90px; display: block; padding: 10px; margin-bottom: 15px; } * html div.soundclips {width: 420px; margin: 0; } #feature ul.clips { list-style-type: none; margin: 0px; padding: 0px; } #feature ul.clips li a { font-weight: bold; color: #003E6A; text-decoration: none; padding-right: 24px; background: url(images/bullet_audio.jpg) no-repeat right center; } #feature ul.clips li .time { display: block; width: 5em; float: left; font-weight: normal; } /*#feature div.desc {width: 430px; height: 150px; margin-left: 0px; margin-bottom: 15px; padding: 10px; font-size: x-small; background: white; border: 1px solid #9ABBDF; overflow: auto; }*/ #feature div.desc {width: 430px; height: 150px; margin-left: 0px; margin-bottom: 15px; padding: 10px; font-size: x-small; border: 1px solid #9ABBDF; overflow: auto; } * html div.desc {width: 400px; margin: 0; height: 120px; } /*#feature div.related {width: 430px; height: 120px; margin: 0px 0px 20px 0px; padding: 10px; font-size: x-small; background: white; border: 1px solid #9ABBDF; }*/ #feature div.related {width: 450px; height: 120px; margin: 0px 0px 20px 0px; padding: 10px; font-size: x-small; } * html div.related {width: 420px; margin: 0; } /*#feature table {padding: 0px; background: white; }*/ #feature table {margin: 0px; margin-top: -10px; padding: 0px; } #feature td.item {padding-bottom: 0px;} #feature td.item img { border: 1px solid #9ABBDF; float: left; margin-right: 5px; padding: 5px; background: white; } #feature a.addtocart2 {position: relative; font-size:16px; height:20px; text-decoration:none; font-weight: bold; } #feature a:hover.addtocart2 {background:#a3d963; } #feature .blocktitle {font-size:16px; font-weight:bold;} /*----------buy.php--------------*/ /* to fill the gap */ #buyproduct { position: relative; width: 465px; height: 870px; padding: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; } * html #buyproduct { margin-top: 0px; } .shoppinginfo2 { margin: 10px 2px 0px 0px; width: 460px; padding: 10px 0px 0px 0px; color: #003E6A; } .shoppinginfo2 ul { list-style-type: none; margin: 0px; padding: 0px; } .shoppinginfo2 ul li { padding-left: 10px; background: url(images/bullet_arrow.gif) no-repeat 0px 0.3em; position: relative; } .orangetext { color: #003E6A; font-weight: bold; } .orangetext a { color: #ED7A1C; font-weight: bold; text-decoration: underline; } /* ----- Footer ----- */ #footer { clear: both; color: #003E6A; text-align: right; position: relative; width: 754px; margin: 0 auto 0 auto; padding: 0px; padding-right: 20px; background: #a3d963;} #footer a { color: #003E6A; } #footer p { padding: 0px 0px 5px 0px; margin: 0px; } #footer p.slogan { font-size: small; } /*****************login pages *****************/ #login { position: relative; width: 774px; height: 550px; margin: 30px auto 0px auto; background: #bfe387; } #login img {margin-bottom: 30px;} #login input.long {width: 400px; margin:-right: 0px; padding-right: 0px;} #login input.medium {width: 200px; margin:-right: 0px; padding-right: 0px;} #login input.short {width: 110px; margin:-right: 0px; padding-right: 0px;} * html #login input.short {width: 112px;} /**************spark.php***********border: 1px solid #9ABBDF;*******/ #spark { width: 499px; height: 700px; margin: 12px; margin-left: 215px; padding: 20px; background: #e3f2c6; } * html #spark { margin-left: 212px; }