html {
height: 100%;
}
body {
height: 100%;
margin: 15px 0 1px 0;
padding: 0px;
font-family: Verdana, Arial, Helvetica, "Sans Serif";
line-height: 115%;
font-size: 12px;
color: #1A2575;
text-align: left;
background-image :url(images/background.gif);
background-repeat : repeat-x;
background-position : 0px 0px;
background-attachment : fixed;
}
img {
border: 0;
padding: 0;
margin: 0;
}
pre {
font-family: Verdana, Arial, Helvetica, "Sans Serif";
line-height: 120%;
font-size: 12px;
color: #1A2575;
}
a {
font-family: Verdana, Arial, Helvetica, "Sans Serif";
color: #1A2575;
text-decoration: none;
}
a:hover {
border-bottom: 2px dotted #6699cc;
}
hr {
border-top: 1px solid #eef4f8;
border-bottom: 2px solid #D5DEE3;
}
input, textarea {
font-family: Verdana, Arial, Helvetica, "Sans Serif";
font-size: 12px;
}
h1, h2 {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, "Sans Serif";
font-weight: bold;
color: #1a2575;
}
h1 {
font-size: 14px;
background-color: #EEF4F9;
}
h2 {
font-size: 24px;
color: #6699cc;
line-height: 180%;
}
h3 {
font-size: 24px;
color: #6699cc;
line-height: 180%;
}
.main {
height: 100%;
}
.outline {
width: 808px;
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px 0 10px 2px;
}
body_outer {
padding: 2px;
border: 1px solid #cccccc;
}
#header {
padding: 0;
margin: 0;
width: 800px;
}
#logo {
float: left;
padding: 0;
margin: 0 0 0 2px;
width: 519px;
height: 95px;
background: url(images/logo.jpg) no-repeat left;
cursor: pointer; cursor: hand;
}
#promoSplash {
position: absolute;
top: 50px;
right: 20px;
width: 140px;
padding: 6px;
border: 3px solid #a90000;
background: #dd0000;
text-align: center;
line-height: 120%;
font-size: 16px;
font-weight: bold;
color: #ffffff;
z-index: 100;
}
/*** menu ***/
#menu {
float: left;
height: 22px;
padding: 0;
margin: 0 0 0 2px;
white-space: nowrap;
}
#menu ul {
margin: 0;
padding: 0;
}
#menu li {
display:inline;
padding: 0 0 0 2px;
list-style: none;
font-weight: bold;
font-size: 12px;
}
.menu_item, .menu_sel {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: bold;
color: #1a2575;
background-color: #ffffff;
}
.menu_sel {
color: #6699cc;
}
.menu_line {
display: inline;
width: 8px;
height: 22px;
padding: 0;
margin: 0 0 0 4px;
vertical-align: top;
background: url(images/menu_line.gif) no-repeat center;
}
a.menu_item:hover {
border-bottom: 2px dotted #6699cc;
}
/*** Home page ***/
#welcome {
float: left;
padding: 2px 6px 0 5px;
margin: 6px 0 0 6px;
width: 516px;
height: 108px;
font-size: 1em;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#home_canvas {
clear: both;
float: right;
margin: 10px 10px 0 0;
width: 214px;
height: 402px;
background: url(images/jake_canvas.jpg) no-repeat right;
}
#home_tr_image {
float: right;
padding: 0;
width: 238px;
height: 121px;
background: url(images/paint_pots.jpg) no-repeat right;
}
#big_links_box {
float: left;
margin: 6px;
width: 528px;
height: 270px;
border: 1px solid #eef2f4;
}
#big_links_table {
width: 100%;
height: 100%;
}
.big_link {
float: left;
display: inline;
width: 256px;
height: 187px;
padding: 0px;
margin: 0px;
border-bottom: none;
}
#biglink1:hover {
border-bottom: none;
}
#biglink2:hover {
border-bottom: none;
}
.biglink_text:hover {
pointer: default;
border-bottom: none;
}
/*** Pricing page ***/
#pricing {
float: left;
padding: 8px;
margin: 4px 0 4px 4px;
width: 550px;
height: 682px;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#pricing pre {
font-size: 12px;
line-size:100%;
}
#pricing_table {
width: 380px;
font-size: 12px;
margin: 10px 10px 0 20px;
line-height: 125%;
}
#pricing_table td {
/* font-weight: bold; */
}
#pricing_table th {
font-size: 14px;
font-weight: bold;
vertical-alignment: middle;
padding: 0 4px 0 4px;
border-bottom: 1px solid #D5DEE3;
}
.pricingheader {
}
#delivery {
float: right;
padding: 6px 2px 6px 6px;
margin: 6px 5px 0 0;
width: 200px;
height: 136px;
font-size: 9px;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#pricing_del_table {
margin-left: 4px;
width: 186px;
background: #fff;
padding-right: 2px;
margin-bottom: 2px;
border: 1px solid #D5DEE3;
}
#pricing_tr_image {
float: right;
margin-right: 10px;
width: 167px;
height: 121px;
background: url(images/splodge.jpg) no-repeat right;
}
#pricing_pic {
float: right;
margin: 4px 5px 0 0;
width: 210px;
height: 302px;
background: url(images/from_below.jpg) no-repeat right;
}
/*** FAQ page ***/
#faq_box {
float: left;
padding: 2px;
margin: 10px 0 0 4px;
width: 780px;
font-size: 10px;
text-align: left;
}
.faq_q {
margin-top: 10px;
background: #eef4f8;
}
.faq_a {
background: #fff;
}
#faq_tr_image {
float: right;
padding: 0;
width: 238px;
height: 121px;
background: url(images/paint_pots.jpg) no-repeat right;
}
#faq_del_table {
width: 220px;
margin-left: 20px;
font-size: 9px;
border: 1px solid #eef4f8;
}
/*** Your Photos page ***/
#yp_box {
float: left;
padding: 8px;
margin: 4px 0 4px 4px;
width: 530px;
height: 490px;
font-size: 11px;
line-height: 130%;
text-align: left;
border: 1px solid #D5DEE3;
}
#yp_intro {
float: left;
padding: 6px;
margin: 0 0 8px 0;
width: 510px;
font-size: 13px;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
.yp_title {
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
}
#yp_num1 {
float: left;
width: 480px;
height: 60px;
margin-top: 4px;
padding: 4px 0 0 60px;
background: url(images/yp_num1.gif) no-repeat left top;
}
#yp_num2 {
float: left;
width: 480px;
height: 64px;
padding-left: 60px;
background: url(images/yp_num2.gif) no-repeat left top;
}
#yp_num3 {
float: left;
width: 480px;
height: 60px;
vertical-align: top;
padding: 5px 0 0 60px;
background: url(images/yp_num3.gif) no-repeat left top;
}
#yp_tr_image {
float: right;
padding: 0;
margin: 0;
width: 203px;
height: 121px;
background: url(images/paint_brushes.jpg) no-repeat right;
}
#yp_pic {
clear: both;
float: right;
margin: 4px 10px 0 0;
width: 200px;
height: 200px;
background: url(images/bugs.jpg) no-repeat right;
}
#yp_corner {
float: right;
width: 200px;
height: 133px;
margin: 18px 10px 0 0;
background: url(images/corner.jpg) no-repeat right;
}
#yp_corner2 {
float: right;
width: 200px;
height: 133px;
margin: 4px 10px 0 0;
background: url(images/corner2.jpg) no-repeat right;
}
#browse {
color: #1A2575;
padding: 2px;
width: 266px;
text-align: left;
border: 1px solid #D5DEE3;
}
#yp_name {
color: #1A2575;
padding: 2px;
width: 260px;
text-align: left;
border: 1px solid #D5DEE3;
}
#uploadcontainer {
display: inline;
margin-right: 10px;
width: 88px;
height: 37px;
vertical-align: middle;
}
#uploadsubmit {
border-bottom: none;
}
#yp_blurb {
font-size: 12px;
font-weight: normal;
margin: 0 4px 4px 4px;
}
#progress_div {
width: 490px;
height: 1px;
visibility: hidden;
}
#progress_body {
background-color: #ffffff;
color: #1A2575;
font-family: Verdana, Arial, Helvetica, "Sans Serif";
font-size: 12px;
width: 100%;
height: 160px;
}
.data {background-color: #b3b3b3; border: 1px solid #898989; width: 90%}
.data TR TD {background-color: #dddddd; font: 13px Arial;}
.message {font: 18px Arial;}
.bar1 {background-color:#b3b3b3; position:relative; text-align:left; height:20px; width:80%; border:1px solid #505050;}
.bar2 {background-color:#000099; position:relative; text-align:left; height:20px; width:0%;}
/*** Gallery page ***/
#gallery_intro {
float: left;
padding: 8px;
margin: 4px 0 4px 4px;
width: 765px;
font-size: 0.9em;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#gallery_box {
float: left;
padding: 8px;
margin: 4px 0 4px 4px;
width: 765px;
font-size: 0.7em;
text-align: left;
border: 1px solid #D5DEE3;
}
#gallery_box img {
border: 1px solid #000;
margin: 2px;
}
#gallery_box img.noborder {
border: none;
margin: 2px;
}
#gallery_tr_image {
float: right;
padding: 0;
margin: 0;
width: 203px;
height: 121px;
background: url(images/paint_brushes.jpg) no-repeat right;
}
.category {
font-size: 14px;
line-height: 140%;
font-weight: bold;
margin: 0 0 9px 4px;
}
.thumbnail {
padding: 1px;
border: 1px solid #D5DEE3;
}
.thumbnail:hover {
padding: 0;
border: 2px solid #6699cc;
}
/*** Image preview page ***/
#image_box {
float: left;
padding: 8px;
margin: 4px 0 4px 4px;
width: 765px;
font-size: 1em;
line-height: 100%;
text-align: left;
border: 1px solid #D5DEE3;
}
#preview_box {
padding: 6px;
width: 304px;
}
#image_tr_image {
float: right;
padding: 0;
margin: 0;
width: 238px;
height: 121px;
background: url(images/paint_pots.jpg) no-repeat right;
}
#prices_box {
float: right;
padding: 4px;
width: 400px;
height: 590px;
}
.price {
border-bottom: 1px solid #eef4f8;
}
#prices_blurb {
float: left;
padding: 8px;
margin: 4px 0 4px 0;
width: 358px;
font-size: 9px;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
.addtobasket {
margin-left: 6px;
padding: 4px 8px 4px 8px;
font-size: 9px;
font-weight: normal;
text-align: center;
vertical-align: middle;
background: #eef4f8;
border: 1px solid #D5DEE3;
cursor: hand;
}
.addtobasket:hover {
border: 1px solid #6699cc;
}
.qtyinput {
color: #1A2575;
width: 40px;
text-align: center;
border: 1px solid #D5DEE3;
}
#basketouter {
margin: 6px;
padding: 4px;
width: 294px;
text-align: center;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#basketinner {
margin: 2px;
padding: 4px;
width: 278px;
background: #fff;
border: 1px solid #D5DEE3;
}
#basketitemstable {
font-size: 11px;
width: 100%;
vertical-alignment: middle;
padding: 0 4px 0 4px;
}
.basketitem {
font-size: 11px;
text-align: left;
}
.basketqty
font-size: 11px;
text-align: center;
}
.basketprice
font-size: 11px;
text-align: right;
}
th.basketitem {
font-weight: bold;
border-bottom: 1px solid #D5DEE3;
}
th.basketqty {
font-weight: bold;
border-bottom: 1px solid #D5DEE3;
}
th.basketprice {
font-weight: bold;
border-bottom: 1px solid #D5DEE3;
}
.preview {
padding: 1px;
border: 1px solid #D5DEE3;
}
.preview:hover {
padding: 0;
border: 2px solid #6699cc;
}
/*** Checkout page ***/
#checkout_box {
float: left;
padding: 0;
margin: 4px 0 4px 0;
width: 765px;
font-size: 1em;
line-height: 100%;
text-align: left;
}
#checkout_tr_image {
float: right;
padding: 0;
margin: 0;
width: 203px;
height: 121px;
background: url(images/paint_brushes.jpg) no-repeat right;
}
#checkout_intro {
float: right;
width: 260px;
margin: 10px 0 4px 40px;
padding: 8px;
font-size: 1em;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#checkout_breadcrumbs {
float: left;
padding: 0px 0 0px 10px;
width: 328px;
height: 45px;
}
#checkout_done {
width: 540px;
margin: 10px 4px 40px 4px;
padding: 8px;
font-size: 1em;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#checkouttable {
float: left;
padding-right: 6px;
width: 420px;
font-size: 12px;
text-align: right;
vertical-align: middle;
}
#checkouttable2 {
padding-right: 6px;
width: 760px;
font-size: 12px;
text-align: right;
vertical-align: middle;
}
.addressentrytd {
margin: 0 4px 0 4px;
padding: 0 4px 0 4px;
width: 260px;
text-align: left;
vertical-align: middle;
}
#checkout_del {
width: 260px;
text-align: left;
vertical-align: middle;
color: #1A2575;
padding: 2px;
width: 266px;
border: 1px solid #F52C2C;
}
.optfield {
color: #1A2575;
padding: 2px;
width: 260px;
font-size: 12px;
text-align: left;
border: 1px solid #D5DEE3;
}
.mandfield {
color: #1A2575;
padding: 2px;
width: 260px;
text-align: left;
border: 1px solid #F52C2C;
}
#checkoutcontainer {
padding: 12px;
}
#checkout_button {
width: 107px;
height: 37px;
border-bottom: none;
}
#continue_button {
width: 107px;
height: 37px;
border-bottom: none;
}
#delDetails {
clear: both;
padding: 10px;
}
#heard {
float: right;
padding: 20px;
font-size: 9px;
}
/*** Your Order page ***/
#yo_box {
float: left;
padding: 8px;
margin: 4px 0 40px 4px;
width: 765px;
font-size: 1em;
line-height: 100%;
text-align: left;
}
#yo_tr_image {
float: right;
padding: 0;
margin: 0;
width: 203px;
height: 121px;
background: url(images/splodge.jpg) no-repeat right;
}
#yo_blurb {
float: right;
padding: 8px;
margin: 0px 0 0 0;
width: 185px;
font-size: 9px;
border: 1px solid #D5DEE3;
}
#yo_del_table {
width: 186px;
font-size: 9px;
background: #fff;
padding-right: 2px;
border: 1px solid #D5DEE3;
}
#basketouteryo {
margin: 6px;
padding: 4px;
width: 520px;
text-align: center;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#basketinneryo {
margin: 2px;
padding: 4px;
width: 510px;
background: #fff;
border: 1px solid #D5DEE3;
}
#basketitemstableyo {
font-size: 14px;
width: 100%;
vertical-align: middle;
padding: 2px 4px 2px 4px;
}
.basketitemyo {
font-size: 14px;
text-align: left;
}
.basketqtyyo
font-size: 14px;
text-align: center;
}
.basketpriceyo
font-size: 14px;
text-align: right;
}
.basketthumbyo {
margin: 2px;
padding: 0;
border: 1px solid #000;
}
.basketiconyo {
font-size: 9px;
text-align: right;
}
th.basketitemyo {
font-weight: bold;
border-bottom: 1px solid #D5DEE3;
}
th.basketqtyyo {
font-weight: bold;
border-bottom: 1px solid #D5DEE3;
}
th.basketpriceyo {
font-weight: bold;
border-bottom: 1px solid #D5DEE3;
}
th.basketiconyo {
font-size: 9px;
text-align: right;
font-weight: normal;
border-bottom: 1px solid #D5DEE3;
}
.baskettotalline {
vertical-align: bottom;
font-weight: bold;
border-top: 1px double #D5DEE3;
}
#promocontainer {
padding: 12px 20px 0 0;
text-align: right;
}
#promo {
color: #1A2575;
padding: 2px;
width: 160px;
text-align: left;
border: 1px solid #D5DEE3;
}
#promo_result {
color: #a90000;
}
#promo_submit {
color: #1A2575;
padding: 2px;
height: 22px;
width: 28px;
text-align: left;
vertical-align: top;
border: 1px solid #D5DEE3;
}
/*** Contact page ***/
#about_us {
float: left;
padding: 8px;
margin: 10px 0 0 6px;
width: 628px;
height: 60px;
font-size: 1em;
text-align: left;
background: #eef4f8;
border: 1px solid #D5DEE3;
}
#contact_us {
float: left;
padding: 10px 6px 0 6px;
margin: 16px 0 0 6px;
width: 460px;
height: 240px;
text-align: left;
font-size: 1em;
border: 1px solid #D5DEE3;
}
#contact_tr_image {
float: right;
padding: 0;
margin: 0;
width: 203px;
height: 121px;
background: url(images/paint_brushes.jpg) no-repeat right;
}
#contact_terms {
float: right;
margin: 10px 0 0 0;
padding: 10px 0 0 4px;
width: 300px;
height: 268px;
text-align: left;
font-size: 1em;
font-weight: bold;
line-height: 68px;
background: url(images/red_gerbera.jpg) no-repeat right;
}
#contact_terms A {
color: #6699cc;
}
#address {
padding-top: 1px;
margin-left: 6px;
}
#office_hours {
clear: both;
}
#map_popup {
float: left;
padding: 6px;
}
#map {
background: url(images/small_map_hover.gif) no-repeat;
}
#map_popup a:hover img {
visibility:hidden;
border-bottom: none;
}
#map_popup a:hover {
border-bottom: none;
}
#big_map {
background: url(images/large_map.gif) no-repeat;
visibility: hidden;
}
#terms {
width: 586px;
border: 1px solid #cccccc;
background: #ffffff;
margin: 16px;
padding: 10px;
}
#close_terms {
float: right;
padding: 2px 20px 2px 0;
}
#close_terms A {
text-align: right;
color: #6699cc;
}
/*** general classes ***/
.clr {
clear: both;
}
.title {
/* font-family: Verdana, Arial, Helvetica, "Sans Serif"; */
font-size: 1em;
font-weight: bold;
}
.diddy {
font-size: 9px;
font-weight: normal;
line-height: 110%;
}
.diddypale {
float: right;
width: 150px;
color: #999;
font-size: 9px;
font-weight: normal;
line-height: 110%;
text-align: left;
padding-bottom: 2px;
margin: 2px 10px 4px 0;
}
.highlight {
font-family: Tahoma, Verdana, Arial, Helvetica, "Sans Serif";
font-size: 1.1em;
font-style: italic;
font-weight: bold;
}
ul {
margin: 2px;
padding: 2px 0 2px 20px;
}
li {
line-height: 20px;
padding: 0 0 0 4px;
}
#fp_cds table td{
border:1px solid #000000; background-color:#EEF4F9;
}
#fp_cds td{
padding:11px 11px 12px; text-align:justify; color:#1A2575;
}
#fp_cds td h1{
color:font-size:12px;margin-bottom:6px;text-decoration:none;background-color:#EEF4F9;
}