/* zindex auto : for my ebid gallery popup iamges overlay (9998 or 9999 usually) auto : for crop overlay (9998 or 9999 usually) auto : for sell > gallery overlay (9998 or 9999 usually) 6 for tooltip 5 for logo 4 for header 3 for preview */ /* RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;font-weight:inherit;font-size:100%;} table, tbody, tfoot, thead, tr, th, td {font-weight:inherit;font-size:100%;} /* BODY */ body { font: 16px Arial,Helvetica,sans-serif; background-color: #fff !important; color: #333; } p { margin-top:1em;margin-bottom:1em; } p.mini { margin-top:0.5em ;margin-bottom:0.5em; } table { border-spacing:0px; } .mynotices {padding-left:10px;padding-right:5px;} .mynotices p { margin-top:0px;margin-bottom:0px; } /* INPUT */ select#container2 { width:auto !important;} select { font-family:arial;font-size: 12px; border: 1px solid #D5D5D5;padding:5px; height:31px;color: #333;} .viewsort select { padding:2px;font-size:11px; height:auto;} .subcatlarge select { font-size: 18px; background:#f3f3eb; height:40px;} button,input[type=submit],input.submit,input[type=button],input.button { font-size: 14px; font-family:Arial,Helvetica; background-color: #6118bc; color: #fff; padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;text-decoration:none; cursor:pointer;} button.mini,input[type=submit].mini,input.submit.mini,input[type=button].mini,input.button.mini { font-size: 11px; font-family:Arial,Helvetica; background-color: #6118bc; color: #fff; padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px;text-decoration:none; cursor:pointer;} /*button:hover,input[type=submit]:hover,input.submit:hover,input[type=button]:hover,input.button:hover { background-color: #7c4bb7;}*/ button.bid { font-size: 15px; background-color: #3f7506; padding:5px 10px; } button.buynow { font-size: 15px; background-color: #FF6306; padding:5px 10px; } input[type=text], input[type=password], input[type=file], input.text, input.password, input.file{ font: 14px Arial,Helvetica,sans-serif; background-color: #fff;border: 1px solid #D5D5D5; color: #333;padding: 4px; } button[disabled], input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]{opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; /*background-color: #dcdcdc; border: #cc0000 1px solid; color: #000000; cursor: default;*/ } button.searchbox { width: 81px;height:28px;margin:0 0 0 10px; padding-left: 10px;padding-right: 10px; padding-top: 3px; font-size: 13px; } input[type=text].searchbox, input.text.searchbox { color:#333333;font-size:14px; margin:0 0 0 50px; width:255px; } div.val_error { font-size:11px;clear:both; color: red; padding-left: 5px; } button.subs1 { font-size: 14px; background-color: #3f7506; padding:5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } button.subs3 { font-size: 14px; background-color: #6118bc; padding:5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } ol {padding:20px;} ul {padding:20px;} li {padding-left:30px;padding-bottom:5px;} .txttin {width:25px;} .txtsma {width:50px;} .txt80 {width:80px;} .txt100 {width:100px;} .txtmed {width:160px;} .txt200 {width:200px;} .txtbig {width:250px;} .txt300 {width:300px;} .txtmas {width:400px;} .txtareaaal {width:400px;height:60px;} .txtareadiyfaq {width:500px;height:200px;} /* DIV id */ #auction-header { width:100%; } .auction-description { width:980px; margin:auto } #seller-details { width:100%; } #auction-image { width:100%; } #auction-bidhist { width:100%;border-spacing:0px; } #auction-bidhist td { padding:5px; } #dropdown-advanced { width:100%; top:106px; left:0px; height:auto; position:absolute;z-index:4; } #dropdown-buy { width:100%; top:106px; left:0px; height:auto; position:absolute;z-index:4; } #dropdown-myebid { width:100%; top:106px; left:0px; height:auto; position:absolute;z-index:4; } #dropdown-sell { width:100%; top:106px; left:0px; height:auto; position:absolute;z-index:4; } #but_1 { text-align:center;height:46px;width:96px;background:url(/icons/but_1.png); } #but_2 { text-align:center;height:46px;width:95px;background:url(/icons/but_2.png); } #but_3 { text-align:center;height:46px;width:122px;background:url(/icons/but_3.png); } #but_4 { text-align:center;height:46px;width:134px;background:url(/icons/but_4.png); } #content { padding: 0; margin:0; width:100%; position:relative;} #country { width:950px; top:139px; position:absolute; } #footer1 { background:#e5f9d6;color:#999999;width:100%; font-size:9px; } #footer2 { background:#47484a url(/icons/foot_back.gif) repeat-x top left;color:#ffffff;width:100%;} .foot_tit {border-bottom: 1px solid #7f8081; margin-bottom: 4px; padding-bottom : 5px; padding-top:15px;width:100%;} .foot_ul { list-style: none; padding :0px; } .foot_li { background: url(/icons/foot_arrow.gif) no-repeat 7px 7px; float:left; padding-left: 15px; padding-right: 10px; line-height: 18px; } #search_left { width:178px; border:1px solid #c6c5c5; } #search-view-options { padding-top:10px; } #search_results { width:100%; } #search_right { } #top-level { width:100%; } #DIYA:after,#seller-details:after,#login:after,#auction-page:after,#auction-description-closed:after,#auction-description:after,#auction-image:after,#header:after,#search_sub:after,#search_options:after,#search_results:after,#top-level:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* DIV class */ .alternaterow { background:url(/icons/alternaterow.png);} .alternaterow-cthru { background:url(/icons/alternaterow-cthru.png);} .alternaterow-fader { background:url(/icons/h300.png) repeat-x;} .bg-grey { background:#ececec; } /* .bg-ltgrey { background:#f5f5f5 ; } */ .bg-ltgrey { background:#f5f5f5 ; } .bg-black { background-color:#000000; } .bg-dkgrey { background:#838383; } .bg-white { background:#ffffff; } .bg-red { background-color: #D10A21 !important;} .bg-ltred { background-color: #ffc5cd;} /*.bg-dkgreen {background-color: #3f7506;} */ .bg-ltgreen { background-color: #e9fcdc; } .bg-flgreen { background-color: #7da602} .bg-gold { background-color:#ffe187 ; } .bg-silver { background-color:#f3f3eb; } .bg-purple { background-color:#6118bc; } .bg-ltpurple { background-color:#ded6e7; } .bg-green { background-color:#2e6e00 !important; } .bg-orange { background-color:#FF6306; } .bg-ltorange { background-color:#fee2d1; } .bg-blue { background-color:#0032d4 !important;} .bg-ltblue { background-color:#bfbfff; } .bg-1 { border:3px solid #3f7506;padding:5px;text-align:center;} .bg-3 { border:3px solid #6118bc;padding:5px;text-align:center; } .above { } .border { border:1px solid #cc0000; } .breadcrumb_front { width:965px !important;padding-left:15px;padding-top:10px; } .center { text-align:center; } .right { text-align:right; } .left { text-align:left; } .top { vertical-align:top; } .middles { vertical-align:middle; } .cat_title { font-size:48px;letter-spacing: -1px; text-align:center; line-height:48px;font-weight:bold;} .country1 { cursor:pointer; width:870px; margin: 0 auto; } .country2 { float:left;width:146px; height:34px; padding-left:40px; padding-top:10px;margin-left:20px;margin-top:15px;cursor:pointer; } .country2 img { float:left;width:33px;height:33px;} .help_entry { padding:20px; font-size:13px;border-bottom:#c6c5c5 1px solid;} .help_entry h3 { color:#307100;font-weight:bold;font-size:14px; margin-bottom:5px;} .highlight { background-color: #FFFFE6;} .highlightalt { background-color: #FFFFE6;} .hide { display:none; } .inline { display:inline; } .nowrap {white-space: nowrap; overflow:hidden;} .pointer { cursor:pointer; } .search { width:500px; height:40px;} .search_header { } .search_advanced { width:800px; margin-top:10px; } .splash_back1 { background:url(/icons/splash_back1.png);height:110px; } .shadow { -moz-box-shadow:0 4px 4px #dddddd;-webkit-box-shadow:0 4px 4px #dddddd; } .shadow_top { -moz-box-shadow:0px 10px 10px #000000;-webkit-box-shadow:0 10px 10px #000000; } .showgrid { background:url(/css/blueprint/src/grid.png); } .spinner { cursor:pointer;background:url(/icons/spinner.png);width:22px;height:22px; float:right;margin-left:-10px;margin-right:4px;margin-top:8px; } .spinner:hover { background:url(/icons/spinner.png) -22px no-repeat; } .table-0 { border-spacing:0px; } .table-1 { border-spacing:1px; } .table-2 { border-spacing:2px; } .table-5 { border-spacing:5px; } .table-10 { border-spacing:10px; } .a1 { margin:auto; } .m20 { margin:20px; } .t2 { margin-top:2px; } .t3 { margin-top:3px; } .t5 { margin-top:5px; } .t8 { margin-top:8px; } .t10 { margin-top:10px; } .t15 { margin-top:15px; } .t20 { margin-top:20px; } .t25 { margin-top:25px; } .t30 { margin-top:30px; } .t35 { margin-top:35px; } .t36 { margin-top:36px; } .t40 { margin-top:40px; } .t46 { margin-top:46px; } .l2 { margin-left:2px; } .l5 { margin-left:5px; } .l10 { margin-left:10px; } .l15 { margin-left:15px; } .l20 { margin-left:20px; } .l30 { margin-left:30px; } .l25 { margin-left:25px; } .l40 { margin-left:40px; } .l50 { margin-left:50px; } .b0 { margin-bottom:0px; } .b2 { margin-bottom:2px; } .b5 { margin-bottom:5px; } .b8 { margin-bottom:8px; } .b10 { margin-bottom:10px; } .b15 { margin-bottom:15px; } .b20 { margin-bottom:20px; } .b25 { margin-bottom:25px; } .r2 { margin-right:2px; } .r4 { margin-right:4px; } .r5 { margin-right:5px; } .r10 { margin-right:10px; } .r15 { margin-right:15px; } .r20 { margin-right:20px; } .r25 { margin-right:25px; } .r30 { margin-right:30px; } .p2 { padding:2px; } .p3 { padding:3px; } .p5 { padding:5px; } .p7 { padding:7px; } .p10 { padding:10px; } .p15 { padding:15px; } .p20 { padding:20px; } .p25 { padding:25px; } .pt2 { padding-top:2px; } .pt3 { padding-top:3px; } .pt5 { padding-top:5px; } .pt7 { padding-top:7px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; } .pt25 { padding-top:25px; } .pt30 { padding-top:30px; } .pb2 { padding-bottom:2px; } .pb3 { padding-bottom:3px; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .pb25 { padding-bottom:25px; } .pb30 { padding-bottom:30px; } .pb50 { padding-bottom:50px; } .pr2 { padding-right:2px; } .pr3 { padding-right:3px; } .pr5 { padding-right:5px; } .pr10 { padding-right:10px; } .pr15 { padding-right:15px; } .pr20 { padding-right:20px; } .pr25 { padding-right:25px; } .pr30 { padding-right:30px; } .pl2 { padding-left:2px; } .pl3 { padding-left:3px; } .pl5 { padding-left:5px; } .pl10 { padding-left:10px; } .pl15 { padding-left:15px; } .pl20 { padding-left:20px; } .pl25 { padding-left:25px; } .pl30 { padding-left:30px; } /* TEXT */ h1 {font-size:26px;letter-spacing: -1px;font-weight:normal;} h2 {font-size:20px;font-weight:normal;} h3 {font-size:15px;font-weight:normal;} h4 {font-size:13px;font-weight:normal;} h5 {font-size:12px;font-weight:normal;} h6 {font-size:11px;font-weight:normal;} .fx_pt {font-size:20px;letter-spacing:-1px;margin-top:10px;} .fx_it {font-size:20px;letter-spacing:-1px;margin-top:10px;} .fx_es {font-size:20px;letter-spacing:-1px;margin-top:10px;} .fx_no {font-size:24px;letter-spacing:-1px;margin-top:10px;} .fx_nl {font-size:18px;letter-spacing:-1px;margin-top:10px;} .fx_en {font-size:24px;letter-spacing:-1px;margin-top:10px;} .fx_fr {font-size:20px;letter-spacing:-1px;margin-top:10px;} .fx_de {font-size:19px;letter-spacing:-1px;margin-top:10px;} .fx_se {font-size:24px;letter-spacing:-1px;margin-top:10px;} .fx_dk {font-size:24px;letter-spacing:-1px;margin-top:10px;} .f00 {font-size:90px;letter-spacing: -4px;} .f0 {font-size:50px;letter-spacing: -2px;} .f1 {font-size:26px;letter-spacing: -1px;} .f2 {font-size:20px;} .f3 {font-size:15px;} .f4 {font-size:13px;} .f5 {font-size:12px;} .f6 {font-size:11px;} .f7 {font-size:9px;} .blue , .blue a, .blue a:visited{color:#0000FF !important;} .blue a:hover {text-decoration:underline;} .white , .white a, .white a:visited {color:#ffffff !important;} .white a:hover {color:#ffffff;text-decoration:underline;} .cream , .cream a, .cream a:visited {color:#ebe9e0 !important;} .cream a:hover {color:#ebe9e0;text-decoration:underline;} .green , .green a, .green a:visited{color:#307100 !important;} .green a:hover {text-decoration:underline;} .PRAISE , .PRAISE a, .PRAISE a:visited{color:#307100;} .PRAISE a:hover {text-decoration:none;} .lgreen, .lgreen a, .lgreen a:visited {color:#76a152 !important;} .lgreen a:hover {text-decoration:underline;} .purple, .purple a, .purple a:visited {color:#50109f !important;} .purple a:hover {text-decoration:underline;} .orange, .orange a, .orange a:visited {color:#FF6306 !important;} .orange a:hover {text-decoration:underline;} .black, .black a, .black a:visited {color:#333 !important;} .black a:hover {text-decoration:underline;} .ltgrey, .ltgrey a, .ltgrey a:visited {color:#888;} .ltgrey a:hover {text-decoration:underline;} .grey, .grey a, .grey a:visited {color:#666;} .grey a:hover {text-decoration:underline;} .NEUTRAL, .NEUTRAL a, .NEUTRAL a:visited {color:#666;} .NEUTRAL a:hover {text-decoration:underline;} .red, .red a, .red a:visited {color:#CC0000 !important;} .red a:hover {text-decoration:underline;} .NEGATIVE, .NEGATIVE a, .NEGATIVE a:visited {color:#CC0000;} .NEGATIVE a:hover {text-decoration:underline;} .other {font-family:'Arial','';} .fancy {font-family:'Georgia';} .heav {font-weight:bold;} .norm {font-weight:normal;} /* JQUERY UI ADDITIONS - below http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework */ .fg-button { outline: 0; margin:0; top: 0%; padding: .5em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; } .fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } a.fg-button { float:left; } .but_big {font-size:18px;} .but_sma {font-size:12px;padding:2px;} /* remove extra button width in IE */ button.fg-button { width:auto; overflow:visible; } .fg-button-icon-left { padding-left: 2.1em; } .fg-button-icon-right { padding-right: 2.1em; } .fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; } .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; } .fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */ .fg-buttonset { float:left; } .fg-buttonset .fg-button { float: left; } .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button { margin-right: -1px;} .fg-toolbar { padding: .5em; margin: 0; } .fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; } .fg-toolbar .fg-button { font-size: 1em; } /* Left Navigation */ .leftnav { width:178px; border:1px solid #c6c5c5;padding-bottom:10px; } .leftnav h3 {font-family:'Arial',''; font-size:15px; color:#fff; width:173px; height:22px; background:url(/icons/left_bg.png) repeat-x top left; border-bottom:#c6c5c5 1px solid; padding-top:6px; padding-bottom:2px; padding-left:5px; } .leftnav div.mypets { cursor: hand;cursor: pointer; background: url(/icons/plus.gif) no-repeat 5px -4px; } .leftnav div.openpets { cursor: hand;cursor: pointer; background: url(/icons/minus.gif) no-repeat 5px -4px; } .leftnav div.mypets a:link, .leftnav div.mypets a:visited { text-decoration:none; color:#333;} .leftnav div.openpets a:link, .leftnav div.openpets a:visited { text-decoration:none; color:#333; font-weight:bold;} .leftnav ul.thepet { list-style-type:none;width:178px; padding:0; margin:0px 0px 0px 0px;clear:both; } .leftnav .thepet li { line-height:1em; padding:4px 0px 4px 10px;margin:0px;} .leftnav .thepet li a:link, .thepet li a:visited { } .leftnav .thepet li a:hover { } .leftnav .thepet li#last { margin-bottom:10px; } .leftnav .thepet li#first { font-weight:bold; } .catnav div.mypets { cursor: hand;cursor: pointer; background:url(/icons/plus.gif) no-repeat 5px -3px; } .catnav div.openpets { cursor: hand;cursor: pointer; background:url(/icons/minus.gif) no-repeat 5px -3px; } .catnav div.mypets a:link, .catnav div.mypets a:visited { text-decoration:none; font-weight:bold;} .catnav div.openpets a:link, .catnav div.openpets a:visited { text-decoration:none; font-weight:bold;} .catnav ul.thepet { list-style-type:none;width:229px; padding:0; margin:0px 0px 0px 21px;clear:both; } .catnav .thepet li { padding:3px 0px 3px 0px;margin:0px;} .catnav .thepet li a:link, .thepet li a:visited { } .catnav .thepet li a:hover { } .catnav .thepet li#last { margin-bottom:10px; } .catnav .thepet li#first { font-weight:bold; } /* Green Boxes */ .boxit { border:1px solid #c6c5c5;padding-bottom:10px; position:relative; } .boxit h3 { font-family:'Arial',''; font-size:15px; color:#fff; margin-bottom:10px; height:22px; background:url(/icons/left_bg.png) repeat-x top left; border-bottom:#c6c5c5 1px solid; padding-top:6px; padding-bottom:2px; padding-left:7px; } .boxit-only {font-family:'Arial',''; font-size:15px; height:22px; color:#fff; border:1px solid #c6c5c5;background:url(/icons/left_bg.png) repeat-x top left; padding-top:6px; padding-bottom:2px; padding-left:7px;} .boxit-tight { border:1px solid #c6c5c5;position:relative; } .boxit-tight h3 { font-family:'Arial',''; font-size:15px; color:#fff; height:22px; background:url(/icons/left_bg.png) repeat-x top left; border-bottom:#c6c5c5 1px solid; padding-top:6px; padding-bottom:2px; padding-left:7px; } /* Single Grey Borders */ .bor { border-right:#c6c5c5 1px solid; } .bol { border-left:#c6c5c5 1px solid; } .bot { border-top:#c6c5c5 1px solid; } .bob { border-bottom:#c6c5c5 1px solid; } .boa { border:#c6c5c5 1px solid;} .bordot { border-right:#c6c5c5 1px dotted; } .boldot { border-left:#c6c5c5 1px dotted; } .botdot { border-top:#c6c5c5 1px dotted; } .bobdot { border-bottom:#c6c5c5 1px dotted; } .boadot { border:#c6c5c5 1px dotted;} .boa_lt { border:#dddddd 1px solid;} .borgrn { border-right:#3f7506 1px solid; } .bolgrn { border-left:#3f7506 1px solid; } .botgrn { border-top:#3f7506 1px solid; } .bobgrn { border-bottom:#3f7506 1px solid; } .boagrn { border:#3f7506 1px solid; } .borgry { border-right:#838383 1px solid; } .bolgry { border-left:#838383 1px solid; } .botgry { border-top:#838383 1px solid; } .bobgry { border-bottom:#838383 1px solid; } .boagry { border:#838383 1px solid; } .borlist {border-right:#c6c5c5 1px solid;} /* Search Results */ #listings { border:0; margin:0; padding:0; font-size:12px; border-spacing:0;} #listings tr#head { background:#ececec; height:32px; color:#333333; border:0; margin:0; padding:0; } #listings tr#head th { font-weight:bolds; border-bottom:#c6c5c5 1px solid; border-top:#c6c5c5 1px solid; padding-left:7px; padding-right:7px; text-align:left;} #listings #info,#listings #main,#listings #qty,#listings #view, #listings #bid, #listings #ship { border-right:#d7d7d7 1px solid; } #listings tr#list td{ padding-top:10px; padding-bottom:10px; padding-left:7px; padding-right:7px; vertical-align:top; border-bottom:#c6c5c5 1px solid;} #listings #photo { width:122px;margin auto; text-align:center;padding-left:0 !important; } #listings #ship ,#listings #time ,#listings #bid, #listings #view, #listings #qty { width:10px; } #listings tr#list td#bid { padding-top:10px; } #listings tr#list td#qty,#listings tr#list td#view,#listings tr#list td#ship, #listings tr#list td#time { padding-top:25px; } #listings .title { color:#6118bc; margin-top:5px; margin-bottom:11px;} #listings .user { color:#000000; margin:0; padding:0; margin-top:4px; width:350px; margin-bottom:11px; } #listings .user img { padding-left:5px; } #listings .user a:link, .prod td .user a:visited { color:#333; } #listings .accept h6{ color:#333;} .gateway ul{margin-top:5px; padding:0; list-style:none;} .gateway li{margin:0; padding:0; list-style:none;float:left;width:110px; margin-right:9px;margin-bottom:5px;} .biddetails ul{padding:0px;width:239px; list-style:none;} .biddetails li.left{list-style:none;float:left;width:114px;margin-right:5px;padding-top:5px;padding-left:0px;padding-bottom:13px;border-top:1px #c6c5c5 solid;clear:both; } .biddetails li.right{list-style:none;float:right;width:115px;margin-left:5px;padding-top:5px;padding-left:0px;padding-bottom:13px;border-top:1px #c6c5c5 solid; } .availableto {width:239px;padding-top:5px;border-top:1px #c6c5c5 solid;clear:both;overflow:hidden;} .availableto p{float:left;width:239px;margin-top:5px;margin-bottom:5px;background:none;} /* LAYOUT */ .clear { clear: both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } img { border: 0; } img.left { float: left; margin: 2px 20px 16px 0; } img.right { float: right; margin: 2px 0 16px 20px; } img.across { margin: 2px 0 16px 0; } img.flushleft { margin-left: -20px; } img.flushright { margin-right: -20px; } /* GRID */ .column { float: left; } .grid1col, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; } .grid1col .column { width: 100%; } .grid2col .column { width: 50%; } .grid2col .grid2col .column { width: 50%; } .grid3col .grid2col .column { width: 50%; } .grid4col .grid2col .column { width: 50%; } .grid2cola .column.first { width: 66%; } .grid2cola .column.last { width: 33%; } .grid2colb .column.first { width: 75%; } .grid2colb .column.last { width: 25%; } .grid2colc .column.first { width: 33%; } .grid2colc .column.last { width: 66%; } .grid2cold .column.first { width: 25%; } .grid2cold .column.last { width: 75%; } .grid2cole .column.first { width: 80%; } .grid2cole .column.last { width: 20%; } .grid2colf .column.first { width: 20%; } .grid2colf .column.last { width: 80%; } .grid3col .column { width: 33%; } .grid2col .grid3col .column { width: 33%; } .grid3cola .column { width: 60%; } .grid3cola .column.first, .grid3cola .column.last { width: 20%; } .grid4col .column { width: 25%; } .grid5col .column { width: 20%; } .grid6col .column { width: 16.6%; } .column.first, .column.last { margin-left: 0 !important; } .column.middle { margin-left: 0 !important; } .column.last { float: right !important; } p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; } .showroom-list:after, #container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { } /* TYPE */ a { color: #50109f; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; } .underno a:link, .under a:visited, .under a:active { text-decoration: none !important; } .underno a:hover { text-decoration: none !important; } a.underno:link, a.under:visited, a.under:active { text-decoration: none; } a.underno:hover { text-decoration: none; } .under a:link, .under a:visited, .under a:active { text-decoration: underline !important; } .under a:hover { text-decoration: none !important; } a.under:link, a.under:visited, a.under:active { text-decoration: underline; } a.under:hover { text-decoration: none; } a.more { white-space: nowrap; padding-right: 6px; background: url(/icons/morearrow.gif) no-repeat 100% 50%; } a.moreinfo { white-space: nowrap; padding-right: 15px; background: url(/icons/info.gif) no-repeat 100% 50%; } a.plus { white-space: nowrap; padding-left: 15px; background: url(/icons/plus.gif) no-repeat 0%; } a[rel="external"], a.external { white-space: nowrap; padding-right: 13px; background: url(/icons/external.gif) no-repeat 100% 50%; } strong, b { font-weight: bold; } em, i { font-style: italic; } sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; } abbr { border: 0; } .more { text-align: right;} a.rss { white-space: nowrap; padding-right: 17px;background: url(/icons/rss.png) no-repeat 100% 50%; } ul.square, ul.circle { margin-left: 2em; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul ul.circle, ul ul.square { margin-top: 4px; margin-bottom: 5px; } .last { margin-bottom: 0; } .hr {width:100%;background-color:#c6c5c5;height:1px;border:0px;clear:both; } .hr-dark {margin-top:4px;margin-bottom:4px;width:100%;background-color:#2d2d2d;height:1px;border:0px;clear:both; } .hr-yellow {margin-top:10px;margin-bottom:10px;width:100%;background-color:#f9dd34;height:1px;border:0px;clear:both; } /*BIG TABS CODE*/ #big_tabs {line-height:normal; clear:both; } #big_tabs ul.big {list-style:none; white-space:nowrap; padding:0px;} #big_tabs li.big {float:left; list-style:none; background:url("/icons/test_snav3_left.gif") no-repeat left top; margin-right:10px;padding-left:9px;padding-bottom:1px;} #big_tabs a {float:left; display:block; background:url("/icons/test_snav3_right.gif") no-repeat right top; padding:9px 9px 9px 0px; text-decoration:none; font-weight:bold; color:#666666; font-size:11px; font-family:arial,helvetica,sans-serif;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #big_tabs a {float:none;} /* End IE5-Mac hack */ #big_tabs a:hover { color:#6118bc;} #big_tabs #current { background-image:url("/icons/test_snav4_left_on.gif"); padding-bottom:0px;} #big_tabs #current a { background-image:url("/icons/test_snav3_right_on.gif"); color:#6118bc; padding-bottom:10px;} .search-results-pagination a, .search-results-pagination a:visited { line-height:20px; margin: 0 1px 0 0; background: #CCCCCC; color: #666666; padding: 1px 7px; border: 1px solid #BBBBBB; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none;} .search-results-pagination a:hover { background-color: #999999; border-color: #888888; color: #FFFFFF; text-decoration: underline; } .search-results-pagination b { margin: 0 1px 0 0; background: #666666; color: #FFFFFF; padding: 1px 7px; text-decoration: none; border: 1px solid #555555; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .search-results-previous {margin-top: 2px;margin-right: 10px;padding-right: 0;background: transparent url(/icons/grey_arrow_back.gif) center left no-repeat !important;padding-left: 12px !important;} .search-results-next {margin-top: 2px;margin-left: 10px;padding-left: 0;background: transparent url(/icons/grey_arrow.gif) no-repeat center right !important;padding-right: 12px !important;} .finger {cursor:pointer;} /* shows the hand for i icons*/ .tip_front {z-index:6;display:none;text-align:center;background:transparent url(/icons/black_arrow.png);height:70px;width:160px;padding:25px;color:#fff; } .tip_hint {position:absolute;z-index:6;display:none;background:transparent url(/icons/black_arrow_big.png);height:166px;width:320px;padding:25px;color:#fff;} .tip_hint a {color:#fff;text-decoration: underline;} .tip_hint a:hover { text-decoration: none; } /* Scrollable Frontpage Carousel */ /* root element for the scrollable. when scrolling occurs this element stays still.*/ .scrollable { position:relative; overflow:hidden; height:206px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element.*/ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both;} /* single scrollable item */ .scrollable .items div {text-align:center;margin:0px 3px 0px 15px;height:80px;width:80px;float:left;background-color:#fff;padding:2px;border:1px dotted #ccc;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;} .scrollable .items div p {margin: 5px 0 0 0 ;} .scrollable .items div p span.toptext1 {color:#50109f; font-size:11px;} .scrollable .items div p span.toptext2 {font-size:11px;} .scrollable .items div img {width:80px;height:80px;} /* active item */ .scrollable .items div.caraactive {margin:4px 3px 0px 15px;float:left;width:200px;height:200px; padding:0px;position:relative;} .scrollable .items div.caraactive img {width:200px;height:200px;} .scrollable .items div.caraactive p {display:none;margin: 16px 0 0 0 ;background:url(/icons/caraactive_back.png); width:200px;height:40px;position:absolute;left:0px;top:149px;padding-top:1px;} .scrollable .items div.caraactive p span.toptext1 {font-size:14px;color:#ffffff;font-weight:bold;text-shadow: #a9a6a6 1px 1px 1px;} .scrollable .items div.caraactive p span.toptext2 {font-size:13px;color:#ffffff;} /* Frontpage Carousel Buttons */ /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse {background:url(/icons/hori_large.png) no-repeat;display:block; width:31px; height:31px; float:left; margin:85px 10px 0px 10px; cursor:pointer; font-size:1px;} /* Scrollable buttons */ /* right */ a.right { background-position: 0 -31px; clear:right; margin-right: 0px;} a.right:hover { background-position:-31px -31px; } a.right:active { background-position:-62px -31px; } /* left */ a.left { margin-left: 0px; } a.left:hover { background-position:-31px 0; } a.left:active { background-position:-62px 0; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } /* up and down NOT NEEDED YET */ a.up, a.down { background:url(/icons/vert_large.png) no-repeat; float: none; margin: 10px 50px;}a.up:hover { background-position:-31px 0; }a.up:active { background-position:-62px 0; }a.down { background-position: 0 -31px; }a.down:hover { background-position:-31px -31px; }a.down:active { background-position:-62px -31px; } /* Scrollable Auction Page Carousel */ /* upload_big */ #photoslide_big { width:auto; height:auto;} /* upload_small */ #photoslide_small .scrollable2 { /* required settings */ position:relative; overflow:hidden; width: 460px; height:80px; padding-top:20px;padding-bottom:20px;border:1px solid #ccc; background:url(/icons/h300.png) repeat-x;} #photoslide_small .scrollable2 .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both;} #photoslide_small .scrollable2 .items img {margin-left:20px;cursor:pointer;width:76px;height:76px;} #photoslide_small .scrollable2 { float:left; } #photoslide_small .scrollable2 .items img.caraactive { -moz-box-shadow:0 2px 4px #ABABAB;-webkit-box-shadow:0 2px 4px #ABABAB; } #photoslide_small a.browse {margin:50px 0px 0px 0px;} /* position and dimensions of the navigator */ .navi { margin:auto; width:110px; height:20px; padding-top:10px;} /* items inside navigator */ .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/icons/navigator.png) 0 0 no-repeat; display:block; font-size:1px;} /* mouseover state */ .navi a:hover { background-position:0 -8px; } /* active state (current page state) */ .navi a.active {background-position:0 -16px; } .simple_overlay { display:none;position:absolute; background-color:#fff; border:1px solid #666; min-width:64px;min-height:64px; padding-bottom:30px;padding-top:20px; padding-right:20px;padding-left:20px; border: 10px solid rgba(82, 82, 82, 0.698);-moz-border-radius: 8px;-webkit-border-radius: 8px;} .simple_overlay img { } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(/icons/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } /* "next image" and "prev image" links */ .simple_overlay .next, .simple_overlay .prev {/* absolute positioning relative to the overlay */ position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; /* upcoming CSS3 features */ -moz-border-radius:5px; -webkit-border-radius:5px; } .simple_overlay .prev { left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0;} .simple_overlay .next { right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; } .simple_overlay .next:hover,.simple_overlay .prev:hover { text-decoration:underline; background-color:#000;} /* when there is no next or previous link available this class is added */ .simple_overlay .disabled { visibility:hidden; } /* the "information box" */ .simple_overlay .info { position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666;} .simple_overlay .info strong {display:block; } #toptenpopup {width:600px;} /* progress indicator (animated gif). should be initially hidden */ .progress {position:absolute;top:45%;left:50%;display:none;} /* everybody should know about RGBA colors. */ .simple_overlay .next,.simple_overlay .prev,.simple_overlay .info {background:#333 !important;background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x; } #galleryoverlay {background: #ffffff; height:650px; width:800px; display: none;border: 10px solid rgba(82, 82, 82, 0.698);-moz-border-radius: 8px;-webkit-border-radius: 8px;} #galleryoverlay .close {background-image:url(/icons/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} #galleryoverlay-contents {padding:20px; height:610px; width:760px; overflow-y:auto; overflow-x:hidden;} #cropoverlay {background: #ffffff; height:650px; width:800px; display: none;border: 10px solid rgba(82, 82, 82, 0.698);-moz-border-radius: 8px;-webkit-border-radius: 8px;} #cropoverlay .close { position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} #cropoverlay-contents {padding:20px; height:610px; width:760px; overflow-y:auto; overflow-x:hidden;} #invoice_overlay {background: #ffffff; height:650px; width:800px; display: none;border: 10px solid rgba(82, 82, 82, 0.698);-moz-border-radius: 8px;-webkit-border-radius: 8px;} #invoice_overlay .close {background-image:url(/icons/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} #invoice_overlay-contents {padding:20px; height:610px; width:760px; overflow-y:auto; overflow-x:hidden;} #quick_buy_ov {background: #ffffff; height:650px; width:800px; display: none; border: 10px solid rgba(82, 82, 82, 0.698);-moz-border-radius: 8px;-webkit-border-radius: 8px;} #quick_buy_ov .close {background-image:url(/icons/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} #quick_buy_ov-contents {padding:20px; height:610px; width:760px; overflow-y:auto; overflow-x:hidden;} #quick_sell_ov {background: #ffffff; height:650px; width:800px; display: none;border: 10px solid rgba(82, 82, 82, 0.698);-moz-border-radius: 8px;-webkit-border-radius: 8px;} #quick_sell_ov .close {background-image:url(/icons/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;} #quick_sell_ov-contents {padding:20px; height:610px; width:760px; overflow-y:auto; overflow-x:hidden;} /* root element for tabs */ ul.tabs { margin:0 !important; padding:0; } /* single tab */ ul.tabs li { float:left; padding:0; margin:0; list-style-type:none; } /* link inside the tab. uses a background image */ ul.tabs li a { float:left; display:block; padding:5px 15px 3px 15px; text-decoration:none; border:1px solid #c6c5c5; background-color:#efefef; color:#777; position:relative; } ul.tabs li a:hover {color:#50109f;} /* selected tab */ ul.tabs li a.current { border:1px solid #838383;background-color:#838383; color:#F7F7F7;cursor:default; font-weight:bold;} ul.tabs li.adv a.current { background:url(/icons/h300.png) repeat-x; } ul.tabs li a:hover.current { color:#F7F7F7;} /* tab pane */ div.panes div.pane {display:none;} .shw_cell {width:200px;min-height:280px;} .checkgrn {color:#3f7506; background-color:#3f7506; border-right : solid #F7B0B5 3px;border-left : solid #F7B0B5 3px;border-top : solid #F7B0B5 3px;border-bottom : solid #F7B0B5 3px;}