/* Default CSS Document */ /** body **/ html {overflow-y: scroll;} * {margin: 0px; padding: 0px;} body { font: 12px arial, verdana, Helvetica, sans-serif; line-height: 20px; color: #666666; background-color: #000000; background-image:url(../images/spacebk.jpg); background-position: top center; background-repeat:no-repeat; text-align:center;} .dashedbox {height: 10px; display: block; width: 100%; border-top: dashed #CCCCCC 1px;} /** Images **/ img { border:0px;} .padtop {padding-top:5px;} .border {border:4px solid #f3e3a3; padding:0px; width:110px; background-color:#ffffff; margin: 0px auto; text-align:center } .imgbordersm {background-image:url(../images/bk_imgsm.gif); background-repeat: no-repeat; width:125px; height:126px; margin:0px; } .insidesm {max-width:100px; width:100px; padding:10px 5px 5px 10px; width: expression(this.width > 100 ? 100: true); height:100px;} #imgborder {background-image:url(../images/bk_img.gif); background-repeat: no-repeat; width:230px; height:260px; margin:0px;} #inside {max-width:200px; width:200px; padding:30px 5px 5px 15px; width: expression(this.width > 200 ? 200: true); height:200px;} #photo_right {float:right; padding-left:10px;} /** Layout **/ #container { margin: 0px auto; width: 989px; text-align:left;} #header { margin: 0px ; width: 989px; padding:0px; height:158px; } #main { margin: 0px ; width: 988px; padding:0; height:550px; } #maini {margin: 0px ; width: 988px; padding:0; background-color:#ffffff; min-height:600px; background-image:url(../images/mainbk.gif); background-repeat:repeat-y; } #mainLeft {width:177px; float: left; background-image:url(../images/sidebar.gif); min-height:550px; } *html #mainLeft {width:177px; float: left; background-image:url(../images/sidebar.gif); height:550px; } #mainRight { width:810px; margin:0 auto; float:right; } #board { background-image:url(../images/board.jpg); width:810px; height:234px; background-repeat:no-repeat; } #boardContent {width:200px; float:right; margin-top:35px; height:200px;} #featured {background-image:url(../images/cork.jpg); background-repeat:no-repeat; width:810px; height:316px; float:left} /** IE 7 **/ #featured1 {width:150px; float:left; padding:25px 0px 0px 25px; text-align:center; } #featured2{width:150px; float:left; padding:30px 0px 0px 50px; text-align:center; } #featured3{width:150px; float:left; padding:30px 0px 0px 40px; text-align:center;} #top {width:182px; float: right; padding:80px 30px 0px 0px;text-align:center; } #featuredPhoto1 {padding:0px; margin:10px 10px 5px 30px ; } #featuredPhoto2 {padding:0px; margin:3px 10px 5px 20px } #featuredPhoto3 {padding:0px; margin:3px 10px 5px 0px } #featuredLogo1 {text-align:center; width:150px; padding:5px 10px 10px 10px; } #featuredLogo2 {text-align:center; width:150px; padding:5px 10px 10px 10px; } #featuredLogo3 {text-align:center; width:100px; padding:5px 10px 10px 10px ; } .featuredPrice {text-align:center; width:150px; text-align:center; color:#CC0000; line-height:16px; text-align:center; margin-top:5px; font-weight:bold} .featuredProduct {text-align:center; width:120px;font-size:11px; line-height:16px; } .featuredReg {margin:10px; text-align:center; width:100px; text-align:center; font-size:11px; line-height:16px;} .valid {margin:10px; text-align:center; width:100px; text-align:center; color:#CC0000} /** IE 6**/ *html #featured1 {width:150px; float:left; padding:25px 0px 0px 25px; text-align:center; } *html #featured2{width:150px; float:left; padding:30px 0px 0px 30px; text-align:center; } *html #featured3{width:150px; float:left; padding:30px 0px 0px 25px; text-align:center;} *html #top {width:182px; float: right; padding:80px 30px 0px 0px;text-align:center; } *html #featuredLogo1 {padding:5px 10px 10px 10px; text-align:center; width:150px; } *html #featuredLogo2 {text-align:center; width:150px; padding:2px 10px 10px 0px; } *html #featuredLogo3 {text-align:center; width:100px; padding:5px 10px 10px 0px ; } /** Firefox**/ @-moz-document url-prefix() #featured1 {width:150px; float:left; padding:25px 0px 0px 25px; text-align:center; } #featured1 {width:150px; float:left; padding:25px 0px 0px 25px; text-align:center; } #featured2{width:150px; float:left; padding:25px 0px 5px 50px; text-align:center; } #featured3{width:150px; float:left; padding:25px 0px 0px 40px; text-align:center; } #top {width:182px; float: right; padding:80px 30px 0px 0px;text-align:center; } #featuredPhoto1 {padding:0px; margin:10px 10px 0px 30px ; } #featuredPhoto2 {padding:0px; margin:3px 10px 0px 20px } #featuredPhoto3 {padding:0px; margin:3px 10px 0px 00px } #featuredLogo1 {text-align:center; width:150px; padding: 0px 10px 7px 10px; } #featuredLogo2 {text-align:center; width:150px; padding: 5px 10px 7px 5px; } #featuredLogo3 {text-align:center; width:100px; padding: 7px 10px 7px 18px ; } #footer { clear:both; width:988px; height: 200px; background-image:url(../images/footerbk.gif); background-color:#FFFFFF; background-repeat:no-repeat} #footeri { clear:both; width:988px; height: 150px; background-image:url(../images/footerbki.gif); background-color:#FFFFFF; background-repeat:no-repeat} #footerLeft {width: 412px; float:left; margin-left:10px;} #footerLefti {width: 600px; float:left; margin-left:15px;} #footerRight{width: 546px; float:right; } #footerRighti{width: 256px; float:right; padding:10px 20px} #cart { clear:both; background-image:url(../images/cartbk.gif); width:160px; height:102px; background-repeat:no-repeat; margin:10px 0px 0px 8px; padding:10px 0px 0px 10px; line-height:18px; } #tenders {margin:10px 0px 0px 8px ;} #product {width:610px; float:left; min-height:550px; background: url(../images/productbk.gif) no-repeat; background-position: 2px 0px; } #mainContent {width: 550px; float:left; padding: 15px 0px 0px 40px; text-align: left;} #sidebarRight {width: 200px; float:right; margin:0 auto; } #title { background:url(../images/tape.png) no-repeat; width:596px; height: 95px; margin:15px 0px 0px 10px ; } #catimg {float:right} #print {float:right; margin:30px} #topSellers { background-image:url(../images/sd_topSellers.gif); background-repeat: no-repeat; width:200px; height:183px; margin:0px; padding:0px; } #topSellersint { width:150px; height:90px; padding:85px 0px 0px 30px; font-size:11px; line-height:17px; color:#10685a; } #testimonials { background-image:url(../images/sd_testimonials.gif); width:200px; height:174px; background-repeat: no-repeat; margin:0px; } #testimonialsint{width:150px; height:100px; padding:65px 0px 0px 35px; font-size:11px; line-height:15px; color:#10685a; } #compare{width:200px; height:204px; background-image: url(../images/sd_compare.gif); background-repeat: no-repeat; margin:0px; } #comparelong{width:200px; height:291px; background-image: url(../images/sd_comparelong.gif); background-repeat: no-repeat;margin:0px; } #compareint{width:160px; height:100px; padding:70px 0px 0px 30px; font-size:11px; line-height:17px; color:#10685a; } #saleitem {margin:0px; float:right; width:40px; height:100px; } #yousave {width:107px; height:46px; background-image:url(../images/yousave.gif); background-repeat:no-repeat; font-size: 16px; color:#FFFFFF; font-weight:bold; padding:23px 0px 0px 0px; text-align:center; float:right} #tab2 td {background-color:#edfbf9; padding:5px; font-size:11px; line-height:15px;} #tab2 th { background-color:#cccccc; padding:5px;} #specs {margin:0px; padding:0px;} #tab3 td {background-color:#edfbf9; padding:5px; font-size:11px; line-height:15px;} #tab1 td {background-color:#edfbf9; padding:5px; font-size:11px; line-height:15px;} /** Links **/ a:link, a:active, a:visited{ color: #003399; text-decoration: underline; font-weight:bold} a:hover{ color: #cc0000; border: 0 none; text-decoration:none;} a.remove:link, a.remove:active, a.remove:visited{ color: #CC0000; text-decoration: none; font-size:10px; line-height:10px;} a.remove:hover{ color: #CC0000; border: 0 none; text-decoration:underline;} a.compare:link, a.compare:active, a.compare:visited{ color: #003399; text-decoration: none; font-size:10px; line-height:12px;} a.compare:hover{ color: #CC0000; border: 0 none; text-decoration:underline;} a.wh:link, a.wh:active, a.wh:visited{ color: #ffffff; text-decoration: none;} a.wh:hover{ color: #CC0000; border: 0 none; text-decoration:underline;} .sublist {list-style:none; font-size:11px; padding-left:10px; margin:0px } .sublist li {height:13px; } .subs {margin:0px; padding:0px; } .subs td {padding:0px; } /** Typography **/ h1 { font-size:30px; color:#10685a; padding: 35px 0px 0px 30px; line-height:32px; } h2 { font-size:24px; color:#10685a; padding: 10px 0px 0px 30px; line-height:20px; } h3 { font-size:16px; color:#666666; padding: 5px 0px 0px 30px } h4 { font-size:14px; color:#10685a; } .redtext { color:#CC0000; font-weight:bold; line-height:16px;} .valid {font-size:11px;} .breadcrumbs {font-weight:bold;} .smalltext { font: 11px verdana, Helvetica, sans-serif;color: #666666; line-height:15px } .greentext {color:#10685a; font-weight:bold} /*Navigation */ #nav { margin: 5px 0px 0px 2px ; padding: 0; width:171px;} #nav li{list-style: none;margin: 0; padding: 0; } #nav li a{display: block; text-decoration: none; text-indent: -30000px; } #nav #nav-telescopes{background: url(../images/telescopes.gif) no-repeat 0 0; height: 29px; width: 171px;} #nav #nav-telescopes a{height: 29px; } #nav #nav-telescopes a:hover, #nav-telescopes #nav #nav-telescopes{background: url(../images/telescopes.gif) no-repeat; background-position: 0px -29px } #nav #nav-microscopes{background: url(../images/microscopes.gif) no-repeat 0 0; height: 31px; width: 171px;} #nav #nav-microscopes a{height: 31px; } #nav #nav-microscopes a:hover, #nav-microscopes #nav #nav-microscopes{background: url(../images/microscopes.gif) no-repeat; background-position: 0px -31px } #nav #nav-binos{background: url(../images/binos.gif) no-repeat 0 0; height: 33px; width: 171px;} #nav #nav-binos a{height: 33px; } #nav #nav-binos a:hover, #nav-binos #nav #nav-binos{background: url(../images/binos.gif) no-repeat; background-position: 0px -33px } #nav #nav-tools{background: url(../images/tools.gif) no-repeat 0 0; height: 31px; width: 171px;} #nav #nav-tools a{height: 31px; } #nav #nav-tools a:hover, #nav-tools #nav #nav-tools{background: url(../images/tools.gif) no-repeat; background-position: 0px -31px } #nav #nav-cameras{background: url(../images/cameras.gif) no-repeat 0 0; height: 29px; width: 171px;} #nav #nav-cameras a{height: 29px; } #nav #nav-cameras a:hover, #nav-cameras #nav #nav-cameras{background: url(../images/cameras.gif) no-repeat; background-position: 0px -29px } #nav #nav-gps{background: url(../images/gps.gif) no-repeat 0 0; height: 33px; width: 171px;} #nav #nav-gps a{height: 33px; } #nav #nav-gps a:hover, #nav-gps #nav #nav-gps{background: url(../images/gps.gif) no-repeat; background-position: 0px -33px } #nav #nav-accessories{background: url(../images/accessories.gif) no-repeat 0 0; height: 31px; width: 171px;} #nav #nav-accessories a{height: 31px; } #nav #nav-accessories a:hover, #nav-accessories #nav #nav-accessories{background: url(../images/accessories.gif) no-repeat; background-position: 0px -31px } #nav #nav-books{background: url(../images/books.gif) no-repeat 0 0; height: 33px; width: 171px;} #nav #nav-books a{height: 33px; } #nav #nav-books a:hover, #nav-books #nav #nav-books{background: url(../images/books.gif) no-repeat; background-position: 0px -33px } #nav #nav-globes{background: url(../images/globesMaps.gif) no-repeat 0 0; height: 31px; width: 171px;} #nav #nav-globes a{height: 31px; } #nav #nav-globes a:hover, #nav-globes #nav #nav-globes{background: url(../images/globesMaps.gif) no-repeat; background-position: 0px -31px } /*Navigation */ #boardLinks { margin: 5px 0px 0px 40px ; padding: 0; width:149px;} #boardLinks li{list-style: none;margin: 0; padding: 0; } #boardLinks li a{display: block; text-decoration: none; text-indent: -30000px; } #boardLinks #kids{background: url(../images/bt_kidszone.gif) no-repeat 0 0; height: 29px; width: 149px;} #boardLinks #kids a{height: 29px; } #boardLinks #kids a:hover, #kids #nav #kids{background: url(../images/bt_kidszone.gif) no-repeat; background-position: 0px -29px } #boardLinks #teacher{background: url(../images/bt_teacher.gif) no-repeat 0 0; height: 31px; width: 149px;} #boardLinks #teacher a{height: 31px; } #boardLinks #teacher a:hover, #teacher #nav #teacher{background: url(../images/bt_teacher.gif) no-repeat; background-position: 0px -31px } #boardLinks #gift{background: url(../images/bt_gift.gif) no-repeat 0 0; height: 30px; width: 149px;} #boardLinks #gift a{height: 33px; } #boardLinks #gift a:hover, #gift #nav #gift{background: url(../images/bt_gift.gif) no-repeat; background-position: 0px -30px } /*Tables */ #relatedAcc { width:150px; text-align:left ; } #relatedAcc td { padding:2px} .alternateRow {background-color:#fefcc0;} .prod {width:550px; margin:0px auto; } .related {width:520px; background-color:#FFFFFF; margin:0px; padding:0px; } .alternateRelated {background-color:#edfbf9;} .relateditem {padding:10px; } table#infotable {margin:10px 0px 10px 0px; border-collapse:collapse; width:535px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px} #infotable .blank {border-bottom: 1px solid #ecc76a; padding:7px; } #infotable .bg {border-bottom: 1px solid #126c5e; padding:7px; background-color:#edfbf9} #infotable .bg2 {border-left: 1px solid #126c5e; border-bottom: 1px solid #126c5e; padding:7px; background-color:#edfbf9} #infotable th {font-weight:bold; color: #ffffff; text-align:left; border-bottom: 1px solid #126c5e;border-left:1px solid #126c5e; padding:7px; background:#126c5e;} .infotableshipping {margin:10px 0px 10px 0px; border-collapse:collapse; width:535px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; background:#edfbf9;} .infotableshipping td {padding:5px; border-bottom: 1px solid #126c5e; } #specs {width:100%; } #specs td {padding:1px 2px 1px 5px; } .specscell {background-color:#edfbf9;} /** forms **/ form { margin: 0px;} .textbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666; background-color: #ffffd4; border:1px solid #cccccc; padding:3px} .formdrop { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666; background-color: #ffffd4; border:1px solid #cccccc; padding:3px} .comments { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #ffffd4; border: 1px; color:#666; } .butstyle {background-color:#666633; color:#FFFFFF; text-transform:uppercase; font-size:10px} /*button */ .btn { display: block; position: relative; background: #aaa; padding: 1px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; line-height:14px; margin-right:5px; } .btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; } .btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; } .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; } .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; } .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; } * html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; } .btn.brown { background: #10685a; color:#FFFFFF; text-decoration:none; } .btn.green { background: #10685a; color:#FFFFFF; text-decoration:none; } .btn:hover { background-color: #666; } .btn:active { background-color: #444; } .btn[class] { background-image: url(../images/shade.png); background-position: bottom; } * html .btn { border: 3px double #aaa; } * html .btn.brown { border-color: #7c4814; } * html .btn.green { border-color: #54a809; } * html .btn:hover { border-color: #ffb620; } .wdgt_ft {display: none;} /*Tabs */ #TabPage1{width:510px; margin:0px; clear:both; background-color:#fff; border:1px #d9d9d9 solid; padding:10px 15px 10px 20px;} #TabPage2{width:510px; margin:0px; clear:both; background-color:#fff; border:1px #d9d9d9 solid; padding:10px 15px 10px 20px;} #TabPage3{width:510px; margin:0px; clear:both; background-color:#fff; border:1px #d9d9d9 solid; padding:10px 15px 10px 20px;} #TabPage4{width:510px; margin:0px; clear:both; background-color:#fff; border:1px #d9d9d9 solid; padding:10px 15px 10px 20px;} #tab a {text-decoration:none;display:block;height:27px; float:left; } * html #tab a {width:100px;} #tab {list-style-type:none;margin:auto; } #tab li {float:left; margin:15px 5px 0px 0px; } #tab li#a a{background-image:url(../images/bt_features.gif);width:74px;} #tab li#a a:hover {background-position: 0 -29px;} #tab li#a {background-image:url(../images/bt_features.gif);} #tab li#aa {background-image:url(../images/bt_features.gif) ; background-repeat:no-repeat;width:74px; background-position: 0 -29px;} #tab li#b a{background-image:url(../images/bt_warranty.gif);width:79px;} #tab li#b a:hover {background-position: 0 -29px;} #tab li#b {background-image:url(../images/bt_warranty.gif);} #tab li#bb {background-image:url(../images/bt_warranty.gif) ; background-repeat:no-repeat;width:79; background-position: 0 -29px;} #tab li#c a{background-image:url(../images/bt_specs.gif);width:104px;} #tab li#c a:hover {background-position: 0 -29px;} #tab li#c {background-image:url(../images/bt_specs.gif);} #tab li#cc {background-image:url(../images/bt_specs.gif) ; background-repeat:no-repeat;width:104px; background-position: 0 -29px;} #tab li#d a{background-image:url(../images/bt_acc.gif);width:141px;} #tab li#d a:hover {background-position: 0 -29px;} #tab li#d {background-image:url(../images/bt_acc.gif)} #tab li#dd {background-image:url(../images/bt_acc.gif) ; background-repeat:no-repeat;width:141px; background-position: 0 -29px;} /*Lists */ #cat {list-style-type:none;margin:auto; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:25px; margin:6px 0px 10px 17px } .reglist li{line-height:20px;margin-left:30px;margin-right:30px;padding:0px;list-style-image:url(../images/bullet.gif);} .sublist li{line-height:14px;margin-left:20px;padding-top:3px;list-style:none; font-size:11px;} ol {margin-left: 30px;}