????
| Current Path : /home2/morganrand/www/css/ |
| Current File : /home2/morganrand/www/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;
}