/* for of almost all pages font-size:10px to make em units easier to handle */ body {font-size:10px; padding: 0; margin-top:10px; background-color:#ffffff; font-family: Arial, Verdana, sans-serif;} td {font-size:10px; color:#333333; font-family:Arial, Verdana, sans-serif;} .font2 { font-family: Georgia, Times New Roman, serif; } #minheightfake { height:600px; width:0; background-color:red; float:right; } #page {position:relative; width:930px; margin-left:auto; margin-right:auto;margin-top: 57px;} #cbsingle_main { float: left; font-family: Georgia, Times New Roman, serif; } #cbsingle_main td { font-family: Georgia, Times New Roman, serif; } #login_options { position: absolute; bottom:2px; right: 0; text-transform: uppercase; } ul { list-style:square; margin-left:0; padding-left:1em; text-indent:-0.2em;} li { margin-bottom:0.3em; margin-top:0.3em; line-height:110%;} .butt {font-size:11px; font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight:bold;} .field {font-size:11px; font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight:bold;} a:link,a:active,a:visited { text-decoration:none; color:#707070;} a:hover { text-decoration:none; color:black; } a.morelink { color: black; } a.lite {color:#969696;} a.lite:hover {color:black;} a.black{color: black;} a.black:hover{color:#707070;} a.gray {color:#aaaaaa;} a.gray:hover {color:white;} a.white {color:white;} a.txtlink {color:black; font-weight:bold; border-bottom:1px dotted black; text-decoration: none;} a.afooter { font-size:9px; color:#666666; margin-left:0.4em; margin-right:2em; } a.afooter:hover { text-decoration: none;} a.aworkswith {color:#c4c4c4; text-decoration:none;} a.aworkswith:hover{color:black; text-decoration:none;} .txtlite {color:#969696;} .c1_cam {color:#62B9E7;} .c2_cam {color:#BAD1FA;} .c1_film {color:#CA1581;} .c2_film {color:#F4B8E0;} .c1_acc {color:#4CBA91;} .c2_acc {color:#AFCFA9;} .txt_grey {color:#aaaaaa;} .txt_darkergrey {color:#666666;} /* .hbar_cam {display:block; color:#62B9E7; font-size:11px; font-weight:bold;} .hbar_cam:hover {display:block; color:white; background-color:#BAD1FA; font-size:11px; font-weight:bold;} .hbar_cam_hover {display:block; color:white; background-color:#BAD1FA; font-size:11px; font-weight:bold;} .hbar_cam_s {display:block; color:white; background-color:#62B9E7; font-size:11px; font-weight:bold;} .hbar_film {display:block; color:#CA1581; font-size:11px; font-weight:bold;} .hbar_film:hover {display:block; color:white; background-color:#F4B8E0; font-size:11px; font-weight:bold;} .hbar_film_hover {display:block; color:white; background-color:#F4B8E0; font-size:11px; font-weight:bold;} .hbar_film_s {display:block; color:white; background-color:#CA1581; font-size:11px; font-weight:bold;} */ .hbar { /*color: #cccccc;*/ padding-top: 2px; padding-bottom: 13px; font-size: 11px; font-family: Georgia, Times New Roman, serif; } .hbar_s { padding-top: 2px; padding-bottom: 13px; color: black; font-family: Georgia, Times New Roman, serif; } .hbar_cam {display:block; color:#BAD1FA; font-size:11px; font-weight:bold;} .hbar_cam:hover {display:block; color:#62B9E7; font-size:11px; font-weight:bold;} .hbar_cam_hover {display:block; color:#62B9E7; font-size:11px; font-weight:bold;} .hbar_cam_s {display:block; color:#62B9E7; font-size:11px; font-weight:bold;} .hbar_film {display:block; color:#F4B8E0; font-size:11px; font-weight:bold;} .hbar_film:hover {display:block; color:#CA1581; font-size:11px; font-weight:bold;} .hbar_film_hover {display:block; color:#CA1581; font-size:11px; font-weight:bold;} .hbar_film_s {display:block; color:#CA1581; font-size:11px; font-weight:bold;} #header {background-color:white; height:6em; padding-bottom: 10px; position: relative; height: 48px; z-index: 2;} #logo { border-bottom: 1px solid black; } #head_left {float: left;} /*#head_right {float:right; margin-top:3.3em; margin-right:2em; font-size:9px; color:white;}*/ #logo_right { float: right; position: relative; height: 48px; width: 400px; } #headnav { float: left; margin-top: 3px; } ul#head_right {float: right; font-size:9px; list-style-type: none;margin: 0;margin-top: 2px;min-width: 500px; position: relative;} ul#head_right li { float: right; margin: 0; margin-right: 1px; padding: 0; padding-left: 5px; padding-right: 5px; border-right: 1px solid #707070; height: 12px; line-height: 12px; font-size: 10px; position: relative; } ul#head_right li.text { margin-top: 2px; } ul#head_right li.last { border: none; padding-right: 0; } ul#head_right li a.wob {color:#707070;} ul#head_right li a.wob:hover {color:#000000;} ul#head_right li a.outofstock {color:#dddddd;} ul#head_right li a.outofstock:hover {color:#777777;} #rainbow { width:100%; height: 8px; line-height: 8px; margin:0; padding:0; background: url(/img/stripe.gif) repeat-x left top; } #head_rb0 { background-color:#CCCCCC; height:2px;} #head_rb1 { background-color:#CA1581; height:2px;} #head_rb2 { background-color:#F29820; height:2px;} #head_rb3 { background-color:#E2DF3B; height:2px;} #head_rb4 { background-color:#62B9E7; height:2px;} /*for access*/ #head_rb5 { background-color:#4CBA91; height:2px;} #img_head_basket {vertical-align:middle;} .clear {clear:both; height:1px; overflow:hidden;} #content { margin-left:22px; margin-right:22px; margin-top:12px; position: relative; z-index: 1;}/*{position:relative; margin-left:36px; margin-right:36px; margin-top:1em; margin-bottom:5em;}*/#whereami {text-transform:uppercase; margin-left: 1px; font-size: 10px;} .pagetitle { font-size: 20px; text-transform: uppercase; } .banner { position:absolute; left:1px; bottom:50px; width:148px; background-color:white; text-align:center; padding-top:10px; padding-bottom:10px; font-size:1.3em; color:black;text-transform: uppercase; } /*#contenthead {padding-top:8px; padding-bottom:8px; border-bottom: 3px solid #cccccc; position:relative; z-Index:2;}*/ /* remembah, hombre! z-Index only works in combi with position:! */ #contenthead {padding-top:40px; padding-bottom:7px; position:relative;} /* remembah, hombre! z-Index only works in combi with position:! */ #contenthead_left {float:left; height:70px; margin-left: 0px;} #img_contenthead_left { } #txt_contenthead_left {float:left; font-size:2em; font-family: Georgia,Times New Roman, serif; padding-left: 12px;} .txt_contenthead_left_smaller {font-size:0.8em; font-weight:bold;} #contenthead_right {float:right; text-transform:uppercase;} .smallgrey {font-size:11px; color:#707070;} #content_body {margin-top:0px;}/* position:relative; z-Index:1;} * remembah, hombre! z-Index only works in combi with position:! */ #cover_content_col_left {float:left; display:inline; width:160px; margin-left:0px; border:1px solid #c2c2c2; color:#969696; text-transform:uppercase;} /* display:inline; for IE double margin bug */ #cover_content_col_mid {float:left; display:inline; width:496px; margin-left:55px; overflow:hidden; } /* width:498px; overflow:hidden; width for IE6 */ #cover_content_col_right {float:right; display:inline; margin-right:0px; width:121px;} .cover_content_box_right {border:1px solid #707070;} .tit_wob_med { text-align:center; background-color:black; color:#efefef; font-size:12px; font-weight:bold; padding:4px; padding-top: 1px; padding-bottom: 0px; text-transform:uppercase; font-family: Arial, sans-serif;} /*title_WhiteOnBlack*/ .category_title { border-top: 1px solid #bbbbbb; text-align: right; text-transform: uppercase; font-size: 20px; font-family: Georgia, Times New Roman, serif; font-weight: normal; padding-bottom: 10px; margin-top: 30px; color: black; } .product_title { font-family: Georgia, Times New Roman, serif; font-size: 12px; text-transform: uppercase; color: black; height: 2.5em; position: relative; margin-bottom: 3px; margin-left: 2px; } .tit_wob_small { background-color:black; color:#efefef; font-size:10px; font-weight:bold; padding:2px; padding-left:4px; text-transform:uppercase;} /*title_WhiteOnBlack*/ .cccl_content {padding:8px;padding-bottom: 5px;padding-top: 18px;} /* CoverContentColLeft_content*/ .cccl_content ul { margin-bottom: 7px; padding-bottom: 0; } .cccl_content ul li { font-family: Georgia, Times New Roman, serif; font-size: 10px; padding-bottom: 3px; margin: 0; } .img_cccl {display:block; margin-left:auto; margin-right:auto;} .coverproduct {float:left; width:150px; margin-right:23px;} .coverproduct.gallery { margin-right: 21px; } .coverproduct.basket { margin-right: 13px; } .coverproduct.last { margin-right: 0px; } .coverprod_container { border: 1px solid #bbbbbb; padding: 4px; padding-bottom: 17px; position: relative; } .coverprod_container.gallery { width: 144px; } .img_coverproduct {width:140px; height:140px;margin-bottom: 5px;} .single_cb {margin-bottom:6px; display:none} .single_cbo_pix {width:604px; height:300px; border: 1px solid #bbbbbb; padding: 4px;} .single_cbo_txt {margin-top:0; margin-bottom:16px; width:614px; color: #707070; font-size: 11px; font-weight: normal;} .single_cb_rightnav {width:120px; padding-left:20px; text-align:center;} /*padding-left instead of margin-left needed for IE..*/ .img_single_productpic {float:left; width:300px; height:300px; margin-right:0px;} .img_single_productpic_s {float:left; margin-left:4px; width:148px; height:148px; margin-bottom:4px; cursor:pointer;} #footer {font-size:10px; line-height:100%; text-transform:uppercase;border-top: 1px solid #bbbbbb; padding-top: 2px; margin-top: 30px; margin-bottom: 23px;} #leftfoot {float:left;} #rightfoot {float:right;} /* vertical align hack-quirx for IE */ .vaq1 {display: table; position:relative; overflow:hidden;} /* this one gets height */ .vaq3 {font-family: Georgia, Times New Roman, serif; margin-top: 40px;width: 145px;} .basket_tab {color:#aaaaaa;} .basket_th {text-align:left; padding-left:16px; text-transform:uppercase; font-weight:bold; color:#707070; border-bottom: 1px solid #c4c4c4;padding-bottom: 2px;} .basket_td {text-align:left; vertical-align:middle; font-family: Georgia, Times New Roman, serif;} .basket_td_r {text-align:right; padding-right:8px;} .basket_td_c {text-align:center;} .basket_td2 {width:510px; padding-bottom:12px;} table#basket_totals td.basket_td { font-family: Arial, sans-serif; } /* checkout */ .co_txt {font-size:12px;} .co_field_label {text-align:right; padding-right:0.8em; font-size:12px;} .co_field {vertical-align:top;} .co_hint {color:#707070;} .co_smallhint {font-size:10px; color:#707070; line-height: 0.9em;} .co_smallhint a, .co_smallhint a:visited {color: black;} .co_error {color:#A4002E; font-weight:bold;} .co_error_wor {background-color:#A4002E; color:white; font-size:12px; text-align:center; padding:2px;} /* additions - davebias */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #sample_user { font-family: Georgia, Times New Roman, serif; } #main_nav { width:100%; background-color: #000; height: 23px; } #main_nav ul { margin:0 0 0 6px; padding:0; text-indent:0; } #main_nav ul li { list-style-type: none; font-size: 12px; height:19px; margin:0; padding:0; display: block; float: left; } #main_nav ul li a { display: block; float: left; height:19px; padding:4px 11px 0 0; background: url(/img/0.gif) no-repeat right 5px; margin-right: 12px; text-transform: uppercase; color: #949494; font-weight: bold; } #main_nav ul li a:hover, #main_nav ul li a.on, #main_nav ul li a.on:hover { color: #fff; background-position: right -10px; } #main_nav .signup { float:right; width:300px; text-align: right; font-size: 11px; margin-right: 6px; padding-top: 2px; } #main_nav .signup form { border:none; margin:0; padding:0; } #main_nav .signup fieldset { border:none; margin:0; padding:0; } #main_nav .signup form label { color:#fff; margin-right: 10px; } #main_nav .signup form input { border: 1px solid #CCC; background-color: #000; padding: 1px 5px 0px 5px; font-size: 11px; line-height: 11px; color:#CCC; width: 128px; } #main_nav .signup form input:focus { color: #888; } #shopnav { width: 815px; height: 125px; clear: both; overflow: hidden; margin: 0 auto; } #shopnav ul { padding:0; margin:0 0 0 -19px; text-indent:0; } #shopnav ul li { display: block; float: left; width:125px; height: 125px; margin:0 0 0 38px; line-height: 125px; list-style-type: none; text-indent: -9999px; padding:0px; } #shopnav ul li a { display: block; width:125px; height: 125px; margin:0; padding: 0; background: url(/img//storeicons.gif) no-repeat left top; } #shopnav ul li a.cams { background-position: 0px 0px;} #shopnav ul li a.cams:hover { background-position: 0 -125px;} #shopnav ul li a.flm { background-position: -125px 0px;} #shopnav ul li a.flm:hover { background-position: -125px -125px;} #shopnav ul li a.bks { background-position: -250px 0px;} #shopnav ul li a.bks:hover { background-position: -250px -125px;} #shopnav ul li a.acc { background-position: -375px 0px;} #shopnav ul li a.acc:hover { background-position: -375px -125px;} #shopnav ul li a.tgt { background-position: -500px 0px;} #shopnav ul li a.tgt:hover { background-position: -500px -125px;} #herowrap { width:980px; height: 315px; margin:0 0 15px 0; background-color: #000; position:relative; } .slides div { position: absolute; left: 0; top: 0; } .medium_col { float: left; width: 630px; text-align: left; } #newsfeed h2 { height: 20px; line-height: 20px; font-size: 13px; color:#FFF; display: block; margin:0 0 5px 0; padding: 0 5px; text-transform: uppercase;} #sidebar h4 { font-family: Georgia, Times New Roman, serif; color: black; font-size: 18px; margin-bottom: 5px; font-weight: normal; border-bottom: 1px solid #c4c4c4;} .newsletters h2 { margin-top: 24px; font-family:Georgia, Times New Roman, serif; font-weight: normal; border-bottom: 1px solid #c4c4c4; font-size: 18px;} .excerpt { margin-top:20px; padding-bottom: 20px; border-bottom: 1px solid #dedede; } .excerpt img { float:left; padding: 10px; } .excerpt_body { float: right; width: 505px; padding-right: 10px; } .excerpt_body h3 { text-transform: uppercase; font-size: 14px; } .excerpt_body p { font-size: 11px; color:#999999; } .excerpt_foot { display: block; text-transform: uppercase; } .excerpt_foot a { margin-right: 10px; } #sidebar { width: 210px; float: right; text-align: left; } .sidebar_widget { margin-bottom: 25px; } .sidebar_newsfeed { margin:24px 0 25px 0;} #sidebar .sidebar_newsfeed ul { text-indent:0; list-style-type: none; margin: 0; padding: 0; margin-left: -10px;} .sidebar_newsfeed ul li {padding:0 0 4px 0; margin: 0 0 4px 0; text-indent: 0; border-bottom: 1px solid #dedede; } #sidebar .sidebar_newsfeed ul li a { text-transform: uppercase; font-size: 13px!important; font-weight: normal; font-family: Georgia, Times New Roman, serif; line-height: 1.3em; display: block; padding-left: 10px;} #sidebar .sidebar_newsfeed ul li.active a {color: black; background-image: url(/img/left_arrow.gif);background-position: 0 5px; background-repeat: no-repeat;} #sidebar .sidebar_newsfeed ul li a:hover { color: black; background-image: url(/img/left_arrow.gif);background-position: 0 5px; background-repeat: no-repeat;} #sidebar .sidebar_newsfeed ul li a span { display: block; font-size: 10px; text-transform: uppercase; color:#aaaaaa; } .widget_display { margin-bottom: 5px; } #sidebar a.more { display: block; text-align: left; line-height: 20px; height: 20px; font-size: 11px; padding: 0 5px; font-weight: bold; text-transform: uppercase; } .sidebar_col { float: left; width: 145px; margin-left: 10px; } #sidebar ul { margin: 0 0 0 5px; text-indent:0; list-style-type: disc; } #sidebar ul li a { display: block; font-weight: normal; font-size: 11px; line-height: 16px; } #sidebar .sidebar_newsfeed .navigation a { text-transform: uppercase; font-size: 10px; font-family: Georgia, Times New Roman, serif; } #sidebar .sidebar_newsfeed .navigation .pagenum { text-transform: uppercase; font-size: 14px; font-family: Georgia, Times New Roman, serif; float: left; color: black; margin-left: 1px; } #sidebar .sidebar_newsfeed .navigation a.prevlink { text-transform: uppercase; width: 80px; float: left; display: block; padding-left: 7px; background-image: url(/img/arrow_left_grey.gif);background-position: 0 2px; background-repeat: no-repeat; } #sidebar .sidebar_newsfeed .navigation a.prevlink:hover { background-image: url(/img/left_arrow.gif);background-position: 0 2px; background-repeat: no-repeat; } #sidebar .sidebar_newsfeed .navigation a.nextlink { text-transform: uppercase; float: right; display: block; padding-right: 7px; background-image: url(/img/arrow_right_grey.gif);background-position: right 2px; background-repeat: no-repeat; } #sidebar .sidebar_newsfeed .navigation a.nextlink:hover { background-image: url(/img/arrow_right_shop.gif);background-position: right 2px; background-repeat: no-repeat; } #content .newsletters, #content .newsletters td { font-family: Georgia, Times New Roman, serif; } .sidebar_widget fieldset { border:none; margin:0; padding:0; } .sidebar_widget form input { border: 1px solid #CCC; background-color: #FFF; padding: 3px 5px 3px 5px; font-size: 12px; line-height: 12px; color:#CCC; width: 170px; } .sidebar_widget form input.gobtn { background-color: black; width: 23px; height: 24px; margin-left:5px; padding:3px; color:#FFF; text-transform: uppercase; text-align: center; font-weight: bold; font-size:10px;} .sidebar_widget form input:focus { color: #888; } #cover_content_col_mid_alt {float:right; display:inline; width:669px; overflow:hidden; } /* width:664px; overflow:hidden; width for IE6 */ #addthis { float: left; padding-right: 15px; } #footer .subscribe { float: left; color: #000000; margin-top: 3px; padding-left: 1px; } #footer .subscribe input[type=text]{ border: 1px solid #c4c4c4; height: 10px; vertical-align: middle; font-size: 9px; } #footer .subscribe input[type=submit]{ border:none; color: #e8b5bc; background-color: white; height: 12px; font-size: 10px; margin-left: 2px; padding: 0; vertical-align: middle; } ul#rightfoot { list-style-type: none; width: 400px; margin: 0; padding: 0; } ul#rightfoot li { float: right; padding-left: 5px; padding-right: 5px;; border-right: 1px solid #cccccc; } ul#rightfoot li a { font-weight: normal; } ul#rightfoot li.last { border-right: none; margin-right: 0; padding-right: 0; } ul#rightfoot li.last a{ font-weight: normal; color: black; } #basketaddbtn { position: absolute; top: 244px; right: 0; float:left; width:145px; height: 100px; } #shops { border: 1px solid #cccccc; background-color: #ffffff; } #langs { border: 1px solid #cccccc; background-color: #ffffff; } .checkout_table { border: 1px solid #c4c4c4; width: 640px; font-size: 12px; } /*new home*/ #main_table { margin-top: 20px; margin-bottom: 41px; } #shop_preview { float: left; } #projects_preview { float: left; margin-left: 20px; } #main_table h2 { text-transform: uppercase; margin: 2px; padding-left: 2px; padding-right: 2px; font-family: Georgia, Times New Roman, serif; font-weight: normal; } #main_table div.cover_img { border: 1px solid #c4c4c4; } #main_table div.cover_img > div { margin: 3px; } #main_table div.cover_img > table { margin: 3px; } #main_table div.cover_links { color: black; text-align: center; font-size: 12px; text-transform: uppercase; padding-top: 5px; font-family: Georgia, Times New Roman, serif; } #main_table div.cover_links a{ color: black; } #projects_preview div.cover_links a{ color: #707070; } #projects_preview div.cover_links a:hover{ color: black; } #main_table ul.cover_links li.last { border-right: none;; } #news_box { font-family: Georgia, Times New Roman, serif; color: #707070; text-align: center; padding-left:30px; padding-right: 30px; font-size:11px; height:55px; } ul#about_links { list-style-type: none; } ul#about_links li { float: left; border-right: 1px solid #cccccc; padding-left: 7px; padding-right: 5px; margin: 0; } ul#about_links li.last { border-right: none; } ul#about_links li a{ color: black; } .about_content a { color: black; } .about_content a:visited { color: black; } .myaccount_title { font-family: Georgia, Times New Roman, serif; font-size: 16px; margin-left: 2px; text-transform:uppercase; white-space: nowrap; } #q_cats a { white-space: nowrap; } div#newsbox { margin-left: 20px; margin-bottom: 17px; } #newsbox h2 { text-align: center; } #newsletterbox a.nl_archive { text-transform: uppercase; text-align: center; display: block; padding-top: 4px; font-size: 12px; font-family: Georgia, Times New Roman, serif; } #newsletterbox h2 { text-align: center; font-size: 14px; margin-bottom: 0px; } #newsletterbox div.nl_box { font-family: Arial, sans-serif; padding-left: 2px; } #newsletterbox div.nl_box p { margin-top: 0px; margin-bottom: 4px; line-height: 0.9em; } #newsletterbox div.nl_box h3 { font-family: Georgia, Times New Roman, serif; text-transform: uppercase; font-size: 11px; margin-bottom: 0px; margin-top: 2px; } div#newsletterbox { margin-bottom: 30px; margin-left: 20px; } ul#about_links { list-style-type: none; } ul#about_links li { float: left; border-right: 1px solid #cccccc; padding-left: 7px; padding-right: 5px; margin: 0; } ul#about_links li.last { border-right: none; } ul#about_links li a{ color: black; } .about_content a { color: black; } .about_content a:visited { color: black; } .myaccount_title { font-family: Georgia, Times New Roman, serif; font-size: 16px; margin-left: 2px; text-transform:uppercase; white-space: nowrap; } #q_cats a { white-space: nowrap; } a.aa_cslink { padding-right: 7px; background-image: url(/img/arrow_blue.gif); background-position: right 0.25em; background-repeat: no-repeat; color: #1696cc; text-transform: uppercase; } a.aa_sslink { padding-right: 7px; background-image: url(/img/arrow.gif); background-position: right 0.25em; background-repeat: no-repeat; color: black; text-transform: uppercase; }