html, body {
background-color: #92dae5;
background: url(../images/bg.gif) repeat;
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; }
.image-right { display: block; clear: right; float: right; }
/* Wrappers ======================== */
#outer {
display: block;
background: url(../images/outer.gif) repeat-x;
width: 100%;
height: 100%;
}
#header {
display: block;
width: 100%;
height: 126px;
background: url(../images/header.gif) repeat-x;
}
#wrapper {
display: block;
width: 962px;
margin: 0 auto;
clear: both;
}
/* Header Content --------------------------- */
#header-inner {
display: block;
margin: 0 auto;
width: 962px;
height: 126px;
}
h1#logo {
margin-top: 3px;
display: block;
float: left;
width: 276px;
height: 126px;
margin-right: 397px;
}
h1#logo a {
display: block;
text-indent: -9999px;
width: 276px;
height: 126px;
background: url(../images/logo.gif) no-repeat;
border: 0;
overflow: hidden;
}
h1#logo a:hover {
background-position: 0px -117px;
}
/* Checkout ----------------------------- */
#checkout {
display: block;
width: 265px;
float: left;
height: 55px;
font-size: 11px;
color: #4f4f4f;
}
/* Navigation ------------------------ */
#nav {
background: url(../images/navigation.gif) no-repeat;
width: 962px;
height: 90px;
display: block;
margin-bottom: 16px;
}
#top-nav {
display: block;
width: 962px;
height: 42px;
text-align: center;
padding-top: 8px;
}
#topnav li a:hover { color: #f6eda1; }
#topnav li.first { padding-left: 10px; }
#top-nav li.last { background: none; }
#top-nav li.last a { padding-right: 18px; padding-left: 18px; }
#topnav li {
font-size: 12px;
color: #fff;
display: inline-block;
float: left;
background: url(../images/top-nav.gif) no-repeat;
background-position: 100% 0%;
height: 27px;
margin: 0 !important;
}
#topnav li a {
color: #fff;
text-shadow: 1px 1px #d2002a;
font-weight: bold;
text-decoration: none;
}
#mid-nav {
display: block;
width: 954px;
height: 40px;
padding-left: 27px;
}
#mid-nav a {
font-size: 11px;
color: #fff;
text-decoration: underline;
font-weight: normal;
display: inline-block;
float: left;
padding-right: 12px;
padding-top: 12px;
text-shadow: 1px 1px #d2002a;
}
#mid-nav a:hover { color: #f6eda1; }
#search {
display: inline-block;
float: right;
width: 187px;
height: 26px;
margin-top: 8px;
margin-right: 25px;
}
#search input.search {
display: block;
float: left;
width: 143px;
border: 0;
margin: 0;
background: url(../images/search-input.gif) no-repeat;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 5px;
padding-top: 6px;
font-size: 11px;
color: #6b6b6b;
}
#search input.search:focus {
color: #2189cb;
}
#search input.go {
display: block;
float: left;
width: 32px;
height: 26px;
background: url(../images/search-go.gif) no-repeat;
border: 0;
font-size: 0px;
text-indent: -9999px;
text-align: center;
color: #fff;
cursor: pointer;
}
#search input.go:focus {
background-position: 0px -26px;
}
/* Content ------------------------------------- */
#content {
display: block;
width: 962px;
background: url(../images/copy-repeat.gif) repeat;
background-color: #fff;
padding-top: 7px;
}
#content-top {
display: block;
width: 962px;
height: 10px;
background: url(../images/copy.gif) no-repeat;
background-color: #fff;
}
#content-base {
display: block;
width: 962px;
height: 11px;
background: url(../images/copy-base.gif) no-repeat;
clear: both;
margin-bottom: 15px !important;
}
#copy {
display: block;
float: left;
width: 605px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
}
#sidebar {
display: block;
float: left;
width: 297px;
}
h1.intro {
font-size: 30px;
color: #ff0537;
letter-spacing: -1px;
font-family: rockwell,candela bold,lucida sans,arial,sans-serif;
margin-bottom: 13px !important;
background: url(../images/h1-border.gif) repeat-x;
padding-bottom: 15px;
background-position: 0% 100%;
}
h1.shop {
font-size: 24px;
color: #ff0537;
letter-spacing: -1px;
font-family: rockwell,candela bold,lucida sans,arial,sans-serif;
margin-bottom: 12px !important;
}
/* Sidebar ----------------------------- */
#sidebar p {
color: #656565;
font-size: 12px;
text-align: left;
font-family: arial,sans-serif;
line-height: 21px;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 20px;
text-shadow: 1px 1px #fff;
}
.sidebar-title {
display: block;
width: 283px;
height: 50px;
background: url(../images/sidebar-title.gif) no-repeat;
margin-bottom: 10px;
}
.sidebar-title div {
display: block;
width: 233px;
height: 46px;
padding-left: 50px;
padding-top: 4px;
}
div#mailing { background: url(../images/mailing.gif) no-repeat; }
div#occasions { background: url(../images/occasions.gif) no-repeat; }
div#design { background: url(../images/design.gif) no-repeat; }
.sidebar-title h1 {
display: block;
font-size: 15px;
font-weight: bold;
font-family: arial,sans-serif;
color: #fd315a;
text-transform: uppercase;
}
.sidebar-title small {
font-size: 11px;
color: #747474;
}
#sidebar ul {
display: block;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
padding-top: 10px;
}
#sidebar li {
background: url(../images/sidebar-li.gif) no-repeat;
padding-left: 25px;
margin-bottom: 12px;
font-size: 12px;
color: #656565;
text-shadow: 1px 1px #fff;
font-family: arial,sans-serif;
}
#sidebar .subscribe {
display: block;
margin-bottom: 30px !important;
}
.subscribe label {
display: inline-block;
float: left;
width: 85px;
padding-top: 4px;
font-size: 12px;
font-family: arial,sans-serif;
color: #45aebe;
font-weight: bold;
text-shadow: 1px 1px #fff;
}
.subscribe p {
clear: both;
padding-bottom: 15px !important;
display: block;
}
.subscribe input.text {
display: inline-block;
float: left;
width: 160px;
height: 18px;
background: url(../images/input-text.gif) no-repeat;
border: 0;
margin: 0;
padding: 0;
float: right;
padding: 5px;
padding-top: 6px;
font-size: 12px;
color: #707070;
}
.subscribe input.submit {
display: block;
float: right;
width: 101px;
height: 31px;
background: url(../images/subscribe.gif) no-repeat;
border: 0;
text-align: center;
text-indent: -9999px;
font-size: 0;
color: #b5eef6;
cursor: pointer;
}
.subscribe input.submit:focus {
position: relative;
top: 1px;
}
/* Footer ------------------------------------- */
#footer {
display: block;
width: 962px;
height: 111px;
background: url(../images/footer.gif) no-repeat;
margin-bottom: 15px;
}
#footer h2 {
display: block;
width: 216px;
height: 54px;
background: url(../images/footer-h1.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}
#footer div {
display: block;
width: 920px;
height: 57px;
padding-left: 21px;
padding-right: 21px;
}
#footer div h4 {
font-size: 12px;
color: #777777;
float: left;
clear: left;
display: block;
font-family: arial,sans-serif;
text-shadow: 1px 1px #fff;
margin-bottom: 6px;
}
#footer div h3 {
clear: left;
float: left;
display: block;
font-size: 11px;
text-shadow: 1px 1px #fff;
color: #868686;
}
#footer div h3 strong {
font-weight: bold;
color: #159bb0;
}
#footer div h3 a {
text-decoration: underline;
font-weight: bold;
color: #159bb0;
}
#footer div h3 a:hover {
color: #078498;
}
#footer div h5 {
float: right;
font-size: 11px;
color: #878787;
text-shadow: 1px 1px #fff;
}
#footer div h5 a {
color: #878787;
text-decoration: none;
}
#footer div h5 a:hover, #footer div h5 a.bf:hover {
color: #f81e49 !important;
}
#footer div h5 a.bf {
text-decoration: underline !important;
color: #24b4ca !important;
font-weight: bold;
}
/* Product Page -------------------------------------------- */
.prod-left {
display: block;
float: left;
width: 200px;
overflow: hidden;
height: auto;
margin-right: 15px;
}
.image-pad {
display: block;
padding: 10px;
padding-left: 2px;
padding-right: 20px;
text-align: center;
background: url(../images/prod-left.gif) repeat-y;
background-position: 100% 0%;
}
.image-pad img {
width: 190px; !important;
padding: 3px;
border: 1px solid #e3e1e1;
margin-bottom: 8px;
}
.image-foot {
text-align: center;
display: block;
background-position: 100% 0%;
padding-left: 12px;
padding-right: 12px;
}
.image-foot h4 {
font-size: 12px;
font-weight: bold;
color: #ff0638;
display: inline-block;
width: 172px;
text-align: left;
padding-bottom: 9px;
margin-bottom: 7px;
border-bottom: 1px solid #e4e4e4;
clear: both;
}
.image-foot a {
display: block;
width: 80px;
font-size: 11px;
float: left;
padding: 3px;
padding-left: 0px;
color: #2aa5b7;
font-weight: bold;
text-decoration: none;
text-align: center;
}
.prod-right {
display: block;
float: left;
width: 390px;
}
.prod-right ul {
margin: 0;
margin-bottom: 20px;
}
.prod-right li strong {
font-weight: bold;
}
.prod-right p, .prod-right ul, #copy p {
font-size: 12px;
color: #787878;
font-family: arial,sans-serif;
line-height: 20px;
}
.prod-right p, #copy p {
margin-bottom: 10px;
text-align: justify;
}
#copy p a { color: #14b3d5; font-weight: bold; text-decoration: none; }
#copy p a:hover { color: #1cc8ed; }
.prod-right li {
margin-bottom: 6px;
margin-left: 10px;
background: url(../images/prod-li.gif) no-repeat;
padding-left: 20px;
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;
}
.p2 {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 6px;
clear: both;
height: auto !important;
padding-right: 0px !important;
}
h4.price, h4.message {
float: left;
width: 150px;
display: block;
font-size: 24px;
color: #ff2652;
font-family: rockwell,arial,sans-serif;
letter-spacing: -1px;
}
h4.message {
display: block;
float: none;
width: 350px;
font-size: 20px;
color: #ff2652;
font-family: rockwell,arial,sans-serif;
letter-spacing: -1px;
margin-bottom: 8px !important;
padding-top: 3px !important;
}
.prod-right h2 {
font-size: 18px;
color: #57b8c7;
font-family: lucida sans,arial,sans-serif;
letter-spacing: -1px;
margin-bottom: 9px;
display: block;
}
span.quantity {
display: block;
float: right;
width: 180px;
padding-top: 5px;
text-align: right;
font-weight: bold;
font-family: arial,sans-serif;
color: #2f9dae;
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: 390px;
height: 22px;
}
.o1 select, .o1 input.custom-message {
display: block;
float: left;
width: 191px;
padding: 3px;
border: 1px solid #d9d9d9;
color: #5a5a5a;
}
.o1 input.custom-message {
width: 180px !important;
height: 17px;
padding-left: 5px;
padding-top: 4px;
}
.o1 select:focus {
background-color: #fff9b9;
}
span.product_options {
display: block;
float: left;
padding: 7px;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 160px;
background: url(../images/v.gif) no-repeat;
background-position: 6px 7px;
background-color: #47b7c7;
margin-right: 5px;
font-weight: bold;
padding-left: 24px;
font-size: 10px;
}
div.order {
display: block;
clear: both;
float: right;
padding-top: 15px;
padding-right: 3px;
}
/* Form Validation ---------------------------- */
.formError {
position:absolute;
top:300px; left:300px;
width:150px;
padding-bottom:15px;
display:block;
z-index:5000;
}
.formError .formErrorContent {
width: 100%;
background: #47b7c7;
color: #fff;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
padding: 11px;
padding-top: 7px;
padding-left: 13px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
line-height: 17px;
text-shadow: 1px 1px #36aaba;
}
.formErrorContent strong {
font-weight: bold;
color: #f6f3bd;
display: inline-block;
padding-right: 8px;
text-shadow: 1px 1px #36aaba;
padding-left: 18px;
background: url(../images/v.gif) no-repeat;
background-position: 0px 2px;
margin-left: -2px !important;
}
.formError .formErrorArrow {
position: absolute;
bottom: 0; left: 20px;
width: 15px; height: 15px;
}
.formError .formErrorArrow div {
font-size: 0px;
}
.formError .formErrorArrow .line10 { width: 15px; height: 1px; background: #47b7c7; margin: 0 auto; font-size: 0px; display: block; }
.formError .formErrorArrow .line9 { width: 13px; height: 1px; background: #47b7c7; margin: 0 auto; display: block; }
.formError .formErrorArrow .line8 { width: 11px; height: 1px; background: #47b7c7; margin: 0 auto; display: block; }
.formError .formErrorArrow .line7 { width: 9px; height: 1px; background: #47b7c7; margin: 0 auto; display: block; }
.formError .formErrorArrow .line6 { width: 7px; height: 1px; background: #47b7c7; margin: 0 auto; display: block; }
.formError .formErrorArrow .line5 { width: 5px; height: 1px; background: #47b7c7; margin: 0 auto; display: block; }
.formError .formErrorArrow .line4 { width: 3px; height: 1px; background: #47b7c7; margin: 0 auto; display: block; }
.formError .formErrorArrow .line3 { width: 1px; height: 1px; background: #47b7c7; margin: 0 auto; display: block; }
/* Breadcrumbs -------------------------------------------------- */
#breadcrumb {
font: 11px Arial, Helvetica, sans-serif;
background-image:url(../images/bc_bg.png);
background-repeat:repeat-x;
height:30px !important;
line-height:30px !important;
color:#9b9b9b;
border:solid 1px #d4d4dc;
display: block;
overflow:hidden;
margin:0px;
padding:0px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-bottom: 15px;
}
#breadcrumb li {
list-style-type:none;
float:left;
padding-left:10px;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
}
#breadcrumb a {
height:30px;
display:inline-block;
background-image:url(../images/bc_separator.png);
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
text-decoration: none;
color:#454545;
}
.home {
border:none;
margin: 8px 0px;
}
#breadcrumb a:hover {
color:#339dad;
}
/* Checkout Universal Styles --------------------- */
.cart-title {
display: block;
border-bottom: 1px solid #e3e1e1;
padding-bottom: 9px;
margin-bottom: 9px;
padding-left: 2px;
}
.cart-title h1.cart {
text-indent: 0px !important;
font-size: 24px !important;
letter-spacing: -2px !important;
font-family: rockwell,lucida sans,arial,sans-serif;
color: #fc3961;
padding-left: 3px !important;
}
.cart-title p {
display: block;
font-weight: normal;
font-size: 11px;
font-family: arial,sans-serif;
color: #717171;
padding-left: 2px !important;
margin-bottom: 0 !important;
}
.table-container {
display: block;
padding-left: 10px;
padding-right: 10px;
}
table.product-add {
margin-bottom: 10px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: none !important;;
width: 100%;
padding: 6px;
font-size: 11px;
color: #2c2c2c;
}
.product-add td {
line-height: 19px;
}
.product-add td, .product-add th {
padding: 6px;
padding-left: 10px;
vertical-align: top;
line-height: 18px;
}
.product-add th {
font-weight: bold;
background: url(../images/v.gif) no-repeat;
background-position: 6px 7px;
padding-left: 26px;
color: #fff !important;
background-color: #47b7c7;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 130px !important;
border-bottom: 3px solid #fff;
}
.product-add th.last, .product-add td.last { border-bottom: 0px; }
.product-add th.right { border-right: 0px; }
.addprod-buttons {
display: block;
padding-top: 8px;
}
.addprod-buttons button {
padding: 0;
margin: 0;
border: 0;
background: none;
cursor: pointer;
}
.addprod-buttons img { cursor: pointer; }
.viewcart-input input, .viewcart-input select {
display: block;
width: 200px;
padding: 3px;
border: 1px solid #cacaca;
font-size: 12px;
color: #4c4c4c;
}
.viewcart-input select {
width: 208px;
}
.viewcart-input input:focus, .viewcart-input select:focus {
background-color: #fffac3;
}
/* View Cart --------------------------------- */
th.product {
width: 180px !important;
overflow: hidden !important;
}
.options-hidden {
display: none;
}
a.option-visible:hover .options-hidden {
display: block;
font-size: 9px;
padding: 10px;
background-color: #d8eff3;
font-weight: normal;
color: #616161;
width: 160px !important;
margin: 0px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top: 3px !important;
}
a.option-visible {
display: block;
cursor: pointer;
font-weight: bold;
color: #26abbf;
font-size: 10px;
margin: 0;
padding: 0px !important;
width: 180px !important;
}
td.quantity input {
padding: 4px;
border: 1px dotted #c4c4c4;
display: inline-block;
}
td.quantity input:focus { background-color: #fffac3; }
/* Checkout ------------------ */
.checkout-form {
display: block;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}
.address-left {
padding-top: 0px;
display: block;
float: left;
width: 270px;
margin-right: 10px;
border-right: 1px solid #e8e8e8;
padding-right: 20px;
}
.address-right {
padding-top: 0px;
display: block;
float: left;
width: 270px;
margin-left: 10px;
}
.checkout-title {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
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; }
.checkout-break { clear: both; display: block; height: 1px; border-top: 1px solid #e8e8e8; }
.checkout-title h2 {
text-indent: 0px !important;
font-size: 24px !important;
letter-spacing: -2px !important;
font-family: rockwell,lucida sans,arial,sans-serif;
color: #fc3961;
padding-left: 3px !important;
width: 250px;
text-transform: lowercase;
}
.checkout-title span {
font-size: 11px;
font-family: arial,sans-serif;
color: #838383;
}
.checkout-form fieldset {
font-size: 11px !important;
font-family: arial,sans-serif;
margin-bottom: 10px;
}
.checkout-form p { font-size: 11px !important; }
.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;
padding-top: 5px;
margin-bottom: 4px !important;
padding-left: 10px;
height: 19px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
}
.checkout-input {
display: block;
float: left;
padding: 4px;
width: 145px;
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;
}
input.addprod-link {
background-color: #fc244e;
display: block;
font-weight: bold;
color: #fff;
text-align: center;
font-size: 11px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 4px;
cursor: pointer;
border: 0;
}
input.addprod-link:hover {
background-color: #3bbfd3;
}
.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;
}
.checkout-form em {
font-style: normal;
color: #af0000;
font-weight: normal;
}
input.secure_button {
display: block;
width: 113px;
height: 39px;
background: url(../images/pay-now.gif) no-repeat;
border: 0;
font-size: 0px !important;
cursor: pointer;
text-align: left;
color: #fc244e;
}
div.buttons {
display: block;
margin-left: -3px !important;
margin-top: -2px !important;
}
.buttons button {
display: inline-block;
padding: 0;
border: 0;
width: 116px;
height: 42px;
cursor: pointer;
}
.buttons button img {
width: 113px !important;
height: 39px !important;
}
/* Checkout Progress ----------------- */
.checkout-process {
display: block;
background: url(../images/process.gif) repeat-x;
text-align: center;
margin-bottom: 12px;
background-position: 0px -15px !important;
}
.checkout-process span {
display: inline-block;
margin-left: 75px;
margin-right: 75px;
width: 27px;
background-color: #e8e8e8;
text-align: center;
padding-top: 5px;
height: 20px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
color: #bababa;
margin-bottom: 7px;
}
.checkout-process span.active {
background-color: #ffa0b3;
color: #da0d36;
text-shadow: 0px 1px #ffc5d1;
}
.checkout-process strong {
display: inline-block;
width: 173px;
text-align: center;
font-size: 11px;
color: #bcbcbc;
}
.checkout-process strong.active {
color: #6b6b6b;
}
div.note {
margin-top: 7px !important;
display: block;
border: 1px solid #fdeb8e;
background: url(../images/warning.gif) no-repeat;
background-position: 11px 10px;
background-color: #fcf3c6;
padding: 15px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-left: 8px;
margin-right: 10px;
padding-left: 52px;
padding-right: 20px;
padding-top: 10px;
}
div.note h1 {
color: #ff8518;
font-family: rockwell,arial,sans-serif;
font-size: 22px;
letter-spacing: -1px;
}
div.note p {
margin-bottom: 0px !important;
color: #454545;
font-size: 11px !important;
}
/* Sub Page Links --------------------- */
.sublink {
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #d1d1d1;
}
.sublink img {
clear: left;
float: left;
margin-right: 12px;
border: 6px solid #e8e8e8;
width: 75px;
}
.sublink h3 {
font-size: 22px;
font-family: rockwell,arial,sans-serif;
letter-spacing: -1px;
color: #37a6b7;
margin-bottom: 4px;
}
.sublink h3 a {
color: #37a6b7;
text-decoration: none;
}
.sublink h3 a:hover { color: #49b7c8; }
.sublink h5 {
font-size: 14px;
font-family: rockwell,arial,sans-serif;
color: #9b9b9b;
margin-bottom: 4px;
}
.link-name span a {
display: inline-block;
font-weight: bold;
font-size: 12px;
color: #fe093a;
}
table.sub-page {
display: block;
width: 200px;
float: left;
font-size: 12px;
text-align: center !important;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
table.first { border-left: 1px solid #d3d3d3; }
table.last { border-right: 1px solid #d3d3d3; }
table.sub-page th, table.sub-page td {
padding: 10px;
width: 200px;;
text-align: center;
}
table.sub-page th {
background-color: #f3f3f3;
font-size: 12px;
color: #ff0638;
font-family: rockwell,arial,sans-serif;
border-bottom: 1px dashed #d7d4d5;
}
table.sub-page td {
border-bottom: 1px dashed #d7d4d5;
border-right: 1px dashed #d7d4d5;
}
table.last td {
border-right: none;
}
table.sub-page td a {
color: #2fa6b7;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
}
table.sub-page td a:hover {
color: #ff0638;
text-decoration: underline;
}
/* Search Results -------------------- */
div.result {
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #d8d8d8;
clear: both;
padding-left: 8px;
padding-right: 8px;
}
div.result span {
display: inline-block;
width: 12px;
height: 12px;
float: left;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #47c1d3;
color: #fff;
padding: 4px;
text-align: center;
margin-right: 6px;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px !important;
margin-top: 2px;
}
div.result a {
font-size: 16px;
font-family: arial,sans-serif;
letter-spacing: -1px;
color: #25a9bc;
text-decoration: underline;
display: inline-block;
float: left;
padding-top: 2px;
}
div.result a:hover {
color: #0b8698;
}
div.result p {
display: block;
clear: both;
font-size: 12px;
color: #7d7d7d;
margin-bottom: 0px !important;
}
p.pagination {
display: block;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #e8e8e8;
padding: 6px;
padding-left: 9px;
}
.adv-button {
display: block;
width: 113px;
height: 39px;
background: url(../images/adv-button.gif) no-repeat;
font-size: 0px;
text-indent: -9999px;
text-align: left;
color: #fc244e;
border: 0;
padding: 0;
cursor: pointer;
}
/* Contact Page -------------------------- */
.contact {
display: block;
float: left;
width: 320px;
margin-right: 20px;
padding-right: 10px;
border-right: 1px solid #e4e4e4;
padding-top: 5px;
}
.contact p {
display: block;
margin-bottom: 3px;
clear: both;
}
.contact label {
display: inline-block;
float: left;
padding: 6px;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 70px;
background: url(../images/v.gif) no-repeat;
background-position: 6px 5px;
background-color: #47b7c7;
margin-right: 5px;
font-weight: bold;
padding-left: 24px;
padding-top: 2px;
height: 16px;
font-size: 10px;
}
label.emailtool {
background: none !important;
}
.contact input, .contact textarea {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 4px;
background-color: #fff;
border: 1px solid #cdcdcd;
width: 193px;
}
.contact input:focus, .contact textarea:focus {
background-color: #fffdd8;
}
.contact button {
margin-left: 102px !important;
display: inline-block;
border: 0;
padding: 0;
margin: 0;
width: 117px;
height: 43px;
cursor: pointer;
}
.contact button img {
border: 0;
width: 113px;
height: 39px;
}
.contact-info {
display: block;
float: left;
width: 250px;
}
.contact-info small {
display: block;
text-transform: lowercase;
font-weight: bold;
font-family: arial,sans-serif;
font-size: 12px;
color: #828282;
margin-bottom: 3px;
}
.contact-info h1 {
display: block;
margin-bottom: 8px;
font-size: 22px;
font-family: rockwell,arial,sans-serif;
letter-spacing: -1px;
color: #fc2751;
width: 250px;
}
/* Google Map ------------------------------------- */
#map-container {
display: block;
float: left;
width: 320px;
margin-right: 20px;
padding-right: 10px;
border-right: 1px solid #e4e4e4;
}
#map {
display: block;
width: 300px;
height: 350px;
border: 5px solid #e4e4e4;
}
p.address {
font-size: 13px;
font-weight: bold;
padding-left: 15px;
}