/* CSS Document */ /* Normaliizes margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;} /* Normalizes font-siz for headers */ h1, h2, h3, h4, h5, h6 { font-size: 100%} /* Removes list-style from lists*/ ol, ul, dl { list-style: none;} /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal} /* Collapses borders on tables */ table { border-collapse: collapse; border-spacing: 0;} /* Removes border from fieldset and img */ fieldset, img { border: 0;} /* Left-aligns text in caption and th */ caption, th { text-align: left;} /* Removes quotaton marks from q */ q:before, q:after { content :'';} /* Centered, fixed-pixel-width layout */ html { position: relative; text-align: center; background: url(background.gif) repeat-x; } /* Apply relative position to to establish it as positioning context for other positioned elements. */ body { position: relative; background: url(images/layout/background.gif) repeat-x top left; width: 770px; margin: 0px auto 0 auto; text-align: left; padding-top: 5px; height: 1%; } #wrapper_2 { width: 750px; margin: 0 auto; text-align:left; } #header { background: #f6fbfe url(images/layout/header.jpg) no-repeat top left; width: 750px; height: 139px; padding: 0; margin: 0 auto; } .branding { position: absolute; text-indent: -9999px; visibility: visible; } #body_wrapper { position: relative; background: url(images/layout/body_center.gif) repeat-y top left; margin: 0 auto; width: 750px; display: block; height: 1%; } #body { background: url(images/layout/body_top.gif) no-repeat top left; float: left; padding: 10px 20px 0px 20px; min-height: 343px; display: block; margin: auto 0; text-align: center; height:100% } #end_body { background: url(images/layout/body_bottom.gif) no-repeat top left; margin: 0 auto; width: 750px; height: 15px; display: block; } .clear { clear: both; } .clearer { clear: both; height: 1px; padding: 0; margin: 0; width: 100%; } #split { width: 720px; position: relative; padding: 0; background: url(images/layout/content_center.gif) repeat-y top left; margin-left: -5px; text-align: left; } * html #split {height: 1%;} /* for IE/Win */ *>html .buggybox {he\ight: auto;} /* for IE5/Mac */ #split .top { background: url(images/layout/content_top-.gif) no-repeat top left; margin: -5px auto 0 auto; position: absolute; width: 720px; height: 11px; padding: 0; left: 0; min-height: 0.01%; } #split .bottom { position: absolute; bottom: -5px; background: url(images/layout/content_bottom.gif) no-repeat bottom left; width: 720px; height: 10px; padding: 0; margin: 0; } #left { float: left; width: 180px; margin: 0px; padding: 10px 10px 10px 15px; } #right_column { float: right; width: 475px; padding: 10px 20px 10px 20px; margin: 0px; } #footer { margin-bottom: 30px; text-align: center; } /***** TYPOGRAPHY AND COLOR *****/ body { font: small "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; color: #22557e; } p { padding: 5px 0 5px 0; } a { text-decoration: none; } h1 { font-size: 210%; color: #203468; /*Dark Blue*/ font-weight:lighter; margin:20px 0; border-bottom: 2px solid #814c57; } #home h1 { font-size: 210%; color: #203468; /*Dark Blue*/ font-weight:lighter; border: none; } h2 { font-size: 140%; color: #203468; /*Dark Blue*/ } h3 { font-size: 125%; color: #203468; /*Dark Blue*/ } h4 { font-size: 120%; color: #203468; /*Dark Blue*/ } h5 { font-size: 115%; color: #814c57; /* Dark Rose */ font-weight:lighter; } h6 { font-size: 110%; color: #cd9900; } .big_blue { font-size: 120%; color: #203468; /*Dark Blue*/ font-weight: bold; } .bold { font-weight: bold; } .big_rose { font-size: 105%; color: #814c57; /* Dark Rose */ } .shows { border-top: dotted 2px #203468; font-size: 115%; color: #814c57; /* Dark Rose */ font-weight: bold; } .upcoming { color: #203468; font-size: 130%; font-weight: bold; } /***** NAVIGATION *****/ #nav { list-style-type: none; margin: 5px 0; padding: 0; width: 175px; text-align: left; } #nav li { background: url(images/layout/nav_button.gif) no-repeat top; margin: 3px 0 0 0; } #nav li a{ color: #2c3969; display: block; width: auto; padding: 8px 0; padding-left: 10px; text-decoration: none; font-size: 90%; font-weight:bold; } * html #nav li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 165px; } #nav li a:hover{ background: url(images/layout/nav_hover.gif) no-repeat top; color:#ffffff; } #home #nav_features #nav_home a, #catalog #nav_features #nav_catalog a, #custom #nav_features #nav_custom a, #about #nav_features #nav_about a, #faq #nav_features #nav_faq a, #contact #nav_features #nav_contact a { color: #68241b; text-decoration:underline; } /***** SUPPLEMENTAL CONTENT - LEFT COLUMN *****/ #sup_content { background: url(images/layout/sup_bkg.gif) repeat-x top left; padding: 10px 10px 10px 10px; border: solid 2px #6d2a31; width: 151px; margin-top: 15px; text-align: left; } .sup_content2 { padding: 10px 10px 10px 10px; border: solid 2px #6d2a31; width: 151px; margin-top: 15px; text-align: left; background: #ffffff; } .sup_content2 img { float: left; padding-right: 6px; } #truck { padding-bottom: 10px; } #upcoming li{margin-bottom:10px;} /***** PRIMARY CONTENT - RIGHT COLUMN *****/ .text_paint { position: relative; margin-top: 10px; } .painting { position: relative; } .painting img { float: right; padding: 0 20px 0px 5px; } .painting h3 h5 p { float: left; } .painting h3 { padding-top: 20px; } .text_viking { padding-top: 50px; } .viking { position: relative; } .viking img { float: left; padding-right: 40px; padding-bottom: 30px; padding-left: 30px; } .viking h3 p { float: right; } .viking h3 { } .cowboy { position: relative; } .cowboy img { float: right; padding-bottom: 60px; padding-left: 35px; padding-right: 15px; } .cowboy h3 p { float: left; } .unique { height: 30px; margin-bottom: 20px; background: url(images/layout/unique.gif) no-repeat center; } img#special{margin-bottom:20px;} th { text-align: right; vertical-align: top; padding-right: 10px; padding-top: 2px; color: #203468; } td { vertical-align: top; padding-bottom: 15px; } #custom td input, textarea { border: 2px inset #0761a7; } #contact td input, textarea { border: 2px inset #0761a7; } .no_border input { border:none; display: block; float: right; margin-top: 5px; } .sideBoxHeading { background: #1063a7; color: #ffffff; font-weight : bold; padding: 3px 0px; text-indent: 5px; font-size: 90%; width: 151px; } .port_pic { float: left; margin-bottom: 10px; width: 130px; } .port_left_mar { margin-left: 42px; } .cell_blue { background: #1063a7; } .heading_font { color: #ffffff; font-weight : bold; padding: 3px 0px; text-align:left; } #category_table { width: 100%; border-collapse: collapse; } #category_table td { padding: 10px 0; } .right { text-align: right; } .product td { padding-right: 10px; } /**** TABLE ****/ #ship { margin: 0; border: thin solid black; border-collapse: collapse; width: 447px; } #ship td, #ship th { border: thin dotted gray; padding: 5px; } #ship th { background-color: #203468; color: #ffffff; text-align: left; } .shipping { margin: 20px 0; list-style-type:circle; list-style:inside; } /***** CLASSES *****/ .center { text-align: center; } .pad_bot_10 { padding-bottom: 10px; } .pad_bot_25 { padding-bottom: 25px; } .image { float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; } .float_r { float: right; } .boxText { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; } .errorBox { font-family : "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family :"Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; color: #70d250; text-decoration: underline; } a { text-decoration: none; color: #814c57; } a:hover { color:#3366CC; text-decoration: underline; } a:visited { color: #1063a7; } FORM { display: inline; } TR.header { background: #ffffff; } TR.headerNavigation { background: #1063a7; } TD.headerNavigation { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; background: #1063a7; color: #ffffff; font-weight : bold; } A.headerNavigation { color: #203468; } A.headerNavigation:hover { color: #203468; } TR.headerError { background: #ff0000; } TD.headerError { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; background: #ff0000; color: #ffffff; font-weight : bold; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; background: #00ff00; color: #ffffff; font-weight: bold; } TR.footer { background: #1063a7; } TD.footer { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; background: #1063a7; color: #ffffff; font-weight: bold; } .infoBox { margin-bottom: 10px; } .infoBoxContents { background: #f8f8f9; font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 110%; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; } TD.infoBoxHeading { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; padding: 2px 0 2px 0; background: #1063a7; color: #ffffff; } TD.infoBox, SPAN.infoBox { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f8f8f9; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f8f8f9; } TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; } .productListing-heading { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; background: #1063a7; color: #FFFFFF; font-weight: bold; } TD.productListing-data { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 140%; font-weight: bold; color: #203468; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; color: #000000; } TD.main, P.main { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 95%; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 50%; } TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-weight: bold; } TD.fieldValue { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; } TD.tableHeading { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-weight: bold; } SPAN.newItemInCart { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 95%; } TEXTAREA { width: 100%; font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 95%; } SPAN.greetUser { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; color: #f0a480; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-weight: bold; } SPAN.markProductOutOfStock { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; color: #ff0000; } SPAN.errorText { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; color: #ff0000; } .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; color: #8c8c8c; } .checkoutBarCurrent { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; color: #000000; } /* message box */ .messageBox { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; } .messageStackError, .messageStackWarning { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; background-color: #ffb3b5; } .messageStackSuccess { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: "Tahoma", "Lucida Grande", "Geneva", Verdana, sans-serif; font-size: 90%; color: #ff0000; } .style1 {color: #FF0000} table .form_table { padding:10px; margin-left: 0; margin-top: 20px; }