* { margin: 0; padding: 0; } body { /*behavior:url("web/css/csshover.htc");*/ background: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #99ADD3; } h1, h2, h3 { color: #332A19; } h1 { font-size: 152%; padding:10px 0; } h2 { font-size: 129%; } h3 { font-size: 100%; font-weight: bold; } p, blockquote, ul, ol { line-height: 150%; color:#333333; } blockquote, ul, ol { margin-left: 3em; } a { color: #345BA8; } a:hover { text-decoration: none; } .boxed { margin: 10px; } .boxed .title { padding: 5px 10px; } .boxed .content { padding: 10px; } /* Page */ #page { border-left:1px solid grey; border-right:1px solid grey; margin:0pt auto; width:980px; } #topContent { width:720px; padding:0px; margin:0px 0px 10px 0px; height:auto; } #welcome { width:500px; } #content { float: right; width: 719px; /*background: url(../image/89/bg_content.gif) repeat left top;*/ background:transparent; } #sidebar { float: left; width: 238px; } /* page content BELOW welcome */ #leftContent { clear:both; float:left; margin-left:0px; padding:0px 5px; width:504px; background-color:#EEEEEE; min-height:500px !important; } #leftContent p { color:#333333; line-height:normal; } #leftContentwide { background-color:#EEEEEE; clear:both; float:left; margin-left:0; padding:0px 5px; width:709px; min-height:500px !important; } #whoWhat { /*border:1px solid #000000;*/ color:#666666; float:right; line-height:120%; margin:0px 20px 0px 0px; padding: 20px 0px 0px 0px; width:180px; } #whoWhat ul { display:block; width:100%; } #whoWhat ul li { border-bottom:1px solid #999999; } #whoWhat .top { line-height:160%; background-color:#918E65; border-bottom:1px solid #000000; color:#FFFFFF; font-weight:bold; padding:4px; text-align:center; } /* search bar */ #searchbar { color:#666666; float:right; line-height:100%; /*margin-top:-70px;*/ margin-right:0px; padding:0 0 20px; width:165px; } #searchbar input { margin-bottom:5px; } #featured { clear:both; padding-left:16px; } #featured .name { background-color:#ffffff; } fieldset { border:none; } /* Logo */ #logo { width: 238px; height: 73px; background: url(../image/89/Tranzporter.gif) no-repeat left top; } #pagelogo { width: 719px; height: 350px; background: url(../image/89/Tranzporter-pagelogo.jpg) no-repeat left top; } #pagelogo h1 { padding: 80px 0 0 19px; letter-spacing: -1px; font-size: 197%; font-weight: normal; } #pagelogo h2 { padding: 0px 0 0 20px; font-size: 85%; } #pagelogo a { text-decoration: none; color: #FFFFFF; } /* Menu */ .mainmenu { position:relative; margin-top:20px; left:0px; display:block; /*width:350px;*/ z-index:100; } /* Footer */ #footer { padding: 5px 0; background-color:#918E65; text-align: center; font-size: 77%; color: #000000; } #footer a { color: #332A19; } #footer ul { background-color:beige; display:block; list-style-type:none; margin-left:auto; margin-right:auto; padding:4px; text-align:center; width:99%; } #footer ul li { display: inline; } #footer ul li a { padding: 0px 8px; border-left: 1px solid #fff; font-family: Tahoma, Verdana; font-size: 11px; } /* who what why */ /* end who what why */ /* page logo */ /* to use this modify the */ #portfolioCases_asp #pagelogo { background: url('../image/89/PortfolioCases.jpg') no-repeat left top !important; } #portfolio-Case-18-24_asp #pagelogo { background: url('../image/89/PortfolioCases.jpg') no-repeat left top !important; } #portfolio-Case-24-36_asp #pagelogo { background: url('../image/89/PortfolioCases.jpg') no-repeat left top !important; } #portfolio-Case-32-42_asp #pagelogo { background: url('../image/89/PortfolioCases.jpg') no-repeat left top !important; } #portfolio-Case-36-48_asp #pagelogo { background: url('../image/89/PortfolioCases.jpg') no-repeat left top !important; } #portfolio-Case-40-60_asp #pagelogo { background: url('../image/89/PortfolioCases.jpg') no-repeat left top !important; } #caseWheels_asp #pagelogo { background: url('../image/89/CaseWheels.jpg') no-repeat left top !important; } #tubes_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Poster-Tubes-6-32_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Poster-Tubes-6-42_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Poster-Tubes-8-42_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Poster-Tubes-8-48_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Poster-Tubes-8-62_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Poster-Tubes-10-44_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Poster-Tubes-12-50_asp #pagelogo { background: url('../image/89/PosterTube.jpg') no-repeat left top !important; } #Tube-Wheels-6-8_asp #pagelogo { background: url('../image/89/TubeWheels.jpg') no-repeat left top !important; } #Tube-Wheels-10-12_asp #pagelogo { background: url('../image/89/TubeWheels.jpg') no-repeat left top !important; } #presentationSleeves_asp #pagelogo { background: url('../image/89/PresentationSleeve.jpg') no-repeat left top !important; } #Presentation-sleeve-18-24_asp #pagelogo { background: url('../image/89/PresentationSleeve.jpg') no-repeat left top !important; } #Presentation-sleeve-24-36_asp #pagelogo { background: url('../image/89/PresentationSleeve.jpg') no-repeat left top !important; } #Presentation-sleeve-30-40_asp #pagelogo { background: url('../image/89/PresentationSleeve.jpg') no-repeat left top !important; } #Presentation-sleeve-36-48_asp #pagelogo { background: url('../image/89/PresentationSleeve.jpg') no-repeat left top !important; } #EZRollup_asp #pagelogo { background: url('../image/89/ezRollUp.jpg') no-repeat left top !important; } #EZ-Rollup-30_asp #pagelogo { background: url('../image/89/ezRollUp.jpg') no-repeat left top !important; } #EZ-Rollup-36_asp #pagelogo { background: url('../image/89/ezRollUp.jpg') no-repeat left top !important; } #EZ-Rollup-40_asp #pagelogo { background: url('../image/89/ezRollUp.jpg') no-repeat left top !important; } #EZflat_asp #pagelogo { background: url('../image/89/ezFlat.jpg') no-repeat left top !important; } #EZround_asp #pagelogo { background: url('../image/89/EZRoundBlueprintTote.jpg') no-repeat left top !important; } #EZ-Wrap_php #pagelogo { background: url('../image/89/EZWrap.jpg') no-repeat left top !important; } /* page logo */ /* second menu */ #secondmenu ul li a { text-decoration:none; } #secondmenu ul li a:hover { text-decoration:underline; } /* misc design elements */ .clear { clear:both; } .textboxone , .textboxtwo { float:left; clear: none; } .breadcrumb { padding:4px 7px; width:80%; color:#666633; font-weight:bold; } .breadcrumb a:link { text-decoration:underline; color:#666633; } .breadcrumb a:hover { background-color:#666633; color:#FFFFFF; text-decoration:none; } .textone, .texttwo { padding:4px 7px; color:#333333; } .textone a:link, texttwo a:link { text-decoration:underline; color:#666600; } .textone a:hover, texttwo a:hover { text-decoration:none; } .photoone , .phototwo { width:auto; margin:0px 5px 5px 0px; border:none; float:left; } .photoone , .phototwo , .photoone img , .phototwo img { clear:none; } .textboxone p , .textboxtwo p { clear:both !important; } .button { padding:3px 6px; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #666666; border-bottom:1px solid #666666; background-color:#C3BDB0; color:#000000; } .topMarg { margin-top:8px; margin-bottom:8px; } .searchText { font-size:14px; font-weight:bold; color:#333300; /*letter-spacing:108%;*/ } /* main menu styling */ /* left nav - menu */ div#mainmenudiv { display:block; left:0; position:relative; top:0; width:237px; z-index:999; } ul.mainmenu { position:relative; list-style-type:none; margin:0; padding:0; z-index:999; } ul.mainmenu li { position:relative; } ul.mainmenu li.last { margin-right:0px; } ul.mainmenu li a { font-size:14px; font-weight:normal; color:#333333; font-family:Geneva, Arial, Helvetica, sans-serif; padding:6px 0px 6px 20px; display:block; width:216px; background-color:#ECE8DC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; border-right:1px solid #666666; text-decoration:none; } ul.mainmenu li a:hover { background-color:#D5CAAE; color:#000000; text-decoration:none; } ul.mainmenu li ul { display: none; } ul.mainmenu li:hover ul, ul.mainmenu li.over ul { display: block; position: absolute; left: 236px; top: 0px; padding: 0; margin:0 !important; list-style-type: none; z-index: 999; } ul.mainmenu li ul li { background:none; padding-left:0 !important; margin:0 !important; clear:both; position:relative; padding:0px; z-index:999; } ul.mainmenu li ul li a { border-right:1px solid #666666; border-left:1px solid #999999; display:block; font-size:12px; font-weight:normal; line-height:15px; margin:0 !important; padding:8px 5px 7px 20px; text-transform:none; width:191px; text-decoration:none; } ul.mainmenu li ul li ul { display: none !important; } ul.mainmenu li ul li:hover ul, ul.mainmenu li ul li.over ul { display: block !important; position: absolute; left: 236px; top: 0px; padding: 0; margin:0 !important; list-style-type: none; z-index: 1000; background-color: #D5CAAE; } ul.mainmenu li ul li ul li { background:none; padding-left:0 !important; margin:0 !important; clear:both; z-index:999; } ul.mainmenu li ul li ul li a { background-color:#ECE8DC; border-bottom:1px solid #666666; border-left:1px solid #666666; display:block; font-size:13px; font-weight:normal; line-height:15px; margin:0 !important; padding:8px 5px 8px 15px; text-transform:none; width:180px; text-decoration:none; } /* alt tabs */ #mattblacktabs { width: 100%; overflow: hidden; } #mattblacktabs ul { margin: 0; padding: 0; padding-left: 10px; /*offset of tabs relative to browser left edge*/ font: bold 12px Verdana; list-style-type: none; } #mattblacktabs li { display: inline; margin: 0; } #mattblacktabs li a { float: left; display: block; text-decoration: none; margin: 0; padding: 4px 8px; /*padding inside each tab*/ border-right: 1px solid #666666; /*right divider between tabs*/ color: #333333; background: #EEEEEE; /*background of tabs (default state)*/ margin-right: 2px; } #mattblacktabs li a:visited { color: #999999; } #mattblacktabs li a:hover, #mattblacktabs li.selected a { background: #c3bdb0; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ color:#000000; } a.tab { border-collapse: collapse; border-style: solid solid none solid; border-color: black; border-width: 1px 1px 0px 1px; background-color: silver; padding: 2px 0.5em 0px 0.5em; margin-top: 4px; margin-right: 2px; font-family: arial; text-decoration: none; float: left; } a.tab:hover { border-color: black; background-color: white; } .panelT { height:inherit; margin-top:0px; overflow:auto; padding:4px 10px; } .panel { background-color:#FFFFFF; border:1px solid black; height:300px; margin-top:0px; overflow:auto; padding:4px 10px; margin-bottom:16px; } .panel2 { /*background-color:#FFFFFF; border:1px solid black;*/ height:inherit; margin-top:0px; overflow:auto; padding:4px 10px; margin-bottom:16px; } #panel1 ul li { font-size: 13px; color: #333333; margin-left:15px; } .panel li {list-style-type: square; } .panel ol { list-style-type: square;} #panel5 .left5 { float: left; clear: none; width: 50%; } #panel5 .right5 { float: right; clear: none; } /* #tabs { display: block; float: left; clear: both; } */ /* end alt tabs */ /*shopping start */ .image1 { background-color:#FFFFFF; background-position:left top; background-repeat:repeat-y; /*width:100%;*/ } .hover { background-color:#EEEEEE; } .hover_bigimage img { max-width:400px; width: expression(this.width > 400 ? 400: true); margin-bottom: 5px; border: 1px solid black; } .hover_thumb img { height: 60px; width: 60px; float: left; margin-right: 5px; border-style: none; } .hover_thumb a { border-style: none; } .amount { float:left; margin-top:-5px; margin-right:40px; padding:2px 0px 0px 0px; font-weight:bold; font-size:16px; clear: left; width: auto; } .spProductLabel { float:left; /* margin-top:-5px; margin-right:40px; */ padding:2px 0px 0px 0px; font-weight:bold; font-size:16px; clear: left; width: 90px; } #idProductPrice { margin-top: 3px; float: left; } #idProductSaleLabel { color: red; } #idProductPriceSale { margin-top: 5px; float: left; color: red; } #param_quantity { margin-top: 5px; } .amount { padding-left:10px; } .name, .image { width:100%; } .image img{ height: 100px; border: 1px solid black; margin-top: 3px; width:auto !important; } .name { background-color:#D5CAAE; margin:0 0 0 -4px; padding:4px; } .name a:link { font-size:14px; font-weight:bold; text-decoration:none; color:#333333; } .name a:visited { font-size:14px; font-weight:bold; text-decoration:none; color:#345BA8; } .name a:hover { text-decoration:underline; } /* shopping end */ /*panel1 styling for pirces*/ #productWrapper { border:1px solid #000000; height:330px; } #header01 { margin-bottom: 5px; } #productimages { width: 485px; padding-left: 0px; float: left; margin-left: 0px; /*height: 315px;*/ } #priceBOX { width: 180px; float: right; margin-right: 0px; padding-right: 0px; /*height: 315px;*/ } #itemImage { float:left; height:224px; text-align:center; width:256px; } #itemImage img { text-align:center; border:1px solid #000000; } #itemPricing { float:left; padding-top:10px; height: 300px; } #productimages .image1, #productimages .image2, #productimages .image3, #productimages .image4 { float: left; clear: none; /* padding-right: 10px; */ margin-right: 5px; margin-bottom: 5px; background-color: #EEEEEE; width: 95%; } /* #tabs { display: block; float: left; clear: both; } */ /* end alt tabs */ .prices, .addtocart { color:#333333; font-weight: bold; } .addtocart .frmButton { margin-top: 5px; padding: 3px; } .addtocart fieldset { clear: left; } .addtocart fieldset label { font-size:16px; width: 90px; float: left; } div#mattblacktabs { clear: both; } .style13 { color:#333333; line-height:125%; } /* various styling */ .space { background:transparent; height:12px; } #header01 h1 { padding:5px; background-color:#CCCC99; border:1px solid #000000; margin-bottom:0px; /*background-image: url(../image/89/topBar.jpg);*/ background-repeat: repeat-x; background-position: center top; } .productcontact { background-color: #cccc99; width: 80%; /*font-align:center;*/ color: #000000 !important; margin-top: 70px; padding: 2px 2px 2px 8px; } .carttable { width: 600px; } .carttable table { width: 100%; border: 1px solid #EEEEEE; } .carttable table thead td { font-weight: bold; color: #6060A0; background-color: #CCCCCC; padding: 3px; } .carttable table tbody td.cartTotal { font-weight: bold; } .carttable table tbody td { font-weight: normal; color: #345BA8; padding-top: 3px; } .cartbuttons { margin-top: 15px; } .cartbuttons a { margin-right: 10px; } .cartbuttons input { margin-top: 30px; } .carttable span#sp_subtotal { font-weight: bold; } #p_cart_php { background: #ECE8DC url(../image/89/shopping-cart.png) no-repeat left top; padding-left: 30px !important; width: 206px; } .current { background: #ECE8DC url(../image/89/USA-Flag-30.jpg) no-repeat left top; padding-left: 30px !important; width: 206px !important; font-weight: bold !important; } li li .current { width: 181px !important; } form.searchForm fieldset { color:#000000; border-style: none; padding: 15px 15px 15px 15px; margin: 10px 10px 10px 10px; } form.searchForm fieldset legend { color:#000000; font-size:16px; font-weight:bold; } form.searchForm fieldset label { color:#000000; display:block; float:left; clear:left; font-size:12px; font-weight:bold; line-height:16px; padding-right:5px; text-align:right; width:120px; } form.searchForm fieldset input { border-style:none; color:#000000; float:left; font-size:12px; margin-bottom:2px; padding:2px 5px 2px 2px; width:200px; margin-top: 2px; margin-right: 5px; } form.searchForm fieldset input#param_search_text { border:1px solid #111111; color:#000000; float:left; font-size:12px; margin-bottom:2px; padding:2px 5px 2px 2px; width:200px; margin-top: 3px; margin-right: 5px; } form.searchForm fieldset textarea , form.searchForm fieldset select { border:1px solid #111111; color:#000000; float:left; font-size:12px; margin-bottom:2px; padding:2px 5px 2px 2px; width:200px; margin-top: 3px; margin-right: 5px; } form.searchForm input.frmButton { border:1px solid #111111; clear: left; } #MadeUSA { width: 238px; height: 145px; padding: 5px 0 0 0 !important; margin: 0 !important; background: url(../image/89/Made-In-The-USA-Flag.jpg) no-repeat left top; } #MadeUSA p { padding-top: 40px; padding-left: 70px; width: 150px; /*background: #EE0000;*/ font-weight: bold; } .question { clear: none; float: left; color: #E01; padding-right: 10px; } .answer { clear: none; float: left; color: #E01; padding-right: 10px; } .phneus { width: 230px; padding-left: 10px; }