/* Global Imprint Warehouse CSS =================================================================================== */ * { margin:0; padding:0;} html { height:100%; } body { margin:0 0; background-color:white; font-size:12px; color:#000; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; height:100%; background:url(../images/iw-body-bg-top-01.jpg) repeat-x; } p { font-size:12px; color:#000; line-height:16px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } p a { color:#000; } #menu-pages a:link { color:#000; text-decoration:none; } #menu-pages a:visited { color:#000; text-decoration:none; } #menu-pages a:hover { color:#c60000; text-decoration:underline; } #menu-pages a:active { color:#c60000; text-decoration:none; } #menu-index a:link { color:#000; text-decoration:none; } #menu-index a:visited { color:#000; text-decoration:none; } #menu-index a:hover { color:#c60000; text-decoration:underline; } #menu-index a:active { color:#c60000; text-decoration:none; } a:link { color:#000; text-decoration:underline; } a:visited { color:#777; text-decoration:underline; } a:hover { color:#c60000; text-decoration:underline; } a:active { color:#fff; text-decoration:underline; } h1 { font-size:12px; font-weight:normal; color:#fff; } h2 { font-size: 12px; font-weight: bold; color: #006; line-height: 10px; } h3 { font-size: 13px; font-weight: bold; color: #603; line-height: 16px; margin-top: 1px; margin-bottom: 10px; } ul { list-style-type:none; font-size:12px; } .error { font-weight:bold; color:red; } form p { color:#e6b135; padding-left:1px; padding-bottom:3px; } form p span { color:#666; font-size:11px;} .pics { height:218px; width:898px; padding:0; margin:0; } .pics img { height:218px; width:898px; padding:0; margin:0; background-color:#000; } .list-left { text-align:right; color:#606; float:left; width:140px; } .list-right { text-align:left; padding-left: 10px; width:250px; float:left; } .textinput01 { padding-left: 2px; padding-bottom: 1px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif; font-size: 12px; border: 1px solid rgb(102,153,102); background-color: #FAFAD2; } #page-wrapper { width:850px; margin:0 auto; border:0px solid black; } #content-wrapper { margin:0 auto; width:850px; overflow:auto; } #body-content { min-height:400px; width:850px; margin:0 auto; background:url(../images/iw-bg-03.jpg) center top repeat-y; } #header { height:185px; margin:0 auto; overflow:visible; position:relative; width:850px; background:url(../images/iw-top-06.jpg) no-repeat center top; } /* CSS Fixes ==================================================================================================== */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display:block; } /* End hide from IE-mac */ /* left column content ====================================================================================== */ #left-content { width:165px; float:left; margin-left:25px; border:0px solid green; } #cc-01 { width:50px; height:96px; background:url(../images/cc-01.jpg); margin-top:30px; margin-left:57px; } /* middle column content ==================================================================================== */ .middle-content { width:410px; float:left; margin-left:23px; margin-top:8px; border:0px solid blue; } .middle-promo-top { width:410px; padding-left:4px; padding-bottom:1px; background-color:#999; text-align:center; color:white; font-weight:bold; border:1px solid black; } .middle-promo-top p { color:white; } .middle-promo-2 { width:394px; padding:8px; padding-top:15px; margin-bottom:20px; text-align:justify; border-top:1px dotted black; } .middle-promo-2 #image-header { margin-top:-18px; float:left; } .title-middle { float:right; position:relative; background-color:#e5e5e5; margin-right:10px; top:-26px; padding-left:6px; padding-right:6px; font-weight:bold; font-size:12px; color:#c60000; } #girl-01 { width:100px; height:129px; border:1px solid black; background:url(../images/girl-01.jpg); float:left; margin-right:10px; margin-bottom:10px; margin-top:9px; clear:both; } #featured-products { margin-bottom:40px; } #woman-thinking { width:100px; height:129px; border:1px solid black; background:url(../images/woman-thinking-01.jpg); float:left; margin-right:10px; margin-bottom:10px; margin-top:10px; clear:both; } #hanes { height:131px; width:150px; border:1px solid black; background:url(../images/hanes-logo.jpg); float:right; margin-top:5px; margin-left:10px; margin-bottom:10px; } #business-card { width:200px; height:114px; border:1px solid black; background:url(../images/business-card-01.jpg); float:left; margin-top:5px; margin-right:10px; margin-bottom:10px; } #image-01 { width:85px; height:85px; float:left; margin-top:8px; margin-right:14px; } #image-02 { width:85px; height:85px; float:left; margin-top:8px; margin-right:14px; } #image-03 { width:85px; height:85px; float:left; margin-top:8px; margin-right:14px; } #image-04 { width:85px; height:85px; float:left; margin-top:8px; } #contact-left { width:100px; text-align:right; float:left; font-weight:bold; } #contact-right { width:280px; text-align:left; padding-left:14px; float:left; } /* right column content ===================================================================================== */ .right-content { width:145px; float:left; margin-left:39px; margin-top:3px; border:0px solid purple; } .right-promo-top { width:145px; text-align:center; padding-bottom:1px; background-color:#999; font-weight:bold; border:1px solid black; } .right-promo-top-2 { width:147px; height:8px; background-color:#aaa; } .right-promo-top p { color:white; } .right-promo-bottom { width:129px; padding:8px; background-color:#f6f5f5; border-top:1px dotted black; border-left:1px dotted black; border-right:1px dotted black; border-bottom:1px dotted black; margin-bottom:20px; text-align:center; } .right-promo-bottom .title { font-weight:bold; text-align:center; color:#c60000; } .right-promo-bottom .title-2 { font-weight:bold; color:#fff; background-color:#aaa; text-align:center; padding:8px; } /* ============================================================================================================== */ #promo { width:264px; position:relative; left:15px; top:10px; margin-bottom:15px; } #promo-head { width:264px; border:1px solid #e6b135; text-align:center; font-weight:bold; background:url(../images/bg-texture-01.jpg); padding-top:1px; padding-bottom:1px; } #promo-head p { font-size:13px; font-weight:bold; } #promo-body { width:244px; text-align:justify; font-weight:bold; padding:10px; margin-bottom:20px; border-left:1px dotted #e6b135; border-right:1px dotted #e6b135; border-bottom:1px dotted #e6b135; background:url(../images/bg-black-01.jpg); } /* Home Page ==================================================================================================== */ #welcome { width:185px; font-weight:bold; position:relative; left:330px; top:123px; display:inline; } #date { width:100px; font-weight:bold; position:relative; left:515px; top:123px; display:inline; } /* All Pages - Footer =========================================================================================== */ #footer { width:850px; height:125px; margin:0 auto; background:url(../images/iw-bottom-04.jpg) no-repeat; clear:both; } #address { width:410px; text-align:center; font-weight:bold; position:relative; left:215px; top:42px; } #questions { width:850px; margin:0 auto; position:relative; top:70px; text-align:center; } #questions p, #questions a { font-size:11px; color:#aaa; } #questions a:hover { color:#000; } #menu-bottom-div { margin:0 auto; text-align:center; } #menu-bottom-div ul { } #menu-bottom-div ul li { display:inline; padding-left:10px; } #menu-bottom-div ul li a { text-decoration:none; } #menu-bottom-div ul li a:hover { text-decoration:underline; color:#e6b135; } #footer-guarantee { text-align:center; color:#e6b135; padding-top:15px; } #footer-guarantee a { text-decoration:none; } #footer-guarantee a:hover {text-decoration:underline; color:#e6b135; }