html, body {
/* background: url(../images/bg2.jpg) repeat; */
background-color: #e3e1e1;
margin: 0;
padding: 0;
text-align: left;
height: 100%;
z-index: 0;
}
/* Common Functions ================ */
.clear { clear: both; }
.trans { border: 0; }
.image-left { display: block; clear: left; float: left; padding: 4px; border: 1px solid #cbcbcb; background-color: #dfdfdf; margin-right: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.image-right { display: block; clear: right; float: right; padding: 4px; border: 1px solid #cbcbcb; background-color: #dfdfdf; margin-left: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* Wrappers ======================== */
#home-link {
display: block;
width: 215px;
height: 157px;
position: absolute;
left: 50%;
margin-left: -435px;
top: 74px;
z-index: 2;
}
#home-link a {
display: block;
width: 215px;
height: 157px;
text-indent: -9999px;
overflow: hidden;
}
#wrapper {
display: block;
width: 947px;
position: relative;
left: 50%;
top: 0px;
margin-left: -473px;
background: url(../images/bg.gif) no-repeat;
height: 100%;
background-position: 0px 31px;
}
#wrapper-inner {
position: relative;
left: 27px;
top: 40px;
display: block;
width: 920px;
}
#cart-container {
display: block;
width: 920px;
height: 166px;
background: url(../images/cart-container.gif) no-repeat;
position: relative;
z-index: 20 !important;
}
#content-container {
display: block;
width: 920px;
height: 100%;
background: url(../images/content.gif) repeat-y;
}
/* Banner Rotator -----------------------------*/
#banner-rotator {
position: absolute;
right: 10px;
top: 0px;
z-index: 1;
overflow: hidden;
width: 673px;
height: 248px;
}
#banner-rotator img {
width: 673px !important;
height: 248px !important;
}
/* Header & View Cart ----------------------- */
#header {
display: block;
width: 920px;
height: 35px;
background: url(../images/header.gif) no-repeat;
background-color
clear: both;
}
#view-cart {
display: block;
position: relative;
z-index: 20;
left: 657px;
top: 0px;
width: 235px;
height: 31px;
text-align: center;
font-family: arial,sans-serif;
color: #fff;
font-size: 11px;
}
#view-cart p {
position: relative;
top: -3px;
}
#view-cart a {
color: #fff;
text-decoration: none;
}
#view-cart a:hover {
color: #e9c5c2;
}
#view-cart img {
position: relative;
top: 7px;
width: 12px;
height: 21px;
border: 0;
}
/* Sidebar -------------------------------------- */
#sidebar {
display: block;
float: left;
margin-left: 11px;
position: relative;
width: 216px;
padding-bottom: 15px;
}
/* Search ----- */
#search-container {
display: block;
width: 216px;
height: 88px;
background: url(../images/search-container.gif) no-repeat;
}
#search-container h1 {
display: block;
height: 42px;
width: 216px;
background: url(../images/search-h1.gif) no-repeat;
text-indent: -9999px;
}
.search {
display: block;
float: left;
width: 111px;
margin-left: 38px;
margin-top: 10px;
padding-bottom: 10px;
background: none;
border: 0;
padding: 3px;
font-size: 11px;
padding-top: 5px;
color: #2d2d2d;
}
.go {
display: block;
width: 46px;
height: 29px;
background: url(../images/go.png) no-repeat;
border: 0;
cursor: pointer;
margin-top: 8px;
margin-left: 9px;
float: left;
}
.go:hover {
position: relative;
top: 1px;
}
#sidebar h1 {
display: block;
height: 42px;
width: 216px;
background-color: #191919;
text-indent: -9999px;
}
#sidebar h1.Courses {
background: url(../images/courses-h1.gif) no-repeat;
}
#sidebar h1.Categories {
background: url(../images/categories-h1.gif) no-repeat;
}
#sidebar h1.Artists {
background: url(../images/brands-h1.gif) no-repeat;
height: 40px;
margin-bottom: 3px;
}
#sidebar h1.Brands a {
display: block;
width: 216px;
height: 40px;
border: 0;
text-indent: -9999px;
overflow: hidden;
}
#sidebar h1.about {
background: url(../images/about-h1.gif) no-repeat;
}
#sidebar ul {
display: block;
width: 216px;
margin: 0;
margin-bottom: 3px;
margin-top: 3px;
}
#sidebar li a {
display: block;
height: 24px;
background: url(../images/li.gif) no-repeat;
padding-left: 12px;
padding-top: 9px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #7f405a;
}
#sidebar li a:hover {
background-position: 0px -33px;
color: #fff;
text-shadow: 1px 1px #4a818b;
}
#sidebar select {
display: block;
width: 200px;
border: 1px solid #cfd1d1;
padding: 3px;
font-family: arial,sans-serif;
font-size: 12px;
color: #383838;
margin: 15px;
margin-left: 7px;
}
#sidebar option {
border-bottom: #383838;
}
/* Content ------------------------ */
#content {
display: block;
float: left;
margin-left: 10px;
width: 673px;
margin-right: 10px;
background: url(../images/content-main.gif) no-repeat;
padding-top: 92px;
padding-bottom: 25px !important;
}
#intro-bar {
display: block;
height: 33px;
text-align: right;
padding-right: 16px;
margin-bottom: 20px;
color: #fff;
font-family: arial,sans-serif;
font-size: 11px;
}
.breadcrumbs {
float: right;
display: block;
clear: right;
background: url(../images/intro-br2.gif) no-repeat;
padding-left: 17px;
height: 23px;
padding-top: 10px;
}
#intro-bar a {
display: inline-block;
padding-left: 15px;
background: url(../images/intro-br.gif) no-repeat;
background-position: 3px 5px;
font-weight: bold;
text-decoration: none;
color: #97c8cf;
margin-left: 3px;
}
#intro-bar a:hover {
color: #69a5ad;
}
.intro-home {
background: url(../images/intro-home.gif) no-repeat;
}
#content h1 {
display: block;
font-size: 36px;
color: #568b95;
font-family: lucida sans,arial,sans-serif;
margin-bottom: 10px !important;
padding-top: 10px !important;
letter-spacing: -2px;
}
#content h1.shop {
padding-top: 10px !important;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #e3e1e1;
font-size: 24px;
padding-left: 0px !important;
}
#content h3 {
margin-bottom: 10px;
font-size: 16px;
color: #70485E;
}
#content p, #content ul {
font-family: arial,sans-serif;
font-size: 12px;
color: #555555;
}
#content p {
display: block;
line-height: 20px;
text-align: justify;
margin-bottom: 10px;
}
#content p strong {
font-weight: bold;
color: #64959e;
}
#content p a {
color: #70485e;
font-weight: bold;
text-decoration: none;
}
#content p a:hover {
color: #52848e;
}
.home-footer {
display: block;
clear: both;
margin-bottom: 10px;
}
/* Featured Products ----------------------- */
.twitter, .latest {
display: block;
width: 310px;
float: left;
margin-top: 5px;
overflow: hidden;
}
.latest {
padding-left: 20px;
width: 290px;
}
.twitter {
border-right: 1px solid #e3e1e1;
margin-left: 10px !important;
margin-left: 0;
}
.featured {
display: block;
clear: both;
margin-bottom: 10px;
}
/* Mailing List ------------------------------------------ */
.mailing {
display: block;
width: 465px;
height: 48px;
background: url(../images/mailing-list-bg.gif) no-repeat;
padding: 12px 0 0 175px;
}
.mailing input.text {
display: inline-block;
float: left;
border: 0;
background: url(../images/mailing-input.gif) no-repeat;
font-size: 12px;
color: #7c7c7c;
width: 147px;
padding: 10px;
margin-right: 10px;
}
.mailing input.submit {
display: block;
width: 94px;
color: #fff;
border: 0;
cursor: pointer;
text-indent: -9999px;
background: url(../images/subscribe.gif) no-repeat;
float: left;
height: 36px;
font-size: 0px;
color: #642d4c;
text-align: left;
}
.mailing input.submit:hover {
background-color: #80546c;
}
/* Featured Products ------------------------------ */
.home-title {
display: block;
width: 281px;
height: 50px;
padding-left: 44px;
margin-bottom: 10px;
}
.home-title h2 {
color: #6cb0b9;
font-family: lucida sans,arial,sans-serif;
letter-spacing: -2px;
font-size: 26px;
width: 250px;
}
.home-title small {
font-size: 11px;
font-family: arial,sans-serif;
color: #236d77;
font-style: oblique;
}
#featured { background: url(../images/featured.gif) no-repeat; background-position: 3px 9px; }
#mailing { background: url(../images/mailing.gif) no-repeat; padding-left: 50px; width: 277px; background-position: 0px -6px;}
#blog-header { background: url(../images/latest.gif) no-repeat; padding-left: 45px; width: 277px; background-position: 0px 9px;}
#twitter { background: url(../images/twitter.gif) no-repeat; padding-left: 45px; width: 277px; background-position: 0px 9px;}
.feature {
display: block;
float: left;
width: 313px;
height: 152px;
background: url(../images/feature-bg.gif) no-repeat;
margin-right: 15px;
margin-bottom: 5px;
}
.feature-last {
margin-right: 0;
}
.feature h4 {
display: block;
width: 299px;
height: 23px;
padding-left: 14px;
padding-top: 10px;
clear: both;
}
.feature h4 a {
color: #578892;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
.feature h4 a:hover {
color: #3a6e78;
}
.feature a.feature-img {
display: block;
float: left;
text-align: center;
width: 113px;
padding-left: 19px;
padding-right: 17px;
padding-top: 14px;
}
.feature a.feature-img img {
height: 79px;
max-width: 113px;
}
.feature small {
display: block;
float: left;
width: 152px;
font-size: 24px;
color: #858585;
height: 28px;
padding-top: 8px;
letter-spacing: -2px;
}
.feature p {
width: 152px;
font-size: 11px !important;
color: #9d9d9d;
line-height: 17px !important;;
float: left;
display: block;
margin-bottom: 4px !important;
}
.feature a.more {
font-size: 12px;
color: #578892;
font-weight: bold;
font-family: arial,sans-serif;
text-decoration: none;
}
.tweet {
margin-right: 20px;
background-color: #f4f4f4;
padding: 10px 15px;
font-size: 11px;
color: #868686;
line-height: 18px;
}
.tweet span {
display: block;
padding-top: 7px;
margin-top: 7px;
border-top: 1px solid #e4e4e4;
}
.tweet a {
font-weight: bold;
color: #5c2a47;
text-decoration: none;
border-bottom: 1px dotted #5c2a47;
}
.tweet a:hover {
border: 0;
}
.tweet-base {
height: 29px;
background: url(../images/tweet-base.gif) no-repeat;
background-position: 15px 0px;
}
.article {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
}
.article a {
color: #407680;
font-weight: bold;
font-size: 11px;
}
.article a:hover {
text-decoration: none;
}
.article .date {
display: block;
font-size: 10px;
margin-bottom: 5px;
color: #99cace;
}
.article strong a {
font-weight: bold;
font-size: 12px;
color: #5c2a47;
border-bottom: 1px dotted #99cace;
margin-bottom: 8px;
display: block;
text-decoration: none;
padding-bottom: 4px;
}
.article p {
font-size: 11px;
color: #868686;
line-height: 18px;
margin-bottom: 8px !important;
}
#homepage-intro {
padding: 15px 10px 0 5px;
margin-bottom: 20px;
}
/* tpl_shop ----------------------------------------------- */
.prod-list {
display: block;
width: 655px;
height: 177px;
background: url(../images/prod-list-bg.gif) no-repeat;
padding-bottom: 22px;
background-position: 0% 100%;
background-color: #eeeeee;
}
p.page-intro {
display: block;
font-size: 12px;
color: #757575;
font-family: arial,sans-serif;
margin-bottom: 20px !important;
}
.prod-list-img {
display: block;
float: left;
width: 164px;
height: 140px;
background: url(../images/frame2.gif) no-repeat;
padding-left: 30px;
padding-right: 30px;
padding-top: 26px;
text-align: center;
}
.prod-list-img img {
max-width: 164px;
height: 111px;
}
.prod-list-desc {
display: block;
float: left;
width: 416px;
padding-right: 15px;
}
.prod-list-desc h4 {
font-family: lucida sans,arial,sans-serif;
display: block;
background: url(../images/d1.gif) no-repeat;
background-position: 0% 100%;
font-size: 18px;
color: #568791;
margin-top: 15px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.prod-list-desc blockquote {
display: block;
height: 40px;
padding-bottom: 10px;
background: url(../images/d1.gif) no-repeat;
background-position: 0% 100%;
clear: both;
margin-bottom: 7px;
}
.prod-list-desc h5 {
display: block;
width: 200px;
float: left;
font-family: lucida sans,arial,sans-serif;
color: #797979;
font-size: 34px;
letter-spacing: -2px;
clear: left;
}
.prod-list-desc h4 a {
text-decoration: none;
color: #568791;
outline: 0;
}
.prod-list-desc h4 a:hover {
color: #7f405a;
}
.prod-list-desc a.more {
display: block;
text-indent: -9999px;
float: right;
clear: right;
width: 104px;
height: 36px;
border: 0;
outline: 0;
background: url(../images/more-info.gif) no-repeat;
}
.prod-list-desc a.more:hover {
position: relative;
top: 1px;
left: 1px;
}
/* Product Grid ---------------------------------------------- */
.grid-prod {
float: left;
width: 184px;
border-right: 1px solid #e3e1e1;
text-align: center;
height: 156px;
overflow: hidden;
padding: 20px 15px;
border-bottom: 1px solid #e3e1e1;
}
.grid-prod-last {
border-right: 0;
}
.grid-prod img {
display: inline-block;
margin-bottom: 8px;
}
.grid-prod h4 a {
color: #578C96;
display: block;
font-size: 15px;
margin: 6px 0;
text-align: center;
text-decoration: none;
}
.grid-prod h4 a:hover {
text-decoration: underline;
}
.grid-prod .price {
display: block;
text-align: center;
font-size: 11px;
color: #868686;
}
/* Product Page -------------------------------------------- */
.prod-left {
display: block;
float: left;
width: 300px;
overflow: hidden;
height: auto;
margin-right: 15px;
}
.image-pad {
display: block;
padding: 10px;
padding-right: 20px;
text-align: center;
background: url(../images/prod-left.gif) repeat-y;
background-position: 100% 0%;
}
.image-pad img {
width: 220px !important;
padding: 3px;
border: 1px solid #e3e1e1;
}
.image-foot {
display: block;
padding-top: 26px;
background: url(../images/image-foot.gif) no-repeat;
background-position: 100% 0%;
}
a#zoom-link {
display: block;
width: 115px;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/image-zoom.gif) no-repeat;
float: right;
margin-right: 6px;
margin-bottom: 15px !important;
}
.prod-right {
display: block;
float: left;
width: 330px;
}
.prod-right ul {
margin: 0;
margin-bottom: 20px;
}
.prod-right li {
margin-bottom: 6px;
margin-left: 30px;
background: url(../images/prod-li.gif) no-repeat;
padding-left: 11px;
background-position: 0px 5px;
}
.p1 {
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 6px;
}
h4.price {
float: left;
width: 150px;
display: block;
font-size: 24px;
color: #5a5a5a;
font-family: helvetica,arial,sans-serif;
letter-spacing: -1px;
}
span.quantity {
display: block;
float: right;
width: 180px;
padding-top: 5px;
text-align: right;
font-weight: bold;
font-family: arial,sans-serif;
color: #4c838e;
font-size: 11px;
}
span.quantity input {
border: 1px solid #e4e4e4;
padding: 3px;
font-size: 12px;
color: #424242;
}
span.quantity input:focus {
background-color: #feffcd;
}
.o1 {
display: block;
padding-bottom: 6px;
padding-top: 6px;
color: #4c838e;
font-size: 11px;
font-weight: bold;
clear: both;
width: 330px;
}
.o1 select {
display: block;
float: left;
width: 203px;
padding: 3px;
border: 1px solid #e4e4e4;
color: #5a5a5a;
}
span.product_options {
display: block;
float: left;
padding-top: 3px;
padding-bottom: 3px;
border-right: 1px solid #e4e4e4;
width: 120px;
margin-right: 5px;
}
div.order {
display: block;
clear: both;
float: right;
padding-top: 15px;
padding-right: 3px;
}
/* Associated Products ----------------------------------- */
.associated h5 {
margin-bottom: 10px;
font-size: 16px;
color: #70485E;
width: 260px;
}
.associated-single {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E3E1E1;
font-size: 11px;
color: #7d7d7d;
}
.associated-single span.associated-title {
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 9px;
padding-left: 12px;
background: url(../images/prod-li.gif) no-repeat;
background-position: 2px 4px;
color: #4f848f;
}
span.associated-title a {
font-size: 11px;
font-weight: normal;
color: #356c77;
}
span.associated-title a:hover {
color: #338191;
}
/* Search Results ------------------------------------------ */
.checkout-title#search { background: url(../images/search.gif) no-repeat; background-position: 10px 0px; padding-left: 80px; padding-top: 0px;}
p.result span {
display: inline-block;
padding: 3px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #4e4e4e;
text-align: center;
width: 15px;
margin-right: 8px;
font-weight: bold;
color: #fff;;
margin-bottom: 10px;
}
p.result {
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #e1e1e1;
padding-left: 10px;
}
p.result a {
font-weight: bold;
font-size: 12px;
color: #568b95;
}
p.result a:hover {
color: #7f405a;
}
p.pagination {
display: block;
padding: 3px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: url(../images/intro-br.gif) no-repeat;
background-position: 10px 11px;
background-color: #191919;
color: #fff !important;
padding-left: 23px !important;
}
p.pagination strong {
font-weight: bold;
color: #95c2ca;
}
/* View Cart ----------------------------------------------- */
.cart-title {
display: block;
background: url(../images/bag.gif) no-repeat;
height: 74px;
padding-left: 86px;
padding-top: 15px;
background-position: 8px 5px;
border-bottom: 1px solid #e3e1e1;
padding-bottom: 15px;
margin-bottom: 15px;
}
.cart-title h1.cart {
text-indent: 0px !important;
padding-left: 0px !important;
font-size: 47px !important;
letter-spacing: -3px !important;
}
.cart-title p {
display: block;
font-weight: normal;
font-size: 11px;
font-family: arial,sans-serif;
color: #717171;
padding-left: 6px !important;
position: relative;
top: -10px !important;
}
.table-container {
display: block;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px;
}
.product-add {
width: 100%;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #ededed;
}
.product-add th, .product-add td {
padding: 8px;
}
.product-add th {
background-color: #191919;
color: #fff;
font-size: 11px;
}
.product-add td {
font-size: 11px;
border-bottom: 1px solid #dadada;
}
/* Add to Cart --------------------------------------- */
table#add-to-cart, table#checkout-proceed {
margin-bottom: 15px;
}
table#add-to-cart th, table#checkout-proceed th {
width: 120px;
border-bottom: 1px solid #232323;
background: url(../images/intro-br.gif) no-repeat;
padding-left: 22px;
background-color: #191919;
background-position: 8px 12px;
}
table#add-to-cart th.first, table#checkout-proceed th.first {
-moz-border-radius-topleft: 6px;
}
table#add-to-cart th.last, table#checkout-proceed th.last {
-moz-border-radius-bottomleft: 6px;
border-bottom: 0;
}
.shop-button img {
width: 104px;
height: 35px;
border: 0;
outline: 0;
cursor: pointer;
}
.shop-button {
display: inline-block;
float: left;
margin: 0;
margin-right: 8px;
padding: 0;
margin: 0;
width: 110px;
text-align: left;
padding: 0 !important;
border: 0;
cursor: pointer;
position: relative;
}
button.shop-button {
top: -1px;
}
td.quantity input {
padding: 3px;
border: 1px dotted #c7c7c7;
background-color: #fff;
}
th#view-grandtotal {
font-size: 24px;
letter-spacing: -1px;
font-family: lucida sans,arial,sans-serif;
background-color: #262626;
width: 200px;
}
th.view-top, th.top-left, th.top-right {
background: url(../images/intro-br.gif) no-repeat;
background-color: #191919;
padding-left: 20px;
border-right: 1px solid #222222;
background-position: 8px 12px;
}
th.top-left {
-moz-border-radius-topleft: 6px;
border-left: 0px;
}
th.top-right {
-moz-border-radius-topright: 6px;
border-right: 0px;
}
input.recalculate, input.checkout {
display: inline-block;
width: 104px;
height: 36px;
background: url(../images/recalculate.gif) no-repeat;
cursor: pointer;
border: 0;
margin-right: 6px;
}
input.checkout {
background: url(../images/checkout.gif) no-repeat;
}
button.button {
border: 0;
padding: 0;
display: inline-block;
margin-right: 2px !important;
background: none;
cursor: pointer;
}
.buttons {
clear: both;
display: block;
text-align: center;
padding: 10px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #e1e1e1;
margin-bottom: 25px !important;
padding-top: 15px;
position: relative;
top: 10px;
}
/* Checkout ----------------------------------------------- */
.checkout-form, .page-container {
display: block;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
.address-left {
padding-top: 5px;
display: block;
float: left;
width: 301px;
margin-right: 10px;
border-right: 1px solid #e8e8e8;
}
.address-right {
padding-top: 5px;
display: block;
float: left;
width: 301px;
margin-left: 20px;
}
.checkout-title {
display: block;
padding-left: 65px;
height: 58px;
margin-bottom: 15px;
}
.checkout-title#info { background: url(../images/checkout-title.gif) no-repeat; }
.checkout-title#shipping { background: url(../images/checkout-shipping.gif) no-repeat; }
.checkout-title#extra { background: url(../images/checkout-extra.gif) no-repeat; }
.checkout-title#card { background: url(../images/checkout-card.gif) no-repeat; background-position: 0px -5px; padding-left: 70px; }
.checkout-break { clear: both; display: block; height: 1px; border-top: 1px solid #e8e8e8; }
.checkout-title h2 {
display: block;
font-size: 28px;
color: #568b95;
letter-spacing: -2px;
font-family: lucida sans,arial,sans-serif;
padding-top: 2px !important;
width: 250px;
}
.checkout-title span {
font-size: 11px;
font-family: arial,sans-serif;
color: #838383;
}
.checkout-form fieldset {
font-size: 11px;
font-family: arial,sans-serif;
margin-bottom: 10px;
}
.checkout-form label {
display: block;
float: left;
width: 90px;
font-weight: bold;
border-right: 2px solid #dedede;
background-color: #e8e8e8;
margin-right: 8px;
padding: 4px;
margin-bottom: 4px;
padding-left: 10px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
}
.checkout-input {
display: block;
float: left;
padding: 4px;
width: 155px;
border: 1px solid #d5d5d5;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding-top: 6px;
padding-bottom: 6px;
}
td.quantity input:focus, .checkout-input:focus {
background-color: #fdffc3;
}
.checkout-form input.radio {
display: inline-block;
margin-top: 7px;
}
.checkout-form select.select {
display: inline-block;
float: left;
padding: 4px;
width: 155px;
border: 1px solid #d5d5d5;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding-top: 6px;
padding-bottom: 6px;
}
.checkout-form p {
clear: both;
padding: 0 !important;
}
.checkout-form input.adv-button {
display: block;
width: 104px;
height: 35px;
background: url(../images/adv-search.gif) no-repeat;
border: 0px;
cursor: pointer;
margin-bottom: 25px !important;
}
.checkout-form em {
font-style: normal;
color: #af0000;
font-weight: normal;
}
input.secure_button {
display: block;
width: 104px;
height: 35px;
background: url(../images/pay-now.gif) no-repeat;
border: 0;
font-size: 0px !important;
cursor: pointer;
}
/* Error -------------------------------------------------- */
.error ul {
display: block;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 8px;
}
.error li {
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: url(../images/error.gif) no-repeat;
background-position: 7px 5px;
background-color: #1d1d1d;
margin-bottom: 5px;
padding: 7px;
padding-left: 30px;
color: #d0d0d0;
}
/* Google Map ----------------------------------------------- */
#map-container {
display: block;
float: left;
clear: left;
width: 230px;
height: 320px;
border: 1px solid #e8e8e8;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #f1f0f0;
margin-right: 15px;
padding: 10px;
}
#map {
display: block;
width: 230px;
height: 320px;
}
/* Contact Form --------------------------------------------- */
.contact-form fieldset {
background-color: #e8e8e8;
border: 1px solid #d2d2d2;
margin-bottom: 15px;
display: block;
float: left;
width: 285px;
padding-left: 15px;
padding-right: 15px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding-top: 10px;
padding-bottom: 10px;
height: 170px !important;
position: relative;
margin-top: 10px !important;
}
.contact-form legend {
font-weight: bold;
font-size: 11px;
color: #4e223a;
}
.contact-form p {
display: block;
clear: both;
margin-bottom: 0px !important;
}
.contact-form input.text {
display: block;
float: left;
width: 167px;
height: 16px;
padding: 4px;
border: 1px solid #d2d2d2;
font-size: 11px;
color: #545454;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contact-form label {
display: block;
float: left;
width: 90px;
background-color: #2e2e2e;
color: #fff;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px;
height: 18px;
margin-right: 6px;
padding-left: 8px;
font-size: 11px;
margin-bottom: 5px !important;
}
.contact-form label em {
color: #df3438;
font-style: normal;
}
.contact-form select {
display: block;
float: left;
width: 177px;
padding: 4px;
border: 1px solid #d2d2d2;
font-size: 11px;
color: #545454;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contact-form textarea {
display: block;
float: left;
width: 167px;
height: 70px;
padding: 4px;
border: 1px solid #d2d2d2;
font-size: 11px;
color: #545454;
overflow: auto;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.contact-form input.submit {
background: url(../images/send.gif) no-repeat;
height: 35px;
width: 104px;
border: 0;
font-size: 0px;
color: #97cad3;
margin-top: 10px;
float: right;
margin-right: 0px;
cursor: pointer;
}
.contact-form input.submit:hover {
position: relative;
top: 1px;
left: 1px;
}
/* Sub Page Links ------------------------------------------- */
ul.sub-page li {
margin-bottom: 6px;
margin-left: 30px;
background: url(../images/prod-li.gif) no-repeat;
padding-left: 11px;
background-position: 0px 5px;
}
ul.sub-page li a {
color: #94415a;
text-decoration: none;
font-family: arial,sans-serif;
font-size: 12px;
font-weight: bold;
}
ul.sub-page li:hover {
text-decoration: underline;
color: #5c2a47;
}
/* Footer --------------------------------------------------- */
#footer {
display: block;
height: 173px;
width: 920px;
clear: both;
background-color: #202020;
}
#footer-logo {
display: block;
float: left;
width: 273px;
height: 106px;
background: url(../images/footer-logo.gif) no-repeat;
padding-top: 67px;
padding-left: 31px;
}
#footer-logo p {
display: block;
font-family: arial,sans-serif;
font-size: 11px;
line-height: 18px;
color: #fff;
margin-bottom: 17px;
clear: both;
}
#footer-logo span {
display: inline-block;
float: left;
font-size: 11px;
font-family: arial,sans-serif;
color: #c5afbb;
}
#footer-logo span.email {
background: url(../images/email.gif) no-repeat;
background-position: 0px 1px;
padding-left: 26px;
margin-right: 10px;
}
#footer-logo span.phone {
background: url(../images/phone.gif) no-repeat;
padding-left: 15px;
}
#footer-logo span a {
text-decoration: underline;
color: #c5afbb;
}
#footer-logo span a:hover {
color: #99ccd3;
}
#footer-nav {
display: block;
float: left;
width: 386px;
height: 84px;
background: url(../images/footer-nav.gif) no-repeat;
padding-left: 20px;
padding-top: 89px;
font-size: 11px;
font-family: arial,sans-serif;
}
#footer-nav h4 {
color: #99ccd3;
font-size: 12px;
font-family: arial,sans-serif;
font-weight: bold;
margin-bottom: 9px;
}
#footer-nav p {
font-size: 11px;
color: #fff;
margin-bottom: 8px;
line-height: 17px;
padding: 0 10px 0 0;
}
#footer-nav p strong {
font-weight: bold;
}
#footer-nav a {
color: #c5afbb;
display: inline-block;
margin-right: 6px;
}
#footer-nav a:hover {
text-decoration: none;
}
#footer-design {
width: 180px;
display: block;
float: left;
height: 35px;
padding-top: 138px;
padding-left: 30px;
font-size: 11px;
color: #fff;
font-family: arial,sans-serif;
}
#footer-design a {
text-decoration: none;
color: #fff;
}
a.bf {
color: #c5afbb !important;
font-weight: bold;
}