* {margin:0;padding:0;}
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {/*overflow:auto;*/
padding-bottom: 25px;
} /* must be same height as the footer */
#footer {position: relative;
margin-top: -25px; /* negative value of footer height */
height: 25px;
clear:both;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher.
*/
body{
margin:0;
padding:0;
/*text-align:center;*/
color: #5F5F5F;
font-size: 12pt;
font-family: Trebuchet, Tahoma, Arial, serif;
}
p, h1, h2, h3, ul, {padding:0; margin:0;}
img {border:none}
#top {
height:125px;
/* width:950px;
*/ margin:0 auto;
text-align:left;
}
#top img{
position: relative;
top:20px;
}
#breadcrumb{
height:20px;
text-align:left;
/* width:920px;
*/ margin:0 auto;
border-bottom:2px solid rgb(0,0,0);
}
#selector {height:20px}
#selector50 {height:50px}
#breadcrumb p{
font-size:11px
}
#breadcrumb a:hover{
text-decoration:none;
color:#2255B9;
}
#content{
/* width:960px;
*/ margin:0 auto;
text-align:left;
}
#content h1{
color:#555555;
font-size:28px;
font-weight:normal;
font-family:Palatino linotype, Georgia, Times new roman, Serif;
padding-bottom:8px;
padding-left: 20px;
padding-right: 20px;
}
#content h2{
color:#555555;
font-size:22px;
font-weight:normal;
font-family:Palatino linotype, Georgia, Times new roman, Serif;
padding-bottom:10px;
padding-left: 20px;
padding-right: 20px;
}
#content p{
color:#5F5F5F;
font-size:17px;
font-family:Trebuchet, Tahoma, Arial, Serif;
padding-bottom:1em;
padding-left: 20px;
padding-right: 20px;
}
#content a{
color:#A84354;
text-decoration:underline
}
#content a:hover{
color:#2255B9;
text-decoration:none
}
#content ol{
padding-bottom:1em;
padding-left: 20px;
padding-right: 20px;
margin-left: 50px;
}
#content ul{
padding-bottom:1em;
padding-left: 20px;
padding-right: 20px;
margin-left: 50px;
}
#content li{
color: #555555;
}
#form{
margin-left: 0px;
}
#info{
width:960px
}
#info img{
float:left;
margin-right:10px;
padding-top:10px
}
#info h1{
font-size:28px;
color:rgb(130, 0, 64);
font-weight:bold
}
#info p{
padding-right:30px;
line-height:1.5em
}
#left_info{
width:660px;
float:left
}
#left_info p {
float:left;
padding-left:40px;
}
#left_info h2{
color:rgb(162, 160, 161);
font-size:28px;
padding-left:40px;
font-family:Helvetica, Arial
}
#right_info{
float:right;
width:290px;
}
#right_info h2{
color:rgb(162, 160, 161);
font-size:28px;
font-family:Helvetica, Arial
}
#right_info p{
color:rgb(130, 0, 64)
}
#left{
float:left;
width:200px;
padding-left:30px
}
#left img{
/*border:2px solid rgb(227, 227, 227)*/
}
#right{
float:right;
width:700px
}
#homepage{
background-image:url("images/BurgundyWeb_LowRes_2.jpg");
background-position: top right;
height:800px
}
#homepage a{
color:rgb(170,170,170);
font-size:18pt;
text-decoration:none;
position:relative;
top:225px;
left:50px;
font-family:Century Gothic, Arial
}
#homepage a:hover{
color:rgb(156, 92, 154)
}
#navigation a{
color:rgb(54,54,54);
font-size:14pt;
text-decoration:none;
position:relative;
top:0px;
/*left:50px;*/
font-family:Century Gothic, Arial
}
#navigation a:hover {
color: #2255B9
}
/* ------------------
styling for the tables
------------------ */
body
{
line-height: 1.6em;
}
#hor-minimalist-b
{
font-family: Trebuchet, Tahoma, Arial, serif;
font-size: 12px;
background: #fff;
margin: 20px 0;
width: 650px;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist-b th
{
font-size: 14px;
font-weight: normal;
color: #039;
padding: 10px 8px;
border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
border-top: 1px solid #ccc;
color: #009;
padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
color: #820040;
}
#footer{
font-size:14px;
color:rgb(78,78,78)
}
#footer a {
color:rgb(78,78,78);
text-decoration:none
}
#footer a:hover{
text-decoration:underline;
color:rgb(0,0,0)
}
.clear {
clear:both;
}
/* Custom CSS */
a{
color:#A84354;
text-decoration:underline;
}
.top-bar li a{
text-decoration: none;
}
.page-title-h2 {
color:#555555;
font-size:22px;
font-weight:normal;
font-family:Palatino linotype, Georgia, Times new roman, Serif;
}
.content a{
color:#A84354;
text-decoration:underline;
}
.content a:hover{
color:#2255B9;
text-decoration:none
}
#mc_embed_signup form {
padding: 0 !important;
margin-top: 20px;
}
#mc_embed_signup label {
color: black;
}
.row-padding-top {
padding-top: 70px;
}
.row-padding-top-first {
padding-top: 25px;
}
.title-1 {
color:#002266 !important;
font-size:18px !important;
padding-bottom: 16px !important;
}
.p-ordernow {
padding-top: 10px;
}
.content h1{
color:#555555;
font-size:28px;
font-weight:normal;
font-family:Palatino linotype, Georgia, Times new roman, Serif;
padding-bottom:8px;
/* padding-left: 20px;
padding-right: 20px;*/
}
.content h2{
color:#555555;
font-size:22px;
font-weight:normal;
font-family:Palatino linotype, Georgia, Times new roman, Serif;
padding-bottom:10px;
/* padding-left: 20px;
padding-right: 20px;*/
}
.content p{
color:#5F5F5F;
font-size:17px;
font-family:Trebuchet, Tahoma, Arial, Serif;
padding-bottom:1em;
/* padding-left: 20px;
padding-right: 20px;*/
}
.product-desc {
padding-top: 30px;
padding-bottom: 30px;
}
.red-text {
color: #660033 !important;
}
div.jp-audio {
margin-top: 10px;
}
.message-field textarea {
height: 180px;
}
/* Large screens */
@media only screen and (min-width: 64.063em) {
#hor-minimalist-b.price-table {
width: 100%
}
#mc_embed_signup input.email {
width: 82% !important;
}
#mc_embed_signup input.button {
width: 50% !important;
}
}
/* medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}
/* small screens */
@media only screen and (max-width: 40em) {
div.jp-audio {
width: 100% !important;
}
.jp-volume-bar, div.jp-audio div.jp-type-single a.jp-mute {
display: none !important;
}
#hor-minimalist-b.price-table thead {
display: none;
}
#hor-minimalist-b.price-table td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
}
#hor-minimalist-b.price-table tr {
margin-bottom: 60px;
display: block;
}
#hor-minimalist-b.price-table td {
display: block;
text-align: right;
}
#mc_embed_signup input.email {
width: 100% !important;
}
.index-contact {
float: left !important;
margin-top: 8px;
}
#homepage {
height: auto;
background-image: none;
}
}
/* medium and small screens */
@media only screen and (max-width: 64em) {
#hor-minimalist-b {
width: 100%;
}
#hor-minimalist-b td, #hor-minimalist-b th {
padding: 3px;
}
#homepage a {
top: 0;
left: 0;
}
}