/****************************************/ /* Main Elements */ /****************************************/ img { border:0px; behavior: url("/style/iepngfix.htc"); } .clear { clear:both; } form { margin:0; } body { margin:0; padding:0; text-align:center; min-width:960px; background:#FFF; font:normal 12px arial; color:#000;} h1 { margin:0px; font-size:26px; font-weight:normal; color:#ee209a;} p { margin:0px; font:normal 12px arial;} .gray {background:#efefef;} .wrapper { width:960px; margin:0 auto; text-align:left; } .headertop {height:155px; margin:0px 0px 0px 0px; background:url(/images/header_top.jpg) top center no-repeat;} .headertop img {position:absolute; margin: 35px 0px 0px 78px;} .mainnav {height:38px; padding: 17px 0px 0px 0px; text-align:center; background:url(/images/nav_mainbg.jpg) top center no-repeat;} /****************************************/ /* Content Areas */ /****************************************/ #contentarea {position:relative; width:926px; background:#000; margin:0 auto;} #contentarea div {width:908px; background:#fff; margin:0 auto;} #contentarea .grnband {background:#b5d334;} #contentarea .grnband img {margin: 15px 0px 15px 188px;} #contentarea .grnband_sub {background:#b5d334;} #contentarea .grnband_sub img {margin: 10px 0px 10px 50px;} #contentarea .bluband {background:#01aef0;} #contentarea .bluband img {margin: 15px 0px 15px 50px;} #contentarea .pinkband {background:#ec008c;} #contentarea .pinkband img {margin: 15px 0px 15px 50px;} #contentarea .orgband {background:#fbac18;} #contentarea .orgband img {margin: 15px 0px 15px 50px;} #contentarea .prplband {background:#b06fae;} #contentarea .prplband img {margin: 15px 0px 15px 50px;} #contentarea .flowers img {margin: 0px 0px 0px 50px; position: absolute;} #contentarea .flowers2 img {margin: 17px 0px 0px 25px; position: absolute;} #contentarea .flowers_sub img {margin: -10px 0px 0px 350px; position: absolute;} #contentarea .flowers2_sub img {margin: 15px 0px 0px 650px; position: absolute;} #contentarea .frame {position:absolute; z-index:15; width:311px; height:417px; margin: 20px 0px 0px 580px; padding: 0px; background:url(/images/frame.png) top left no-repeat;} #contentarea .frame .frameimage {width:168px; margin: 54px 0px 0px 76px; padding: 0px; background:none;} #contentarea .frame p {width:190px; text-align:center; margin: 25px 0px 0px 65px; padding: 0px; background:none;} #contentarea .cell1 {position:relative; float:left; width:260px; margin: 40px 0px 20px 100px; padding: 0px; background:none;} #contentarea .cell1 a {color:#01aef0; text-decoration:none;} #contentarea .cell1 a:hover {color:#b5d334; text-decoration:underline;} #contentarea .cell2 {position:relative; float:left; width:222px; margin: 30px 0px 20px -15px; padding: 0px; background:none;} #contentarea .cell3 {width:520px; height:182px; margin: 0px 0px 0px 45px; padding: 0px; background:url(/images/box_pink.png) top left no-repeat;} #contentarea .cell3 .offer {float:left; width:350px; margin: 40px 0px 0px 10px; padding: 0px; background:none;} #contentarea .cell3 .offerimage {float:left; width:81px; margin: 45px 0px 0px 40px; padding: 0px; background:none;} #contentarea .cell4 {float:right; text-align:right; width:424px; height:269px; margin: 25px 0px 0px 0px; padding: 0px; background:url(/images/box_blue.png) top left no-repeat;} #contentarea .cell4 .blueoffer {float:right; width:280px; margin: 40px 50px 0px 0px; padding: 0px; background:none;} #contentarea .cell4 .blueoffer hr {float: right; width: 100%; height: 1px; color: #fff; background-color: none; margin: 0px 0px 5px 0px; padding: 0px; border-top: 1px #000 dotted; border-right: none; border-bottom: none; border-left: none;} #contentarea .cell4 .blueoffer h1 { margin:0px; font-size:23px; font-family:georgia; font-weight:normal; font-style:italic; color:#ee209a;} #contentarea .cell4 .blueoffer h2 { margin:0px; font-size:23px; font-family:georgia; font-weight:normal; color:#b5d334;} #contentarea .cell4 .blueoffer h3 { margin:0px; font-size:20px; font-family:georgia; font-weight:normal; font-style:italic; color:#01aef0;} #contentarea .cell4 .blueoffer h4 { margin:0px 0px 10px 0px; font-size:15px; font-family:georgia; font-weight:normal; font-style:italic; color:#000;} #contentarea .cell4 .blueoffer p { margin:0px; font-size:12px; font-family:georgia; font-weight:normal; color:#000;} #contentarea .sub {position:relative; float:left; width:400px; margin: 40px 0px 20px 50px; padding: 0px; background:none;} #contentarea .sub p {line-height: 16px; margin: 0px 0px 15px 0px; padding: 0px;} #contentarea .sub a {color:#01aef0; text-decoration:none;} #contentarea .sub a:hover {color:#b5d334; text-decoration:underline;} #contentarea .sub2 {position:relative; width:908px; padding: 20px 0px 20px 0px; background:none;} #contentarea .sub2 p {line-height: 16px; margin: 0px 50px 15px 50px; padding: 0px;} #contentarea .sub2 h1 { margin:0px 50px 0 50px; font-size:18px; font-family:georgia; font-weight:normal; font-style:italic; color:#01aef0;} #contentarea .sub2 h3 { margin:0px 50px 15px 50px; font-size:23px; font-family:georgia; font-weight:normal; font-style:italic; color:#ec008c;} #contentarea .sub2 a {color:#01aef0; text-decoration:none;} #contentarea .sub2 a:hover {color:#b5d334; text-decoration:underline;} #contentarea .sub3 {position:relative; float:left; width:400px; margin: 20px 0px 20px 25px; background:none;} #contentarea .sub3 p {line-height: 16px; margin: 0px 0px 15px 0px; padding: 0px;} #contentarea .sub3 h3 { margin:0px 0px 15px 0px; font-size:23px; font-family:georgia; font-weight:normal; font-style:italic; color:#ec008c;} #contentarea .sub3 a {color:#01aef0; text-decoration:none;} #contentarea .sub3 a:hover {color:#b5d334; text-decoration:underline;} #contentarea .storetext_full {position:relative; float:left; width:669px; margin: 40px 0px 20px 50px; padding: 0px; background:none;} #contentarea .storeimg_right {float:right; width:424px; height:269px; margin: 0px 20px 0px 0px; padding: 0px;} #contentarea .storeimg_left {float:left; width:424px; height:269px; margin: 0px 0px 0px 20px; padding: 0px;} #contentarea .storetext_left {position:relative; float:left; width:400px; margin: 40px 0px 20px 50px; padding: 0px; background:none;} #contentarea .storetext_right {position:relative; float:right; width:400px; margin: 40px 50px 20px 0px; padding: 0px; background:none;} #contentarea .storetext_left p {font:normal 16px arial; line-height: 20px; margin: 0px 0px 15px 0px; padding: 0px;} #contentarea .storetext_left a {color:#01aef0; text-decoration:none;} #contentarea .storetext_left a:hover {color:#b5d334; text-decoration:underline;} #contentarea .storetext_right p {font:normal 16px arial; line-height: 20px; margin: 0px 0px 15px 0px; padding: 0px;} #contentarea .storetext_right a {color:#01aef0; text-decoration:none;} #contentarea .storetext_right a:hover {color:#b5d334; text-decoration:underline;} #contentarea .divider {width:908px; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; background:none;} #contentarea .divider .dividerline {width:540px; float:left; margin: 0px 40px 20px 40px; padding: 0px; background:none;} #contentarea .divider .dividerline2 {width:720px; float:left; margin: 0px 0px 20px 150px; padding: 0px; background:none;} #contentarea .divider .dividerline3 {width:735px; float:left; margin: 0px 0px 20px 135px; padding: 0px; background:none;} #contentarea .divider .dividerline4 {width:770px; float:left; margin: 0px 0px 20px 100px; padding: 0px; background:none;} #contentarea .divider .dividerline5 {width:680px; float:left; margin: 0px 0px 20px 190px; padding: 0px; background:none;} #contentarea .divider hr {height: 1px; color: #fff; background-color: #fff; margin: 5px 0px 5px 0px; padding: 0px; border-top: 1px #000 dotted; border-right: none; border-bottom: none; border-left: none;} #contentarea .divider .dividertext {width:520px; text-align:right; float:right; margin: -40px 40px 0px 0px; padding: 0px; background:none;} #contentarea .divider .dividertext h1 { margin:0px; font-size:23px; font-family:georgia; font-weight:normal; font-style:italic; color:#ee209a;} #contentarea .divider .dividertext2 {width:520px; text-align:left; float:left; margin: -40px 40px 0px 45px; padding: 0px; background:none;} #contentarea .divider .dividertext2 h1 { margin:0px; font-size:23px; font-family:georgia; font-weight:normal; font-style:italic; color:#ee209a;} /****************************************/ /* Expanding Banners */ /****************************************/ #contentarea .banner1 {margin: 0px 0px 20px 0px; background:none; background:url(/images/banner1.gif) top center no-repeat;} #contentarea .banner2 {margin: 0px 0px 20px 0px; background:none; background:url(/images/banner2.gif) top center no-repeat;} #contentarea .banner3 {margin: 0px 0px 20px 0px; background:none; background:url(/images/banner3.gif) top center no-repeat;} #contentarea .banner4 {margin: 0px 0px 20px 0px; background:none; background:url(/images/banner4.gif) top center no-repeat;} #contentarea .switchgroup1 {width:100%; color:#000000; background:none;} #contentarea .switchgroup1 .div1 {width:214px; height:311px; background-color: transparent; margin:20px 0px 0px 20px; float:left;} #contentarea .switchgroup1 .div2 {width:635px; background:none; float:left; margin:20px 0px 0px 20px;} #contentarea .switchgroup1 p {line-height: 16px; margin: 0px; padding: 25px;} #contentarea .handcursor {cursor:hand; cursor:pointer;height: 46px; width:870px; background:none;} #contentarea .handcursor img {margin: 13px 30px 0px 40px;} /****************************************/ /* Forms on Scripture Bangles */ /****************************************/ #formcontainer {position:relative; width:100%; padding: 0px; margin: 0px; background:none;} #formcontainer #form1, #formcontainer #form2 {width:400px; margin:20px; float:left } #formcontainer label{float:left; width:100px; margin:0px 0px 0px 0px; text-align:right;} #formcontainer td {color:#585858; font-size:11px; padding: 5px 10px 5px 5px;} #formcontainer td textarea, td input.text { border:1px solid #d4d4d4; color:#585858; font-family:arial; font-size:11px; width:100%; padding: 5px 0px 5px 5px; } #formcontainer .col1{float:left; width:200px; margin:0px 0px 0px 25px;} #formcontainer .col2{float:left; width:250px; margin:0px 0px 0px 240px;} #formcontainer .col1 h1 { font-size:23px; font-family:georgia; font-weight:normal; font-style:italic; color:#ee209a;} #formcontainer .col2 h1 { font-size:23px; font-family:georgia; font-weight:normal; font-style:italic; color:#ee209a;} #formcontainer #form1 a{color:#01aef0; text-decoration:underlined;} #formcontainer #form1 a:hover {color:#b5d334; text-decoration:underline;} /****************************************/ /* Footer */ /****************************************/ div.footer {height:47px; text-align:center; background:url(/images/nav_footerbg.jpg) top center no-repeat;} div.footer ul {margin:0px; padding:15px 0px 0px 0px;} div.footer li { display:inline; } div.footer a { margin:0px 15px 0px 15px; color:#000; text-decoration:none; font:normal 12px georgia; color:#647b14;} div.footer a:hover { margin:0px 15px 0px 15px; color:#FFF; } #footerbottom {height:78px; margin:0 auto; background:url(/images/footerbg.jpg) top center no-repeat;} #footerbottom .contact {float:left; width:260px; margin: 15px 0px 0px 135px; padding: 0px;} #footerbottom .contact p.credits {font:normal 14px georgia; color:#FFF;} #footerbottom .contact p.credits2 {font:normal 18px georgia; color:#FFF;} #footerbottom .contact2 {text-align:right; float:left; width:260px; margin: 15px 0px 0px 200px; padding: 0px;} #footerbottom .contact2 p.credits3 {font:normal 10px georgia; color:#FFF;} #footerbottom .contact2 a {color:#fff; text-decoration:none;} #footerbottom .contact2 a:hover {color:#01aef0; text-decoration:underline;}