/*PAGE-EDITOR-CSS*/ /************************************************************************************************/ /* MINI BASKET */ /************************************************************************************************/ #minibasket { background-color:#eee; border: 3px solid #333; font-size:11px; line-height:13px; margin-bottom:20px; } #minibasket * { font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size:12px; } #minibasket del {font-size:11px; color:red; float:right; } #minibasket p { margin:0px; padding:0px; } #minibasket .title { padding:4px; background-color:#fff; color:#65553E; font-weight:bold; border-bottom: 1px solid #ffffff; } #minibasket .on { padding:4px; background-color:#f4ecdf; color:#333333; } #minibasket .off { padding:4px; background-color:#ede4d5; color:#333333; } #minibasket table td { width:100%; padding:0px; } #minibasket .delete { cursor:pointer; background: url('/images/icons/cart_delete.png') no-repeat; width:16px; height:16px; margin-right:10px; margin-bottom:4px; } #minibasket .edit { cursor:pointer; background: url('/images/icons/cog.png') no-repeat; width:16px; height:16px; margin-right:10px; } #minibasket .minidesc { padding-right:5px; } #minibasket .minidesc i { font-size:11px; } #minibasket .minidesc p { margin:0px; font-size:10px; } #minibasket .end { width:85px; } #minibasket .qty { margin-left:5px; } #minibasket .save { cursor:pointer; background: url('/images/icons/disk.png') no-repeat; width:16px; height:16px; display:none; } #minibasket .price { margin-top:3px; margin-bottom:5px; height:15px; font-weight:bold; float:right; } #minibasket .totals { } #minibasket .totals .on td { text-align:right; padding:4px; background-color:#fff; font-weight:bold; color:#65553E; border-top: 1px solid #ffffff; } #minibasket .totals .off td { text-align:right; padding:4px; background-color:#fff; font-weight:bold; color:#65553E; border-top: 1px solid #ffffff; } #minibasket .checkout { background: url('/images/icons/cart_go.png') no-repeat; padding-left:24px; line-height:18px; color:#65553E; font-weight:bold; } #minibasket .remove { margin-top:10px; cursor:pointer; background: url('/images/icons/cart_add.png') no-repeat; padding-left:20px; font-size:70%; font-weight:bold; } #minibasket input { border: 1px solid #333333; text-align:center; } /*END-PAGE-EDITOR-CSS*/ /************************************************************************************************/ /* POPUP FRAME */ /************************************************************************************************/ #popup_frame { position:absolute; left:0; top:0; width:100%; height:100%; } #masker { visibility:hidden;z-index:40;background-color:#aaaaaa;width:100%;height:100%;position:absolute;left:0;top:0; } #loading_frame { visibility:hidden;z-index:41; position:relative; top:300px; width:32px; margin-left:auto; margin-right:auto; text-align:center; } #loading_frame img { visibility:visible; } /************************************************************************************************/ /* POPUP FORM STYLING */ /************************************************************************************************/ #popup_form * { margin:0px; padding:0px; text-align:left; } #popup_form { z-index:41; position:relative; top:0px; background-color:#FBF8F1; border: 5px solid #D1CDBF; } #popup_form p { font-size:11px; line-height:14px; padding: 5px;} #popup_form .formleft {width:125px;float:left; } #popup_form .formright {margin-left:325px; width:75px; } #popup_form h2 {font-size:14px;font-weight:bold;color:#624215;background-color:#C5B59E;padding:5px;margin-bottom:5px;} #popup_form label {color:#666666;margin-bottom:4px;} #popup_form .astrix { color:#624215;} #popup_form .textbox, #popup_form textarea, #popup_form select { width:300px;border:1px solid #9f9f9f;padding:3px;color:#624215;font-weight:bold; } #popup_form textarea {width:280px} #popup_form input:focus, #popup_form textarea:focus, #popup_form select:focus { background-color:#fff3f8; } #popup_form #message { width:440px; } #popup_form .padding { padding:4px; } #popup_form .options { width:200px; margin-top:10px; } #popup_form .options td { font-size:11px; padding-bottom:5px; } #popup_form .btn { float:right; margin-top:5px;} #popup_form .product_overview { text-align:left; margin-bottom:10px; } #popup_form #invoice h2 { font-size:13px; font-weight:bold; color:#6C4713; margin-bottom:0px; padding-bottom:0px;background-color:transparent; } #popup_form .iborderS { padding:10px; } #popup_form .close { float:right; background: url('/images/icons/cross.png') no-repeat; line-height:18px; width:18px; cursor:pointer; margin-right:5px; margin-top:8px; } /************************************************************************************************/ /* MAIN BASKET */ /************************************************************************************************/ #basket { width:100%; font-size:12px; line-height:13px; margin-top:10px; margin-bottom:20px; } #basket * { font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size:12px; } #basket del {font-size:11px; color:red; } #basket p { margin:0px; padding:0px; } #basket .title { padding:4px; background-color:#C5B59E; color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #basket .on { padding:4px; background-color:#e4dccf; color:#333333; } #basket .off { padding:4px; background-color:#ddd4c5; color:#333333; } #basket table td { width:100%; padding:0px; } #basket .delete { cursor:pointer; background: url('/images/icons/cart_delete.png') no-repeat; width:16px; height:16px; margin-right:10px; margin-bottom:4px; } #basket .edit { cursor:pointer; background: url('/images/icons/cog.png') no-repeat; width:16px; height:16px; margin-right:10px; } #basket .minidesc { padding-right:5px; width:100%; } #basket .minidesc i { font-size:11px; } #basket .minidesc p { margin:0px; font-size:10px; } #basket .code { font-size:10px; } #basket .option_string { font-size:10px; } #basket .vat { font-size:10px; font-weight:normal; } #basket .end { width:85px; } #basket .qty { margin-left:5px; } #basket .save { cursor:pointer; background: url('/images/icons/disk.png') no-repeat; width:16px; height:16px; display:none; } #basket .price { margin-top:5px; font-weight:bold; } #basket .totals { width:250px; float:right; } #basket .totals .on td { text-align:right; padding:4px; background-color:#C5B59E; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #basket .totals .off td { text-align:right; padding:4px; background-color:#C5B59E; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #basket .totals select { font-size:10px; padding:2px; display:inline; width:85px; } #basket .totals option { font-size:11px; } .no_stock_record { text-align:center; background-color:#FFD28A; padding:4px; width:22px; margin-bottom:5px; } .out_of_stock { text-align:center; background-color:#f2766f; padding:4px; width:22px; margin-bottom:5px; } .below_minimum { text-align:center; background-color:#a975bf; color:#ffffff; padding:4px; width:22px; margin-bottom:5px; } .in_stock { text-align:center; background-color:#88bd93; padding:4px; width:22px; margin-bottom:5px; } #basket .remove { margin-top:10px; cursor:pointer; background: url('/images/icons/cart_add.png') no-repeat; padding-left:20px; font-size:70%; font-weight:bold; } #basket input { border: 1px solid #333333; text-align:center; } /************************************************************************************************/ /* INVOICE */ /************************************************************************************************/ #invoice { width:100%; font-size:12px; line-height:13px; margin-top:10px; margin-bottom:20px; } #invoice * { font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size:12px; } #invoice p { margin:0px; padding:0px; } #invoice .title { padding:4px; background-color:#C5B59E; color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #invoice .on { padding:4px; background-color:#e4dccf; color:#333333; } #invoice .off { padding:4px; background-color:#ddd4c5; color:#333333; } #invoice del {font-size:11px; color:red; float:right; } #invoice table td { padding:0px; } #invoice .minidesc { padding-right:5px; width:100%; } #invoice .minidesc i { font-size:11px; } #invoice .minidesc p { margin:0px; font-size:10px; } #invoice .code { font-size:10px; } #invoice .vat { font-size:10px; font-weight:normal; } #invoice .end { width:85px; } #invoice .qty { margin-right:5px; vertical-align:middle; } #invoice .price { margin-top:5px; height:15px; font-weight:bold; float:right; } #invoice .totals { width:250px; float:right; } #invoice .totals .on td { text-align:right; padding:4px; background-color:#C5B59E; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #invoice .totals .off td { text-align:right; padding:4px; background-color:#C5B59E; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } /************************************************************************************************/ /* FORM STYLING */ /************************************************************************************************/ .message { color:red; } #checkout #message { width:860px; } #message { color:#ffffff; background-color:#AD3D36; padding:5px; margin-top:5px; margin-bottom:5px; width:100%; padding-left:8px; } #message b { display:block; } #message a {color:#ffffff; font-weight:bold;} #form * { margin:0px; padding:0px; } #form { margin-top:15px; } #form p { font-size:11px; line-height:14px; padding: 5px 0; color:#121212; } #form .formleft {width:359px;float:left;} #form .formright {margin-left:379px;width:459px;} #form label {color:#121212;margin-bottom:4px;} #form label.radio { font-size:11px; font-weight:bold;color:#121212;} #form legend {font-size:14px;font-weight:bold;color:#121212;padding: 0 6px;} #form fieldset {padding:10px;margin-bottom:20px; /*width:938px;*/ border: 1px solid #aaaaaa; } #data { font-size:11px; padding:10px;margin-bottom:20px;border:2px solid #990000} #form .astrix { color:#664422;} #form .textbox, #form textarea, #form select {width:319px;border:1px solid #9f9f9f;padding:3px;background-color:#fff; color:#222;font-weight:bold; } #form textarea {width:280px;} #form input:focus, textarea:focus, select:focus { background-color:#eee4e4; } #form .button {width:508px; vertical-align:top; background-color:#fff3f8; height:34px;padding: 4px 0 0 6px; border: 1px solid #fb9ec7;margin:20px 0 0 0;} #form .textbox_err { margin-left:4px; border: 1px solid #950000; padding:2px; background-color:#FFAEAE; } #form #card_information { margin-top:20px; } #form .small_fs { width:498px; } #form #payment_form { line-height:0px; } #form #payment_method { /*width:938px;*/ } #form #payment_method .option_off { float:left; margin-right:5px; vertical-align:middle; border: 5px solid #eeeeee; cursor:pointer; margin-bottom:5px;} #form #payment_method .option_on { float:left; margin-right:5px; vertical-align:middle; border: 5px solid #121212; cursor:pointer; margin-bottom:5px; } #checkout #form input, #checkout #form select { margin-top:5px; } /************************************************************************************************/ /* AJAX SEARCH */ /************************************************************************************************/ #search .search_frame * { z-index:30; font-family:Verdana,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; } #search input { z-index:30; position:relative; border: 1px dotted #D2D0C6; background-color:#FBF8F1; text-align:left;font-size:9px; line-height:10px ; width:140px; } #search { z-index:30; position:absolute; top:65px; left:672px; width:220px; font-size:9px; line-height:11px; margin:0px; padding:0px; vertical-align:middle; } #search p { margin:0px; padding:0px; } #search .title { padding:3px; background-color:#666; color:#ffffff; font-weight:bold; border-bottom: 1px solid #111; text-align:left; } #search .search_frame { position:relative; left:-100px; background-color:#ddd; border: 5px solid #ffffff; margin-top:5px; width:300px } #search .search_frame input { text-align:center; width:12px} #search .on { padding:4px; background-color:#fff; color:#333333; } #search .off { padding:4px; background-color:#eee; color:#333333; } #search .close { float:right; background: url('/images/icons/cross.png') no-repeat; line-height:18px; width:18px; cursor:pointer; margin-right:1px; margin-top:2px; } #search div .fulldesc { width:100%; margin-right:5px; float:left; text-align:left; } #search div .minidesc { width:220px; margin-right:5px; font-size:11px; font-weight:bold; float:left; } #search div .price { font-weight:bold; font-size:12px; } #search .totalrow { border-top: 1px solid #333333; } #search .totalrow .colA { padding:4px; background-color:#efefef; color:#333333; width:62px; padding-right:10px; float:left; border-right: 1px solid #333333; } #search .totalrow .colB { padding:4px; background-color:#eee; width:115px; float:left; text-align:right; font-size:13px; font-weight:bold; color:#000000; } #search .add_to_basket { cursor:pointer; background: url('/images/icons/cart_add.png') no-repeat; width:16px; height:16px; } #search del { display:block; color:red; font-size:11px; } #search .paging { width:292px; height:32px; padding: 0px 4px 0px 4px} #search .paging a { font-weight:bold; font-size:9px; } #search .paging table { width:100%; } #search .paging td { padding-top:5px; font-size:9px; color:#111; } #search_spinner { visibility:hidden; }