body { margin: 0px; padding: 0px; color: #404040; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; background: url(../_images/template/page_bkg.jpg) repeat scroll top center;} #container { width: 1010px; margin-left: auto; margin-right: auto;} #small_container { width: 250px; margin-left: auto; margin-right: auto;} #bricks { width: 384px; height: 243px; position: absolute; top: 0px; margin-left: 151px;} #bricks_small { width: 384px; height: 166px; position: absolute; top: 0px; margin-left: 151px;} #logo { width: 250px; height: 85px; position: absolute; top: 24px; margin-left: 29px;} #top { width: 1010px; height: 158px;} #toplinks { margin-left: 490px; top: 0px; position: absolute; width: 496px; font-size: 11px; padding-right: 15px; height: 99px; text-align: right; background: url(../_images/template/vertical_line.gif) no-repeat scroll top right; } #toplinks ul { margin: 25px 0px 0px 0px; padding: 0px; text-align: right;} #toplinks li { list-style-type: none; display: inline; padding-bottom: 5px; padding-left: 16px; background: url(../_images/template/topnav_bkg.gif) no-repeat scroll top left;} #toplinks a { color: #8d857f; text-decoration: none;} #toplinks a:hover { color: #534b45; text-decoration: none;} #toplinks .selected { color: #534b45; text-decoration: none;} #toplinks .selected a { color: #534b45; text-decoration: none;} .tel { margin-top: 13px;} #basket_div { position: absolute; top: 50px; margin-left: 300px; width: 430px; font-size: 11px; color: #EDEDED;} #basket_div a { color: #7f7f7f; text-decoration: none;} #basket_div a:hover { color: #5094ne;} #basket_div h2 { margin-top: 7px; font-weight: normal; color: #000; font-size: 13px;} #nav { position: absolute; top: 127px; margin-left: 19px; width: 640px; font-size: 13px;} #nav a { color: #fff; text-decoration: none; padding-right: 24px; background: url(../_images/template/nav_divider.gif) no-repeat scroll center right;} #nav a:hover { color: #98d5db; text-decoration: none;} #nav .selected { color: #98d5db; text-decoration: none;} #nav .selected a { color: #98d5db; text-decoration: none;} #toplinks .nobkg, #nav .nobkg { background: none;} #nav ul { margin: 0px; padding: 0px;} #nav li { list-style-type: none; float: left;} #subnav { width: 187px; min-height: 400px; padding-bottom: 20px; padding-top: 45px; color: #fff; background: #3a1e0c url(../_images/template/subnav_bkg.gif) no-repeat scroll top left;} * html #subnav { height: 400px;} #subnav h2 { color: #fff; padding-bottom: 10px; padding-top: 10px; padding-left: 15px;} #subnav h2 a { color: #fff;} #subnav ul { padding: 0px 15px 5px 15px; *padding: 0px 0px 0px 15px; width: 161px; margin: 0px;} #subnav li { font-size: 11px; list-style-type: none; line-height: 18px; border-bottom: 1px solid #554132; color: #f7f5eb;} #subnav a { font-family: Arial, Helvetica, sans-serif; background: url(../_images/template/subnav_arrow.gif) no-repeat scroll center left; width: 137px; display: block; color: #98d5db; text-decoration: none; padding-left: 10px;} #subnav a:hover { background: url(../_images/template/subnav_arrow.gif) no-repeat scroll center left; color: #fff; text-decoration: none;} #subnav li h3 {padding-bottom: 2px; font-size: 13px;} #main_left #subnav h3 a { padding-left: 0px; color: #fff; font-weight: normal; background: none; font-family: Georgia, "Times New Roman", Times, serif;} #main_left #subnav h3 a:hover { color: #98d5db;} #subnav .indent1 { padding-left: 0px;} #subnav .indent2 { padding-left: 15px;} #subnav .indent3 { padding-left: 20px;} #subnav .indent4 { padding-left: 25px;} #subnav .selected { color: #fff;} #subnav a.selected { color: #fff;} #subnav a.back { background: url(../_images/template/subnav_arrow_back.gif) no-repeat scroll center left;} #subnav_bottom { width: 187px; height: 10px; margin-bottom: 3px; background: url(../_images/template/subnav_bottom.gif) no-repeat scroll bottom left;} #subnav #other { background: #422512; margin: 30px 0px 20px 0px; padding: 0px 0px 10px 0px;} #search_div { position: absolute; top: 120px; margin-left: 692px; width: 300px; font-size: 12px;} #search_div label { width: 94px; color: #e8dfd9; margin-top: 3px; padding-right: 2px;} #search_div .textfield { font-size: 11px; width: 167px; padding: 2px 3px 2px 3px; background: #fff; color: #000; border: none;} #search_div .textfield:hover { background: #f8f7f1; color: #000; border: none;} #main { width: 1005px; margin-left: 5px;} #main_left { width: 187px; float: left; margin-right: 9px;} #main_right { width: 809px; float: right;} #homepage_left { width: 658px; margin-right: 5px; float: left;} #homepage_right { padding-top: 26px; width: 146px; float: right;} body #content { font-family: "Arial", Helvetica, sans-serif; font-size: 11px; margin-left: 1px; background: #f8f7f1; width: 761px; padding: 0px 20px 20px 20px;} body #content p { font-family: "Arial", Helvetica, sans-serif;} #content a { text-decoration: none; color: #5193b3;} #content a:hover { text-decoration: none; color: #014c70;} body #content_normal { min-height: 533px; font-family: "Arial", Helvetica, sans-serif; font-size: 11px; margin-left: 1px; background: #f8f7f1; width: 761px; padding: 30px 20px 20px 20px; background: #f8f7f1 url(../_images/template/content_normal_top.gif) no-repeat scroll top right;} * html #content_normal { height: 533px;} body #content_normal p { font-family: "Arial", Helvetica, sans-serif;} #content_normal a { text-decoration: none; color: #5193b3;} #content_normal a:hover { text-decoration: none; color: #014c70;} body #content_large { font-family: "Arial", Helvetica, sans-serif; font-size: 11px; width: 965px; margin-top: 8px; padding: 20px 20px 20px 20px; background: #f8f7f1 url(../_images/template/content_top.gif) no-repeat scroll top right;} body #content_large p { font-family: "Arial", Helvetica, sans-serif;} #content_large a { text-decoration: none; color: #5193b3;} #content_large a:hover { text-decoration: none; color: #014c70;} #quote { width: 596px; margin-top: 10px; height: 75%; color: #625e49; font-size: 11px; padding: 20px 30px 0px 20px; background: url(../_images/template/text_bkg.gif) repeat scroll top left; } #footer { width: 995px; height:70px; margin-left: 5px; margin-top: 10px; margin-bottom: 20px; background: #67604c; padding: 7px 5px 5px 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; } #footer_left { color: #fff; float: left; width: 775px; padding-left: 10px;} #footer_left ul { padding: 0px; margin: 0px;} #footer_left li { list-style-type: none; float: left; padding-right: 10px; background: url(../_images/template/footer_divider.gif) repeat-y scroll center right;} #footer_left .copy { background: none; padding-right: 22px; margin-bottom: 4px;} #footer_right { width: 158px; float: right; padding-right: 10px; color: #9b978a; text-align: right;} #footer a { color: #fff; text-decoration: none;} #footer a:hover { color: #fbe9b6; text-decoration: none;} #newsletter { margin-top: 8px;} #newsletter label { width: auto; color: #d9c99c; margin-top: 3px; margin-right: 5px;} #newsletter .textfield { font-size: 11px; width: 164px; padding: 2px 3px 2px 3px; background: #3a3528; color: #9b978a; border: none;} #newsletter .textfield:hover { background: #201d15; color: #9b978a; border: none;} #banner { width: 658px; height: 309px; margin-bottom: 4px; margin-top: 10px;} #banner_internal { width: 808px; height: 288px;} #banner_internal_bkg { position: absolute; margin: 0px 0px 0px 0px; width: 796px; height: 271px; padding: 12px 0px 0px 17px; background: url(../_images/template/internal_banner_bkg.gif) no-repeat scroll top left;} #banner_internal_branded { padding-top: 10px; width: 799px; height: 273px;} #getitfirst { width: 162px; background: url(../_images/buttons/getitfirst.gif) no-repeat scroll top left; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 12px; padding: 70px 10px 20px 15px;} #getitfirst .form { padding: 15px;} #getitfirst .textfield { background: #a09880; width: 150px; border: none; color: #000; padding: 2px;} #getitfirst a { text-decoration: none; color: #98d5db; background: url(../_images/template/blog_arrow.gif) no-repeat scroll center right; padding-right: 10px;} #getitfirst a:hover { text-decoration: none; color: #5094b4;} #getitfirst .link { background: url(../_images/template/blog_arrow.gif) no-repeat scroll center right; padding-right: 10px;} #whatsnew { width: 333px; height: 241px; float: left;} #whatsnew .whatsnew_text { padding: 54px 20px 0px 14px; color: #72693c; font-size: 12px;} #whatsnew .whatsnew_text a { color: #5094b4; text-decoration: none; background: url(../_images/template/whatsnew_arrow.gif) no-repeat scroll center right; padding-right: 10px;} #whatsnew .whatsnew_text a:hover { color: #17485f; text-decoration: none;} #getthelook { width: 318px; float: left;} #paper_1 { float: left; margin-right: 10px; width: 215px; height: 325px; background: url(../_images/template/paper1_bkg.gif) no-repeat scroll top left;} #paper_2 { float: left; margin-right: 10px; width: 208px; height: 323px; background: url(../_images/template/paper2_bkg.gif) no-repeat scroll top left;} #paper_3 { float: left; width: 209px; height: 324px; background: url(../_images/template/paper3_bkg.gif) no-repeat scroll top left;} #paper_1 ul, #paper_2 ul, #paper_3 ul { margin: 0px 0px 0px 55px; padding: 0px 0px 0px 0px; width: 145px; text-align:left;} #paper_1 li, #paper_2 li, #paper_3 li { list-style-type: none; display: inline;} #paper_1 li a, #paper_2 li a, #paper_3 li a { margin-right: 7px; padding-bottom: 7px;} #paper_1 li img, #paper_2 li img, #paper_3 li img { border: 1px solid #b2aa93; background: #fff; width: 60px; height: 75px;} .paper a { float: left; color: #5193b3; text-decoration: none; background: url(../_images/template/paper_arrow.gif) no-repeat scroll center right;} .paper a:hover { text-decoration: none; color: #014c70;} .paper h3 { padding-left: 53px;} .paper h3 a { padding-right: 12px;} .title_topweb { height: 290px; margin-top: 35px; background: url(../_images/titles/title_topweb.gif) no-repeat scroll top left;} .title_topprint { height: 290px; margin-top: 35px; background: url(../_images/titles/title_topprint.gif) no-repeat scroll top left;} .title_topservice { height: 290px; margin-top: 35px; background: url(../_images/titles/title_topservice.gif) no-repeat scroll top left;} #whatsgoingon { color: #fff; padding-left: 15px; padding-top: 30px; padding-bottom: 15px; width: 172px; background: #000 url(../_images/template/whatsgoingon_bkg.gif) no-repeat scroll top left; margin-bottom: 3px;} #whatsgoingon ul { margin: 0px; padding: 0px 0px 10px 0px;} #whatsgoingon li { list-style-type: none; border-bottom: 1px solid #21201e; padding-top: 2px; padding-bottom: 2px;} #whatsgoingon h2 { color: #dcd4bb; padding-bottom: 7px;} #whatsgoingon a { text-decoration: none; color: #98d5db; background: url(../_images/template/blog_arrow.gif) no-repeat scroll center right; padding-right: 10px;} #whatsgoingon .link { background: url(../_images/template/blog_arrow.gif) no-repeat scroll center right; padding-right: 10px;} #whatsgoingon a:hover { text-decoration: none; color: #5094b4;} #whatsgoingon p { padding-bottom: 2px;} #shopbybrands { margin-bottom: 5px; padding-bottom: 20px; padding-top: 20px; width: 146px; background: #67604c url(../_images/template/sponsor_bkg.gif) no-repeat scroll top left;} #shopbybrands h2 { color: #afab9c; text-align: center; padding-bottom: 15px; font-weight: normal; font-size: 15px;} #shopbybrands ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;} #shopbybrands li { list-style-type: none; text-align: center; padding-bottom: 8px;} #bank_logos { width: 145px; height: 118px; margin-bottom: 5px;} #breadcrumb { width: 501px; float:right; text-align: right; margin-top: 2px;} #breadcrumb ul { margin: 0px; padding: 0px;} #breadcrumb li { list-style-type: none; display: inline;} #breadcrumb a { padding-right: 12px; background: url(../_images/template/breadcrumb_arrow.gif) no-repeat scroll center right;} /* HOVER STYLES */ .hover a { text-decoration: none;} .hover a.help dfn.comment{ position:absolute; margin-left: 50px; margin-top: 50px; visibility:hidden; text-decoration: none; font-style:normal; background-color:#000; color: #fff; border: solid 1px #fff; font-size:.9em; text-align: left; padding:5px; width:auto; z-index:100;} .hover a:hover.help{ text-decoration:none;} .hover a:hover.help dfn.comment{ margin-top: 50px; visibility: visible; text-decoration: none;} .hover .bluetext { color: #98d5db;} /* POPUP */ #popup { width: 400px; color: #fff; position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px;} #popup .textfield { border: 1px solid #948f74; padding: 1px 2px 1px 2px; background: #e3e0d2; color: #67604c;} #popup label { margin-top: 3px; width: auto; font-weight: bold; margin-right: 3px;} #popup .shadow2, #popup .shadow3, #popup .container { position: relative; left: -1px; top: -1px;} #popup .shadow1 { background: #F1F0F1;} #popup .shadow2 { background: #DBDADB;} #popup .shadow3 { background: #B8B6B8;} #popup .container { background: #afab96; border: 1px solid #67604c; padding: 10px;} .popup_large { width: 400px; background: #e6e5d9; border: 1px solid #b6b49c; padding: 6px 10px 0px 10px; z-index:2; position: absolute; margin-left: 180px; margin-right: auto;} .popup_large .form { width: 360px; background:none; border: none; padding: 0px;} .popup_large .form label { width: 160px;} .popup_large .form .buttonspacer { margin-left: 160px;} .popup_large .form .textfield { width: 194px;} .popup_large .form .textarea { width: 198px;} .popup_large h1 { padding-bottom: 4px; font-weight: normal;} .popup_large .popup_content { border: 1px solid #c1bfa2; background-color: #f9f9f5; padding: 7px; width: 382px; margin-bottom: 10px;} .popup_large .popup_content .price { margin-top: 10px; font-family: "Times New Roman", Times, serif; font-size: 240%; color: #990000; font-weight: normal;} .popup_large .red { color: #990000;} .popup_large a { text-decoration: none; color: #5193b3;} .popup_large a:hover { text-decoration: none; color: #014c70;} .popup_large .popup_content ul { margin: 0px; padding: 0px;} #content .popup_large .popup_content li { list-style-type: none; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px dotted #c1bfa2;} .popup_large .popup_content ul img { border: 1px solid #c1bfa2; float: left; margin-right: 10px; margin-bottom: 3px;} .popup_large .popup_content .center { text-align: center; width: 386px; padding: 10px 0px 10px 0px;} .popup_large .left_div { float: left; width: 236px;} .popup_large .right_div { float: right; width: 150px; text-align: right;} #content .popup_large .right_div ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #content .popup_large .right_div li { list-style-type: none; text-align: right; padding-bottom: 4px;} .popup_content .popup_error { color:#000; padding: 0px 0px 10px 32px; background: url(../_images/template/error.gif) no-repeat scroll top left; font-weight: bold;} .popup_content .popup_correct { color:#000; padding: 0px 0px 10px 32px; background: url(../_images/template/correct.gif) no-repeat scroll top left; font-weight: bold;} /* FORM STYLES */ .form { width: 430px; background: #e6e5d9; border: 1px solid #b6b49c; padding: 20px;} .form .textfield { width: 180px; background: #b6b49c; border: none; color: #fff; padding: 2px;} .form .textfield:hover, .form textarea:hover { background: #878268;} .form textarea { width: 280px; overflow: auto; height: 150px; background: #b6b49c; border: none; color: #fff;} .form .buttonspacer { margin-left: 138px;} .form .button { padding: 2px 5px 3px 5px; text-align: center; color: #98d5db; border: none; text-align: none; background: #413c2d;} .form .button:hover { text-align: center; color: #98d5db; background: #1b1810;} .form label { padding-top: 2px; width: 140px;} .form .longlabel { width: 200px;} .form .longbuttonspacer { margin-left: 200px; padding-bottom: 2px;} .form hr { background: #b6b49c;} #main a.button { padding: 2px 5px 3px 5px; text-align: center; color: #98d5db; border: none; text-align: none; background: #413c2d;} #main a.button:hover { text-align: center; color: #98d5db; background: #1b1810;} /* INFORMATION PAGE STYLES */ ul#tabs { margin: 40px 0px 0px 37px; padding: 0px; height: 32px;} ul#tabs li { height: 32px; font-size: 100%; text-transform: uppercase; list-style-type: none; float: left; margin-right: 1px; padding: 0px;} ul#tabs .front { float:left; display: block; width: auto; height: 22px; padding: 10px 0px 0px 10px; background: url(../_images/template/informationtab_bkg.gif) no-repeat scroll top left;} ul#tabs a { color: #979373; text-decoration: none;} ul#tabs a:hover { color: #292714; text-decoration: none;} ul#tabs .end { display: block; float:left; width: 10px; height: 32px; background: url(../_images/template/informationtab_end.gif) no-repeat scroll top right;} #information_content { min-height: 500px; font-family: "Arial", Helvetica, sans-serif; font-size: 11px; width: 965px; padding: 20px 20px 20px 20px; background: #f8f7f1 url(../_images/template/information_content.gif) no-repeat scroll top right;} * html #information_content { height: 500px;} body #information_content p { font-family: "Arial", Helvetica, sans-serif;} #information_content a { text-decoration: none; color: #5193b3;} #information_content a:hover { text-decoration: none; color: #014c70;} #information_content_small { min-height: 200px; font-family: "Arial", Helvetica, sans-serif; font-size: 11px; width: 400px; padding: 20px 20px 20px 20px; background: #f8f7f1;} * html #information_content_small { height: 200px;} body #information_content_small p { font-family: "Arial", Helvetica, sans-serif;} #information_content_small a { text-decoration: none; color: #5193b3;} #information_content_small a:hover { text-decoration: none; color: #014c70;} /* BRANDS */ ul#brands { margin: 0px 0px 0px 50px; padding: 0px;} ul#brands li { list-style-type: none; float: left; border-right: 1px dotted #b3b2ae; border-bottom: 1px dotted #b3b2ae;} .table { background: #ebe8d9; width: 100%;} .table th { text-align: center; border-bottom: 1px solid #f8f7f1; border-right: 1px solid #f8f7f1; background-color: #6c634f; padding: 4px; font-weight: bold; color: #fff;} .table td { padding: 4px; border-top: 1px solid #f8f7f1; border-right: 1px solid #f8f7f1; text-align:center;} .thankyou { width: 760px;} .thankyou ul { margin: 0px; padding: 0px;} .thankyou li { list-style-type: none; line-height: 20px;} .thankyou a { background: url(../_images/template/whatsnew_arrow.gif) no-repeat scroll center left; padding-left: 12px;} .quote { width: 490px; background: url(../_images/template/quote_bkg.gif) no-repeat scroll top left; padding: 0px 0px 0px 35px;} .quote .from { font-weight: bold; color: #898989;} #rss { float: right; padding-right: 47px;} #overlay{ background-image: url("../_images/template/overlay.png"); } * html #overlay{ background-color: #000; background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_images/template/overlay.png", sizingMethod="scale");} ul.sitemap { margin: 0px; padding: 0px 0px 20px 0px; width: 100%;} ul.sitemap li { line-height: 16px; border-bottom: 1px dotted #e7e5d8; list-style-type: none; background: url(../_images/template/whatsnew_arrow.gif) no-repeat scroll center left; padding-left: 22px;} ul.inlinelist { margin: 0px; padding: 0px;} ul.inlinelist li { float: left; padding-right: 8px; list-style-type: none; padding-bottom: 7px;} ul.inlinelist img { border: 1px solid #e1ddd3;} ul.inlinelist h2 { padding: 4px 0px 4px 0px; text-align: center;} ul.inlinelist h2:hover { text-decoration: underline;} #specialoffers { width: 116px; height: 109px; position: absolute; top: 350px; margin-left: 724px;} #text { width: 596px; margin-top: 10px; height: 140px; color: #625e49; font-size: 11px; padding: 20px 30px 0px 20px; background: url(../_images/template/text_bkg.gif) no-repeat scroll top left;} #text_long { width: 750px; margin-top: 10px; height: 120px; color: #625e49; font-size: 11px; padding: 20px 30px 0px 20px; background: url(../_images/template/text_bkg_long.gif) no-repeat scroll top left;}