/* Status Furniture v1 - main style doc - (C) 2008 Stork Craft Manufacturing, Inc. */ /* -- Master Styles -- */ * { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li { line-height: 1em; } h1,h2,h3,h4,h5,h6 { font-size: 1em; font-weight: 400; } ul,ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /**/ input:focus, textarea:focus { border: 1px solid #84aaf9; background: #e7f8fb; } .ie_hover { background: #e7f8fb; } .ie_focus { border: 1px solid #84aaf9; background: #e7f8fb; } /* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */ * html .menulist li a { border-width: 0; margin: 0px;} *html #image-style {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="filename.png", sizingMethod="scale");} body, html { height: 100%; margin-bottom: 1px; } body { /*background: url(../images/bkg_body.png) #ffffff;*/ background: #ffffff; font-size: 62.5%; /* 1em = 1px */ font-family: Helvetica, "Lucida Grande", Arial, Verdana, sans-serif; text-align: left; color: #313132; } .clear { clear: both; font-size: .1em; } .Invisiable{ visibility:hidden;} .Visiable{ visibility:visible ;} a { text-decoration: none; } a:link { color: #d95a3b; } a:visited { text-decoration: none; color: #d95a3b;} a:hover { text-decoration: none; } a:active { } img { border: none; } .ToUpper { text-transform: uppercase ; } .Italic{ font-style:italic;} /* ----------------------------------------------------- */ /* ------------------ container --------------------------- */ /* ----------------------------------------------------- */ #container { width: 800px; margin: 0 auto; background: #ffffff; } /* ----------------------------------------------------- */ /* ------------------ HEADER --------------------------- */ /* ----------------------------------------------------- */ #header {height: 142px; background: url(../images/Header.jpg); } #header #logo {float: left;width: 310px;height: 142px;} #header #logo a {display: block;width: 310px;height: 142px;} #header #tool_nav {float: right;width: 488px;height: 26px; font-size: 1.2em;font-weight:bolder;} #header #tool_nav #dealerlogin { width: 225px; padding-top:5px; margin:0 0 0 235px;} #header #tool_nav #Search { position:inherit; float:left; width: 225px; margin-top:4px; vertical-align:text-top;} #header #tool_nav #Search .Searchtext {font-size: 1.0em;font-weight:normal; height:14px; border: solid 2px #EDEDED; margin-left:58px; width:155px;} #header #tool_nav a:link { color: #555; } #header #tool_nav a:visited { color: #555; } #header #tool_nav a:hover { color: #d95a3b; text-decoration:underline; } #header #tool_nav a:active { color: #d95a3b; } /* ----------------------------------------------------- */ /* ------------------ MENU --------------------------- */ /* ----------------------------------------------------- */ #menu { height: 32px;background: url(../images/menu_bkg.png) no-repeat top; } #menu ul {width: 800px;height: 31px;} #menu .menulist, .menulist ul { display: none; position: absolute; list-style: none; } /* All menu items (
  • tags) are relatively positioned (to correctly offset submenus). */ #menu .menulist li { position: relative; } /* Child lists and links */ #nav ul { list-style: none; width: 114px;height: 31px;display: none;} #menu li {float: left;width: 114px;height: 24px; font-size: 1.5em;font-weight:normal; text-align:center;} #menu li a {display: block; width: 114px;height: 24px;background-position: top; color:#bebab2; vertical-align:bottom; padding-top:7px; } #menu li a:hover {background-position: bottom;text-decoration: none;color:#D95A3B; background:#edecea;} /* ********Break the link to the Drop down Menu BEGIN************* */ #menu li#media li {height: 28px;text-align:center;} #menu li#media li a {font-family:Verdana;font-size:12px;font-weight:bolder;padding-top:10px;height: 28px;color: #43739f; background:#f9f6f6;border-left:solid 2px WHITE;border-right:solid 2px WHITE;} #menu li#media li a:hover {color:#D95A3B;background: #e9e9e9;text-decoration:none;border-left:solid 2px #D95A3B;border-right:solid 2px #D95A3B;} /* ********Break the link to the Drop down Menu END************* */ /* ----------------------------------------------------- */ /* ------------------ FOOTER --------------------------- */ /* ----------------------------------------------------- */ #footer {height: 10px; padding: 7px 0; text-align: center; border-top: 1px solid #b3bdcb; } #footer p {font-size: 0.9em;color: #aaa; } #footer a { color: #aaa; } #footer a:hover { color: #d95a3b; } #footLink {height: 10px;padding: 7px 0;text-align: center;} #footLink p {font-size: 0.9em;color: #aaa; } #footLink a { color: #aaa; } #footLink a:hover { color: #d95a3b; } /* ----------------------------------------------------- */ /* ------------------ container --------------------------- */ /* ----------------------------------------------------- */ #detail {background: url(../images/catalog_bkg.png) repeat-y; min-height:600px;} /* -- LANDING -- */ /* -- CONTENT -- */ #content { FONT-FAMILY: Verdana, Arial; width: 545px; min-height:600px; margin: 0 0 0 210px; float: none; } #content h1 {font-size: 2.4em;color: #d95a3b;margin: 15px 0;font-family: "Monotype Corsiva",Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;} #content h3 {font-size: 2em;color: #313132; margin: 15px 0;} #content h2 {font-size: 1.8em;color: #313132;margin: 15px 0;border-bottom: 1px solid #b3bdcb;} #content h4 {font-size: 1.8em;color: #d95a3b;text-align: Left;border-bottom: 1px solid #b3bdcb; padding: 20px 0 3px 10px;margin-right: 5px;} #content h5 {font-size: 1.4em;color: #313132;margin: 15px 0;border-bottom: 1px solid #b3bdcb;} #content p {font-size: 1.1em;color: #313132;line-height: 1.7em;margin: 0 0 15px;} #content ul {margin: 0 0 15px 25px;list-style-type: disc;FONT-FAMILY: Verdana, Arial;} #content li {margin: 0 0 7px 0; font-size: 1.1em;/*color: #666;*/} #content div.BannerDiv { width:500px;} #content div.Articles { FONT-FAMILY: Verdana, Arial;} #content div.gfc-title {font-size: 1.4em; margin: 15px 0 0 3px;} #content div.gfc-results { margin: 0 0 5px 25px; } #content div.gfc-result { margin: 0 0 7px 0; } #content div.gf-title { font-size: 1.1em; } #content ul.Articles { margin: 0 0 5px 25px; list-style-type:none; FONT-FAMILY: Verdana, Arial;} #content ul.Articles li { padding: 3px 0 7px 0; font-size: 1.1em; /*color: #666;*/ } #content ul.Articles li.even { background-color:#e7ebee; } #content ul.Articles li h6 {font-size: 1.4em; color: #313132; margin: 15px 0;border-bottom: 1px solid #b3bdcb;} #content ul.Articles li em.date {color: #313132; } #content ul.Articles li p.description {color: #313132;} #content ul.Articles li p.description a { color: #313132;} #content ul.Articles li p.description a:link { color: #313132; } #content ul.Articles li p.description a:visited { color: #313132; } #content ul.Articles li p.description a:hover { color: #313132; } #content .thumbnail {float: right;width: 140px;height: 190px;} #content .thumbnail img {padding-bottom: 5px;margin-bottom: 5px;border-bottom: 2px solid #b3bdcb;} #content .thumbnail img:hover {border-bottom: 2px solid #d95a3b;} #content .Left {padding:5px;width:380px;} #content table { border:0; width:100%;} #content tr.even { background-color:#e7ebee; } #content td {vertical-align:top;text-align: Left;margin:5px;padding:5px;} #content td h6 {font-size: 1.8em;color: #d95a3b; margin: 0 0 20px 0; padding-top:0;} #content table#mainShow DIV IMG { width:140px; } #content table#mainShow DIV#MainImages IMG { width:490px; Max-height:300px } #content table#mainShow td { position:relative; text-align:center;margin:5px;padding:5px;} #content DIV#ProductCollectionssmall IMG { width:150px; } #content #StatusColors {position:inherit; padding:2px 5px 0 5px; margin-top:75px;} #content #StatusColors IMG {width:790px; height:150px;} /* -- Social Links BEGIN -- */ #content #sLinks {position: inherit;height:35px; padding-top:2px;} #sLinks ul{ position: absolute inherit; width:100%; list-style: none; display: block; padding-left:300px;} #sLinks * { border-bottom: none; } #sLinks li { float:left; width: 48px;height: 32px;} #sLinks li a {display: block; width: 32px;height: 32px;background-position: bottom; } #sLinks li a:hover {background-position: top;text-decoration: none;} #sLinks li#blogs a { background-image: url(../images/links/Blogger.png); } #sLinks li#facebook a { background-image: url(../images/links/Facebook.png); } #sLinks li#twitter a { background-image: url(../images/links/Twitter.png) ; } #sLinks li#linkedIn a { background-image: url(../images/links/Linkedin.png) ; } /* -- Social Links END -- */ /* ----------------------------------------------------- */ /* ------------------ Q and A --------------------------- */ /* ----------------------------------------------------- */ /* -- Q and A BEGIN -- */ #qna h4 {font-size: 1.8em;color: green;text-align: Left;border-bottom:none; padding: 20px 0 3px 10px;margin-right: 5px;} #qna h5 {font-size: 1.4em; font-weight:bold; color: #777777;margin: 15px 0;border-bottom:none;} #qna .Answer{margin:5px 10px 20px 5px; color: #777777; } #qna ul#index{ margin-left:40px;} #qna ul#index li{ list-style-type:decimal; font-size: 1.4em; font-weight:bold;} #qna ul#index a { color: blue; } #qna ul#index a:visited { color: blue; } /* -- Q and A BEGIN -- */ /* ----------------------------------------------------- */ /* ------------------ CATALOG SIDEBAR NAV --------------------------- */ /* ----------------------------------------------------- */ /* -- CATALOG SIDEBAR NAV BEGIN -- */ #sidebar {width: 200px; float: left;display: inline;} #sidebar h1 { display: block; height: 18px; width: 190px; font-size: 2em; padding-top:25px; color: #d95a3b; margin: 0 5px 5px 5px; font-family: "Monotype Corsiva",Helvetica, "Lucida Grande", Arial, Verdana, sans-serif; } #sidebar h1 a { color: #d95a3b;} #sidebar h1 a:link { color: #d95a3b; } #sidebar h1 a:visited { color: #d95a3b; } #sidebar h1 a:hover { color: #d95a3b; } #sidebar h5 {display: block;height: 16px;width: 190px;font-size: 1.2em; border-bottom:solid 1px #C0C9D5;color: #898f91; margin: 0 5px 10px 5px; } #sidebar ul { font-size: 1.0em; color: #333; } #sidebar ul li { display: block; cursor: pointer; } #sidebar ul li.level_1 a {font-size: 1.1em; padding: 5px 0 5px 10px;} #sidebar ul li.level_2 a {font-size: 1.1em; padding: 7px 0 7px 20px;} #sidebar ul li.level_3 a {font-size: 1.1em; padding: 4px 0 4px 30px;} #sidebar ul li.invisible {display:none;} #sidebar ul li.sel a { background: #b3bdcb; font-weight:bold; color: #333; } #sidebar ul li.sel a:visited {color: #333;} #sidebar ul li.sel a:hover { cursor: default; color: #fff; background-color:#345e8c; border: none; text-transform: uppercase ; } #sidebar ul li.level_1 a:hover { cursor: default; color: #fff; background-color:#345e8c; border: none; text-transform: uppercase ; } #sidebar ul li a { display: block;} #sidebar ul li a:link { color: #333; } #sidebar ul li a:visited { color: #333; } #sidebar ul li a:hover { color: #fff; background-color:#345e8c; border-right: 3px solid #b3bdcb; } #sidebar ul li a:active { } /* -- CATALOG SIDEBAR NAV END -- */ /* ----------------------------------------------------- */ /* ------------------ slideshow --------------------------- */ /* ----------------------------------------------------- */ /* -- slideshow BEGIN -- */ .slideshow {position:relative;} .slideshow DIV {position:absolute;top:0;left:0;z-index:8;opacity:0.0;background-color: #FFF;} .slideshow DIV.active {z-index:10; opacity:1.0;} .slideshow DIV.last-active {z-index:9;} .slideshow DIV IMG {display: block;border: 0;margin-bottom: 10px;} #content td td{ height:115px; margin-bottom: 1px;} /* -- slideshow END -- */ #DealerLogo, #WebRetailers { margin-top:30px;} #banner {width: 790px; height: 294px;margin: 5px auto 0;padding-bottom: 5px;border-bottom: 1px solid #b3bdcb;} #features { margin: 0 ;} #features .cluster {width: 170px;float: left;} #features .cluster h1 {display: block;padding: 5px 0;width: 166px;font-size: 1.2em;color: #43739f;border-bottom: 1px solid #b3bdcb;} #features .cluster img {padding: 5px 0 5px;width: 166px;height: 260px;} /* -- Warranty -- */ #features .gray {width: 166px;height:160px;background-color:#f4f4f4;float: left;} #features .gray p {display: block;font-size: 1.1em;line-height: 1.7em;color: #313132;margin: 10px 0 0 15px; } /* 01010100 01001011 00110000 00110111 */