/* --------------------------------------------------------------------- */ /* - S T R U C T U R E - */ /* --------------------------------------------------------------------- */ #body {padding:10px 15px 10px 15px; clear:both; position:relative;} #container {width:760px; margin:15px auto;} #email_subscribe {position:absolute; top:112px; left:18px; width:180px;} #footer {clear:both; padding:5px 15px;} #greeting{position:absolute; left:0px; bottom:-10px; width:730px; padding:0 15px;} #header{padding:0 15px 0px 15px; background:url(../images/header.png) no-repeat; width:730px; position:relative;} legend {font-size:130%; margin:1em 0 .2em -10px;} #shop, #forum {float:left; width:526px;} /* Sub element layout */ .three_col {width:33.3%; float:left;} .two_cols {width:49.9%; float:left;} /* --------------------------------------------------------------------- */ /* - F O R M S - */ /* --------------------------------------------------------------------- */ /* Default form stuff */ form input, form select, form textarea {display:block; width:100%} form input.checkbox, form input.radio {display:inline; width:auto; margin-right:0.5em;} form input.submit {clear:both; width:auto; display:block; margin:0 0 0 auto;} span.form_field {display:block; padding:5px 10px; float:left; width:200px;} span.textarea {width:420px;} textarea {height:4.3em;} form legend {margin:0; padding-top:1em;} ul.input_error {font-size:70%; color:#FF0000; list-style-type:square; margin-left:2em;} /* Customized forms */ #blog_comment_form {background:#eeeeee; padding-bottom:10px;} #blog_comment_form span.form_field {float:none;} #blog_comment_form span.textarea {width:auto;} #blog_comment_form span.textarea textarea {height:6em;} #contact_form span.form_field {float:none; width:auto;} #contact_form span.form_field input {width:auto;} #design_comment_form #post_body {height:10em;} #email_subscribe #name_div, #email_subscribe #email_div{position:relative; float:left; margin-right:3px;} #email_subscribe #name_div input, #email_subscribe #email_div input {width:65px;} #email_subscribe #submit_div input {width:30px;} #email_subscribe label.overlabel {color:#999;} #email_subscribe label.overlabel-apply {position:absolute; top:3px; left:5px; z-index:1; color:#999; text-transform:lowercase;} #email_subscribe p {margin:0;} #join_form #about_span {width:630px;} #login_form_div {width:300px; margin:auto;} #login_form_overlay_div {background:transparent; color:#FFFFFF; border:none; display:none;} #login_form_overlay input {font-size:150%; font-weight:bold; margin:3px; width:280px;} #login_form_overlay input.checkbox {width:auto;} #login_form_overlay label {display:block; font-size:130%; font-weight:bold;} #login_form_overlay label.checkbox {display:inline;} #payment_info span.form_field {display:block; width:auto; float:none;} #payment_info span.form_field input, #payment_info span select{width:auto;} #payment_info span#cvn_span input{width:3em;} #payment_info span#name_on_card_span, #payment_info span#card_number_span {float:left;} #payment_info span#expire_month_span {clear:both;} #payment_info span#expire_month_span, #payment_info span#expire_year_span, #payment_info span#cvn_span {float:left;} #payment_info img#cvn_diagram {float:right;} #submit_design_form fieldset {display:block; width:310px; float:left; padding:5px 10px;} #submit_design_form fieldset fieldset{display:block; width:auto; float:none;} #submit_design_form span.form_field {float:none; width:100%;} /* --------------------------------------------------------------------- */ /* - M A I N M E N U - */ /* --------------------------------------------------------------------- */ #main_menu {width:730px; height:187px; position:relative;} #main_menu li {list-style:none; position:absolute;} #main_menu li, #main_menu a {display: block; text-indent:-5000px;} #mm1 {top:0; left:0; width:550px; height:200px;} #mm1 a {height:190px;} #mm1 h1 {margin:0; padding:0;} #mm2 {top:0px; right:0; width:200px; height:58px;} #mm3 {top:60px; right:0; width:150px; height:58px;} #mm4 {top:120px; right:0; width:150px; height:58px;} #mm2 a {height:58px;} #mm3 a {height:58px;} #mm4 a {height:58px;} #mm1 a:hover {} #mm2 a:hover {background: transparent url(../images/header.png) -780px -0px no-repeat;} #mm3 a:hover {background: transparent url(../images/header.png) -830px -60px no-repeat;} #mm4 a:hover {background: transparent url(../images/header.png) -830px -120px no-repeat;} /* --------------------------------------------------------------------- */ /* - V O T E F O R M - */ /* --------------------------------------------------------------------- */ #vote_form {width:62px; height:300px; position:relative; background: #fce934; float:left;} #vote_form li {list-style:none; position:absolute;} #vote_form li, #vote_form a {height:59px; width:60px; display:block; text-indent:-5000px;} #vote_5 {top:1px; left:1px; background: transparent url(../images/vote_button.png) 0px 0px no-repeat;} #vote_4 {top:61px; left:1px; background: transparent url(../images/vote_button.png) 0px -60px no-repeat;} #vote_3 {top:121px; left:1px; background: transparent url(../images/vote_button.png) 0px -120px no-repeat;} #vote_2 {top:181px; left:1px; background: transparent url(../images/vote_button.png) 0px -180px no-repeat;} #vote_1 {top:241px; left:1px; background: transparent url(../images/vote_button.png) 0px -240px no-repeat;} #vote_5 a:hover {background: transparent url(../images/vote_button.png) -60px 0px no-repeat} #vote_4 a:hover {background: transparent url(../images/vote_button.png) -60px -61px no-repeat} #vote_3 a:hover {background: transparent url(../images/vote_button.png) -60px -121px no-repeat} #vote_2 a:hover {background: transparent url(../images/vote_button.png) -60px -181px no-repeat} #vote_1 a:hover {background: transparent url(../images/vote_button.png) -60px -241px no-repeat} #vote_5.given {background: transparent url(../images/vote_button.png) -120px 0px no-repeat} #vote_4.given {background: transparent url(../images/vote_button.png) -120px -61px no-repeat} #vote_3.given {background: transparent url(../images/vote_button.png) -120px -121px no-repeat} #vote_2.given {background: transparent url(../images/vote_button.png) -120px -181px no-repeat} #vote_1.given {background: transparent url(../images/vote_button.png) -120px -241px no-repeat} /* --------------------------------------------------------------------- */ /* - T A B B E R - */ /* --------------------------------------------------------------------- */ /* REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! */ .tabberlive .tabbertabhide {display:none;} ul.tabbernav {margin:1em 0 0 0; padding:0; border-bottom: 1px solid #00a5d8; font-family:"Courier New", Courier, mono;} ul.tabbernav li {list-style: none; margin: 0; display: inline; font-size:130%;} ul.tabbernav li a {padding: 3px 0.8em; margin-right: 3px; background:#99CCFF; text-decoration: none; color:#666666;} ul.tabbernav li a:hover {background: #00a5d8; color:#fff; text-decoration:none;} ul.tabbernav li.tabberactive a {background-color: #00a5d8; color:#fff;} ul.tabbernav li.tabberactive a:hover {background: #00a5d8; color:#fff; text-decoration:none;} /* .tabbertab = the tab content. Add style only after the tabber interface is set up (.tabberlive) */ .tabberlive .tabbertab {} /* Hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2{display:none;} /* --------------------------------------------------------------------- */ /* - C O M M E N T S L I S T S - */ /* --------------------------------------------------------------------- */ #design_comments_list {list-style-type:none; margin:15px 0 0 0;} #design_comments_list blockquote {margin:0.3em 1em; font-style:italic;} #design_comments_list li {margin:0 0 5px 0; padding:5px; border-bottom:1px solid #00a5d8; clear:both;} #design_comments_list li img.avatar {float:left; width:65px; height:65px;} #design_comments_list li p {margin-left:70px;} #design_comments_list li p.forum_post_meta {font-size:90%; margin-top:-0.1em; margin-left:70px;} #design_comments_list li h3 {padding:0 0 0 0; margin-left:70px;} #home_comments_list {list-style-type:none; margin:0; padding:0; overflow:hidden;} #home_comments_list li{margin:0 0 5px 0; padding:0; clear:both; border-bottom:1px solid #00a5d8;} #home_comments_list li img.avatar {float:left; width:60px; height:60px;} #home_comments_list li img.design_thumb {background:none; float:right; width: 35px; height:35px;} #home_comments_list li div.post_content {margin:0 40px 0 70px;} #home_comments_list li p.more {clear:both;} #user_comments_list {list-style-type:none; margin:0;} #user_comments_list li img.design_thumb {float:right; margin:0 0 10px 10px; padding:5px; width:60px; height:60px; background:url(../images/background_design_thumb_small.gif) no-repeat;} #user_comments_list li p.float_clear {border-bottom:1px solid #00a5d8;} /* --------------------------------------------------------------------- */ /* - P R O D U C T & C A R T T A B L E S - */ /* --------------------------------------------------------------------- */ #cart_table {width:100%; margin-bottom:1em;} #cart_table .grand_total {text-align:right; border-bottom:none; border-top:1px solid #00a5d8;} #cart_table .price {width:10em; text-align:right; font-family:"Courier New", Courier, mono;} #cart_table .quantity_selector {font-size:250%; font-weight:bold;} #cart_table th {font-weight:bold; text-align:left; padding:3px 5px; border-bottom:1px solid #00a5d8;} #cart_table td {padding:3px 5px;} #stock_tables {font-size:130%; float:right; width:440px;} #stock_tables h3 {margin-bottom:3px;} .stock_table td.price {text-align:center; background:#FFFF66; font-size:200%; width:auto;} .stock_table td.description {vertical-align:bottom; border-top:none; border-left:none; width:auto;} .stock_table {font-family:"Courier New", Courier, mono;} .stock_table tr.sizes td {width:88px; text-align:center;} .stock_table tr.sizes td a {width:100%; background:#098C4A; color:#fff; padding:0px; margin:0; display:block;} .stock_table tr.sizes td a:hover {background:#fff; text-decoration:none; color:#098C4A;} .stock_table td {border:1px solid #00a5d8; font-weight:bold; padding:2px;} /* --------------------------------------------------------------------- */ /* - G E N E R A L - */ /* --------------------------------------------------------------------- */ a:visited, a {text-decoration:none; color:#098C4A;} a:hover {color: #098C4A; text-decoration: underline;} #about_user img.avatar{float:left; margin:0 5px 5px 0;} #all_submissions div.design{float:left; width:100px; height:175px; margin:5px; padding:5px; background:url(../images/background_design_thumb.gif) no-repeat; font-size:75%; overflow:hidden;} #all_submissions p.page_nav{text-align:center; font-size:110%;} body {background-image:url(../images/background.png); background-repeat:repeat; font-family:Georgia, "Times New Roman", Times, serif;} #blog_stamp{position:absolute; top:110px; left:16px;} #catalogue {width:100%;} #container {background-color:#fff; border:1px solid #fce934;} #design_comments {position:relative;} #design_comment_form_block {background:#eeeeee; margin:15px 0 0 0; padding:1em;} #design_details {width:725px; height:300px; border:2px solid #FFFF66; padding:0; position:relative; overflow:hidden;} #design_details #design_image {float:left;} #design_details #info {margin:0 5px 0 570px;} #design_details #info p.user_details{text-align:center;} #design_details #info p.user_details img{width:75px;} #design_nav {position:absolute; top:235px; right:19px; width:120px; font-size:80%; text-align:center;} #design_nav img {display:block; height:50px; width:50px;} #design_nav_prev {width:50px; float:left;} #design_nav_next {width:50px; float:right;} em {font-style:italic;} img.design_thumb {padding:5px; background:url(../images/background_design_thumb.gif);} .faq_list{margin-left:3em; list-style-type:square;} #footer {font-size:80%; text-align:center;} #footer a:hover{text-decoration:underline;} #forum_posts {margin-right:20px;} #forum_posts, #news {float:left; width:355px; margin-bottom:10px;} #greeting {text-align:right; vertical-align:middle;} #greeting img {vertical-align:middle;} h1, h2, h3 {font-family:"Courier New", Courier, mono; font-weight:bold;} h1 {font-size:180%; padding:0.6em 0 0.3em 0; background:transparent; color:#00a5d8; clear:both;} h2 {font-size:150%; padding:0.1em 1em; background:#00a5d8; color:#ffffff; margin-bottom:0.2em; clear:both;} h3 {font-size:130%; padding:0.6em 0 0.3em 0; background:transparent; color:#00a5d8;} h1 a, h3 a, h1 a:hover, h3 a:hover, h1 a:visited, h3 a:visited{text-decoration:none; color:#00a5d8;} h2 a, h2 a:hover, h2 a:visited{color:#ffffff; background:#00a5d8; text-decoration:none;} hr {height:1px; color:#fce934; background-color:#fce934; border:0;} legend {font-size:130%; font-family:"Courier New", Courier, mono; color:#00a5d8; font-weight:bold;} .more{text-align:right;} #news p {line-height:1.5em;} ol {list-style-type:decimal; margin:0 0 0 3em;} p{margin:0.5em 0;} p.error, p.info{width:710px; margin:0.5em 0; padding:1em 10px; clear:both;} p.error{border:1px solid #FF0000; background-color:#FFC6C6;} p.info{border:1px solid #83b263; background-color:#b1e18f;} p.sizing_link {text-align:right;} #product_design_image, #sizing_disclaimer {width:440px; margin:10px 0 10px 0; clear:right; float:right; font-size:80%;} #product_details {float:left; width:274px; position:relative;} #product_details div#slideshow {height:188px; position:relative;border:2px solid #FFFF66;} #product_details div#designer, #product_details div#original {border:2px solid #ffff66; height:35px; overflow:hidden; width:130px; margin:6px 0 10px; background:#eee;} #product_details div#designer {float:left;} #product_details div#original {float:right;} #product_details div#designer a, #product_details div#original a {display:block; font-weight:bold;} #product_details div#designer img, #product_details div#original img{float:left; height:35px; margin-right:3px;} #product_details div#description {clear:both; margin:10px 3px;} #product_nav {height:80px; font-size:80%; text-align:center; border:none;} #product_nav img {display:block; height:50px; width:50px;} #product_nav_prev {width:50px; float:left;} #product_nav_next {width:50px; float:right;} .product_image {background: url(../images/background_product.gif); padding:5px; width:230px; height:160px;} strong {font-weight:bold;} #submissions img.design_thumb {margin:5px;} ul.bulleted {list-style-type:square; margin:0 0 0 3em;} #users_submissions, #users_comments{float:left; width:355px; margin-bottom: 10px;} #users_submissions_list {list-style-type:none; margin:0;} #users_submissions_list li {display:inline;} #users_comments{margin-right:20px; clear:both;} #vote_stats {float:right; border:1px solid #00a5d8; width:200px; padding:5px; margin-bottom:5px;} /* --------------------------------------------------------------------- */ /* - Y U I O V E R L A Y A D D I T I O N S - */ /* --------------------------------------------------------------------- */ .mask {background-color:#000000; opacity:0.7; filter:alpha(opacity=70);}