CSS - http://www.sonningflowers.com/
Collapse All
Expand All
http://www.sonningflowers.com/
http://www.sonningflowers.com/sonningstyles.css
/* 110327 CA reformat so easier to read */
p {
margin:1em 0;
}

body {
background-color:#AEADAE;
margin-top:0;
padding-top:0;
}

#bg2container {
width:960px;
background-image:url(images/bg-bottomright.gif);
background-position:right bottom;
background-repeat:no-repeat;
margin:10px auto;
}

#bg2container1 {
width:960px;
background-image:url(images/bg-topleft.gif);
background-repeat:no-repeat;
background-position:left top;
margin:10px auto;
}

#containermain {
width:760px;
margin:10px auto;
padding:10px;
}

#banner {
background-color:#fff;
border-top-width:2px;
border-right-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-left-style:solid;
border-top-color:#FFF;
border-right-color:#FFF;
border-left-color:#FFF;
padding:0;
}

#content {
background-color:#FFF;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-right-color:#FFF;
border-bottom-color:#FFF;
border-left-color:#FFF;
background-image:url(images/bgcontent.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:0;
padding:5px 5px 0;
}

#content .placeholder {
/* 110327 CA changed from 50 */
margin-top:15px;
}

#leftcontent {
margin-left:10px;
float:left;
width:300px;
background-position:top;
}

#leftcontent p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100%;
color:#FC43E6;
}

#contenttext {
margin-left:375px;
margin-right:32px;
}

#contact {
padding-bottom:0;
margin:50px 10px 0 375px;
}

#contact p {
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
color:#009DBC;
text-align:right;
}

#contact a {
color:#009DBC;
text-decoration:none;
}

#fullpage {
margin-left:10px;
margin-right:10px;
/* 110327 CA changed from 50 */
margin-top:15px;
}

#fullpage a {
color:#666;
text-decoration:underline;
font-weight:700;
}

#linkspage table {
width:99%;
text-align:left;
border:1px dotted #999;
border-collapse:collapse;
color:#000;
}

#linkspage td,.tablefloat th {
border:1px dotted #999;
padding:7px;
}

#linkspage th {
background-color:#E3E4E5;
font-weight:700;
padding:10px;
}

#linkspage table tr:hover {
background-color:#E3E4E5;
color:#666;
}

#nav ul {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
margin-left:0;
padding-left:0;
margin-top:4px;
font-size:90%;
text-align:center;
}

#nav li {
display:inline;
}

#nav a {
text-decoration:none;
color:#9C9EA0;
padding:3px 10px;
}

#nav a:hover {
color:#FFF;
background-color:#9C9EA0;
}

#footer {
clear:both;
background-color:#AEADAE;
font-family:Arial, Helvetica, sans-serif;
font-size:65%;
color:#FFF;
text-align:center;
padding:5px;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
color:#0296BA;
}

.testimonial {
font-size:70%;
color:#009DBC;
}

#fullpage .gallery {
float:left;
text-align:center;
text-decoration:none;
margin:0 5px 20px;
padding:5px;
}

#fullpage table {
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:90%;
width:99%;
text-align:left;
border-collapse:collapse;
}

#fullpage #linkspage h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#666;
font-style:italic;
}

.bold {
font-weight:700;
}

hr {
color:#AEADAE;
font-size:1px;
border-style:none;
}

ul.mainForm {
list-style-type:none;
font-family:Arial, Verdana, sans-serif;
font-size:80%;
color:#666;
}

li.mainForm {
padding-bottom:10px;
}

label.formFieldQuestion {
line-height:125%;
border:none;
display:block;
font-size:95%;
font-weight:700;
padding:0 4px 1px 0;
}

label.formFieldOption {
font-size:90%;
display:block;
line-height:1em;
width:90%;
margin:-19px 0 0 45px;
padding:4px 0 5px;
}

input.formFieldStyle {
display:block;
line-height:1.4em;
width:13px;
height:13px;
margin:8px 0 0 3px;
}

a.info {
font-family:Arial, Sans-Serif;
text-decoration:none;
position:relative;
}

a.info span {
position:relative;
display:none;
}

a.info:hover {
position:relative;
cursor:default;
}

a.info:hover .infobox {
font-weight:400;
display:block;
position:absolute;
top:20px;
left:25px;
width:205px;
height:70px;
border:1px solid #ccc;
background:#f4f4f4 url(question.gif) no-repeat bottom right;
color:#000;
text-align:left;
font-size:0.7em;
padding-left:10px;
padding-top:10px;
}

button.calendarStyle {
background-color:transparent;
border:0;
height:22px;
width:22px;
background-image:url(images/calendar.png);
cursor:pointer;
}

.clear {
clear:both;
}

.italic {
font-style:italic;
}

#contenttext h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
color:#009DBC;
}

.formleft {
width:130px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#9C9EA0;
font-size:90%;
padding-top:4px;
}

#bg2container #containermain #content .placeholder #leftcontent h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
color:#666;
font-weight:400;
width:756px;
}

.shopimage {
padding-left:20px;
border-style:none;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:700;
color:#666;
font-style:italic;
}

.smalltext {
font-family:Arial, helvetica, sans-serif;
font-size:10px;
font-weight:400;
color:#626262;
text-decoration:none;
}

.text {
font-family:Arial, helvetica, sans-serif;
font-size:12px;
font-weight:400;
color:#626262;
text-decoration:none;
}

.text2 {
font-family:Arial, helvetica, sans-serif;
font-size:16px;
font-weight:400;
color:#626262;
text-decoration:none;
}

.input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#fcfcfc;
border:1px solid #DADADA;
height:20px;
}

.inputarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#fcfcfc;
border:1px solid #DADADA;
}

.errtext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:red;
font-weight:400;
text-decoration:none;
}

#fullpage .gallery1 {
float:left;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#9C9EA0;
margin:0 5px;
padding:5px;
}

.space {
height:10px;
background-color:#fff;
margin-top:10px;
padding:5px 0 0;
}

#fullpage .gallery2 {
float:left;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#9C9EA0;
margin:5px 5px 0;
padding:5px;
}

#banner img,#leftcontent img,#contenttext img {
border-style:none;
}

#contenttext h1,#fullpage h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:400;
color:#666;
}

#contenttext h3,#fullpage h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:400;
color:#666;
}

#contenttext p,#contenttext li,#fullpage p {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#9C9EA0;
}

#contenttext a,#fullpage a:hover,#linkspage .bold a:hover {
color:#009DBC;
}

#contenttext a:hover,#contact a:hover,#fullpage .gallery a:hover,#fullpage .gallery1 a:hover,#fullpage .gallery2 a:hover {
color:#FC43E6;
}

#fullpage .gallery a,#fullpage .gallery1 a,#fullpage .gallery2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
text-decoration:none;
font-weight:400;
}

#fullpage .gallery img,#fullpage .gallery1 img,#fullpage .gallery2 img {
border:5px solid #FFF;
}

#fullpage .gallery img:hover,#fullpage .gallery1 img:hover,#fullpage .gallery2 img:hover {
border:5px solid #AEADAE;
}

#fullpage #linkspage h2,h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#666;
}

#mainForm,#mainFormError {
position:relative;
border:1px;
text-align:left;
width:70%;
border-style:solid;
margin:0 auto;
}

input.mainFormError,textarea.mainFormError,select.mainFormError {
background-color:#FADADD;
}

#formInfo,#formFields {
position:relative;
width:100%;
margin:0;
}