????
Current Path : /home2/morganrand/backup.morganrand.com/0tools/css/ |
Current File : /home2/morganrand/backup.morganrand.com/0tools/css/newsite2.css |
html, body { margin:0; padding:0; background-color:#ffffff; /*CHANGE THIS*/ font-family:Arial,Helvetica,sans-serif; font-style:normal; } @font-face { font-family: lane; src: url("fonts/lane.ttf") /* EOT file for IE */ } @font-face { font-family: LaneNarrow; src: url("lanenarrow.eot") /* EOT file for IE */ } @font-face { font-family: LaneNarrow; src: url("lanenarrow.ttf") /* TTF file for CSS3 browsers */ } @font-face { font-family: Redressed; src: url("redressed.eot") /* EOT file for IE */ } @font-face { font-family: Redressed; src: url("redressed.ttf") /* TTF file for CSS3 browsers */ } a img { border:0; } #page { width:888px; /*CHANGE THIS*/ margin:0 auto; padding-top:8px; } #header { margin-top:8px; } h1, h2, h3, h4, h5 { font-family: lane; color: #CC3366; margin: 0; padding: 0; } h1 { float: left; font-size: 24px; font-weight: normal; font-family: lane; } h2 { font-size: 20px; } h3 { font-size:16px; } #contentheader { height:140px; margin-top:10px; border-bottom:1px dashed #cc3366; } #contentheader h1 { font-size:50px; width:225px; line-height:47px; float:left; } #howitworksheader { height:60px; margin-top:10px; border-bottom:1px dashed #cc3366; } #howitworksheader h1 { font-size:50px; line-height:47px; text-align:center; float:none; } .howitworks { margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #cc3366; } .howitworks h2 { } .howitworks .left, .howitworks .right { float:left; width:444px; text-align:center; } .howitworks .left p, .howitworks .right p { width:350px; margin-left:45px; } .howitworks .right img { float:right; } h1.center { text-align:center; float:none; } #contentnav ul { text-align:right; float:right; width:663px; list-style:none; margin:0; padding:0; color:#cc3366; font-size:28px; font-family: LaneNarrow,Arial,Helvetica,sans-serif; } #contentnav img { float:right; } .candy h2 { margin:14px 0; } #content { margin-bottom:25px; } .pink { color:#cc3366; } .cleareverything { clear:both; } /*TOP NAV*/ @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500); h5 { font-family:LaneNarrow, times; } /*START HERE*/ /* Menu CSS */ #cssmenu { z-index:100; position:relative; font-family: lanenarrow,Arial, Helvetica, sans-serif; } /* Menu CSS */ #cssmenu, #cssmenu > ul{ background-color:#cc3366; font-family: lanenarrow,Arial, Helvetica, sans-serif; font-weight: bold; } #cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after { content: ''; display: table; } #cssmenu:after, #cssmenu > ul:after { clear: both; } #cssmenu { zoom:1; width:888px; height:25px; line-height:25px; } #cssmenu > ul{ background-color:#cc3366; margin: 0; padding: 0; position: relative; vertical-align:middle; } #cssmenu > ul li{ margin: 0; padding: 0; list-style: none; } #cssmenu > ul > li{ float: left; position: relative; } #cssmenu > ul > li > a{ padding: 0; display: block; color: white; font-size: 15px; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #9e3825; text-shadow: 0 -1px 0 rgba(116, 37, 2, .70); width:126px; text-align:center; font-style:normal; } #cssmenu > ul > li:hover > a{ background-color:#666666; text-shadow: 0 -1px 0 #97321f; text-shadow: 0 -1px 0 rgba(122, 42, 26, .64); } #cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{ background-color:#cc3366; } /* Childs */ #cssmenu > ul ul{ opacity: 0; visibility: hidden; position: absolute; top: 120px; background-color:#cc3366; margin: 0; padding: 0; z-index: 100; text-align:left; } #cssmenu > ul li:hover ul{ opacity: 1; visibility: visible; margin: 0; color: #000; z-index: 100; top:25px; left: 0; } #cssmenu > ul ul:before{ position: absolute; top: -10px; width: 100%; height: 10px; background: transparent; } #cssmenu > ul ul li{ list-style: none; padding: 0; margin: 0; width: 100%; } #cssmenu > ul ul li a{ border-top:1px solid #F59AAB; padding: 5px 15px; display: block; color: #fff; font-size: 15px; text-decoration: none; text-transform: normal; font-weight:normal; font-style:normal; width: 200px; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } #cssmenu > ul ul li a:hover{ background-color:#666666; color: white; } #cssmenu > ul ul li a:active{ background-color:#cc3366; } /*ROLLOVERS*/ .ctadesigntool { background-image: url('../imagesnew/ctas.png'); width:213px; height:36px; } a.ctaroll { width:213px; height:36px; float:left; /*margin:20px 20px 0 0;*/ margin-left:100px; } a.ctaleft { margin:0; float:left; } a.ctaright { margin:0; float:right; } a.ctadesigntool, a.ctacolors, a.ctacandy { display: block; width: 213px; height: 36px; text-decoration: none; } a.ctadesigntool, a.ctacolors, a.ctacandy, a.ctabackhow, a.ctanextcandy, a.ctabackcolor, a.ctanextdesign { background: url("../imagesnew/ctas.png"); } a.ctadesigntool:hover { background-position: -213px 0px; } a.ctacolors { background-position: 0px -36px; } a.ctacolors:hover { background-position: -213px -36px; } a.ctacandy { background-position: 0px -72px; } a.ctacandy:hover { background-position: -213px -72px; } a.ctabackhow { background-position: 0px -108px; } a.ctabackhow:hover { background-position: -213px -108px; } a.ctanextcandy { background-position: 0px -144px; } a.ctanextcandy:hover { background-position: -213px -144px; } a.ctabackcolor { background-position: 0px -180px; } a.ctabackcolor:hover { background-position: -213px -180px; } a.ctanextdesign { background-position: 0px -216px; } a.ctanextdesign:hover { background-position: -213px -216px; } /*TESTIMONIALS PAGE*/ .testimonialsheading h1 { border-bottom: 3px solid #CC3366; font-size: 42px; margin-bottom: 30px; padding: 15px 0; text-align: center; width: 888px; } .testimonialsbox { width:425px; float:left; } .testimonialsboxbump { margin-left:25px; } .testimonialscurly { width:64px; background-color:red; float:left; background:url("../imagesnew/testimonialscurly.jpg") no-repeat scroll left top #000000; } .testimonialstext { width:361px; background-color:green; float:left; padding-left:64px; background:url("../imagesnew/testimonialscurly.jpg") no-repeat scroll left top; margin-bottom:30px; } .testimonialstext p { font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#666; } .testimonialstext p span { color:#cc3366; display:block; font-size:30px; font-family:Redressed; } /*ORDER TIPS PAGE*/ .orderingtipsheading { background: url("../imagesnew/order-tips-bouquet.jpg") no-repeat scroll 330px 10px transparent; min-height: 245px; } .orderingtipsheading h1 { font-size: 42px; } .orderingtipsheading p, .orderingtipsheading li { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 14px; } .orderingtipsheading a:link, .orderingtipsheading a:visited { color:black; } .designtips, .ordertips { width:444px; } .designtips { float:left; } .designtips, .designtips h1, .designtips li { text-align:left; list-style-type:none; } .designtips li, .ordertips li { margin-bottom:10px; } .designtips ul { padding:0; } .ordertips { float:left; } .ordertips, .ordertips h1, .ordertips li { text-align:right; list-style-type:none; } .designtips h1, .ordertips h1 { float:none; } .orderingtips { border-top:3px solid #cc3366; padding-top:15px; } .orderingtips h1 { font-size:34px; text-align:center; float:none; } .orderingtips p { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 14px; } .orderingtips span { color:#cc3366; display:block; } /*THEME PAGES*/ /*THEME NAVIGATION & OCCASION NAVIGATION*/ #themenavigationbox { padding-top:8px; } #themenavigation { font-size: 13px; margin: 0; padding:0; width:790px; float:left; } #occasionnavigation { font-size: 13px; margin: 0; padding:0; width:779px; float:left; } .themenav { list-style:none; display:inline; } .themenav a { color: #626262; margin:0 10px; text-decoration:none; } .themenav a:hover { color:#cc3366; } .bolded { color: #000; font-weight:bold; font-size:13px; float:left; } a.ctarollthemewide { float:left; display: block; width: 888px; height: 60px; text-decoration: none; background: url("../imagesnew/cta-theme.png"); margin-bottom:5px; } a.ctarollthemewide:hover { background-position: 0px -60px; } a.ctarolltheme { float:left; display: block; width: 293px; height: 40px; text-decoration: none; background: url("../imagesnew/ctas-theme.png"); } a.ctathemehow { background-position: 0px 0px; margin-right:5px; } a.ctathemehow:hover { background-position: -293px 0px; } a.ctathemecolors { background-position: 0px -40px; margin-right:4px; } a.ctathemecolors:hover { background-position: -293px -40px; } a.ctathemecandy { background-position: 0px -80px; } a.ctathemecandy:hover { background-position: -293px -80px; } .ctathemeor { margin:10px 0px 10px 391px; } .themectas { margin-bottom:10px; } a.ctarollthemepush, a.ctarolloccasionpush { float:left; display: block; width: 293px; height: 36px; text-decoration: none; margin-bottom:5px; } a.ctarollthemepush { background: url("../imagesnew/ctas-theme2.jpg"); } a.ctarolloccasionpush { background: url("../imagesnew/ctas-wedding.jpg"); } a.ctathemehowpush { background-position: 0px 0px; } a.ctathemehowpush:hover { background-position: -293px 0px; } a.ctathemecolorspush { background-position: 0px -36px; margin-right:4px; } a.ctathemecolorspush:hover { background-position: -293px -36px; } a.ctathemecandypush { background-position: 0px -72px; } a.ctathemecandypush:hover { background-position: -293px -72px; } a.ctathemecatalogpush { background-position: 0px -108px; } a.ctathemecatalogpush:hover { background-position: -293px -108px; } .themedescription { width: 290px; float:left; margin-left:3px; margin-right:3px; padding-left:0; padding-right:0; } .occasiondescription { width: 290px; float:left; margin-left:3px; margin-right:3px; padding-left:0; padding-right:0; display:none; } .themedescriptiontext, .occasiondescriptiontext { width: 584px; float:left; margin-left:3px; margin-right:8px; padding-left:0; padding-right:0; } .themecustom { width:293px; float:left; margin-top:17px; } .themeholder { width:296px; float:left; height:400px; } .occasionholder { width:222px; float:left; margin-bottom:3px; } /* .occasionholder { width:296px; float:left; height:362px; margin-bottom:3px; } */ .themeholderbutton { width:296px; float:left; height:190px; margin-bottom:5px; } .landingpages h2{ clear:both; margin-bottom: 16px; margin-top: 17px; } .landingpages p { margin:0 0 20px 0; color:#666666; } .themeholder img { margin-bottom:10px; } #ft p { color:#666666; font-size:16px; }#sidetab { position: fixed; height: 93px; width: 194px; top: 0px; right: 0px; } #custom-doc #bd #banquetleft #color2 ul .tooltip { padding: 0px; height: 250px; width: 250px; margin-top: 0px; margin-right: 20px; margin-bottom: 70px; margin-left: 20px; } #custom-doc #bd #banquetleft #color2 ul li p { overflow: hidden; } #lightboxCaption { font-size: 24px; }