/* CSS Document */ /* -------------------------------------------------------------- RESET -------------------------------------------------------------- */ html{color:#000;background:#000;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} /*body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/ table {font-size:inherit;font:100%;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* -------------------------------------------------------------- DEFAULTS -------------------------------------------------------------- */ html,body{width:100%;height:100%;} body{font-size:62.5%;background-color:#000;font-family:Georgia, "Times New Roman", Times, serif;overflow:hidden} a{color:#000;} img, div, #logo { behavior: url(/iepngfix.htc) } /* -------------------------------------------------------------- BIG BG Image -------------------------------------------------------------- */ #bg{z-index:0;width:100%;height:100%;position:absolute;overflow:hidden;} #bg div{height:100%;width:100%;left:0%;position:absolute;top:0%;text-align:center;vertical-align:middle;} #bg img{margin:0pt auto;min-height:50%;min-width:50%;} /* -------------------------------------------------------------- LAYOUT -------------------------------------------------------------- */ #header { width:1023px; height:111; background-image:url(img/dev_test.jpg) } #edge { width:100%; height:100%; overflow:auto;z-index:10; position:absolute; } #container { width:880px; left:50%; position:absolute; margin-left:-440px; } .layout-index #hd { height:200px; padding-top:20px;} .layout-index #bd { min-height:300px; height:auto !important; height:300px; background-image:url(img/bg_semi_trans_fff_90.png);color:#333; margin-top:30px; } .layout-index #bd .content-column { float:left; width:250px; padding:0 18px; margin:18px 0; } .layout-index #bd .content-column.middle { border-left:1px dashed #666; border-right:1px dashed #666; } .layout-2col #hd { float:left; padding-top:20px; } .layout-2col #bd { height:auto; float:right; background-image:url(img/bg_semi_trans_fff_90.png); color:#333; margin-top:250px; } .layout-2col #bd .content-column { width:554px; padding:18px; margin:20px 20px 0 20px; } .layout-2col #ft { float:right; background-image:url(img/bg_semi_trans_fff_90.png); width:630px; } .content-column .colX { float:left; width:270px; border-right:1px dashed #666; } .content-column .colY { float:left; width:265px; } #ft { background-image:url(img/bg_semi_trans_fff_90.png)} #ft div.address { font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;font-size:1.2em;color:#666;padding:10px;text-align:center;display:block;height:20px; } #ft div.address span { margin-left:10px; } .layout-2col #ft { margin-left:250px; } .title { background:#8C8C8C; color:#FFF; padding:0 0 4px 7px; } ul.bullets { margin-left:12px; font-size:150%; } ul.bullets li { list-style:disc; padding-bottom:3px; } .textField { width:242px; padding:2px; } .error { color:#FF0000; } #maps { margin-left:20px; } /* -------------------------------------------------------------- NAVIGATION -------------------------------------------------------------- */ #nav-main{border-top:1px solid #fff;border-bottom:1px solid #fff;width:165px;margin:20px 0 20px 0;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;font-size:1.6em;} #nav-main a{color:#000;text-decoration:none;padding:1px;} #nav-main a:hover{color:#fff;background-color:#585858;} #nav-main ul{margin:10px 0 10px 0;} #nav-main ul ul li{ margin-left:2px; } a.morelink {color:#000;text-decoration:none;display:block;;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;font-size:1.3em; padding:3px 0; margin-bottom:18px;} a.morelink:hover{background:#666;color:#fff; padding:3px 0 3px 6px;} /* Subnav */ #subNav { background:url(img/bg_semi_trans_fff_90.png); padding:10px; width:145px; } #subNav h3 { background:#8C8C8C; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:150%; margin-bottom:10px; padding:3px 3px; } #subNav li { font-size:120%; line-height:120%; margin-bottom:10px; } #subNav li a { text-decoration:none; font-weight:bold; } #subNav li a span { font-weight:normal; } #subNav li a:hover { text-decoration:underline; } /* -------------------------------------------------------------- MESSAGE -------------------------------------------------------------- */ #message { position:absolute; right:0; top:0; width:520px; background:#FFF; padding:20px 80px 30px 30px; } #message h2 { font-size:180%; padding-bottom:10px; } #message p { font-size:1.3em; line-height:140%; color:#333333; } #clinicLogo a { background:url(../img/clinicLogo.png); width:39px; height:67px; position:absolute; top:20px; right:20px; display:block; text-indent:-9999px; } /* -------------------------------------------------------------- CONTENT -------------------------------------------------------------- */ #bd .content-column h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:2em;margin-bottom:12px;font-weight:bold; text-align:left; } #bd .content-column h3{font-family:Georgia, "Times New Roman", Times, serif;font-size:1.6em;color:#999;margin-bottom:12px;font-weight:bold} #bd .content-column img{border:2px solid #999;display:block;margin-bottom:12px;} #bd .content-column p{margin-bottom:5px;line-height:160%;font-size:1.3em;} /* p margin-bottom changed by josh 22/06/09 18px - 5px */ #ft a{color:#666;text-decoration:none;} #ft a:hover{color:#000; } .view { color:#A1A1A1; padding-left:10px; text-decoration:none; } .view:hover { text-decoration:underline; } /* -------------------------------------------------------------- emailForm -------------------------------------------------------------- */ #emailForm label { display:block; padding-bottom:2px; font-weight:bold; } #log_res { overflow:hidden; width:140px; } #log_res.ajax-loading { padding: 20px 0; background:url(/img/placeholder/loading.gif) no-repeat center; } .articleSignup .textField { width:140px; font-size:100% } .articleSignup .error { width:155px; padding-bottom:10px; font-size:100% } #emailForm button { background:#8C8C8C; border:0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:130%; padding:3px 6px; cursor:pointer; } /* -------------------------------------------------------------- BRANDING -------------------------------------------------------------- */ h1#logo{background-image:url(/img/oneshoe_logo.png);background-repeat:no-repeat; overflow:hidden; text-indent:-99999px;} h1#logo a { display:block; height:35px; width:169px; } /* -------------------------------------------------------------- CLEAR FLOATS -------------------------------------------------------------- */ .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 */ /*** end clearing hack ***/ /*test incremental backup 1asdasd */