/* Belize Gifts style sheet Author: Leonardo Melendez Date: March 2006 Version: 1.0 */ /*----- COMMON -------------*/ body {margin:0; padding:0; width:950px; font-family:Lucida sans,"Verdana", sans-serif; font-size:12px;} #break { background:url(../img/centerbreak_76.gif) repeat-x; width:550px; height:2px; float:left; margin:30px 0 30px 0px;} #edge {background:url(../img/rightEdge_04.gif) no-repeat; width:80px; height:158px; position:absolute; z-index:10; top:0px; left:910px;} /*----- HEAD ---------------*/ #head .topStripe { background:url(../img/topStripe_02.gif) repeat-x; height:16px;} /*----- LEFT ------------*/ #left {background:url(../img/leftBgcolor1.gif) repeat-y; width:177px; height:1392px; float:left;} #left .title {background:url(../img/leftTitle_04.gif) no-repeat; width:186px; height:106px; position:absolute; top:16px; left:0px; z-index:10;} #left .title2 {background:url(../img/leftTitle2_16.gif) no-repeat left; width:178px; height:48px; position:absolute; top:74px; left:0px;} #left .content {margin:90px 0 0 20px;} #left .content img {padding:25px 0 5px 0;} #left li { list-style-type:none; letter-spacing:2px; font-weight:bold; font-size:12px; display:inline; margin:0; padding:0;} #left a:link, a:visited { text-decoration:none; color:#006633;} #left a:hover { text-decoration:none; color:#00CC00;} #indicator a:visited { color:#fff; font-size:12px; background-color:#00CC33; padding:2px; display:block;} /*----- CENTER ----------*/ #center a img{ margin:50px 10px 0 0; border:none; } #center {width:600px; padding:0; margin:102px 0 0 0; float:left; font-family: Verdana, "Times New Roman", Times, serif; font-size:14px;} #center .title { background:url(../img/centerTitle_06.gif) repeat-x; height:104px; width:771px;top:16px; left:178px; position:absolute; z-index:2; } #center .title img {margin:71px 0 0 10px; } #center .gifts { background:url(../img/centerGifts_10.gif) no-repeat; width:152px; height:37px; position:absolute; top:27px; left:185px; z-index:2;} #centerContent { background:url(../img/centerBgcolor.gif) repeat-y; width:600px; height:1200px; padding:0 0 50px 0; margin:0; float:left;} #centerNav { background:url(../img/centerNav_31_44.gif) repeat-x; width:600px; height:39px; margin:0;} #centerNavBtn {margin:0 0 0 240px;} #centerNavBtn img {margin:7px 0 0 0; float:left;} #centerNavBtn .btn {margin:10px;} #prod {width:560px; margin:20px;} #prod li {text-decoration:none; list-style-type:none;} #prod .numNav{ clear:both; margin:0 0 0 10px;} #prod h3{ font-size:16px; margin:0 0 5px 0; border-bottom: #096 solid 1px; color:#063; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 3px 0;} #prod h4 {font-style:italic; font-size:11px; display:inline;} #prod h5 {font-style:italic; font-size:11px; display:inline; color:#030;} #imgW200 img { width:200px; float:left; border:#666666 double 3px; padding:2px; } #imgW100 img { width:100px; float:left; border:#666666 double 3px; padding:2px; } #imgW250 img { width:250px; float:left; border:#666666 double 3px; padding:2px; } #imgH300 img { height:300px; float:left; border:#666666 double 3px; padding:2px;} #descW250S {width:255px; float:left; margin:20px 0 0 15px; letter-spacing:1px; color:#006633; font-size:12px;} #descW200S {width:295px; float:left; margin:0 0 0 15px; letter-spacing:1px; color:#006633; font-size:12px;} #descH300S {width:235px; float:left; margin:20px 0 0 15px; letter-spacing:1px; color:#006633; font-size:12px;} #desc {color:#006633;} /*----- RIGHT -----------*/ #right {background:url(../img/rightBgcolor_21.gif); width:274px; float:left;} #right .title {background:url(../img/rightTitle_08.gif) no-repeat; height:104px; width:174px; left:820px; top:25px; position:absolute; z-index:2;} #right .title2 {background:url(../img/rightTitle2_13.gif) no-repeat; height:104px; width:174px; top:74px; left:775px; position:absolute; z-index:3;} #right .content {background:url(../img/centerNav_31_44.gif) repeat-x; width:195px; height:738px; left:765px; top:118px; position:absolute; z-index:3; } #right .content .realcontent {margin:80px 0 0 50px;} #right .content .realcontent img {padding:5px 0 5px 0;} #right li { list-style-type:none; letter-spacing:2px; font-weight:bold; font-size:12px; display:inline; margin:0 0 0 20px; padding:0;} #right a:link { text-decoration:none; color:#006633;} #right a:visited { text-decoration:none; } /*----- FOOTER -----------*/ #footer {height:300px; width:550px; position:absolute; top:1500px; color:#8E7D5E; left:175px; font-size:10px; } #footer .links { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 20px 0;} #footer img { height:83px; width:83px; left:650px; position:absolute; border:none;} /*----- OTHER ------------*/ #contact { color:#000; font-family:Lucida sans, "Verdana", Arial, Helvetica, sans-serif; font-size:10px; padding:10px 10px 20px 25px; text-align:center; } #contact h3 { color:#003300; font-size:15px; font-weight:normal;} #contact h4 { color:#003300; font-size:15px; font-weight:normal; text-align:left; } #contact h5 { color:#777; font-variant:small-caps; font-size:14px; } #contact a { color:#555; text-decoration:none;} #contact a:hover { color:#999; text-decoration:none;} #about { color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:10px 10px 20px 25px; } #about img {float:left; padding:10px;} #about h3 { color:#003300; font-size:12px; letter-spacing:1px;} #about h4 { color:#003300; font-size:12px; font-weight:normal; float:left;} #about h5 { color:#777; font-size:12px; letter-spacing:1px;} #about a { color:#555; text-decoration:none;} #about a:hover { color:#999; text-decoration:none;}