/* Description: GT Florist Supplies Version: 1.0 1. RESETS 2. 960 GRID 3. GENERIC 4. TEXT 5. STYLES 6. BUTTONS 7. NAVIGATION 8. PNG Support in IE (CSS Only) 9. FORM(s) */ /* 1. RESETS ----------------------------------------------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* 2. 960 GRID ----------------------------------------------------------------------------------------------------*/ .container_contentpos {margin-left: -485px; position: absolute; left: 50%; width: 970px; visibility: visible;} .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px;background: #fff}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* 3. GENERIC ----------------------------------------------------------------------------------------------------*/ body {color: #333333; font:11px/1.5 arial,sans-serif; padding: 0; margin: 20px 0 0 0;background-color: #f2f2f2;} .debug {border: 1px red solid;} .white_bg {background: #FFF;} .grey_bg {background: #999;} /* alignment */ .fr {float: right;}.fl {float: left;}.al {text-align: left;}.ar {text-align: right;}.ac {text-align: center;margin: 0 auto;} /* border */ .bn {border: 0;} /* padding */ .pn{padding: 0;}.mn{margin: 0;}.mnl{margin-left: 0;}.mnr{margin-right: 0;}.mnt{margin-top: 0;}.mnb{margin-bottom: 0;} .p10{padding: 10px;}.p20{padding: 20px;}.p30{padding: 30px;} .pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt20{padding-top: 20px;}.pt30{padding-top: 30px;}.pt40{padding-top: 40px;}.pt50{padding-top: 50px;} .pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr20{padding-right: 20px;}.pr30{padding-right: 30px;}.pr40{padding-right: 40px;} .pb10{padding-bottom: 10px;}.pb20{padding-bottom: 20px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom: 40px;}.pb50{padding-bottom: 50px;} .pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl20{padding-left: 20px;}.pl25{padding-left: 25px;}.pl30{padding-left: 30px;}.pl40{padding-left: 40px;}.pl50{padding-left: 50px;}.pl100{padding-left: 100px;} /* margin */ .mt10{margin-top: 10px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;} .mr10{margin-right: 10px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr40{margin-right: 40px;}.mr50{margin-right: 50px;} .mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}.mb50{margin-bottom: 50px;} .ml10{margin-left: 10px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}.ml50{margin-left: 50px;} /* 4. TEXT ----------------------------------------------------------------------------------------------------*/ a:focus{outline:1px dotted invert} hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0; padding: 10px;} h1{font-size:18px; padding-top: 20px; color: #001D50;border-bottom: 1px dotted #77778A;} h2{font-size:14px; color: #001D50; padding-top: 20px;} h3{font-size:12px; color: #666666;} h4{font-size:12px; color: #333333;} h5{font-size:12px; color: #333333;} h6{font-size:12px; color: #333333;} ol{list-style:decimal} ul{list-style:square} li{margin-left:0} .ln {list-style: none;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:0} p {font-size: 12px; line-height: 20px; padding-bottom: 20px; } sup {font-size: 9px;font-weight: 300;vertical-align:20px;} em {font-weight: 600; font-style: italic;} .intro {padding-top: 20px;font-size: 14px; color: #001d50;} ul.alpha-list {padding-bottom: 10px;} .alpha-list {list-style-position: inside;list-style-type: lower-alpha; padding-left: 20px;} a:link {color: #77778a;text-decoration: none;} a:visited {color: #77778a;} a:hover {color: #001d50;} a:active {color: #001d50;} /* body#centercolumn a:link,#centercolumn a:visted {color: #001d50; font-weight: 600;text-decoration: none; border-bottom: 1px dotted #001d50;} body#centercolumn a:hover,#centercolumn a:active {color: #77778a;border-bottom: 1px dotted #001d50;text-decoration: none;} */ a.footerlink {text-decoration: none; color: #999999;} a.footerlink:hover {text-decoration: none; color: #999999; text-decoration: underline;} /* 5. STYLES ----------------------------------------------------------------------------------------------------*/ #message-area {background: #275886; color: #FFF; font-weight: 700} #message-area p {padding: 5px 0 10px 20px; text-transform: uppercase} #message-area img {padding: 0 10px 0 140px;} #top-menu {height: 20px; padding: 5px 0 5px 0; background: #b8cc33 url(../images/top-menu-bg.gif) repeat-x 0 0; color: #001d50; font-weight: 700} #top-menu ul {padding-right: 20px; text-transform: uppercase; float: right} #top-menu ul li {float: left; list-style: none; margin-right: 20px;} #top-menu ul li a:link,#top-menu ul li a:visited {color: #001d50;font-size: 11px;} #top-menu ul li a:hover,#top-menu ul li a:active {color: #77778a;} #top-menu p {padding-right: 20px; text-transform: uppercase; text-align: right} #top-menu ul li.nav-highlight {border-bottom: 1px dotted #929a08;} #top-menu ul li.smallgap {margin: 0; padding-right: 3px;} #logo-header {height: 121px; padding: 0; background: #001d50 url(../images/header-bg.jpg) no-repeat top right; color: #FFF} #search-header {padding-top: 45px; color: #FFF} /* #search-header input {padding-top: 2px; color: #a9a9b9; font-weight: 700; font-size: 14px; font-family: Arial;text-transform: uppercase;} */ #breadcrumb {height: 20px; padding: 5px 0 5px 0; background: #77778a; color: #fff} #breadcrumb p {padding:0 0 5px 20px} #breadcrumb a:link, #breadcrumb a:visited {color: #bac405;} #breadcrumb a:hover, #breadcrumb a:active {color: #fff;} #centercolumn {font-size: 12px;} #centercolumn ul {list-style-position: inside;} #centercolumn li {border-bottom: 1px dotted #D9D9DD;margin-bottom: 3px;padding-bottom: 3px;} .mainmidcol {padding-top: 20px; margin-top: 20px;} #footer {height: 20px; margin: 20px 0 10px 10px; padding: 5px 0 5px 0; background: #001d50;font-size: 10px; color: #fff; border-bottom: 3px solid #bac405;} #footer p {padding-left: 20px} #footer ul {float: left; list-style: none;} #footer ul li {float: left; padding-right: 20px;} #footer ul li a:link,#top-menu ul li a:visited {color: #001d50;font-size: 11px;display: block;} #footer ul li a:hover,#top-menu ul li a:active {color: #275886;} fieldset.search { border:none; width:263px; margin:0; background: transparent;padding: 0; } .search input,.search button { border:none; float:left; } .search input.box { color: #77778a; font-weight: 700; font-size: 14px; font-family: Arial;text-transform: uppercase; width:190px; height:30px; padding:8px 5px 0; background:#616161 url(/includes/templates/sundries/images/search_bg.png) no-repeat; margin-right:5px; } .search input.box:focus { background:#616161 url(/includes/templates/sundries/images/search_bg.png) no-repeat left -38px; outline:none; } .search button.btn { width:38px; height:38px; cursor:pointer; text-indent:-9999px; background: url(/includes/templates/sundries/images/search_bg.png) no-repeat top right; } .search button.btn:hover { background:#fbc900 url(/includes/templates/sundries/images/search_bg.png) no-repeat bottom right; } /* 6. BUTTONS ----------------------------------------------------------------------------------------------------*/ #button-link {width:50px; height:25px; text-decoration:none;display:block; background-image:url(../images/btns/xxx.gif); background-position:0 0;} #button-link:hover,#button-link:active {background-position: 50px 0;} /* 7. NAVIGATION setup/styles ----------------------------------------------------------------------------------------------------*/ /* -- sub navigation -- */ /* 8. PNG Support in IE (CSS Only) ----------------------------------------------------------------------------------------------------*/ * html img, * html .png{ azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true ); } /* 8. Form(s) ----------------------------------------------------------------------------------------------------*/ FORM,SELECT,INPUT { display:inline; font-size:1em; margin:.1em; } TEXTAREA { margin:auto; display:block; width:95%; } input:focus,select:focus,textarea:focus { background:#DDE283; } FIELDSET { margin-bottom: 15px;} fieldset div.information {padding-left: 30px;} fieldset label.checkboxLabel {background: #DDE283;} LEGEND { font-weight:bold; color:black; background: url(../images/arrow.gif) no-repeat 10px 10px; padding: 5px 0 0 30px;} LABEL,h4.optionName { line-height:1.5em; padding:.2em; } LABEL.checkboxLabel,LABEL.radioButtonLabel { margin:.5em .3em; } LABEL.inputLabel { width:9em; float:left; padding-left: 30px; } LABEL.inputLabelPayment { width:14em; float:left; padding-left:2.5em; } LABEL.selectLabel,LABEL.switchedLabel,LABEL.uploadsLabel { width:11em; float:left; } #checkoutPayment LABEL.radioButtonLabel { font-weight:bold; } P,ADDRESS { padding:.5em; } ADDRESS { font-style:normal; }