@charset "utf-8";
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
position : relative;
}
:focus {
outline : 0;
}
html, body {
margin : 0;
padding : 0;
height : 100%;
}
body {
line-height : 1;
color : black;
background : url(images/background.gif) repeat-x;
}
html > body {
height : auto;
min-height : 100%;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
#wrapper {
width : 950px;
position : relative;
margin : 0 auto;
}
#contact {
height : 41px;
margin-bottom : 10px;
margin-top : 5px;
}
img.contact {
float : right;
margin-top : 5px;
}
#header {
height : 73px;
}
#flash-container {
clear : both;
overflow : hidden;
width : 950px;
}
#maincontent {
background : #ffffff;
color : #000000;
padding : 25px 10px;
}
#maincontent p {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
line-height : 1.5em;
text-align : justify;
}
#maincontent a {
color : #000;
text-decoration : none;
border-bottom : 1px dotted #000;
}
#maincontent a:hover {
color : #000;
background : #b7b7b7;
text-decoration : none;
}
#maincontent h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
margin-bottom : 25px;
color : #980808;
}
#maincontent h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
margin : 25px 0;
color : #980808;
}
#maincontent h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
margin : 15px 0 20px 0;
color : #980808;
}
#maincontent h4 {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
margin-bottom: 5px;
color : #000000;
}
#maincontent h5{
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
margin-bottom: 15px;
text-align: center;
color : #000000;
}
#footer {
background : #dcdada;
height : 325px;
width : 100%;
border-top : 6px solid #777;
margin-right : auto;
margin-left : auto;
}
strong {
color : #000000;
font-weight : bold;
}
#footer-content {
text-align : center;
width : 930px;
padding : 20px 20px 10px 10px;
}
#footer-content p {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
line-height : 1.5em;
}
#footer-content a {
text-decoration : underline;
color : #000000;
}
#footer-content a:hover {
text-decoration : none;
color : #000000;
}
img.front {
text-align : center;
}
#clientele {
width : 425px;
height : 170px;
margin-top : 7em;
font-family : arial, verdana, sans-serif;
font-size : 12px;
color : #000;
border-right : 1px solid #a6a4a4;
}
#clientele a {
color : #000;
text-decoration : underline;
}
#clientele a:hover {
color : #000;
text-decoration : none;
}
ol {
margin : 0 1.5em 15px;
padding : 0;
}
ol li {
font-size : 1.1em;
color : #000;
line-height : 1.7em;
margin : 0;
padding : 0;
}
* html #clientele ol li {
position : relative;
}
#clientele li.column1 {
margin-left : 1em;
}
#clientele li.column2 {
margin-left : 12.5em;
}
#clientele li.column3 {
margin-left : 22.5em;
}
#clientele li.column4 {
margin-left : 33em;
}
li.reset {
margin-top : -155px;
}
ol, ul {
list-style : none;
}
#footer-logo {
height : 166px;
width : 372px;
background : url(images/footer-logo.jpg) no-repeat;
position : absolute;
right : 35px;
bottom : 100px;
}
ul.items{
font-family: arial, trebuchet ms,sans-serif;
font-size: 14px;
list-style-type: disc;
list-style-position:inside;
line-height: 1.5em;
margin: 10px 0px;
}
.signupframe {
background: #ffffff;
color: #226699;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
float: right;
margin: 10px 0 10px 10px;
border:0px;
}
#quoteContainer {
width:930px;
text-align: center;
margin: 10px 0;
}
#paysimple {
position: absolute;
bottom: 10px;
right: 50px;
}
img.options {
float: right;
border: 3px solid #ccc;
margin: 0 0 10px 10px;
}
.clearfix {
clear: both;
}
#optionDesc {
width: 930px;
float: left;
clear: both;
}
#optionDesc p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6em;
text-align: justify;
margin-bottom: 10px;
}
/* #clientele:before {
content: "DUE TO THE EXTREME VOLUME OF PINS ORDERED BETWEEN THE DATES OF (JUNE, 1 AND JULY, 31) THERE WILL BE NO DELIVERY GUARANTEES IMPLIED OR OFFERED BETWEEN THIS TIME PERIOD.";
color: #333;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 935px;
position: absolute;
display: block;
top: -50px;
left: 10px;
} */