/* master-how-to.css Stylesheet © 2007-2008, DIYinnovation.com.*//* General css rules */ html {min-height:100%; margin-bottom:1px;} body {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px auto 20px auto; padding:0px; background:#f5f5f5 url('../../../images/backgrounds/page-bg.gif') repeat; color:#333333;} a {color:#4e6d97;} a:link {cursor:pointer;} a:visited {color:#4e6d97;} a:hover {color:#7aa9e8; text-decoration:none;} a:focus {outline:none;} img {border:0px;} form {padding:0px; margin:0px;} p {margin:0px 0px 10px 0px;} input {padding:0px; vertical-align:baseline;} select {padding:0px; vertical-align:baseline; font-size:10px;} th {color:#4c4c4c; background:#25374b url('../../../images/general/titlebg.gif') repeat; text-align:left; padding:2px 0px 1px 10px;} th a {color:#fff; text-decoration:none;} th a:visited {color:#fff;} th a:hover {color:#fff; text-decoration:underline;} th.selector {padding:2px; width:1%;} td.selector {text-align:center;} td {font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:#d6d6d6 1px dotted; padding:2px 0px 1px 10px;} h1, h2, h3, h4, h5 {font-family:Verdana, Arial, Helvetica, sans-serif;} pre {font-family:monospace; font-size:13px;} acronym {cursor:help; font-weight:bold;} strong {font-weight:bold;} em {font-style:italic;} .hiddenText {display:none;} .returnLink {width:100%; margin:10px 0px 20px 0px; text-align:center;} .clear {clear:both; line-height:0pt; font-size:0px;} .textLeft {text-align:left;} .textCenter {text-align:center;} .textRight {text-align:right;} .returnTop {margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #555;} .returnTop a {font-weight:bold;} input.text {background:#fff; color:#062F5B;} textarea {background:#fff; color:#062F5B;} select {background:#fff; color:#062F5B;} input.formButton {background:#3E6793; color:#fff;} /* Error Frame css rules */ #errorFrame {border:1px solid #000; padding:10px 10px 10px 36px; margin:10px 0px 10px 0px; background:#F6F6F6;} .errorMessage {font-weight:bold; font-size:12px; margin:0px;} .errorText {font-weight:normal; font-size:11px; margin:10px 0px 0px 0px;} .errorText p {margin:3px 0px 0px 0px;} /* Menu System css rules */ #diyNav {} #diyNav ul {margin:0px; padding:0px 0px 0px 10px; height:61px; line-height:1; z-index:999; background:url('../../../images/backgrounds/background.gif') repeat-x;} #diyNav a, #diyNav a:hover {text-decoration:none; font-weight:bold; text-transform:none;} #diyNav ul li {margin:0px; padding:0px; position:relative; text-align:center; float:left; display:inline;} #diyNav ul li a {float:left; margin:0px; padding:0px 28px 0px 0px; height:38px; background:url('../../../images/header-nav/button-right.gif') no-repeat right 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666;} #diyNav ul li a span {float:left; padding:22px 0px 0px 28px; height:18px; display:block; cursor:pointer; background:url('../../../images/header-nav/button-left.gif') no-repeat;} #diyNav ul li a:visited {text-decoration:none;} #diyNav ul li a:hover {background-position:right -40px;} #diyNav ul li a:hover span {background-position:0px -40px; color:#353434;} /* Current States (for older headers) */ #diyNav ul li.current a,#diyNav ul li.current a:hover {background-position:right -80px;} #diyNav ul li.current a span,#diyNav ul li.current a:hover span {background-position:0px -80px; padding-top:20px; color:#f5f5f5;} /* second-level lists */ #diyNav li ul { position:absolute; top:38px; left:-999em; margin-left:2px; padding:0px; border-bottom:4px solid #333333; height:auto; background:none; visibility: visible; } #diyNav li ul li {padding:0px; margin:0px; width:100%; border-bottom:1px #818181 solid; text-align:left;} #diyNav li ul li.end {border-bottom:none;} #diyNav li ul li a {font-family:Arial, Helvetica, sans-serif !important; font-size:10px !important; color:#b2b2b2 !important; width:100% !important; height:auto !important; padding:0px !important; margin:0px !important; background:url('../../../images/header-nav/sub-nav-bg-right.jpg') no-repeat right 0px !important;} #diyNav li ul li a, #diyNav li ul li a:hover {font-weight:bold !important; text-transform:none !important;} #diyNav li ul li a span {padding:8px 25px 8px 18px !important; height:auto !important; background:url('../../../images/header-nav/sub-nav-bg-left.jpg') no-repeat !important;} #diyNav li ul li a:hover {background-position:right -42px !important;} #diyNav li ul li a:hover span {background-position:0px -42px !important; color:#7f7f7f;} #diyNav li:hover ul, #diyNav li.sfhover ul {left:0px !important; color:#7f7f7f;} /* Support for the "iehover-fix.js" */ ul.nav iframe {position: absolute; left:-0.25em; top:-0.25em; z-index:-1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);} * html ul.nav li {z-index:201;} select.hide {visibility:hidden;} /* this is for IE 5.0/* End Support for the "iehover-fix.js" *//* #diyNav li:hover, #diyNav li.hover {position:static;} */ /* ##### Fix problem in IE7 *//* Menus */ #aboutTab ul {width:190px;} #plansTab ul {width:200px;} #pressTab ul {width:125px;} #blueprintsTab ul {width:200px;} #freeTab ul {width:180px;} #patentsTab ul {width:200px;} #affiliateTab ul {width:180px;} #articlesTab ul {width:180px;} #advertiseTab ul {width:180px;} #contactTab ul {width:138px;} /* active tab */ #DIYHome li#homeTab a, #DIYAbout li#aboutTab a, #DIYBlueprints li#blueprintsTab a, #DIYContact li#contactTab a, #DIYPress li#pressTab a, #DIYPlans li#plansTab a, #DIYFree li#freeTab a, #DIYPatents li#patentsTab a, #DIYAffiliate li#affiliateTab a, #DIYArticles li#articlesTab a, #DIYAdvertise li#advertiseTab a {background-position:right -40px;} #DIYHome li#homeTab a span, #DIYAbout li#aboutTab a span, #DIYBlueprints li#blueprintsTab a span, #DIYContact li#contactTab a span, #DIYPress li#pressTab a span, #DIYPlans li#plansTab a span, #DIYFree li#freeTab a span, #DIYPatents li#patentsTab a span, #DIYAffiliate li#affiliateTab a span, #DIYArticles li#articlesTab a span, #DIYAdvertise li#advertiseTab a span {background-position:0px -40px; padding-top:22px; color:#333333;} /* active tab hover */ #DIYHome li#homeTab a:hover, #DIYAbout li#aboutTab a:hover, #DIYBlueprints li#blueprintsTab a:hover, #DIYContact li#contactTab a:hover, #DIYPress li#pressTab a:hover, #DIYPlans li#plansTab a:hover, #DIYFree li#freeTab a:hover, #DIYPatents li#patentsTab a:hover, #DIYAffiliate li#affiliateTab a:hover, #DIYArticles li#articlesTab a:hover, #DIYAdvertise li#advertiseTab a:hover {background-position:right -40px;} #DIYHome li#homeTab a:hover span, #DIYAbout li#aboutTab a:hover span, #DIYBlueprints li#blueprintsTab a:hover span, #corpContact li#contactTab a:hover span, #corpPress li#pressTab a:hover span, #DIYPlans li#plansTab a:hover span, #DIYFree li#freeTab a:hover span, #DIYPatents li#patentsTab a:hover span, #DIYAffiliate li#affiliateTab a:hover span, #DIYArticles li#articlesTab a:hover span, #DIYAdvertise li#advertiseTab a:hover span {background-position:0px -40px; padding-top:22px; color:#7f7f7f;} #subNavContainer {padding:5px; margin:0px auto 15px auto; width:840px; background:#ccc; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center;font-family:arial; font-size:12px; color:#b2b2b2;} /* General format rules */ #pageFrame {position:relative; width:992px; padding:0px; margin:0px auto; border-left:1px solid #4c4c4c; border-right:1px solid #4c4c4c;} #pageHeader {position:relative; z-index:2; height:128px; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url('../../../images/backgrounds/header_box_bg.jpg') no-repeat;} #pageBody {position:relative;} /* IE 7 hacks */ *:first-child+html #pageFrame {left:1px;} #pageHeader #logobanner {height:65px;} #pageHeader h1 { position:absolute; top:8px; left:15px; padding:0px; margin:0px; background: url('../../../images/backgrounds/header-bg.jpg') no-repeat; visibility: visible; } #pageHeader h1 a {display:block; width:321px; height:74px;} #pageHeader #PlanPatentSearch { position:absolute; top:30px; right:25px; background:url('../../../images/backgrounds/plan-patent-search-bg.gif') no-repeat; height:29px; visibility: visible; } #pageHeader #PlanPatentSearch input {margin:4px 0px 0px 5px; width:180px; border:none; background:none; margin-right:8px; font-size:11px; color:#666666; float:left;} #pageHeader #PlanPatentSearch a {margin:-1px 0px 0px 0px; padding:5px 4px; float:left; height:20px; line-height:20px; text-align:center; font:10px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url('../../../images/search-button.gif') no-repeat;} #pageHeader #PlanPatentSearch input.on {color:#333333;} #pageHeader #PlanPatentSearch input.off {color:#666666;} #pageFooter p {margin:0px 0px 8px 0px;} #pageFooter .agreement {float:right; padding-left:20px; padding-right:15px;} #pageFooter .contact {float:left; padding-left:15px; padding-right:15px;} #pageFooter .copyright {float:right; padding-right:15px; font-size:10px; color:#666;} #pageFooter a {color:#369; text-decoration:none;} #pageFooter a:hover {color:#a4b4ca; text-decoration:underline;} /* breadcrumbs */ #crumbline {position:relative; padding-left:11px;} #crumbline #crumbframe {padding:4px 0px 10px 204px; font-size:11px; color:#333;} #crumbline #crumbframe a {color:#369; text-decoration:none; background:url('../../../images/icons/breadcrumb.gif') right 4px no-repeat; padding-right:10px; margin-right:5px;} #crumbline #crumbframe a:hover {color:#333333; background-color:#e2e7ee; text-decoration:none;} /* mini menu */ #minimenu { position:absolute; top:99px; right:-1px; z-index:3000; background:url('../../../images/backgrounds/toprightnavback.jpg') no-repeat; width:232px; padding-right:0px; } #minimenu #minimenuframe {padding:2px 8px 5px 8px; font-size:11px; color:#646b72; border:solid 0px #646b72;} #minimenu #minimenuframe a {color:#999999; text-decoration:none; padding:5px 5px 5px 5px; margin-right:0px;} #minimenu #minimenuframe a:hover {color:#666666; background-color:#d7d8d3; text-decoration:none;} /* cart menu */ #cartmenu {position:absolute; top:36px; right:1px; z-index:3000; background:url('../../../images/backgrounds/') no-repeat; width:256px; padding-right:0px;} #cartmenu #cartmenuframe {padding:2px 35px 2px 28px; float:right; font-size:11px; color:#646b72; border-top:solid 0px #646b72;} #cartmenu #cartmenuframe a {color:#999999; text-decoration:none; padding:5px 5px 5px 5px; margin-right:0px;} #cartmenu #cartmenuframe a:hover {color:#b2b2b2; background-color:#333333; text-decoration:none;} /* cart menu */ #accountmenu {position:relative; top:5px; right:1px; z-index:3000; width:188px; padding-right:0px;} #accountmenu #accountmenuframe {padding:1px 0px 1px 11px; font-size:11px; color:#646b72; border-top:solid 0px #646b72;} #accountmenu #accountmenuframe a {color:#262d34; text-decoration:none; padding:1px 1px 1px 1px; margin-right:0px;} #accountmenu #accountmenuframe a:hover {color:#333333; background-color:#e2e7ee; text-decoration:none;} #guaranteeseal {position:absolute; top:2px; right:1px; z-index:2900; background:url('../../../images/guaranteeseal.jpg') no-repeat; width:98px; height:98px; padding-right:10px;} #guaranteeseal #guaranteesealframe {padding:0px 0px 0px 0px; font-size:11px; color:#646b72; border-top:solid 0px #646b72;} #guaranteeseal #guaranteesealframe a {color:#262d34; text-decoration:none; padding:1px 1px 1px 1px; margin-right:0px;} #guaranteeseal #guaranteesealframe a:hover {color:#333333; background-color:#e2e7ee; text-decoration:none;} /* Page Title */ h2.pageTitle {font-size:14px !important; color:#333333 !important;} /* Single Column Template */ #singleColumnLayout {position:relative; left:0px; top:0px; width:100%; background:#fff url('../../../images/backgrounds/wrapper-background.gif') repeat-y; border-bottom:1px solid #8d8d8d;} #singleColumnLayout #leftSidebar {position:relative; float:left; width:192px; margin:0px; padding:0px; z-index:1;} #singleColumnLayout #leftColumn {position:relative; float:left; width:800px; margin-left:-1px; padding:0px; z-index:1;} /* Single Column Template Class With No SideBar */ #singleColumnLayout.noSidebar #columnsFrame {position:relative;} #singleColumnLayout.noSidebar #columnsFrame .content {position:relative; padding:20px 20px 40px 20px;} #singleColumnLayout.noSidebar #leftSidebar {display:none;} #singleColumnLayout.noSidebar #leftColumn {width:992px;} /* One Column Template */ #oneColumnLayout {position:relative; left:0px; top:0px; width:100%; background:#fff url('../../../images/backgrounds/body-oneColumn-background.gif') repeat-y; border-bottom:1px solid #8d8d8d;} #oneColumnLayout #leftSidebar {position:relative; float:left; width:190px; padding-bottom:20px; background:#f5f5f5 url('../../../images/left-nav/leftSidebar.gif') repeat-x;} #oneColumnLayout #leftSidebar h2 {font-size:13px; color:#fff; margin:0px; padding:0px;} #oneColumnLayout #columnsFrame {position:relative; float:left; left:13px; width:801px; margin-left:-1px; padding:0px;} #oneColumnLayout #leftColumn {position:relative; float:left; width:799px; z-index:1;} #oneColumnLayout #leftColumn .content {font-size:12px; margin:6px 20px 0px 10px;} #oneColumnLayout #leftColumn h2 {font-size:150%; font-weight:bold; margin:0px 0px 4px 0px; padding:0px;} #oneColumnLayout #leftColumn h3 {font-size:110%; margin:0px; padding:0px;} #oneColumnLayout #leftColumn h4 {font-size:100%; margin:10px 0px 0px 0px; padding:0px;} #oneColumnLayout #rightColumn {display:none;} /* One Column Template With No SideBar */ #oneColumnLayout.nosidebar {width:992px; background-image:none;} #oneColumnLayout.nosidebar #columnsFrame {width:992px; left:1px;} #oneColumnLayout.nosidebar #leftColumn {width:760px; margin-right:10px;} #oneColumnLayout.nosidebar #rightColumn {display:block; float:left; width:200px;} #oneColumnLayout.nosidebar #rightColumn .content {margin-top:30px;} /* Two Column Template */ #DoubleColumnLayout {position:relative; left:0px; top:0px; width:100%; background:#f5f5f5 url('../../../images/backgrounds/body-twoColumn-background.gif') repeat-y; border-bottom:1px solid #8d8d8d;} #DoubleColumnLayout #leftSidebar {position:relative; float:left; width:190px; padding-bottom:20px; background:#ffffff url('../../../images/left-nav/leftSidebar.gif') repeat-x;} #DoubleColumnLayout #leftSidebar h2 {font-size:13px; color:#fff; margin:0px; padding:0px;} #DoubleColumnLayout #columnsFrame {position:relative; float:left; left:3px; width:801px; margin-left:-2px; padding:0px;} #DoubleColumnLayout #leftColumn {position:relative; float:left; width:559px; z-index:1;} #DoubleColumnLayout #leftColumn .content {font-size:12px; margin:0px 20px 20px 25px;} #DoubleColumnLayout #leftColumn h2 {font-size:150%; font-weight:bold; margin:0px 0px 4px 0px; padding:0px;} #DoubleColumnLayout #leftColumn h3 {font-size:110%; margin:0px; padding:0px;} #DoubleColumnLayout #leftColumn h4 {font-size:100%; margin:0px; padding:0px;} #DoubleColumnLayout #rightColumn {position:relative; float:left; left:2px; width:242px; z-index:0;} #DoubleColumnLayout #rightColumn .content {font-size:12px; padding:5px 10px 7px 0px; margin-bottom:15px;} #DoubleColumnLayout #rightColumn h2 {font-size:14px; margin:0px; padding:0px;} /* Two Column Template With No SideBar */ #DoubleColumnLayout.noright {background:#fff url('../../../images/backgrounds/body-oneColumn-background.gif') repeat-y;} #DoubleColumnLayout.noright #bothColumn {padding:0px 0px 20px 25px; } /* Wrapper Template */ #wrapper {position:relative; left:35px; top:0px; width:87%; background:#fff url('../../../images/backgrounds/wrapper-background.gif') repeat-y; border:1px solid #d6d6d6;} #wrapper #head {padding-left:20px;} #wrapper .content {padding:20px 20px 20px 20px; color:#333; background:#fff;} #wrapper h1 {font-size:16px; font-weight:bold; margin:0px 0px 10px 0px; padding:0px;} #wrapper h2 {font-size:13px; margin:0px 0px 10px 0px; padding:0px;} /* Left sidebar Nav Rules */ #leftSidebar #leftNav {margin:0px 0px 20px 7px; background:url('../../../images/left-nav/background.gif') repeat-y;} #leftSidebar #leftNav .last {position:relative; background:url('../../../images/left-nav/background-bottom.gif') bottom left no-repeat; padding-bottom:6px;} #leftSidebar #leftNav h2 {margin:0px; padding:0px;} #leftSidebar #leftNav h2 span {display:none;} #leftSidebar #leftNav ul {margin:10px 0px 10px 0px; padding:0px; list-style:none;} #leftSidebar #leftNav li {position:relative; margin:0px 0px 0px 4px; padding:1px 10px 1px 18px; background:url('../../../images/icons/arrowbullet.png') 2px 2px no-repeat;} #leftSidebar #leftNav li a {font-size:11px; color:#369; text-decoration:none;} #leftSidebar #leftNav li a:hover {text-decoration:none; color:#191919; background:#e2e7ee;} /*// Footer //*/ #DIY-footer-border { clear:both; background: #FFF url(../../../images/backgrounds/footer-bg.jpg) repeat-x left top; width: 100%; background-color: #312E2E; margin: 0px auto; padding: 0px 0px 5px 0px; text-align: center; } #DIY-footer { clear:both; width: 970px; padding: 15px 0px 0px 15px; margin: 0px auto; text-align: left; } #DIY-copyright { width: 242px; float: left; padding-top: 4px; border-right: 1px solid #615E5E; } #How-To-Plans { width: 367px; float: left; border-right: 1px solid #615E5E; padding: 4px 20px 0px 20px; } #Patent-Modules { width: 299px; float: right; padding: 4px 0px 0px 20px; } #Homemade-Plans { clear:both; width: 955px; border: 1px solid #615e5e; padding: 5px 0px 2px 10px; } #Footer-DIY-Navigation { clear:both; width: 955px; border-bottom: 0px solid #615e5e; padding: 5px 0px 5px 0px; } * html div#Patent-Modules { width: 299px;} #DIY-footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8E8C8C; } #DIY-footer a:link { color: #C3C2C2; text-decoration: none; } #DIY-footer a:active { color: #C3C2C2; text-decoration: none; } #DIY-footer a:visited { color: #C3C2C2; text-decoration: none; } #DIY-footer a:hover { color: #f5f5f5; background-color:#3c516c; text-decoration: none; } .middlebox { background:#FFFFFF url(../../../images/backgrounds/middlebox-bg.gif) repeat-x scroll left top; border:1px solid #DADADA; margin-bottom:6px; margin-top:10px; padding: 0px 10px 0px 10px; width:490px; position:relative; float:left; left:1px; } .middlebox h1 { font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-size: 18px; color: #e85f15; font-weight: bold; padding: 10px 15px 0 15px; } .middlebox h2 { font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size: 16px; color: #898585; font-weight: bold; padding: 0px 15px 0 15px;} .middlebox p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #312E2E; padding: 10px 15px 10px 15px;} .middlebox ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #312E2E; padding: 0px 15px 10px 25px;} .middlebox-case { width: 231px; border: 0px; background-color: #312E2E; margin-bottom: 6px;} .middlebox-case h1 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 14px; color: #FFF; font-weight: bold; padding: 10px 15px 0 15px; } .middlebox-case table tr td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; padding: 2px 2px;} .middlebox-case table tr td a { color: #FFF; } .doityourselfplansbox { background:#FFFFFF url(../../../images/backgrounds/middlebox-bg.gif) repeat-x scroll left top; border:1px solid #d6d6d6; margin-bottom:6px; margin-top:10px; padding: 0px 10px 0px 10px; width:745px; position:relative; float:left; left:1px; } .doityourselfplansbox h1 { font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-size: 18px; color: #e85f15; font-weight: bold; padding: 10px 15px 0 15px; } .doityourselfplansbox h2 { font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size: 16px; color: #898585; font-weight: bold; padding: 0px 15px 0 15px;} .doityourselfplansbox p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #312E2E; padding: 10px 15px 10px 15px;} .doityourselfplansbox ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #312E2E; padding: 0px 15px 10px 25px;} .doityourselfplansbox-case { width: 231px; border: 0px; background-color: #312E2E; margin-bottom: 6px;} .doityourselfplansbox-case h1 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 14px; color: #FFF; font-weight: bold; padding: 10px 15px 0 15px; } .doityourselfplansbox-case table tr td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; padding: 2px 2px;} .doityourselfplansbox-case table tr td a { color: #FFF; } .subscribebox { background:#333333 url(../../../images/banners/DIY_breed_banner2.jpg) no-repeat; border:0px solid #FF0000; margin-bottom:6px; margin-top:-0px; padding: 0px 10px 0px 10px; width:748px; height:217px; position:relative; float:left; left:1px; } .subscribebox h1 { font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-size: 18px; color: #e85f15; font-weight: bold; padding: 0px 3px 3px 3px; } .subscribebox h2 { font-family: Arial, Helvetica, sans-serif; line-height: 17px; font-size: 15px; color: #898585; font-weight: bold; padding: 0px 15px 0 15px;} .subscribebox p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; color: #f5f5f5; padding: 0px 15px 10px 15px;} .subscribebox ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #f5f5f5; padding: 0px 15px 10px 25px;} .subscribebox-info { width: 232px; border: 0px; background-color: #312E2E; margin-bottom: 6px;} .subscribebox-info h1 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 14px; color: #FFF; font-weight: bold; padding: 10px 15px 0 15px; } .subscribebox-info table tr td { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; padding: 2px 2px;} .subscribebox-info table tr td a { color: #FFF; } .style1 { color: #ff0000; font-style: italic; font-weight: bold; } .style2 {color: #333333} .style6 { color: #ffffff; font-family: "Courier New", Courier, monospace; font-size: 17px; background-color: #333333; border: solid 1px; padding: 2px 40px 2px 40px; } .style7 { font-size: 20px; color: #cd1411; } .style8 { color: #e85f15; font-weight: bold; } .style10 {font-size: 10px; } .style11 {font-size: 11px} .style12 { color: #818181; font-family: tahoma; font-size: 10px; text-decoration: none; } .style13 {color: #90ba35} .style14 {color: #818181} .style15 { color: #f5f5f5; font-family: "Courier New", Courier, monospace; font-size: 16px; background-color: #333333; border: solid 1px; padding: 0px 5px 0px 5px; } .style16 { font-size: 16px; color: #cd1411; } #DIYHome .formContainer {background:#FFFFFF url(../../../images/banners/DIY_breed_banner2.jpg) no-repeat; border:0px solid #FFFFFF; margin-bottom:6px; margin-top:10px; padding: 0px 10px 0px 10px; width:748px; height:219px; float: left; clear:both; } #DIYHome .formContainer fieldset {padding:20px 15px 15px 22px; margin:0 0 15px 0; font-size:12px; border:0px solid;} #DIYHome .formContainer fieldset.buttons {float:left; padding:3px 0px 10px 15px; margin-top:-15px;} #DIYHome .formContainer h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0px 0px 5px 0px !important; padding:0px !important;} #DIYHome .formContainer h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px !important; margin:0px 0px 5px 0px !important; padding:0px !important;} #DIYHome .formContainer p {margin:10px 0px; padding:0px;} #DIYHome .formContainer .buttons p {margin:0px 0px 10px 0px;} #DIYHome .formContainer label {float:left; width:35px; margin:2px 5px 5px 0px; padding:0px; text-align:right;} #DIYHome .formContainer div {margin-bottom:5px; clear:both;} #DIYHome .formContainer div p {margin:2px 0px 15px 0px;} #DIYHome .formContainer select {border:1px solid; margin:0px 0px 0px 2px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-indent:1px;} #DIYHome .formContainer .textbox {border:2px solid #c29204; background-color: #e5e5e5; margin:0px 2px; padding:3px 5px; width:165px; font-family:Arial, Helvetica, sans-serif; font-size:13px;} #submit-go { margin-top:.3em; width:222px; height:22px; text-indent:-9999px; overflow:hidden; border:0; background:url(../../../images/submit-subscribe.jpg) no-repeat 0 0; display:block; cursor:pointer !important; cursor:hand;} #DIYHome .content a {color:#46537f !important;} #DIYHome .formContainer {width:748px; height:219px; background:#ffffff url('../../../images/banners/DIY_breed_banner2.jpg) no-repeat;} #DIYHome .formContainer fieldset {border-color:#fff; color:#fff; background:#ffffff;} #DIYHome .formContainer fieldset.buttons {background:none; border:none;} #DIYHome .formContainer h2 {color:#ffffff !important;} #DIYHome .formContainer h3 {color:#ffffff !important;} #DIYHome .formContainer label {color:#f5f5f5;} #DIYHome .formContainer input {color:#333333;} #DIYHome .formContainer .textbox {border-color:#f5f5f5;}