body { background: #99A989; } ::selection { background: #ffb7b7; /* Safari */ } ::-moz-selection { background: #ffb7b7; /* Firefox */ } * { margin: 0; padding: 0; } a:active { outline:#e1e1e1; } a:focus { -moz-outline-style:none; } #big_container {width: 900px; background-color: #fff; margin: 50px auto; text-align:left; border: 1px solid #01017C; } #top {height: 70px; background-image: url("images/headPatterns.gif"); background-position: center; border-top: 0px ridge #A84E34; border-bottom: 0px solid #A84E34; } #logoArt { position:relative; left: 10px; top: 10px; width:0; height:0; margin:0; padding:0; list-style:none; } #affilDomain { position:relative; left: 12px; top: 16px; width:0; height:0; margin:0; padding:0; list-style:none; } /* top 16 is good */ /* #affilThumb { position:relative; left: 650px; top: -25px; width:0; height:0; margin:0; padding:0; } */ #headerTable { width: 900px; height: 70px; } #content_main { background: #ffffff; } div.copyright { font-family:Arial, Helvetica,Georgia;font-size: 7pt; text-align: center; } #footer {clear: both; margin: 0; padding: .5em; color: #333; background-color: #6987bc; border-top: 1px solid #01017C; border-bottom: 1px solid #01017C; } #newsBox { float: right; width: 150px; height: 150px; font-family: Times, Verdana, Helvetica, sans-serif; font-size: 9px; text-align: left; } #newsInput { font-family: Arial, Sans-Serif; font-size: 11px; background-color: #d6e5f4; width: 80px; border: solid 1px #33677F; } #newsButton { border: 1px solid #006; background: #d6e5f4; font-family: Times, Verdana, Helvetica, sans-serif; } .slide-out-div {padding: 20px;width: 200px;color: #ffffff; background: #272727; } .handle {position:relative; left:-8px; top: 100%;} .slide-out-div p a {padding: 0px; font-family: Arial, Sans-Serif; font-size: 15px; color: #ffffff; }; .slide-out-div hover {padding: 0px; font-family: Arial, Sans-Serif; font-size: 15px; color: orange; }; #inputArea input[type="text"], #inputArea textarea { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; border: solid 1px #85b1de; width: 300px; } #dockHolder { width: 100%; height: 150px; } #smallLogin { font-family: Arial, Sans-Serif; font-size: 11px; background-color: #d6e5f4; width: 45px; border: solid 1px #33677F; } #loginButton { font-family: Arial, Sans-Serif; font-size: 11px; background-color: #d6e5f4; width: 45px; border: solid 1px #33677F; } /*#productBox { font-family: Times, Verdana, Helvetica, sans-serif; background: url(images/back_green-fade.gif) 0 0 repeat-x; font-size: 18px; width: 475px; height: 340px; padding: 15px; background-color:#f4f1e9; border: solid 1px #33677F; } */ #productHeader { background-color: #d0dcb2; border: solid 1px #ffffff; } #productImg { float: left; border: solid 1px #33677F; } #productWrap {margin-top: 10px; padding: 10px; width: 475px; background-color: #fff; border: 1px solid #c0c0c0; } #productTitle { font-family: tahoma, Helvetica,san serif; font-size: 18px; color: #966823; font-weight: bold;} #productTitle a:link { text-decoration: none; color: #966823; font-weight: bold; } #productTitle a:active { text-decoration: none; color: #966823;} #productTitle a:visited { text-decoration: none; color: #966823;} #productTitle a:hover { text-decoration: underline; } #productMinihead h3 {color: #dddddd;} #productMini { font-family: tahoma, Helvetica,san serif; font-size: 11px; color: #966823; font-weight: bold;} #productMini a:link { text-decoration: none; color: #966823; font-weight: bold; } #productMini a:active { text-decoration: none; color: #966823;} #productMini a:visited { text-decoration: none; color: #966823;} #productMini a:hover { text-decoration: underline; } #productFav { float:right; font-family: tahoma, Helvetica,san serif; font-size: 11px; background: url(images/images_pages/plus_16.png) no-repeat; cursor: pointer; color: #669900; font-weight: bold; text-decoration: none; padding: 2px 0px 0px 20px } #productFav a:hover { text-decoration: none;} #productshFav {font-family: tahoma, Helvetica,san serif; font-size: 11px; background: url(images/images_pages/plus_16.png) no-repeat; cursor: pointer; color: #669900; font-weight: bold; text-decoration: none; padding: 2px 0px 0px 20px } #productshFav a:hover { text-decoration: none;} #productShort { font-family: Times, Verdana, Helvetica, sans-serif; font-size: 17px; text-decoration: none; font-weight:normal; font-style:italic; color: #9C2A00; } #productFull { font-family: Times, Verdana, Helvetica, sans-serif; font-size: 14px; text-decoration: normal; font-weight:normal; font-style:normal; color: #000000; } #productPremium { font-family: Times, Verdana, Helvetica, sans-serif; font-size: 16px; text-decoration: none; font-weight:bold; font-style:italic; color: #eda202; } #productLine { width: 450px; color: #000000; height: 1px; float: left; } #affilInfo h3 { text-transform: none; background: url(images/images_pages/address_16.png) 0px 50% no-repeat; padding: 0px 10px 2px 25px; } #affilThought { text-transform: none; background: url(images/images_pages/bubble_16.png) 0px 50% no-repeat; padding: 0px 10px 2px 25px; } #affilMsg h3 { text-transform: none; background: url(images/images_pages/letter_16.png) 0px 50% no-repeat; padding: 0px 10px 2px 25px; } #thTitle h1 { text-transform: none; background: url(images/images_pages/monitor_32.png) 0px 50% no-repeat; padding: 0px 20px 10px 40px; } #error { text-transform: none; background: url(images/images_pages/stop_16.png) 0px 50% no-repeat; padding: 0px 0px 0px 25px; } a#lost { text-transform: none; font-size: 10px; padding: 0px 0px 0px 25px; } /* for register and login */ .userInput { font-family: Tahoma, Geneva, Sans-Serif; font-size: 20px; background-color: #ffffff; width: 200px; height: 30px; padding: 3px; border: 1px solid #c0c0c0; } .userLabels { font-family: Tahoma, Geneva, Sans-Serif; font-size: 16px; font-weight: bold; color: #333333; } .userSubmit { color: #FFFFFF; font-weight: bold; padding: 0px 15px 2px 15px; margin: 20px 0px 20px 0px; border: 0px; cursor: pointer; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } .fieldInput { font-family: Tahoma, Geneva, Sans-Serif; font-size: 12px; background-color: #ffffff; width: 200px; height: 15px; padding: 3px; border: 1px solid #c0c0c0; } .fieldArea { font-family: Tahoma, Geneva, Sans-Serif; font-size: 12px; background-color: #ffffff; width: 250px; height: 125px; padding: 3px; border: 1px solid #c0c0c0; } #grayed {color: #c0c0c0;} #cart_small {font-size: 12px;} #specialContainer { margin: 0px auto; margin-top: 0px; width: 900px; height: 300px;} #specialTable { margin: 0px auto; width: 850px; height: 290px;} #glideTable { width: 80%;} #welcomeTable { margin: 0px auto; width: 500px; padding 15px; border: 0px solid #000;} #mypathWrap { margin: 0px auto; width: 500px; padding 15px; border: 1px solid #e1e1e1;} #mypathWrap td { color: #c0c0c0;} #mypathWrap a:link.title { text-decoration: none; color: #46a2d2; font-size: 27px;} #mypathWrap a:visited.title { text-decoration: none; color: #46a2d2; font-size: 27px;} #mypathWrap a:hover.title { text-decoration: underline; color: #46a2d2; font-size: 27px;} #catTable { margin: 0px auto; width: 720px; height: 140px; border: 0px solid #e1e1e1;} #catTable td { border-bottom: 0px solid #e1e1e1; padding: 22px; } #catImg {float: left; padding: 6px;} #catText { font-family:tahoma, Helvetica,san serif; font-size: 11px; color: #000000; text-align: left; font-weight: normal; text-decoration: none; line-height: 15px; } #catBox { width: 475px; height: 300px; padding: 15px; background-color:#efebdf; } #catPost { font-family: Times, Verdana, Helvetica, sans-serif; font-size: 22px; text-decoration: none; color: #cc6600;} #catPost a { font-family: Times, Verdana, Helvetica, sans-serif; font-size: 22px; text-decoration: none; color: #cc6600;} #specialBox { background: url(images/specialBox.jpg) no-repeat; margin-top: 10px; width: 411px; height: 278px; } #specialTitle { font-family: tahoma, Helvetica,san serif; font-size: 18px; color: #966823; text-align: center; font-weight: bold; text-decoration: none; } #specialDesc { font-family:tahoma, Helvetica,san serif; font-size: 14px; color: #343331; text-align: center; font-weight: normal; text-decoration: none; } #specialEx { font-family:tahoma, Helvetica,san serif; font-size: 13px; color: #000000; text-align: left; font-weight: normal; text-decoration: none; line-height: 15px; } .specialTime { font-family:tahoma, Helvetica,san serif; font-size: 14px; color: #881725; text-align: center; font-weight: normal; text-decoration: none; } #specialImg { float: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #888; border-bottom: 1px solid #888; background-color: #fcfcfc; padding: 4px; } #sideBar { margin-top: 0px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #ffffff; background: url(images/sideBars.jpg) repeat-x; width: 137px; height: 251px; padding: 10px; } #sideBar p { font-size: 45px; font-weight: bold; } #affilBox { margin-top: 0px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #ffffff; width: 275px; height: 200px; padding: 10px; } #affilImg { position:relative; left:-13px; top: -13px; padding:0; list-style:none; } #bannerField { margin: 0px auto; margin-top: 40px; width: 820px; height: 140px; padding: 4px; } /* gray centered large text */ #centerTitle { margin: 0px auto; width: 650px; padding: 13px; text-align: center; font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; font-weight: bold; color:#737373; font-size:20px; } #centerTitle a { margin: 0px auto; width: 650px; padding: 13px; text-align: center; font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; font-weight: bold; color:#737373; font-size:20px; } /* standard block and fonts */ #pageHeader { position:relative; left: 10px; top: 10px; margin-top: 0px; width: 890px; padding: 5px; } #contentBox { margin: 0px auto; margin-top: 15px; width: 820px; padding: 4px; } #contentBox a {text-decoration: none;} #contentBoxBg { background: url(images/content_bg.jpg) no-repeat; } #contentBox { font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; color:#000000; font-size:14px; } #contentBox p { font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; color:#000000; font-size:14px; } #contentBox td { font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; color:#000000; font-size:14px; } #contentBox h1 { font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; color:#000000; font-size:24px;} #contentBox h2 { font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; color:#000000; font-size:22px; } #contentBox ul { list-style-image: url('images/goldDot.gif'); padding: 8px 0px 0px 30px;} #contentBox li {padding: 3px;} /*#contentBox a { font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; color:#000000;} */ #contentBox .note { font-style: italic; color:#656565;} #contentBox #smallTxt { font-size: 9px;} #shopLoc { text-decoration:none; font-size: 16px; color: #0088cc; background: url(images/images_pages/left_16.png) 0px 50% no-repeat; padding: 0px 10px 7px 25px;} #shopLoc:link {text-decoration: none;} #shopLoc:hover {text-decoration: underline;} #shopFea { color: #0088cc; background: url(images/images_pages/label_16.png) 0px 50% no-repeat; padding: 0px 10px 7px 25px; } #shopFea:link {text-decoration: none;} #shopFea:hover {text-decoration: underline;} #shopFul { color: #0088cc; background: url(images/images_pages/briefcase_16.png) 0px 50% no-repeat; padding: 0px 10px 7px 25px; } #shopFul:link {text-decoration: none;} #shopFul:hover {text-decoration: underline;} #shopFav { color: #0088cc; background: url(images/images_pages/heart_16.png) 0px 50% no-repeat; padding: 0px 10px 7px 25px; } #shopFav:link {text-decoration: none;} #shopFav:hover {text-decoration: underline;} #shopSpe { color: #0088cc; background: url(images/images_pages/present_16.png) 0px 50% no-repeat; padding: 0px 25px 7px 25px; } #shopSpe:link {text-decoration: none;} #shopSpe:hover {text-decoration: underline;} #shopCat { color: #0088cc; background: url(images/images_pages/folder_16.png) 0px 50% no-repeat; padding: 0px 25px 7px 25px; } #shopCat:link {text-decoration: none;} #shopCat:hover {text-decoration: underline;} #imgFloat { float: left; width: 150px; padding: 0px 8px} #girlLaptop { position:relative; left: 0px; top: 5px; padding:0; list-style:none; } /* old spacing 35 5 */ /* centered img in the columns */ #colTags { margin-left: 25px; margin-top: 30px; padding: 5px;} #columnFirst { float: left; text-align: left; width: 375px; padding: 10px; display:inline; } #columnFirst a:link { text-decoration: none; color: #0088cc; } #columnFirst a:visited { color: #0088cc; } #columnFirst a:hover { text-decoration: underline; color: #0088cc; } #columnFirst div.hovered a { text-decoration: underline; color: #0088cc; } #columnFirst div.hovered { cursor: pointer; background-color: #fbfbfb; border-color: #aaa;} #columnFirst a.button {padding: 4px 10px 3px 25px; border: solid 1px #8AB134; position: relative; cursor: pointer; display: inline-block; background-image: url( 'images/bkg.png' ); background-repeat: repeat-x;font-size: 11px; height: 16px; width:50px; text-decoration: none; color: #40740D; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;} #columnFirst #prodWrap { width: 400px; font-size: 14px; font-weight:250; } #columnFirst #prodWrap ul { list-style-image: url('images/goldDot.gif'); padding: 8px 0px 0px 30px;} #columnFirst #prodWrap li { padding: 3px;} #columnLast { float: right; text-align: left; width: 375px; padding: 10px; } #columnLast a:link { text-decoration: none; color: #0088cc; } #columnLast a:visited { color: #0088cc; } #columnLast a:hover { text-decoration: underline; } #columnLast div.hovered a { text-decoration: underline; color: #0088cc; } #columnLast div.hovered { cursor: pointer; background-color: #FAFAFA; border-color: #aaa;} #columnLarge { float: left; text-align: left; width: 500px; padding: 10px; background-color: #f6f6f6; border-right: 0px solid #e1e1e1;} #columnLarge a:link { text-decoration: none; color: #0088cc; } #columnLarge a:visited { color: #0088cc; } #columnLarge a:hover { text-decoration: underline;} #columnLarge div.hovered a{ text-decoration: underline; color: #0088cc; } #columnLarge div.hovered { cursor: pointer; background-color: #FAFAFA; border-color: #aaa;} #columnLarge hr { height: 2px; width: 500px;} #columnBig { float: left; text-align: left; width: 500px; padding: 10px; background-color: #f6f6f6; border-right: 0px solid #e1e1e1;} #productWrap a:link.info { text-decoration: none; font-weight: bold; color: #669900; background: url(images/images_pages/info_16.png) no-repeat; cursor: pointer; padding: 2px 20px 0px 20px } #productWrap a:hover.info { text-decoration: underline; } #productWrap a:link.more { text-decoration: none; color: #0088cc; cursor: pointer;} #productWrap a:hover.more { text-decoration: underline; } #button {padding: 4px 10px 3px 25px; border: solid 1px #8AB134; position: relative; cursor: pointer; display: inline-block; background-image: url( 'images/bkg.png' ); background-repeat: repeat-x;font-size: 11px; height: 16px; width:50px; text-decoration: none; color: #40740D; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;} .button img { position: absolute; top: -4px; left: -12px; border: none; } .button:hover { color: #8AB134; } #columnSmall { float: right; text-align: left; width: 260px; padding: 10px;} #columnSmall div.hovered a{ text-decoration: underline; color: green; } #columnSmall div.hovered { cursor: pointer; background-color: #FAFAFA; border-color: #aaa;} .testWrap { margin: 0px auto; width: 367px;} #pageNum { border: 1px solid #e1e1e1; background-color: #f1f1f1; padding: 3px; font-size: 10px; color: red; } #pageLin { border: 1px solid #e1e1e1; padding: 3px; text-decoration: none; font-size: 10px; } #pageLin a { color: #c1c1c1; text-decoration: none;} #wrapComments { width: 350px; height: 100px; background-color: #f1f1f1; padding: 15px; } #wrapComments label {padding: 3px 15px 15px 0px;} #wrapComments input { border: 1px solid #e1e1e1; } #wrapComments textarea { border: 1px solid #e1e1e1; } #wrapDisplay ul {border: 1px solid #f1f1f1;} #wrapMessage {border: 1px solid #e1e1e1; background-color: #f9f9f9; padding: 9px; color: #000000; } #wrapSmall {font-size: 9px; color: #c0c0c0; padding: 3px;} #wrapName {font-weight: bold;} #wrapName { text-transform: none; background: url(images/images_pages/bubble_16.png) 0px 50% no-repeat; padding: 0px 0px 2px 25px; } #wrapAdmin {float: right; font-size: 10px; padding: 3px;} #sideImg { margin-top: 25px; margin-bottom: 25px; width: 350px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #888; border-bottom: 1px solid #888; background-color: #fcfcfc; padding: 4px; } #sideImgNoB { margin-top: 25px; margin-bottom: 25px; width: 350px; border-left: 0px solid #ccc; border-top: 0px solid #ccc; border-right: 0px solid #888; border-bottom: 0px solid #888; background-color: #fcfcfc; padding: 4px; } #videoWrapper {margin: 0px auto; text-align: center; width: 900px;} #videoPlayer a {margin: 0px auto; text-align: center;} #shadow { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #888; border-bottom: 1px solid #888; background-color: #fcfcfc; padding: 4px; } #noteWrap { margin-top: 10px; background: url(images/images_med/note.gif) no-repeat; width: 372px; height: 283px; } #note { margin-top: 50px; text-align: left; width: 250; padding: 32px; } #note p {font-family: Geneva,Helvetica,Verdana,sans-serif; font-style: italic; color:#a22808; font-size:15px; } #note a {font-family: Geneva,Helvetica,Verdana,sans-serif; font-style: italic; color:#a22808; font-size:15px; text-decoration: underline; } #note h2 {font-family: Geneva,Helvetica,Verdana,sans-serif; font-style: italic; color:#a22808; font-size:17px; } #note blockquote { width: 100; font-family: Geneva,Helvetica,Verdana,sans-serif; color:#a22808; font-size:18px; } #note #sig {float: right; font-family: Geneva,Helvetica,Verdana,sans-serif; font-style: italic; font-weight: bold; color:#a22808; font-size:15px; } /* Large testimonials \*/ * html .boxhead h2 {height: 1%;} /* For IE 5 PC */ .sidebox { margin: 0 auto; /* center for now */ width: 434px; /* ems so it will grow */ background: url(images/images_testimonials/large/tbody-r.gif) no-repeat bottom right; font-size: 100%; } .boxhead { background: url(images/images_testimonials/large/thead-r.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .boxhead h2{ background: url(images/images_testimonials/large/thead-l.gif) no-repeat top left; margin: 0; padding: 0px 30px 5px; color: white; font-weight: bold; font-size: 1.2em; line-height: 1em; text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */ } .boxbody { background: url(images/images_testimonials/large/tbody-l.gif) no-repeat bottom left; margin: 0; padding: 5px 30px 70px ; } #boxbody p {font-family: Geneva,Helvetica,Verdana,sans-serif; color: #a22808; font-size:15px; } #boxbody div#sig {float: right; font-family: Geneva,Helvetica,Verdana,sans-serif; font-style: italic; font-weight: bold; color:#a22808; font-size:15px; } /* Large testimonials \*/ * html .sm_boxhead h2 {height: 1%;} /* For IE 5 PC */ .sm_sidebox { margin: 0 auto; /* center for now */ width: 367px; /* ems so it will grow */ background: url(images/images_testimonials/small/sbody-r.gif) no-repeat bottom right; font-size: 100%; } .sm_boxhead { background: url(images/images_testimonials/small/shead-r.gif) no-repeat top right; margin: 0; padding: 0; text-align: center; } .sm_boxhead h2{ background: url(images/images_testimonials/small/shead-l.gif) no-repeat top left; margin: 0; padding: 0px 30px 5px; color: white; font-weight: bold; font-size: 1.2em; line-height: 1em; text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */ } .sm_boxbody { background: url(images/images_testimonials/small/sbody-l.gif) no-repeat bottom left; margin: 0; padding: 5px 30px 60px ; } #sm_boxbody p { font-family: Geneva,Helvetica,Verdana,sans-serif; color: #a22808; font-size:15px; } #shoppingCart { margin: 0px auto; width: 100%;} #shoppingCart td { border-bottom: solid 1px #c0c0c0; padding: 6px; empty-cells:show;} #shoppingCart p {font-size: 12px; } #shoppingCart h3 {font-size: 17px; } #controlPanel { margin: 0px auto; width: 70%; } #controlPanel td { border-bottom: solid 1px #c0c0c0; padding: 10px; empty-cells:show;} #controlPanel td {font-size: 18px; color: #333333; } #controlPanel h3 {font-size: 17px; } /* #shoppingLink a:link {font-size: 12px; } #shoppingLink a:visited {font-size: 12px; } #shoppingLink a:hover {color: #c0c0c0; } #shoppingLink a:active {font-size: 12px; } #shoppingAdd a:link {font-size: 14px; } #shoppingAdd a:visited {font-size: 14px; } #shoppingAdd a:hover {color: #c0c0c0; } #shoppingAdd a:active {font-size: 14px; } */ #theaterWrap {border: 1px solid #e1e1e1; background-color: #fff; padding: 15px;} #theaterWrap h1 {color: #a1a1a1;} /* buttons */ .formbutton { cursor:pointer; border:outset 1px #ccc; background:#999; font-weight:bold; padding: 1px 2px; background:url(images/formbg.gif) repeat-x left top; } .formbutton a:link {color: #666; } .formbutton a:hover {color: green;} .removebutton { cursor:pointer; border:outset 1px #ccc; background:#999; color:#666; padding: 1px 2px; background:url(images/formbg.gif) repeat-x left top; } .removebutton a {font-weight:normal; text-decoration: none;} .removebutton a:link {font-size: 9px; color: #353535; } .removebutton a:visited {font-size: 9px; } .removebutton a:hover {color: red; } .removebutton a:active {font-size: 9px; } .actbutton { cursor:pointer; border:outset 1px #ccc; background:#999; color:#666; padding: 8px; background:url(images/formbg.gif) repeat-x left top; } .actbutton a {font-weight:normal; text-decoration: none;} .actbutton a:link {font-size: 9px; color: #353535; } .actbutton a:visited {font-size: 14px; } .actbutton a:hover {color: black; } .actbutton a:active {font-size: 14px; } /* start slider */ /***** clearfix *****/ .clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearfix {height: 1%;} .clearfix {display: block;} /* Panel Tab/button */ .tab { background: url(images/login/tab_b.png) repeat-x 0 0; height: 42px; /*42*/ position: relative; top: 0; z-index: 999; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 150px; color: white; font-size: 80%; text-align: center; } .tab ul.login li.left { background: url(images/login/tab_l.png) no-repeat left 0; height: 42px; width: 30px; /* old 30 */ padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right { background: url(images/login/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 25px; /* 6 */ display: block; float: left; height: 42px; background: url(images/login/tab_m.png) repeat-x 0 0; } .tab ul.login li a { color: #15ADFF; } .tab ul.login li a:hover { color: white; } .tab .sep {color:#414141} .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; } .tab a.open {background: url(images/login/bt_open.png) no-repeat left 0;} .tab a.close {background: url(images/login/bt_close.png) no-repeat left 0;} .tab a:hover.open {background: url(images/login/bt_open.png) no-repeat left -19px;} .tab a:hover.close {background: url(images/login/bt_close.png) no-repeat left -19px;} /* sliding panel */ #toppanel { position: absolute; /*Panel will overlap content */ /*position: relative;*/ /*Panel will "push" the content down */ top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; } #panel { width: 100%; height: 270px; color: #999999; background: #272727; overflow: hidden; position: relative; z-index: 3; display: none; } #panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #15ADFF; } #panel a:hover { color: white; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; } #panel .content .right { border-right: 1px solid #333; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; } #panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 150px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; } #panel .content input.bt_login { width: 74px; background: transparent url(images/login/bt_login.png) no-repeat 0 0; } #panel .content input.bt_register { width: 94px; color: white; background: transparent url(images/login/bt_register.png) no-repeat 0 0; } #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; } #navbox {width:900px; height:36px; position:relative; margin:0;} .preload1 {background: url(images/nav/blank_over.gif);} .preload2 {background: url(images/nav/blank_overa.gif);} #nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; background: url(images/buttonBack.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left;} #nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/nav/blank.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(images/nav/blank.gif) right top;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(images/nav/blanka.gif) no-repeat right top;} #nav li a.top_link:hover {color:#fff; background: url(images/nav/blank_over.gif) no-repeat;} #nav li a.top_link:hover span {background:url(images/nav/blank_over.gif) no-repeat right top;} #nav li a.top_link:hover span.down {background:url(images/nav/blank_overa.gif) no-repeat right top;} #nav li:hover > a.top_link {color:#fff; background: url(images/nav/blank_over.gif) no-repeat;} #nav li:hover > a.top_link span {background:url(images/nav/blank_over.gif) no-repeat right top;} #nav li:hover > a.top_link span.down {background:url(images/nav/blank_overa.gif) no-repeat right top;} /* Default list styling */ #nav li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ #nav ul, #nav li:hover ul ul, #nav li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} #nav li ul.sub li a.fly {background:#fff url(images/nav/arrow.gif) 80px 7px no-repeat;} #nav li:hover ul.sub li a:hover {background:#3a93d2; color:#fff;} #nav li:hover ul.sub li a.fly:hover {background:#3a93d2 url(images/nav/arrow_over.gif) 80px 7px no-repeat; color:#fff;} #nav li:hover ul li:hover > a.fly {background:#3a93d2 url(images/nav/arrow_over.gif) 80px 7px no-repeat; color:#fff;} #nav li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul, #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;} #shockframe { color:silver; font-weight:bold; border: 2px double #D7A06D; } #borderframe { background: #A6A6A7; border:1px solid gray; } #login { padding: 4px 4px 4px 4px; border-left: 21px solid #D7A06D; border-right: 1px solid #D7A06D; background: #E8C59D; font: bold 8px verdana,helvetica,arial,sans-serif; text-decoration: none; text-align: left; } #contentform { padding: 4px 4px 4px 4px; border-right: 1px solid #D7A06D; background: #E8C59D; font: bold 8px verdana,helvetica,arial,sans-serif; text-decoration: none; text-align: left; } .signup-button { color: #000; background: #fb0; border: 2px #9cf outset } /* #leftcontent { padding: 4px 4px 4px 4px; border-left: 21px solid #D7A06D; border-right: 1px solid #D7A06D; background: #E8C59D; font: bold 12px verdana,helvetica,arial,sans-serif; margin: 0 0 1em 0; text-decoration: none; text-align: center; } */ #header{ font-family: Verdana; color:maroon; font-size:22px; letter-spacing:-2px; word-spacing:3px; } #missing-stuff{ width:100%; position:absolute; top: 150px; left: 0px; } #missing-stuff .missing{ width:800px; margin:0 auto; } .notice{ padding:10px 10px 10px 50px; margin:10px 0; background:url(images/images_pages/information.png) 15px center no-repeat #EEE; border:3px solid #DDD; z-index: 1; }