/* CSS Document */ * {margin:0; padding:0} body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: .85em; background-color:#CCC5BD; background-image:url(../img/bodybg.gif); background-repeat:repeat} #container:after {content: "."; display: block; height: 0; clear: both; visibility:hidden;} /* \*/ * html #container {height: 1%;} /* */ /* End float containing rules */ /*****STRUCTURE*****************************************************/ #container{width:765px; margin:0 auto; position:relative} #links, #keys, #header{width:765px} #footer{width:650px; margin-left:25px} #container > div#footer{width:650px; margin-left:50px} #brand{position:absolute;top:15px;left:10px; z-index:10; } #brand img{border:0px} #header{background-image: url(../img/header.jpg); height:115px; z-index:1} #sitenav{float:right; clear:right; width:480px; margin:83px 0 0 0; padding:0px; } #container{background-image:url(../img/bg.gif); background-repeat:repeat} #content{width:765px; float:left;} #maincontainer{width:650px; padding:10px; margin:0px auto 0px; background-color:#fff;} /*****FOOTER*****************************************************/ #footer{height:2em;float:left; clear:both; } #copyright{font-size:11px; width:98%; padding: 5px 10px} .websitetag{float:left; clear:none} .websitetag, .websitetag a{color: #417696} .copyright{float:right; clear:none; color:#fff} .footer{clear:both; border:1px solid #fff;} /* PAGE SPECIFIC CSS BELOW /////////////////////////////////////////*/ /*****HOMEPAGE*****************************************************/ body#home .home{position : absolute;left: -999em;} body#home #container{background-image:url(../img/bg.gif);background-repeat:repeat} #container, #header, #sitenav, #footer, #links, #keys{} body#home #content{background-image:url(../img/homepagebg.jpg);background-position: 0px 0px;background-repeat:no-repeat;height:1050px} #welcome{width:300px; padding: 70px 0 10px 50px} body#home #content h1{position:absolute; top:-10000em; left:-10000em; margin:75px 0 0 35px; color:#000; width:300px; height:100px} body#home #content p{margin:0; padding: 0 0 0 40px; color:#000; width:280px; float:left; clear:left} body#home #content ul{margin:0; width:260px; padding:10px 0 0 55px; float:left; clear:left} body#home #content li{list-style-type:none;color:#180F92; font-size:90%} body#home #content img.img1{float:left; margin:60px 0 0 40px} body#home #content li a{} .seperator{width:100%; height:10px; margin:0; padding:0; float:left} body#home #content .continuedmsg{float:left;margin: -300px 0 0 0;padding:40px 0 0 25px; width:345px} #upcoming_events{margin: 0px 0 0 0;width:300px;height:390px;float:left;background-image:url(../img/upcoming-events.jpg);background-repeat:no-repeat; padding:40px 0 0 80px;background-position: 100px 0px; _padding:0px 0 0 100px;} #upcoming_events ul{width:50px; height:auto; margin:15px 0 0 -10px; padding:0; color:#000000} #upcoming_events ul p{width:50px !important; height: auto; margin:15px 0 0 -10px; padding: 0;} #upcoming_events ul li strong{font-size:18px; font:Verdana;} body#home #upcoming_events li{list-style-type:none;margin:0 70px 0 0; padding:0; color:#000000; font:Verdana;line-height:1.5em; text-align:center} body#home .ads{float:left; margin:40px 0 0 160px} #beware{width:765px; float:left; padding:0; margin:30px 0 0 0} #beware img.van{float:left; padding:0 0 0 60px} #beware p img{white-space: nowrap;} body#home #content #beware p{float:left; text-align:right; clear:none; width:270px; padding:0; font-size:11px} #home h1{position : absolute;left: -999em;} /*****ABOUT PAGE *****************************************************/ body#about #maincontainer{margin-top:50px} body#about #maincontainer img{float:right; margin:10px} body#about #maincontainer p{margin:10px 5px} body#contact #maincontainer{margin-top:40px} body#contact #maincontainer p{margin:10px 5px} .hours{list-style-type:none;padding:0 0 0 5px} /********** PRODUCTS ***********************************************/ #products h1{position : absolute;left: -999em;} body#products #maincontainer{margin-top:-5px} /* PRODUCT INFO **************************************************/ #content img.pageheader{margin:45px 0 0px 48px; /*position:absolute; z-index:1*/} #productinfo{width:650px; background-color:#fff;padding-bottom:20px} #leftcol{float:left; width:275px;margin-left:7px} #rightcol{float:right; width:275px;margin-left:7px} div#productinfo > div#leftcol{float:left; width:275px;margin-left:18px} .cost{float:left; clear:left; width:100%; margin-bottom:25px;border:2px solid #FFE778; background-color:#FFFFE3; background-image:url(../img/domino.gif); background-repeat:no-repeat; background-position:165px 28px; list-style-type:none; padding: 15px 0} .cost li{padding:0 0 0 20px;} .feature{padding:none; margin-left:-5px;margin-top:35px} .feature2{padding:none; margin-left:-5px;margin-top:75px} .price{margin-left:-5px; color:#C6214A; font-size:24px} .copy{float:left; width:100%; margin:0; line-height:1.5em; font-size:12px;} #leftcol h3{font-size:14px; color:#C6214A} #leftcol p.copy strong{font-size:12px;color:#C6214A;} #leftcol ul.cost li strong .sup{vertical-align: super; font-size:9px} #tabledescription .sup{vertical-align: super; font-size:9px} /* ADDED FOR ?????*/ .copy2{float:left; width:100%; margin:0; line-height:1.5em; font-size:12px;margin-top:70px} .dimension{padding:none; margin-left:-5px;margin-top:15px} .optionalfeature{padding:none; margin-left:-5px;margin-top:15px} .shipping{padding:none; margin-left:-5px;margin-top:15px} ul.cost li em{font-size:10px; color: #BB8A1A} #promos{width:275px; height:250px;float:left; margin:0 0 10px 0} #ordernow{width:275px; height:164px; float:left; margin:0 0 10px 0} #orderspace{margin-top:50px} #tabledescription{width:600px; margin:10px 0 0 4px;padding:15px; float:left;clear:left; z-index:200;position:relative;} #tabledescription img{float:right; clear:both;margin:0px 0 10px 10px} #tabledescription h3{font-size:14px; color:#C6214A;margin-top:10px} #tabledescription p{font-size:12px; margin-top:10px} #tabledescription li{font-size:12px; margin-left:20px} body#products #tabledescription p{font-size:12px; width:300px; margin-top:10px} /*****PHOTOS*****************************************************/ #photos {position:absolute; top:345px; left:375px;width:300px} #photos img {width:60px; height:60px; border:0} #photos ul {width: 270px; list-style-type:none; padding:0 0 0 18px} #photos li{float:left; margin:3px;} #photos p{margin:10px 30px} #photos em{font-size:10px;} /*****CIGAR LOVERS LOUNGE******************************************/ #cigarlover ul{list-style-type:none} #cigarlover h1{position : absolute;left: -999em;} body#cigarlover #productinfo,body#cigarlover #maincontainer {background-image:url(../img/clmainbg.gif); background-repeat:repeat} body#cigarlover #tabletop{ background-image:url(../img/Cigar-Lovers-Table-Top.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} body#cigarlover .cost{float:left; clear:left; width:100%; margin-bottom:25px;border:2px solid #FFE778; background-image:url(../img/clcostbg.gif); background-repeat:repeat; list-style-type:none; padding: 15px 0} body#cigarlover #photos p.message{color:#FFFFFF; font-size:12px;float:left;font-style:italic} body#cigarlover .cost img{float:right; padding:0 5px} body#cigarlover h3,body#cigarlover #leftcol p.copy strong, body#cigarlover #photos strong{color:#D19941} body#cigarlover #tabledescription,body#cigarlover #tabledescription a,body#cigarlover #leftcol p{color:#FFFFFF} body#cigarlover ul.cost li em{color: #000000} body#cigarlover #maincontainer{margin:-10px auto 0px} body#cigarlover #photos p.manny{color:#FFFFFF; font-size:12px; font-style:italic} body#cigarlover #photos p.tablename{color:#D19941; padding:0 0 0 50px} body#cigarlover #photos em{color:#D19941;padding:0 0 0 100px; font-size:12px} body#cigarlover .price {color:#460800} /*****Art On Domino Table ******************************************/ #art-on-table ul{list-style-type:none} #art-on-table h1{position : absolute;left: -999em;} body#art-on-table #productinfo{background-image:url(../img/art-on-domino-bg.gif); background-repeat:repeat} body#art-on-table #tabletop{height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} body#art-on-table #tabletop.mahogany{background-image:url(../img/Mahogany-Table-Top.gif);} body#art-on-table #tabletop.maple{background-image:url(../img/Maple-Table-Top.gif);} body#art-on-table .cost{float:left; clear:left; width:100%; margin-bottom:25px;margin-top:15px;border:4px solid #fff;list-style-type:none; padding: 15px 0; background-image:none} body#art-on-table #photos{margin-top:-80px;} body#art-on-table #photos p.message{color:#FFFFFF; font-size:12px;float:left;font-style:italic} body#art-on-table .cost img{float:right; padding:0 5px} body#art-on-table lover h3,body#cigarlover #leftcol p.copy strong, body#cigarlover #photos strong{color:#FFCC00} body#art-on-table #tabledescription,body#cigarlover #tabledescription a,body#cigarlover #leftcol p{color:#FFF} body#art-on-table ul.cost li em{color: #000000} body#art-on-table #maincontainer{margin:-10px auto 0px} body#art-on-table #photos p.manny{color:#000; font-size:12px; font-style:italic} body#art-on-table #photos p.tablename{color:#FFF; padding-left:-10px; white-space:nowrap} body#art-on-table #photos em{color:#D19941;padding:0 0 0 100px; font-size:12px} body#art-on-table .price {color:#C6224B} body#art-on-table #container #content #maincontainer #productinfo #leftcol{} body#art-on-table #container #content #maincontainer .photo{padding:0;margin:0;z-index:1;position:absolute;top:415px; left:435px;width:200px;height:200px;border:1px solid #000} body#art-on-table #container #content #maincontainer .picname{ background-color:#000000;/*padding:10px;line-height:2em;*/ color:#fff;font-weight:bold} body#art-on-table #c1{background-image:url(../img/annie-maxwell/all-around.gif);} body#art-on-table #c2{background-image:url(../img/annie-maxwell/nuestras-patrias.jpg);} body#art-on-table #c3{background-image:url(../img/annie-maxwell/all-that-i-am.jpg); background-repeat:no-repeat;height:160px;} body#art-on-table #c4{background-image:url(../img/annie-maxwell/colors-of-my-world.jpg); background-repeat:no-repeat;height:150px} body#art-on-table #c5{background-image:url(../img/annie-maxwell/noche-tropical.jpg);} body#art-on-table #c6{background-image:url(../img/annie-maxwell/always.jpg); background-repeat:no-repeat;height:200px;width:133px;/*left:125px*/} body#art-on-table #c7{background-image:url(../img/annie-maxwell/taking-it.jpg); background-repeat:no-repeat;height:200px;width:200px;/*left:80px*/} body#art-on-table #c8{background-image:url(../img/annie-maxwell/song-bird.jpg); background-repeat:no-repeat;height:200px;width:200px;/*left:80px*/} body#art-on-table #c9{background-image:url(../img/annie-maxwell/not-here.jpg); background-repeat:no-repeat;height:200px;width:200px;/*left:80px*/} body#art-on-table #c10{background-image:url(../img/annie-maxwell/musical.jpg); background-repeat:no-repeat;height:200px;width:200px;/*left:80px*/} body#art-on-table #ordernow{height:90px} #art-on-table #productinfo ul.top-thumb-nail img{width:58px;height:58px;border:1px solid #000} #art-on-table h3,#art-on-table #container #leftcol p.copy{color:#FFCC00} #art-on-table #ordernow img{display:block;margin-left:7px} #art-on-table .cost{ background-color:#ADF2F5} #art-on-table #photos .changetop{background-color:#CC3366;padding:2px 5px;border:1px solid #fff;text-decoration:none;color:#fff} #art-on-table #photos .first{margin-left:50px} /* html > body #art-on-table > div #container > div #content > div #maincontainer > div #productinfo > div #photos > ul .top-thumb-nail > li > span > img /*****ADDITIONAL TOPS*********************************************/ #additional h1{position : absolute;left: -999em;} body#additional #maincontainer{margin-top:-5px} body#additional .order img{padding:10px 0 0 20px} #additionaltops img {width:200px; height:200px; border:0} #additionaltops ul {list-style-type:none; padding:0 0 0 18px} #additionaltops li{float:left; margin:3px;} /*****CUSTOM*****************************************************/ #custom h1{position : absolute;left: -999em;} body#custom #maincontainer{margin-top:-5px} body#custom #tabletop{ background-image:url(../img/Champions-Domino-Table-Top.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} body#custom #productinfo{padding-bottom:505px} body#custom #productinfo #photos p{padding-bottom:20px} body#custom #leftcol p{font-size:12px; margin-top:10px} body#custom #space{width:600px; margin:10px 0 0 4px;padding:15px; float:left;clear:left; z-index:200;position:relative} /*****CHAMPIONS*****************************************************/ #champions h1{position : absolute;left: -999em;} body#champions #maincontainer{margin-top:-5px} body#champions #tabletop{ background-image:url(../img/Champions-Domino-Table-Top.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} /*****LA QUAJIRA***************************************************/ #laguajira h1{position : absolute;left: -999em;} body#laguajira #maincontainer{margin-top:-5px} body#laguajira #tabletop{ background-image:url(../img/La-Guajira-Domino-Table-Top.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} /*****WOOD GAME TABLE***********************************************/ #woodgame h1{position : absolute;left: -999em;} body#woodgame #maincontainer{margin-top:-5px} body#woodgame #tabletop{ background-image:url(../img/Wood-Game-Table-Top.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} /*****BASICS*****************************************************/ #basic h1{position : absolute;left: -999em;} body#basic #maincontainer{margin-top:-5px} body#basic #tabletop{ background-image:url(../img/Basic-Domino-Table-Top.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} /*****PLASTIC DOMINO TABLE*****************************************************/ #plastic h1{position : absolute;left: -999em;} body#plastic #maincontainer{margin-top:-5px} body#plastic #tabletop{ background-image:url(../img/Plastic-Domino-Table-Top.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} /*****CIGAR ROLIING TABLE*****************************************/ #cigar h1{position : absolute;left: -999em;} body#cigar #maincontainer{margin-top:-5px} body#cigar #tabletop{ background-image:url(../img/cigar-rolling-table.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} body#cigar .cost{background-image:url(../img/cigar-roll.gif)} #cigarchair{float:right; width:50%} /*****POKER/DOMINO TABLE*******************************************/ #poker ul{list-style-type:none} #poker h1{position : absolute;left: -999em;} body#poker #productinfo,body#poker #maincontainer {background-image:url(../img/poker-bg.gif); background-repeat:repeat} body#poker #tabletop{ background-image:url(../img/poker-table.jpg); height:328px; width:323px; z-index:1; position:relative; background-repeat:no-repeat} body#poker .cost{; margin:50px 0 25px 0 ;border:2px solid #D19941; background-image:url(../img/ptcost-bg.gif); background-repeat:repeat;} body#poker .cost img{float:right; padding:0 5px} body#poker ul.cost li em{color: #000000} body#poker h3,body#poker #leftcol p.copy strong, body#poker #photos strong{color:#D19941} body#poker #tabledescription,body#poker #tabledescription a,body#poker #leftcol p{color:#FFFFFF} body#poker #maincontainer{margin:-10px auto 0px} body#poker .price {color:#460800} /*****PHOTO GALLERY**************************************************/ #photogallery h1{position : absolute;left: -999em;} body#photogallery #maincontainer{margin-top:-5px;height:650px} #nextpage{top:920px;left:461px; position:absolute} #backtotop{top:950px;left:600px; position:absolute} body#photogallery h3{font-size:14px; color:#C6214A} #photogallerybg img{padding:0;margin:0;z-index:1;position:absolute;top:500px; left:80px} body#photogallery #photos{left:500px;width:200px} body#photogallery #photos img{width:93px; height:60px; border:0} body#photogallery #photos ul{padding:0 0 0 10px} /*****NAVIGATION*****************************************************/ #nav img{border:0px}#nav, #nav ul {list-style: none; float:right; position: relative} #nav li { /* all list items*/ float:left; line-height : 1.25em; margin-bottom : -1px;}#nav li ul { /* second-level lists*/ left: -999em;margin-left: 0;margin-top:0}ul#nav li.category ul {position: absolute; z-index:10000}#nav li a {display : block;text-decoration : none;padding : 0 0.5em;color:#FFFFFF}li.category{width:auto}li.subcategory{width:18em; background-color:#104A70;}#nav li a:hover{color:#FF0000}#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items*/ position : absolute; z-index:10000; left: auto;}