/* CSS Document */ /* * @title: Master.css - CSS 2.1 * @author: Rob Rawlins * @content: 4 Winds Wholesale site style & layout * @Copyright 2005 4 Winds Wholesale Ltd * @Revision: 2.1 */ /**/ body { text-align:center; background-color:#FFF; } /**/ /**/ #header { width: 750px; height: 100px; margin: 0 auto; } #header img { width:750px; margin: 0 auto; } #container { width: 750px; margin: 0 auto; background-color:#FFFFFF; overflow:auto; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } /**/ /**/ #col1 { float: left; width: 70%; margin: 0 auto; } #col2 { float: right; width: 30%; margin: 0 auto; } /**/ /**/ #body-content { text-align: left; margin-top: 15px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } #body-content h1 { color: #333333; font-family: "Trebuchet MS", sans-serif; font-size: 1.1em; letter-spacing: 0.15em; margin-bottom: 0px; } #body-content h1 a { color: #333333; text-decoration: none; } #body-content h1 a:HOVER{ color: #0066B2; text-decoration: none; background-color:#FFFFFF } #body-content h2 { color: #777777; font-size: 0.75em; font-style: italic; font-weight: normal; margin-top: 0px; padding: 0px; } #body-content h3{ background-color: #EFEFEF; font: 80%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-decoration: none; text-align: left; margin: 10px 0px 5px; } #body-content h4{ background-color: #FFF; font: 90%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-decoration: none; text-align: left; } #body-content hr { background-image: url(img/hr-large.gif); } #body-content p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.6em; color: #666666; margin-bottom: 8px; margin-top: 8px; text-align: justify; text-indent: 15px; } #body-content a { font-family: "Trebuchet MS", sans-serif; color:#000099; text-decoration:none; } #body-content a:HOVER { background-color:#E8F3FF} #body-content p.help { font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; background-image: url(img/help.jpg); background-repeat: no-repeat; background-position: left top; width: 100%; padding-left: 35px; } #body-content p.info { font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; background-image: url(img/info.jpg); background-repeat: no-repeat; background-position: left top; width: 100%; padding-left: 35px; } #body-content p.attention { font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; background-image: url(img/attention.jpg); background-repeat: no-repeat; background-position: left top; width: 100%; padding-left: 35px; } #body-content p.error { font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; background-image: url(img/error.jpg); background-repeat: no-repeat; background-position: left top; width: 100%; padding-left: 35px; } #body-content p.success { font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; background-image: url(img/success.jpg); background-repeat: no-repeat; background-position: left top; width: 100%; padding-left: 35px; } #body-content p.note { font: 80%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; background-color: #EFEFEF; border: 1px dashed #CCCCCC; } #body-content p.next { font-size:80%; text-indent:0px; } #body-content p.quote { font: 80%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: center; background-color: #EFEFEF; border: 1px solid #CCCCCC; width: 70%; margin: 0 auto; } #body-content p.important { font: bold 80%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; background-color: #EFEFEF; border: 1px dashed #CCCCCC; } #body-content ul.primary { font: 80%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; text-align: left; list-style-type: square; } #body-content ul.secondary { font: 60%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; color: #666666; text-align: left; list-style-type: circle; text-indent: 20px } #body-content p.productmaster1 { font: 80%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; float: left; color: #000000; width: 100%; text-align: left; text-indent: 0; margin: 0 auto; } #body-content a.productmaster1 { font: 100%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-decoration: none; float: right; color: #000099; text-align: right; text-indent: 0; margin-top: 10px; } #body-content p.productmaster2 { font: 80%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; float: left; color: #000000; width: 100%; text-align: left; text-indent: 0; margin: 0 auto; } #body-content a.productmaster2 { font: 100%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-decoration: none; float: left; color: #000099; text-align: left; text-indent: 0; margin-top: 10px; } #body-content form{ float: right; } #body-content a.body { text-decoration: none; color: #000099; } #body-content a.body:HOVER { text-decoration: none; color: #000099; background-color: #D9ECFF; } /**/ /**/ #pod { background-color: #F2F2F2; width: 200px; margin: 10px auto; border: 1px solid #CCCCCC; } #pod h1 { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #666666; text-align: left; margin: 5px } #pod h1 a { text-decoration: none; color: #333333; width: 100%; } #pod h1 a:HOVER{ color: #0066B2; text-decoration: none; } #pod h2 { font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; text-align: left; margin: 5px } #pod hr { background-color: #000099; height: 1px; width: 80%; } #pod ul.navigation { margin: 0; padding: 0; list-style-type: none } #pod ul.navigation li { font: 90%/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align:left; margin: 0px 1px 0px 0px; padding: 3px 3px 3px 7px } #pod ul.navigation li a { color: #000099; text-decoration: none; } #pod ul.navigation li.sub a { font-size:70%; color: #000099; text-decoration: none; } #pod ul.navigation li a:HOVER { background-color: #E8F3FF; color: #000099; text-decoration: none; } #pod ul.navigation2 { margin: 0; padding: 0; list-style-type: none } #pod ul.navigation2 li { font: 70%/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align:left; margin: 0px 1px 0px 0px; padding: 3px 3px 3px 7px; } #pod ul.navigation2 li a { color: #000099; text-decoration: none; } #pod ul.navigation2 li a:HOVER { background-color: #E8F3FF; color: #000099; text-decoration: none; } #pod a{ text-decoration: none; text-align: left; color: #000099; } #pod p{ text-align: left; padding: 5px; font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; margin: 0 } #pod p.grey{ background-color: #E5E5E5; text-align: left; padding: 5px; font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; } #pod p.ice{ background-color: #D9ECFF; text-align: left; padding: 5px; font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; } #pod img.podimage { width: 200px; margin: 0; } #pod img.navimage { width: 16px; margin-right: 6px; } #pod p.learn-more a{ font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; text-decoration: none; margin-left: 3px } #pod p.learn-more a:HOVER { font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; background-color: #D9ECFF; text-decoration: none; } #pod p.more-info a{ font: bold 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; text-decoration: none; margin-left: 3px } #pod p.more-info a:HOVER { font: bold 110% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; background-color: #E8F3FF; text-decoration: none; } #pod p.news-item a{ font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; text-decoration: none; } #pod p.news-item a:HOVER { font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; background-color: #E8F3FF; text-decoration: none; } #contactpod { background-color: #FFF; width: 200px; margin: 0 auto; } #contactpod h1 { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; color: #666666; text-align: right; text-indent: 3px; margin: 5px } /**/ /**/ /**/ #newspod { background-color: #F2F2F2; width: 200px; margin: 10px auto; border: 1px solid #CCCCCC; } #newspod h1 { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #666666; text-align: left; margin: 5px } #newspod h1 a { text-decoration: none; color: #333333; width: 100%; } #newspod h1 a:HOVER{ color: #0066B2; text-decoration: none; } #newspod h2 { font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; text-align: left; margin: 5px } #newspod hr { background-color: #000099; height: 1px; width: 80%; } #newspod img.podimage { width: 200px; margin: 0; } #newspod p{ text-align: left; padding: 5px; font: 70%/140% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; margin: 0 } #newspod a{ font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; text-decoration: none; } #newspod a:HOVER { font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; background-color: #E8F3FF; text-decoration: none; } #newspod p a{ font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; text-decoration: none; } #newspod p a:HOVER { font: 100% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align: left; color: #000099; background-color: #E8F3FF; text-decoration: none; } /**/ #validationbar { width:750px; margin: 0 auto; } /**/ #commentbar a{ text-decoration: none; color: #000000; } #commentbar a:HOVER{ background-color: #D9ECFF; } #commentbar { width: 750px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 0.6em; color: #666; } /**/ table,td { border: 1px solid #CCC; border-collapse: collapse; font: 90% "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; } table { width: 500px; border: none; border: 1px solid #CCC; margin-bottom: 0.5em; } thead th, tbody th { background: #FEFEFE url(img/th_bck.gif) repeat-x; font: 85% "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #666; padding: 5px 10px; border-left: 1px solid #CCC; } tbody th { background: #fafafb; border-top: 1px solid #CCC; text-align: left; font-weight: normal; } tbody td.brand { font-weight:bold; } tbody tr td { padding: 5px 10px; color: #666; } tbody tr.special { background-color: #E6F2FF; color: #C30; font-size: 85%; } tbody tr.special2 { background-color: #A6D2FF; color: #C30; font-size: 85%; } tbody tr.line { background: #FFF url(img/tr_bck.gif) repeat; font-size: 85%; } form { font-size: 85%; } tbody tr.line { background: #FFF url(img/tr_bck.gif) repeat; font-size: 85%; } tbody tr.line a { text-decoration:none } /* tbody tr:hover { background: #FFF url(../images/common/tr_bck.gif) repeat; } */ tbody tr:hover td { background-color: #EFEFEF; } tbody tr.special:hover td { background-color:#E8F3FF; } tbody tr:hover td.brand { background-color: #FFF; } tfoot td, tfoot th { border-left: none; border-top: 1px solid #CCC; padding: 4px; background: #FFF url(img/foot_bck.gif) repeat; color: #666; } caption { text-align: left; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 100%; padding: 10px 0; color: #666; } table a:link { color: #666; } table a:visited { color: #666; } table a:hover { color: #003366; text-decoration: underline; } table a:active { color: #003366; } #productfeature { } #productfeature h1 { background-color:#EFEFEF; font-size: 90%; } #productfeature img { float: right; } #relateditems { float: right; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #relateditems ul { margin: 0; padding: 0; list-style:none; } #relateditems ul li { font: 80%/120% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align:left; margin: 0px 1px 0px 0px; padding: 3px 3px 3px 7px; } #relateditems ul li.date { font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 60%; font-style: italic; line-height: 120%; color: #999999; } #relateditems ul li a { color: #000099; text-decoration: none; } #caption { font-size:9px; } a img{ border: none; } img.left { float: left; margin: 5px 10px 5px 0px; } img.center { display: block; margin: 0 auto 5px auto; } img.author { margin-top:7px; } img.right { float: right; margin: 0px 0px 0px 0px; }