/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:30px; margin-left:auto; margin-right:auto; width:959px; } #header1 { width:659px; height:100px; margin:0px; padding:0px; background:#DE0093;} #header2 { width:259px; height:100px; position:absolute; top:0; left:400px; padding:0px; background:#DE0093;} #header3 { width:300px; height:100px; position:absolute; top:0; left:659px; padding:0px; background:#DE0093;} /*#logobox { width:300px; height:73px; position:absolute; top:8px; left:325px; padding:5px; background:#FFFFFF; } */ #logobox { width:300px; height:73px; position:absolute; top:8px; left:8px; padding:5px; background:#FFFFFF; } #logo { width:300px; height:73px; margin-left:10px; margin-top:30px; padding:0px; background:url(/images/newlogo.jpg) no-repeat #FFFFFF; } /* #logotext1 {width:250px; position:absolute; top:12px; left:75px; text-align:left;} #logotext1 h3 {color:#FFFFFF; font-family: Comic, sans-serif; font-size:33px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;} #logotext2 {width:259px; position:absolute; top:50px; left:95px; text-align:left;} #logotext2 h3 {color:#FFFFFF; font-family: Comic, sans-serif; font-size:33px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;} */ #telephone { width:40px; height:40px; position:absolute; top:15px; left:35px; background:url(/images/telephone.png) } #contacttel {width:213px; position:absolute; top:21px; left:85px; text-align:left;} #contacttel h3 {color:#FFFFFF; font-size:23px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;} #contactemail {width:300px; position:absolute; top:65px; left:32px; text-align:left;} #contactemail a {color:#FFFFFF; font-size:15px; font-weight:bold; } #contactemail a:hover { text-decoration:none; color:#0099FF; } #contactemail a.active { text-decoration:none; color:#ffffff; background:#000000;} /*#contactemail {width:300px; position:absolute; top:70px; left:32px; text-align:left;} */ #tempcontactemail {width:359px; position:absolute; left:0px; top:100px;} #tempcontactemail a {color:#0099FF; font-size:15px; font-weight:bold; text-align:center;} #facebook { position:absolute; top:5px; left:10px; background:#FFFFFF;} #body { position:absolute; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:8px; margin-left:auto; margin-right:auto; width:959px; } #body1 { width:300px; height:470px; position:absolute; padding:0px; background:#FFFFFF;} #body1text { width:260px; height:30px; position:absolute; top:400px; padding:10px; background:#FFFFFF;} #body2 { width:359px; height:470px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #body2a { width:359px; height:370px; position:absolute; left:0px; top:100px; padding:0px; background:#FFFFFF;} #body2ContactUs { width:299px; height:370px; position:absolute; left:30px; right:30px; padding:0px; background:#FFFFFF;} #body3 { width:300px; height:470px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #body3text { width:280px; height:30px; position:absolute; top:400px; padding:10px; background:#FFFFFF;} #Aboutusbody1 { width:300px; height:650px; position:absolute; padding:0px; background:#FFFFFF;} #Aboutusbody2 { width:359px; height:650px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #AboutUsbody2a { width:339px; height:650px; position:absolute; right:30px; padding:0px; background:#FFFFFF;} #Aboutusbody3 { width:300px; height:650px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #productsbody1 { width:300px; height:1300px; position:absolute; padding:0px; background:#FFFFFF;} #productsbody2 { width:359px; height:1300px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #productsbody3 { width:300px; height:1300px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #FAQbody1 { width:300px; height:900px; position:absolute; padding:0px; background:#FFFFFF;} #FAQbody2 { width:359px; height:900px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #FAQbody3 { width:300px; height:900px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #FAQbody1text { width:260px; height:315px; position:absolute; top:400px; padding:10px; background:#FFFFFF;} #FAQbody3text { width:280px; height:315px; position:absolute; top:400px; padding:10px; background:#FFFFFF;} #Contactusbody1 { width:300px; height:580px; position:absolute; padding:0px; background:#FFFFFF;} #Contactusbody2 { width:359px; height:580px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #Contactusbody3 { width:300px; height:580px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #Directions3body1 { width:300px; height:630px; position:absolute; padding:0px; background:#FFFFFF;} #Directions3body2 { width:359px; height:630px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #Directions3body3 { width:300px; height:630px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #Y2012body1 { width:300px; height:900px; position:absolute; padding:0px; background:#FFFFFF;} #Y2012body1text { width:260px; height:30px; position:absolute; top:400px; padding:10px; background:#FFFFFF;} #Y2012body2 { width:359px; height:900px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #Y2012body3 { width:300px; height:900px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #Y2012{ width:300px; position:absolute; top:25px; padding:0px; background:#FFFFFF;} #Y2012 a {text-decoration:none} #Y2012 a:hover {text-decoration:none} #Pricesbody1 { width:300px; height:2450px; position:absolute; padding:0px; background:#FFFFFF;} #Pricesbody1text { width:260px; height:30px; position:absolute; top:400px; padding:10px; background:#FFFFFF;} #Pricesbody2 { width:359px; height:2450px; position:absolute; left:300px; padding:0px; background:#FFFFFF;} #Pricesbody3 { width:300px; height:2450px; position:absolute; left:659px; padding:0px; background:#FFFFFF;} #babyphoto { width:295px; height:450px; position:absolute; top:10px; margin-left:auto; margin-right:auto; } #productphoto { width:250px; height:450px; position:absolute; top:0px; margin-left:0px; margin-top:80px; } #productphoto02 { width:260px; height:250px; position:absolute; top:40px; left: 20px;} #productphoto03 { width:260px; height:250px; position:absolute; top:330px; left: 20px;} #productphoto04 { width:140px; height:180px; position:absolute; top:740px; left: 100px;} #productphoto05 { width:260px; height:180px; position:absolute; top:490px; left: 20px;} #productphoto06 { width:260px; height:251px; position:absolute; top:490px; left: 20px;} #productphoto07 { width:238px; height:142px; position:absolute; top:740px; left: 20px;} #productphoto08 { width:260px; height:218px; position:absolute; top:900px; left: 20px;} #productphoto09 { width:260px; height:162px; position:absolute; top:1020px; left: 20px;} #FAQproductphoto { width:250px; height:600px; position:absolute; top:0px; margin-left:0px; margin-top:80px; } #footer1 { width:959px; height:50px; position:relative; top:495px; padding:0px; background:#FFFFFF;} #footer1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #footer1a a {color:#0099FF; font-size:12px; } #footer1a a:hover {text-decoration:none; color:#DE0093; font-size:12px; } #footer2 { width:959px; height:15px; position:relative; top:490px; padding:0px; background:#0099FF;} #footer2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } #productsfooter1 { width:959px; height:50px; position:relative; top:1325px; padding:0px; background:#FFFFFF;} #productsfooter1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #productsfooter1a a {color:#0099FF; font-size:12px; } #productsfooter1a a:hover {text-decoration:none; color:#DE0093; font-size:12px; } #productsfooter2 { width:959px; height:15px; position:relative; top:1320px; padding:0px; background:#0099FF;} #productsfooter2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } #AboutUsfooter1 { width:959px; height:50px; position:relative; top:675px; padding:0px; background:#FFFFFF;} #AboutUsfooter1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #AboutUsfooter1a a {color:#0099FF; font-size:12px; } #AboutUsfooter1a a:hover {text-decoration:none; color:#DE0093; font-size:12px; } #AboutUsfooter2 { width:959px; height:15px; position:relative; top:670px; padding:0px; background:#0099FF;} #AboutUsfooter2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } #FAQfooter1 { width:959px; height:50px; position:relative; top:925px; padding:0px; background:#FFFFFF;} #FAQfooter1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #FAQfooter1a a {color:#0099FF; font-size:12px; } #FAQfooter1a a:hover {text-decoration:none; color:#DE0093; font-size:12px; } #FAQfooter2 { width:959px; height:15px; position:relative; top:920px; padding:0px; background:#0099FF;} #FAQfooter2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } #Contactusfooter1 { width:959px; height:50px; position:relative; top:605px; padding:0px; background:#FFFFFF;} #Contactusfooter1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #Contactusfooter1a a {color:#0099FF; font-size:12px; } #Contactusfooter1a a:hover {text-decoration:none; color:#DE0093; font-size:12px; } #Contactusfooter2 { width:959px; height:15px; position:relative; top:600px; padding:0px; background:#0099FF;} #Contactusfooter2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } #Directions3footer1 { width:959px; height:50px; position:relative; top:655px; padding:0px; background:#FFFFFF;} #Directions3footer1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #Directions3footer1a a {color:#0099FF; font-size:12px; } #Directions3footer1a a:hover {text-decoration:none; color:#DE0093 font-size:12px; } #Directions3footer2 { width:959px; height:15px; position:relative; top:650px; padding:0px; background:#0099FF;} #Directions3footer2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } #Y2012footer1 { width:959px; height:50px; position:relative; top:925px; padding:0px; background:#FFFFFF;} #Y2012footer1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #Y2012footer1a a {color:#0099FF; font-size:12px; } #Y2012footer1a a:hover {text-decoration:none; color:#DE0093; font-size:12px; } #Y2012footer2 { width:959px; height:15px; position:relative; top:920px; padding:0px; background:#0099FF;} #Y2012footer2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } #Pricesfooter1 { width:959px; height:50px; position:relative; top:2475px; padding:0px; background:#FFFFFF;} #Pricesfooter1a { width:500px; height:12px; position:absolute; top:20px; left:315px; padding:0px; background:#FFFFFF;} #Pricesfooter1a a {color:#0099FF; font-size:12px; } #Pricesfooter1a a:hover {text-decoration:none; color:#DE0093; font-size:12px; } #Pricesfooter2 { width:959px; height:15px; position:relative; top:2470px; padding:0px; background:#0099FF;} #Pricesfooter2 p {color:#FFFFFF; font-weight:bold; font-size:12px; } /*------------------------------------ nav-----------------------------------------------------------*/ #nav { position:relative; left:0px; width:959px; height:30px; margin:0px; padding:0px; background:#DE0093;} /* #nav { position:absolute; width:959px; height:30px; position:absolute; margin:0px; padding:0px; background:#DE0093;}*/ .navtab { display:table; width: 100px; height:30px; margin:0px; padding:0px; background:#0099FF;} #navtabhome { position: absolute; left:220px; } #navtababout { position:absolute; left:325px; } #navtabproducts { position:absolute; left:430px; } #navtabfaq { position:absolute; left:535px; } #navtabcontact { position:absolute; left:640px; } #tabfacebook { position:absolute; left:10px; background:#FFFFFF;} /*#navcell {display: table-cell; vertical-align: middle; text-align:center; }*/ #navcell {position:absolute; top:8px; ltext-align:center; } #navcell a { margin:0x 0px 0px 0px; color:#ffffff; font-weight:bold; font-size:12px;} #navcell a:hover { text-decoration:none; color:#DE0093; } #navcell a.active { text-decoration:none; color:#ffffff; background:#000000;} #navbar2 { width:959px; height:6px; position:absolute;top:30px; margin:0px; padding:0px; background:#D000000;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { background-color:#0099FF } body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:22px; color:#0099FF; font-weight:bold; text-align:center; padding:0px 0px 0px 0px; } h2 { font-size:18px; color:#0099FF; font-weight:bold; text-align:center; padding:0px 0px 0px 0px; } h3 { font-size:18px; color:#FFFFFF; font-weight:bold; text-align:left; padding:0px 0px 0px 0px; } h4 { color:#0567a5; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#00618d; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#00618d; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul li { font-size:12px; color:#787878; } ol li {font-size:12px; color:#787878; list-style:decimal;} address { font-size:12px; color:#787878; margin:5px;} a { color:#0567A5; text-decoration:none; } a:hover { color:#0567A5; text-decoration:underline; } p { font-size:14px; color:#0099FF; text-align:center; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } p2 { font-size:10px; color:#0099FF; text-align:left; } p3 { font-size:10px; color:#DE0093; text-align:left; } /* GALLERY 1 - SOLID CASTS */ /* The containing box for the gallery. */ #gallerycont {position:relative; width:959px; height:470px; margin:0px auto 0px auto; border:0px solid #aaa; background:#FFFFFF url(../images/solidcast20.jpg) 200px 30px no-repeat; text-align:center; font-size:76%; letter-spacing:0.05em;} /* #container {position:relative; width:770px; height:396px; margin:20px auto 0 auto; border:1px solid #aaa; background:#fff url(../images/back.jpg) 75px 10px no-repeat;} */ /* Removing the list bullets and indentation - add size */ #gallerycont ul {width:298px; height:430px; list-style-type:none; padding:0; margin:35px 10px; float:right; } #gallerycont li {float:left;} /* Remove the images and text from sight */ #gallerycont a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;} /* Adding the thumbnail images */ #gallerycont a.gallery, #gallerycont a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #0099FF; margin:2px 2px 2px 2px; text-align:left; cursor:default;} #gallerycont a.slidea {background:url(../images/SolidCast14T.jpg); height:93px; width:93px;text-align:center;} #gallerycont a.slideb {background:url(../images/SolidCast12T.jpg); height:93px; width:192px;text-align:center;} #gallerycont a.slidec {background:url(../images/SolidCast18T.jpg); height:144px; width:93px;text-align:center;} #gallerycont a.slided {background:url(../images/SolidCast21T.jpg); height:144px; width:93px;text-align:center;} #gallerycont a.slidee {background:url(../images/SolidCast01T.jpg); height:144px; width:93px;text-align:center;} #gallerycont a.slidef {background:url(../images/SolidCast09T.jpg); height:93px; width:93px;text-align:center;} #gallerycont a.slideg {background:url(../images/SolidCast22T.jpg); height:93px; width:93px;text-align:center;} #gallerycont a.slideh {background:url(../images/SolidCast16T.jpg); height:93px; width:93px;text-align:center;} /* #gallerycont a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} * html #gallerycont a.slided {width:91px; w\idth:93px;} #gallerycont a.slidee {background:url(../images/p5_t.jpg); height:60px; width:93px;} #gallerycont a.slidef {background:url(../images/p6_t.jpg); height:60px; width:93px;} * html #gallerycont a.slidef {width:91px; w\idth:93px;} #gallerycont a.slideg {background:url(../images/p7_t.jpg); height:60px; width:93px;} #gallerycont a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #gallerycont a.slidei {background:url(../images/p9_t.jpg); height:93px; width:60px;} #gallerycont a.slidej {background:url(../images/p10_t.jpg); height:93px; width:60px;} #gallerycont a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} * html #gallerycont a.slidek {width:91px; w\idth:93px;} #gallerycont a.slidel {background:url(../images/p12_t.jpg); height:60px; width:93px;} */ /* styling the hovers */ #gallerycont a.gallery:hover {border:1px solid #fff;} #gallerycont a.gallery:hover span {position:absolute; width:620px; height:420px; top:30px; left:25px; color:#000; background:#fff;} /* text to the right #gallerycont a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;} */ /* so slide b and i have text to the left #gallerycont a.slideb:hover img, #container a.slidei:hover img {float:right;} */ /* GALLERY 2 - IMPRESSIONS */ /* The containing box for the gallery. */ #gallery2cont {position:relative; width:959px; height:470px; margin:0px auto 0px auto; border:0px solid #aaa; background:#FFFFFF url(../images/Impression05.jpg) 40px 100px no-repeat; text-align:center; font-size:76%; letter-spacing:0.05em;} /* #container {position:relative; width:770px; height:396px; margin:20px auto 0 auto; border:1px solid #aaa; background:#fff url(../images/back.jpg) 75px 10px no-repeat;} */ /* Removing the list bullets and indentation - add size */ #gallery2cont ul {width:298px; height:430px; list-style-type:none; padding:0; margin:35px 10px; float:right; } #gallery2cont li {float:left;} /* Remove the images and text from sight */ #gallery2cont a.gallery2 span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;} /* Adding the thumbnail images */ #gallery2cont a.gallery2, #gallery2cont a.gallery2:visited {display:block; color:#000; text-decoration:none; border:1px solid #0099FF; margin:2px 2px 2px 2px; text-align:left; cursor:default;} #gallery2cont a.slidea {background:url(../images/Impression07T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slideb {background:url(../images/Gift05T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slidec {background:url(../images/Gift01T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slided {background:url(../images/Impression01T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slidee {background:url(../images/Impression09T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slidef {background:url(../images/Impression02T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slideg {background:url(../images/Gift02T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slideh {background:url(../images/Impression08T.jpg); height:93px; width:93px;text-align:center;} #gallery2cont a.slidei {background:url(../images/Impression06T.jpg); height:93px; width:93px;text-align:center;} /* #gallerycont a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} * html #gallerycont a.slided {width:91px; w\idth:93px;} #gallerycont a.slidee {background:url(../images/p5_t.jpg); height:60px; width:93px;} #gallerycont a.slidef {background:url(../images/p6_t.jpg); height:60px; width:93px;} * html #gallerycont a.slidef {width:91px; w\idth:93px;} #gallerycont a.slideg {background:url(../images/p7_t.jpg); height:60px; width:93px;} #gallerycont a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #gallerycont a.slidei {background:url(../images/p9_t.jpg); height:93px; width:60px;} #gallerycont a.slidej {background:url(../images/p10_t.jpg); height:93px; width:60px;} #gallerycont a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} * html #gallerycont a.slidek {width:91px; w\idth:93px;} #gallerycont a.slidel {background:url(../images/p12_t.jpg); height:60px; width:93px;} */ /* styling the hovers */ #gallery2cont a.gallery2:hover {border:1px solid #fff;} #gallery2cont a.gallery2:hover span {position:absolute; width:620px; height:420px; top:30px; left:25px; color:#000; background:#fff;} /* text to the right #gallerycont a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;} */ /* so slide b and i have text to the left #gallerycont a.slideb:hover img, #container a.slidei:hover img {float:right;} */ /* GALLERY 3 - GIFTS */ /* The containing box for the gallery. */ #gallery3cont {position:relative; width:959px; height:470px; margin:0px auto 0px auto; border:0px solid #aaa; background:#FFFFFF url(../images/Gift05.jpg) 40px 100px no-repeat; text-align:center; font-size:76%; letter-spacing:0.05em;} /* #container {position:relative; width:770px; height:396px; margin:20px auto 0 auto; border:1px solid #aaa; background:#fff url(../images/back.jpg) 75px 10px no-repeat;} */ /* Removing the list bullets and indentation - add size */ #gallery3cont ul {width:298px; height:430px; list-style-type:none; padding:0; margin:35px 10px; float:right; } #gallery3cont li {float:left;} /* Remove the images and text from sight */ #gallery3cont a.gallery3 span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;} /* Adding the thumbnail images */ #gallery3cont a.gallery3, #gallery3cont a.gallery3:visited {display:block; color:#000; text-decoration:none; border:1px solid #0099FF; margin:2px 2px 2px 2px; text-align:left; cursor:default;} #gallery3cont a.slidea {background:url(../images/Gift06T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slideb {background:url(../images/Gift03T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slidec {background:url(../images/Gift01T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slided {background:url(../images/Gift09T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slidee {background:url(../images/Gift08T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slidef {background:url(../images/Gift07T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slideg {background:url(../images/Gift11T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slideh {background:url(../images/Gift10T.jpg); height:93px; width:93px;text-align:center;} #gallery3cont a.slidei {background:url(../images/Gift12T.jpg); height:93px; width:93px;text-align:center;} /* #gallerycont a.slided {background:url(../images/p4_t.jpg); height:60px; width:93px;} * html #gallerycont a.slided {width:91px; w\idth:93px;} #gallerycont a.slidee {background:url(../images/p5_t.jpg); height:60px; width:93px;} #gallerycont a.slidef {background:url(../images/p6_t.jpg); height:60px; width:93px;} * html #gallerycont a.slidef {width:91px; w\idth:93px;} #gallerycont a.slideg {background:url(../images/p7_t.jpg); height:60px; width:93px;} #gallerycont a.slideh {background:url(../images/p8_t.jpg); height:93px; width:60px;} #gallerycont a.slidei {background:url(../images/p9_t.jpg); height:93px; width:60px;} #gallerycont a.slidej {background:url(../images/p10_t.jpg); height:93px; width:60px;} #gallerycont a.slidek {background:url(../images/p11_t.jpg); height:60px; width:93px;} * html #gallerycont a.slidek {width:91px; w\idth:93px;} #gallerycont a.slidel {background:url(../images/p12_t.jpg); height:60px; width:93px;} */ /* styling the hovers */ #gallery3cont a.gallery3:hover {border:1px solid #fff;} #gallery3cont a.gallery3:hover span {position:absolute; width:620px; height:420px; top:30px; left:25px; color:#000; background:#fff;} /* text to the right #gallerycont a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;} */ /* so slide b and i have text to the left #gallerycont a.slideb:hover img, #container a.slidei:hover img {float:right;} */