/*==================================== SOCCADELIC =====================================*/ /* Reset ------------------------------------*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style: none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } body { font:13px/1.22 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } table { font-size:inherit; font:100%; } pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:99%; } /* Main Stuff ------------------------------------*/ body { background: #fff url(/images/bkgrd.jpg) repeat-x left top; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; } #wrapper { margin: 0 auto; width: 900px; background: url(/images/flower_bkgrd-trans.png) no-repeat left top; } /* Flags -------------------------------------*/ #flags { width: 875px; height: 25px; padding: 20px 25px 0 0; text-align: right; } #flags a:link { color: #333; font-weight: bold; text-decoration: none; } #flags a:visited { color: #333; font-weight: bold; text-decoration: none; } #flags a:hover { color: #000; font-weight: bold; text-decoration: none; } #flags a:active { color: #000; font-weight: bold; text-decoration: none; } #flags p { margin: 0 0 15px 0; color: #333; font-size: 11px; line-height: 18px; } /* Header/Logo -------------------------------------*/ #header { width: 900px; height: 104px; } #logo { width: 271px; height: 104px; float: left; margin: 0 0 0 10px; z-index: 4; position: relative; } #logo2 { width: 271px; height: 104px; float: left; margin: 0 0 0 10px; z-index: 4; position: relative; } /* Content Wrapper -----------------------------------*/ #contentWrapper { width: 900px; margin: -28px 0 0 0; } /* Main Pics & Headings -----------------------------------*/ #mainPicProducts, #mainPicTournaments, #mainPicCommunity, #mainPicMedia, #mainPicBlog, #mainPicAbout { width: 900px; height: 336px; } #mainPicProducts { background: url(/images/mainimage_products.jpg) no-repeat; } #mainPicTournaments { background: url(/images/mainimage_tournaments.jpg) no-repeat; } #mainPicCommunity { background: url(/images/mainimage_community.jpg) no-repeat; } #mainPicMedia { background: url(/images/mainimage_media.jpg) no-repeat; } #mainPicBlog { background: url(/images/mainimage_blog.jpg) no-repeat; } #mainPicAbout { background: url(/images/mainimage_about.jpg) no-repeat; } h1 { width: 900px; height: 71px; position: relative; top: 245px; text-indent: -10000em; display: block; background-position: 28px top; background-repeat: no-repeat; } /* Home Page - Lifestyle, Performance, Professional -----------------------------------------------------*/ #wrapper3links { width: 900px; height: 207px; } /* Sub Nav --------------------------------------*/ #subNav { width: 840px; height: 46px; padding: 0 0 0 60px; background: url(/images/subnav.jpg) no-repeat; } #subNav img.divider { position: relative; top: 7px; margin: 0 10px; } #subNav p { color: #1F0E03; font-size: 14px; font-weight: bold; } #subNav a:link { color: #1F0E03; text-decoration: none; } #subNav a:visited { color: #1F0E03; text-decoration: none; } #subNav a:hover { color: #ffffff; text-decoration: none; } #subNav a:active { color: #ffffff; text-decoration: none; } /* Content Area & Links ------------------------------------*/ #content { padding: 30px 55px 0; width: 790px; background: url(/images/contentbkgrd.jpg) no-repeat; } #content #leftcol { width: 450px; float: left; } #content #rightcol { width: 320px; float: right; } #content a:link { color: #717171; font-weight: bold; } #content a:visited { color: #717171; font-weight: bold; } #content a:hover { color: #3A3A3A; font-weight: bold; } #content a:active { color: #3A3A3A; font-weight: bold; } #content strong { font-weight: bold; } #content em { font-style: oblique; } #content h2 { margin: 0 0 10px 0; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #4A4848; } #content div.post h2 { margin-bottom:4px; margin-top:5px; padding-bottom:0; } #content .featured, #content h3 { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 15px; color: #91672D; font-weight: bold; } /*--Universal font-size and color for these elements----------*/ #content p, #content ul, #content table, #content form input, #content form textarea { font-size: 11px; color: #717171; } /*------------------------------------------------------------*/ #content p, #content ul { line-height: 18px; } #content p { margin: 0 0 15px 0; } #content ul { margin: 0 0 15px 40px; list-style-type: circle; } #content p.viewall { margin: 7px 0 0 0; float: right; color: #fff; } #content p.viewall a:link { display: block; padding: 2px 5px; color: #fff; text-decoration: none; background: #DD5901; } #content p.viewall a:visited { display: block; padding: 2px 5px; color: #fff; text-decoration: none; background: #DD5901; } #content p.viewall a:hover { display: block; padding: 2px 5px; color: #fff; text-decoration: none; background: #9D4104; } #content p.viewall a:hover { display: block; padding: 2px 5px; color: #fff; text-decoration: none; background: #9D4104; } /* Product Details ----------------------------------*/ div#product_breadcrumb {padding:10px 15px;background-color:#f7f1e3;} div#product_breadcrumb p {margin:0px;color:#633f1c;} div#product_breadcrumb a:link, div#product_breadcrumb a:visited, div#product_breadcrumb a:hover, div#product_breadcrumb a:active {margin:0px;color:#633f1c;} div#product_details {margin-top:20px;} div#product_details img {border:1px solid #ccc;float:left;margin-bottom:50px;} div#product_name {margin-left:390px;} div#product_name p {margin:0px;font-size:14px;} div#product_name h2 {margin:0px;} div#product_description {margin-left:390px;margin-top:15px;background-color:#f7f1e3;padding:12px;} div#product_description p {margin:0px;color:#675747;font-size:12px;} div#product_description ul{list-style:disc;} div#product_options {margin-left:390px;margin-top:15px;} div#product_options table.options {width:100%;border:none;} div#product_options table.options td {border:none;padding:3px;} div#product_options table.options td p {margin:0px;} .option_select {font-size:10px;color:#6f6f6f;} .add_cart_button {margin:2px 0px 2px;padding:4px;font-size:10px;background-color:#caa15f;border:2px solid #9c7941;color:#5f421c;} .add_cart_button:hover {margin:3px 0px 1px;padding:4px;font-size:10px;background-color:#caa15f;border:2px solid #9c7941;color:#5f421c;} /* Tables ----------------------------------*/ #content table { margin: 0 0 15px 0; color: #333; border-right: #DFD3B6 solid 1px; border-top: #DFD3B6 solid 1px; } #content table tr td { padding: 5px; border-left: #DFD3B6 solid 1px; border-bottom: #DFD3B6 solid 1px; } #content table tr.bkgrd { background: #F0E7D0 url(/images/table_bkgrd.png) repeat-x left top; } #content table.prod_holder {width:790px;border:none;} #content table.prod_holder td {border:none;} #content table.prod_holder td img {border:1px solid #ccc;} /* Forms ----------------------------------*/ #content form input, #content form textarea { padding: 5px; color: #333; background: #F0E7D0 url(/images/table_bkgrd.png) repeat-x left top; border: #DFD3B6 solid 1px; } .miniset label { width:220px; display:block; float:left; clear:left; padding-bottom:10px; } .miniset input { margin-bottom:10px; } fieldset { width:90%; padding:10px; border:1px solid #DDDDDD; margin-bottom:16px; } /* Footer ----------------------------------*/ #footer { margin: 20px auto 0 auto; padding: 20px 0 20px 0; width: 790px; clear: both; text-align: center; background: url(/images/footer.jpg) center top no-repeat; } #footer p { color: #333; font-size: 11px; line-height: 18px; font-weight: bold; } #footer .space { margin: 0 0 0 10px; } #footer a:link { color: #333; text-decoration: none; } #footer a:visited { color: #333; text-decoration: none; } #footer a:hover { color: #fff; text-decoration: none; background: none; } #footer a:active { color: #fff; text-decoration: none; background: none; } /* Mission ----------------------------------*/ #mission { margin: auto auto auto auto; padding: 10px 0 0 0; width: 790px; clear: both; text-align: center; } #mission p { color: #333; font-size: 10px; line-height: 18px; } #mission a:link { color: #333; text-decoration: none; font-weight: bold; } #mission a:visited { color: #333; text-decoration: none; font-weight: bold; } #mission a:hover { color: #000; text-decoration: none; background: none; font-weight: bold; } #mission a:active { color: #000; text-decoration: none; background: none; font-weight: bold; } /* Mailer ---------------------------------*/ #mailer { margin: 0 auto; padding: 10px 0 40px 0; width: 790px; clear: both; text-align: center; color: #333; font-size: 11px; line-height: 18px; } #mailer form input { margin:4px; padding: 5px; color: #333; background: #F0E7D0 url(/images/table_bkgrd.png) repeat-x left top; border: #DFD3B6 solid 1px; }