????
| Current Path : /home2/morganrand/www/coupon/css/ |
| Current File : /home2/morganrand/www/coupon/css/newsite.css-04032013 |
html, body {
margin:0;
padding:0;
background-color:#ffffff; /*CHANGE THIS*/
font-family:Arial,Helvetica,sans-serif;
font-style:normal;
}
@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 */
}
a img {
border:0;
}
#page {
width:888px; /*CHANGE THIS*/
margin:0 auto;
}
#header {
margin-top:8px;
}
h1, h2, h3, h4, h5 {
font-family: LaneNarrow,Arial,Helvetica,sans-serif;
color:#CC3366;
margin:0;
padding:0;
}
h1 {
float: left;
font-size: 24px;
font-weight: normal;
}
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:100000;
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: 10000000;
text-align:left;
}
#cssmenu > ul li:hover ul{
opacity: 1;
visibility: visible;
margin: 0;
color: #000;
z-index: 100000000;
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.ctadesigntool, a.ctacolors, a.ctacandy {
display: block;
width: 213px;
height: 36px;
text-decoration: none;
}
a.ctadesigntool, a.ctacolors, a.ctacandy {
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;
}