/************ G E N E R A L L A Y O U T ******************************/ body {margin:0 auto; background: transparent url(../images/ffe_diag.gif) repeat left;} img {border:none;} a {color:#008000; font-weight:bold; text-decoration:none;} a:hover { text-decoration:underline;} em.duke {font-style:normal; color:#1A2354; font-weight:bold; font-size:125%; text-decoration:underline;} em.unc {font-style:normal; color:#6EA4C6; font-weight:bold; font-size:125%; text-decoration:underline;} em.nccu {font-style:normal; color:#670001; font-weight:bold; font-size:125%;text-decoration:underline; } em.logo {font-style:normal; font-weight:bold; font-size:125%; } img#anchor {float:right; border:thick #CCCCCC solid; margin:0 -15px 0 20px; padding:0; height:225px;} /*img.left {float:left; border:thick #CCCCCC solid; margin:0 20px 20px 0;} img.right {float:right; border:thick #CCCCCC solid; margin:0 0 20px 20px;}*/ div#logo img {display:block; border:none;} div#sidebar {float:left; width:270px:} div#container {background: #FFFFFF; font: 87% Verdana, trebuchet MS, Arial, Helvetica, sans-serif; margin:20px; padding:5px; min-width:800px;} /*div#content_body {background: #FFFFFF; font: 80% trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin:20px; padding:5px;} *//** FIX IE7 **/ *+html #container {font-size:82%;} /*** IE6 Fix ***/ * html #container {font-size:82%;} div#content_body {background:#ddd; margin: 0 0 0 275px; } #maincontent { background:#ddd; padding: 10px 20px 0 20px; /*border:1px #FF0000 solid;*//* min-height:650px;*/} /** html #maincontent { padding-right:100px;}*/ div#header {background:transparent url(../images/ffe_h_background.gif) repeat left; height:50px;} .clear {clear:both;} /*********** E N D G E N E R A L L A Y O U T ***********************/ ul#store_hours, ul#store_location { float:left; clear:both;list-style-type: none; text-align: center; width: 245px; overflow: hidden; margin: 30px 0 0 10px; padding:0; font-size:110%;} /*********** N A V I G A T I O N ***********************/ ul#nav {list-style-type: none; text-align: left; width: 240px; overflow: hidden; margin: 30px 0 0 15px; padding:0;} ul#nav li {width: 240px; overflow: hidden; height: 31px; padding: 0; margin: 0; background-position: 0 0;} ul#nav li a {display: block; width: 240px; height: 31px; padding: 0; margin: 0; overflow: hidden; text-decoration: none; position: relative; /*z-index: 1000;*/ text-indent:-5000px;} ul#nav li#home a:hover, ul#nav li#embroidery a:hover, ul#nav li#garment a:hover, ul#nav li#screen a:hover, ul#nav li#signs a:hover, ul#nav li#promo a:hover, ul#nav li#catalogs a:hover, ul#nav li#forms a:hover, ul#nav li#contact a:hover {background-position: 0 -32px; height: 31px;} ul#nav li#home.at a, ul#nav li#embroidery.at a, ul#nav li#garment.at a, ul#nav li#screen.at a, ul#nav li#signs.at a, ul#nav li#promo.at a, ul#nav li#catalogs.at a, ul#nav li#forms.at a, ul#nav li#contact.at a {background-position: 0 -64px; height: 31px;} /*** IE6 Fix ***/ ul#nav li#home.at a:hover, ul#nav li#embroidery.at a:hover, ul#nav li#garment.at a:hover, ul#nav li#screen.at a:hover, ul#nav li#signs.at a:hover, ul#nav li#promo.at a:hover, ul#nav li#catalogs.at a:hover, ul#nav li#forms.at a:hover, ul#nav li#contact.at a:hover {background-position: 0 -64px; height: 31px;} ul#nav li#home {background: url(../images/ffe_nav_home.gif) top left no-repeat;} ul#nav li#home a {background: url(../images/ffe_nav_home.gif) top left no-repeat;} ul#nav li#embroidery {background: url(../images/ffe_nav_embroidery.gif) top left no-repeat;} ul#nav li#embroidery a {background: url(../images/ffe_nav_embroidery.gif) top left no-repeat;} ul#nav li#garment {background: url(../images/ffe_nav_garment.gif) top left no-repeat;} ul#nav li#garment a {background: url(../images/ffe_nav_garment.gif) top left no-repeat;} ul#nav li#screen {background: url(../images/ffe_nav_screen.gif) top left no-repeat;} ul#nav li#screen a {background: url(../images/ffe_nav_screen.gif) top left no-repeat;} ul#nav li#signs {background: url(../images/ffe_nav_signs.gif) top left no-repeat;} ul#nav li#signs a {background: url(../images/ffe_nav_signs.gif) top left no-repeat;} ul#nav li#promo {background: url(../images/ffe_nav_promo.gif) top left no-repeat;} ul#nav li#promo a {background: url(../images/ffe_nav_promo.gif) top left no-repeat;} ul#nav li#catalogs {background: url(../images/ffe_nav_catalogs.gif) top left no-repeat;} ul#nav li#catalogs a {background: url(../images/ffe_nav_catalogs.gif) top left no-repeat;} ul#nav li#forms {background: url(../images/ffe_nav_forms.gif) top left no-repeat;} ul#nav li#forms a {background: url(../images/ffe_nav_forms.gif) top left no-repeat;} ul#nav li#contact {background: url(../images/ffe_nav_contact.gif) top left no-repeat;} ul#nav li#contact a {background: url(../images/ffe_nav_contact.gif) top left no-repeat;} /*********** E N D N A V I G A T I O N ***********************/ /****************** F O O T E R ********************/ div#footer { height:22px; clear:both; font-size:90%; width:100%; position:relative;} div#footer ul {padding-top:5px; list-style: none; text-align:center; font-family:Arial, Helvetica, sans-serif;} /*** IE7 Fix ***/ *+html #footer {padding-top:15px;} /*** IE6 Fix ***/ * html #footer {padding-top:15px;} div#footer ul li {display:inline;} div#footer ul a {color:#000; padding:0 6px; font-weight:bold;} /****************** E N D F O O T E R **********/ #TopFrame { width:550px; height:400px; margin:0 auto; display:block; padding:0; background-color:#dfdfdf; } /** FIX IE7, IE6 **/ *+html #TopFrame {height:410px;} * html #TopFrame {height:410px;} #BottomFrame {width:98%; height:150px; margin:0 auto; padding:0; display:block; background-color:#dfdfdf;} /** FIX IE7, IE6 **/ *+html #BottomFrame {height:160px;} * html #BottomFrame {height:160px;} iframe { border-style:none;} /*div#samples {background-color:#dfdfdf; }*/ div#samples {margin:0;} div#samples div#s_thumbnail {width:120px; height:120px; float:left;} div#samples img {margin:auto; display:block; border:#FFF 4px solid;} div.form-container form p { margin: 0; } div.form-container form p.note { margin-left: 120px; font-size: 90%; color: #333; } div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; } div.form-container form legend { font-weight: bold; color: #666; } div.form-container form fieldset div { padding: 0.25em 0; } div.form-container label, div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; } div.form-container p.label {margin-right: 10px; padding-right: 10px; width: 150px; display: block; text-align: right; position: relative;} div.form-container label.no-float { padding-left:10px; display:inline; float:none;} div.form-container label.long-label {width:200px;} div.form-container label.error, div.form-container span.error { color: #C00; } div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } div.form-container input.error { border-color: #C00; background-color: #FEF; } div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; } div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; } div.form-container div.controlset div { margin-left: 170px; } div.form-container div.buttonrow { margin-left: 180px; } div.form-container form fieldset div.input-group {border:#EEE 1px solid; width:510px; margin: 10px 0; }