/* Hide from both screenreaders and browsers: h5bp.com/u */ .is-hidden { display: none !important; visibility: hidden; }/*--------------------------------------------- Sally Bourne Interiors TEMPLATE STYLES ---------------------------------------------*/ /* @import url(//fonts.googleapis.com/css?family=Sacramento); */ @font-face { font-family: 'Sacramento'; font-style: normal; font-weight: 400; src: local('Sacramento'), local('Sacramento-Regular'), url(//themes.googleusercontent.com/static/fonts/sacramento/v1/WFDkXpubrEwopJnSlHV6CBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } html {background-color:#e2e2d9} html, body { margin: 0; padding: 0; color:#2c2a29; font-family: Trebuchet MS, Trebuchet, sans-serif; font-size: 14px; } a { color: #3f3f37; font-family: Trebuchet MS, Trebuchet, sans-serif; font-size: 14px; text-decoration:none; } a:hover { color: #821717; text-decoration:underline; } h1, h2, h3, h4, h5, h6 { padding: 5px 0; color: #3f3f37; } /* RESET ALL STYLES */ * { margin:0; padding:0; zoom:1; /* force hasLayout on IE */ } ul { margin:0;padding:0 20px; } a > img { border:0 } /* prevent IE from adding border to link images */ /* CONSISTENT FONT SIZES IN SAFARI AND CHROME */ @media screen { body {-webkit-text-size-adjust: none;} } input input:focus { outline: none; } /* remove default outline on Mac OS */ input[type='button'], input[type='submit'], input[type='reset'] { cursor:pointer; padding:3px 10px; background-color: #61534b; border:0; outline:0; color:#fff; /*text-shadow: 0 2px 2px #000;*/ font-family: Trebuchet MS, Trebuchet, sans-serif; font-size:15px; font-weight:bold; vertical-align:middle; margin:3px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } input[type='button']:hover, input[type='submit']:hover { background-color: #b3b3a0; } input[type='reset']:hover { background: #990000; } input[type='text'], input[type='password'], input[type='email'], textarea { border: 1px solid #ccc; padding: 10px; vertical-align:middle; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } select { border: 1px solid #ccc; padding: 5px 10px; outline: 0; background:#fff; } input[type="text"]:focus, input[type='password']:focus, input[type='email']:focus, textarea:focus { border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; } input[type='text']:hover, input[type='password']:hover, input[type='email']:hover, textarea:hover, select:hover { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } select:hover { cursor:pointer; } .clear {clear:both} .left {float:left} .right {float:right} /* user messages */ .ct_userMessage { background: #FFFFCC; border: 1px solid #E2C97F; color: #666; margin: 10px 0; padding: 10px; } .ct_userMessage p { margin:0 } /* error font */ .ct_font_error, .ct_font_error * {color: red;} /* error messages */ .ct_userMessage.ct_font_error { background:#ffa7a7; border: 1px solid #cc0000; } .ct_userMessage.ct_font_error, .ct_userMessage.ct_font_error * { color: #990000; } /* helper messages in forms */ .ct_form_helper { font-style:italic; margin:0 0 5px; color:#999; } /*--------------------------------------------- TEMPLATE LAYOUT ---------------------------------------------*/ /** styles for outer sections of the website template DIV layout **/ #ct_template_wrapper { position:relative; width: 960px; margin: 10px auto; border-spacing: 0; } #ct_template_header { position:relative; z-index:3; border: 0; text-align:left; padding: 0 0 10px; } .ct_homepage #ct_template_header { border-bottom: 0; } #ct_template_content { position:relative; display:block; clear:both; padding:0; } #ct_template_content_main { background-color: #fff; display:block; padding: 0; margin: 0 auto; } .ct_homepage #ct_template_content_main { background-color: transparent; padding: 0; } #ct_template_footer { width: 100%; clear: both; } #ct_template_cybertillLink { text-align:center; margin: 0 auto; clear:both; } #ct_template_cybertillLink a { font-size: 10px; } #ct_template_cybertillLink a:hover { } /** END outer sections styles **/ /** COOKIE WARNING **/ #ct_cookie_prompt { position:fixed; bottom:0; left: 0; width:100%; padding:15px 0 15px 0; background-color:#000; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity:0.75; opacity:0.75; color:#FFF; font-size:14px; text-align:center; height:50px; } #ct_cprompt_inner { position:absolute;width:900px;text-align:left;margin:0 0 0 -450px;left:50%; } #ct_cprompt_inner span { float:left;font-size:35px;padding:0 15px 0 0; } #ct_cprompt_inner a { font-weight:bold; } #ct_cookie_prompt_close { cursor:pointer;position:absolute;top:10px;right:10px;border:2px solid #FFF;color:#FFF;width:20px;line-height:20px;text-align:center;font-weight:900; } /** end COOKIE WARNING **/ /*--------------------------------------------- MODULES STYLES ---------------------------------------------*/ /** modules containers **/ .ct_module { margin: 0 0 20px 0; padding:3px; max-width:100%; border: 0; vertical-align:top; } .ct_link_module { margin: 5px; } .ct_html_module { margin: 0 0 10px 0; } .ct_module > * {margin:5px} /** modules titles **/ .ct_module_header { padding: 5px; margin: 0; color: #3f3f37; text-align: left; border: 0; } .ct_module .ct_module_header a { font-size: 14px; text-decoration: none; } /*--------------------------------------------- HEADER MODULES ---------------------------------------------*/ #ct_template_header .ct_html_module { display:inline-block; vertical-align:top; width:auto; text-align:left; } #ct_template_header .ct_link_module, #ct_template_header .ct_module { display:block; float:right; } #ct_template_header .ct_link_module { margin: 0 0 25px 20px } #ct_template_header a { font-size: 1.1em; text-transform:lowercase; } .ct_loginLink a { background: url(/template/icn_signin.png) no-repeat left center; padding-left: 25px } #phoneUs_link a { background: url(/template/icn_phone.png) no-repeat left center; padding-left: 25px } #siteName { max-width:100%; margin-bottom: 30px } #siteName img { max-width:100%; } #signUp_link { background: url(/template/icn_mail.png) no-repeat left center; padding-left: 25px; margin-top:10px; float:left; } /** AUTO-COMPLETE SEARCH pre-defined section **/ #ct_template_header .ct_ac_search { float:none; margin: 0 0 0 55px; padding: 2px; display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_ac_search .ct_module_header {display:none} .ct_ac_search > form {margin:0} .ct_ac_search_input, .ct_ac_search_go { display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_ac_search_input input {border:0;width:250px;padding:8px 10px} .ct_ac_search_go input { margin:0; background: transparent url(/template/icn_magnifier.png) no-repeat left center; text-indent: -30px; font-size: 1.2em; font-family: Trebuchet MS, Trebuchet, sans-serif; text-transform:uppercase; color:transparent; border:0; padding:0 10px; height: 32px } .ct_ac_search_go input:hover { background-color: transparent; text-indent: 0; color:#b3b3a0; padding:0 10px 0 20px; } .ac_results { padding: 0; background-color: white; color:white; overflow: auto; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; /*overflow: hidden;*/ color:gray; } .ac_results .ac_loading { background: white url('../images/indicator.gif') right center no-repeat; color: black; } .ac_results .ac_odd { background-color: #eee; } .ac_results .ac_over { background-color: gray; color: white; cursor:pointer } /** end AUTO-COMPLETE SEARCH **/ /** SMALL BASKET pre-defined section **/ .ct_smallBasket { color:#61534b; margin:0 0 20px; padding: 0; } .ct_smallBasket .ct_module_header { display:inline-block; zoom:1; *display:inline; /* ie7 */ vertical-align:middle; } #ct_template_header .ct_smallBasket .ct_module_header a { display:block; background: url(/template/icn_basket.png) no-repeat left center; padding:5px 0 5px 25px; margin:0; color:#3f3f37; } #ct_template_header .ct_smallBasket .ct_module_header a:hover { text-decoration:underline; color: #821717; } ul.ct_sb_items, ul.ct_sb_items li { list-style: none; margin:0 auto; padding:1px; text-align: left; position:relative; } li.ct_sb_accountCredit, li.ct_sb_item { color: #999; } .ct_sb_itemCount, .ct_sb_links, .ct_sb_link { display:inline-block; zoom:1; *display:inline; /* ie7 */ vertical-align:middle; font-size: 1.1em; } .ct_sb_total {} .ct_sb_link a {} .ct_sb_link a:hover {} /** end SMALL BASKET pre-defined section **/ /** CATEGORY MENU pre-defined section **/ #ct_template_header .ct_categoryMenu { display:block; float:none; clear:both; display:block; text-align:left; padding: 0; margin: 10px 0 0; } .ct_categoryMenu .ct_module_header { display:none; } .ct_cm_wrapper {width:auto;margin:0} ul.ct_cm_menu, ul.ct_cm_menu ul { padding: 0; margin:0; cursor: default; } ul.ct_cm_menu li { list-style-type: none; position: relative; display:inline-block; padding:0; margin:0; border:0; height:25px; /* force hasLayout on IE7 */ zoom:1; *display: inline; } ul.ct_cm_menu li a { display: block; padding: 10px 10px; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } #ct_template_header ul.ct_cm_menu > li > a { text-transform: uppercase; } #btn_home a { background: url(/template/icn_home.png) no-repeat 8px center; color:transparent; padding:10px 10px; text-indent:-9999px; width:15px } @media screen and (-webkit-min-device-pixel-ratio:0) { #btn_home a { width:25px; } } /* over effect */ #ct_template_header ul.ct_cm_menu li > a:hover, #ct_template_header ul.ct_cm_menu li:hover > a { background-color: #b3b3a0; color:#fff; } /* sub-list*/ #ct_template_header ul.ct_cm_menu li > ul { display:none\0/; /* ie8 */ *display:none; /* ie7 */ position: absolute; z-index: 500; top: 39px; left: 0; padding: 5px 10px 10px; background-color: #fff; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.2); box-shadow: 0 3px 3px rgba(0,0,0,.2); -webkit-transform:scaleY(0); /* Safari and Chrome */ -webkit-transform-origin:0 0; -moz-transform:scaleY(0); /* Firefox and Netscape */ -moz-transform-origin:0 0; -ms-transform:scaleY(0); /* IE 9 */ -ms-transform-origin:0 0; -o-transform:scaleY(0); /* Opera */ -o-transform-origin:0 0; transform:scaleY(0); transform-origin:0 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* over action */ #ct_template_header ul.ct_cm_menu > li:hover > ul { display:block\0/; /* ie8 */ *display:block; /* ie7 */ background-color: #f6f5f1; -webkit-transform:scaleY(1); /* Safari and Chrome */ -moz-transform:scaleY(1); /* Firefox and Netscape */ -ms-transform:scaleY(1); /* IE 9 */ -o-transform:scaleY(1); /* Opera */ transform:scaleY(1); } /* right align the last categories */ #ct_template_header ul.ct_cm_menu > li:last-child > ul { left: auto; right: 0; } ul.ct_cm_menu ul li { display:block; height:auto; width: 170px; margin-right:10px; } ul.ct_cm_menu ul li a { padding:5px 10px; margin: 0; color: #2b2b28; background: url(/template/dots.png) repeat-x bottom } #ct_template_header ul.ct_cm_menu ul li a { text-transform:none; } /* sub-list*/ ul.ct_cm_menu ul li:hover > ul {display:none} /** end CATEGORY MENU pre-defined section **/ /*--------------------------------------------- FOOTER MODULES ---------------------------------------------*/ #ct_template_footer { background: url(/template/sagePay.png) no-repeat left top; padding:0; margin:10px 0; } #ct_template_footer a { display:block; font-size: 1.1em; margin-bottom: 5px } #ct_template_footer .ct_html_module { display:inline-block; zoom:1; *display: inline; /* ie7 */ vertical-align:top; margin: 0 70px 10px 0; } #ct_template_footer .ct_module_header { padding:0 0 10px; font-size: 1.1em; font-weight:bold; text-transform:uppercase; } #ct_template_footer .ct_html_module ul { list-style:none; padding:0; margin: 0; } #ct_template_footer #footer_signup { display:block; background:#f7f7f4; text-align:center; padding:15px; margin: 0 0 20px } #footer_signup .ct_module_header { padding:0 20px 0 40px; font-size: 2.5em; font-size: 28px; font-family: Sacramento, Trebuchet MS, Trebuchet, sans-serif; font-weight:normal; text-transform:none; background: url(/template/icn_mail_big.png) no-repeat left; display:inline-block; zoom:1; *display: inline; /* ie7 */ } #footer_signup form { display:inline-block; zoom:1; *display: inline; /* ie7 */ } #footer_signup input[type="text"] { width:200px; margin: 5px 10px 0 0; padding: 13px 10px } #footer_signup input[type="submit"] { margin: 5px 10px 0 0; padding: 0 10px; font-family: Sacramento, Trebuchet MS, Trebuchet, sans-serif; font-size: 2em; } #footer_social { position:relative; text-align:center; margin: 20px; border-top: 1px solid #3f3f37 } #footer_social h4 { position:relative; display:inline-block; zoom:1; *display: inline; /* ie7 */ font-weight:normal; font-size: 1.1em; top: -10px; background-color:#e2e2d9; padding: 0 10px } #footer_social legend {font-size:1.1em;} #footer_social ul { list-style:none; padding:0; margin: 10px0; } #footer_social li { list-style:none; padding:0; margin:0; display:inline-block; zoom:1; *display: inline; /* ie7 */ } #footer_social li a { display:block; width: 32px; height:32px; text-indent:-9999px; color:transparent; background-position: center center } #footer_social li a:hover { background-color: #f7f7f4; } #footer_social .facebook a { background:url(/template/icn_facebook.png) } #footer_social .twitter a { background:url(/template/icn_twitter.png) } #footer_social .pinterest a { background:url(/template/icn_pinterest.png) } #footer_social .blogger a { background:url(/template/icn_blog.png) } #footer_social .youtube a { background:url(/template/icn_youtube.png) } #footer_social .instagram a { background:url(/template/instagram2.png) } .page_wide { border-top: 1px solid #3f3f37; padding: 15px 0 0; text-align:center; } #ct_template_footer .page_wide .ct_module_header { display:inline-block; zoom:1; *display: inline; /* ie7 */ vertical-align:top; background: url(/template/icn_lock.png) no-repeat left center; padding: 2px 10px 5px 30px; text-transform:none; } /*--------------------------------------------- PRE-DEFINED MODULES ---------------------------------------------*/ /** predefined link modules **/ .ct_loginLink {} .ct_loginLink a {} .ct_accountLink {} .ct_accountLink a {} .ct_contactUs_link {} .ct_contactUs_link a {} .ct_sitemapLink {} .ct_sitemapLink a {} /** PRODUCTS SEARCH pre-defined section **/ .ct_productSearch {} .ct_productSearch .ct_module_header {} .ct_productSearch form { display:inline-block; max-width:96%; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_ps_for, .ct_ps_for input {max-width:95%!important} .ct_ps_type, .ct_ps_goSearch { display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; } /** END PRODUCTS SEARCH pre-defined section **/ /** TOP SELLERS pre-defined section **/ .ct_topSellers {} .ct_topSellers .ct_module_header {} ul.ct_ts_list { list-style: none; margin:0px auto 0px auto; padding: 0; text-align: left; position: relative; } li.ct_ts_item {} span.ct_ts_item_count {} span.ct_ts_item_name {} /** end TOP SELLERS pre-defined section **/ /** RECENTLY VIEWED ITEMS pre-defined section **/ /* module */ .ct_viewedItems {} .ct_viewedItems .ct_module_header {} .ct_viewedItems ul { list-style: none; padding: 0; text-align: left; position: relative; } .ct_vi_item a {} .ct_vi_recent a{} .ct_viewedItems a:hover {} /* page */ #ct_viewedItems {} #ct_viewedItems .ct_mainContent_header{} #ct_vi_productList {} .ct_vi_product {} /** end RECENTLY VIEWED ITEMS pre-defined section **/ /** BRANDS pre-defined section **/ .ct_brandsMenu { margin-top: 10px; } .ct_brandsMenu .ct_module_header { font-size: 1em; text-transform: none; } .ct_brandsMenu .ct_module_header .ct_bm_removeFilter { font-size: 0.65em; font-weight:normal; float:right; padding:5px 18px 5px 0; width:35px; height:10px; overflow:hidden; background: transparent url(/system_images/icons-16/delete.png) no-repeat right 4px; } .ct_brandsMenu .ct_module_header .ct_bm_removeFilter:hover {text-decoration:underline;} .ct_bm_dropDown select {max-width:100%} .ct_bm_list {} .ct_bm_list ul { list-style: none; margin: 0; padding: 0 15px } .ct_bm_list li {} .ct_bm_list li a {} .ct_bm_list li a:hover {} /** end BRANDS pre-defined section **/ .ct_refineBy { float:left; display:block; width: 200px; background-color: #fff; border: 1px solid #cac4a0; padding:15px 5px 20px; margin:40px 20px 0 0; } .ct_refineBy .ct_module_header { color:#a19874; font-size: 18px; padding:0 15px; margin: 0 } /** SEARCH FILTERS pre-defined section **/ .ct_searchFilters { margin: 0; padding:0 } .ct_searchFilters .ct_module_header {} .ct_searchFilters h4 { background: #f6f5f1; font-family: Trebuchet MS, Trebuchet, sans-serif; font-size: 14px; padding: 10px; margin: 10px 0 } .ct_searchFilters .checkbox_list { list-style:none; margin: 0; padding:0 10px } .ct_searchFilters .checkbox_list input[type=checkbox] { visibility: hidden; } .ct_bm_list li, .ct_searchFilters ul.checkbox_list li { width:100%; margin: 0; padding: 3px 5px; position: relative; } .ct_bm_list li a, .ct_searchFilters input[type="checkbox"] + label { cursor: pointer; position:relative; padding: 3px 5px; } .ct_bm_list li a p {display:inline-block; zoom:1; *display: inline; /* ie7 */ } .ct_bm_list li a:before, .ct_searchFilters input[type="checkbox"] + label:before { content:"_"; display:block; position:absolute; top: 1px; left:-20px; width: 14px; height: 14px; border: 1px solid #ccc; background: #f1f1f1; color: transparent; text-indent:-9999px; } .ct_bm_list li a:after, .ct_searchFilters ul.checkbox_list li label:after { opacity: 0.1; content: ''; position: absolute; width: 7px; height:4px; background: transparent; top: 4px; left:-16px; border: 3px solid #333; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .ct_bm_list li a:hover, .ct_searchFilters ul.checkbox_list li label:hover{ color: #083e08; } .ct_bm_list li a:hover:after, .ct_searchFilters ul.checkbox_list li label:hover:after { opacity: 0.5; } .ct_bm_list li a:active:after, .ct_searchFilters ul.checkbox_list li input[type=checkbox]:checked + label:after { opacity: 1; } /** end SEARCH FILTERS **/ /** CATEGORY/BRAND FILTERS **/ .ct_categoryFilters {} .ct_categoryFilters .ct_module_header {} .ct_categoryFilters ul, .ct_categoryFilters ul li { list-style: none; } /** end CATEGORY/BRAND FILTERS **/ /** PRODUCT COMPARISON **/ /** module **/ .ct_productCompare {} .ct_productCompare .ct_module_header {} .ct_pc_count {font-weight: bold;text-align:right;margin-right: 10px} ul.ct_pc_list {list-style:none;padding:0 10px} li.ct_pc_list_product {list-style:none;margin:0 0 5px 0} .ct_pc_list_clear a {} /** page **/ #ct_productComparison {} #ct_productComparison .ct_mainContent_header {} #ct_pc_clear {} .ct_pc_product { display:inline-block; max-width: 25%; margin: 0 2.5%; vertical-align:top; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_pc_product h2 {} .ct_pc_product_descr {} .ct_pc_product_item {} .ct_pc_product_addToBasket {} /** end PRODUCT COMPARISON **/ /** WEBSITE NEWS **/ /** news list module **/ .ct_newsList {} .ct_newsList h2.ct_module_header {} .ct_newsList ul {margin:0;padding:0 0 0 10px;list-style:none;} .ct_nl_post {} h3.ct_nl_post_title {margin-bottom:0} p.ct_nl_post_from, p.ct_nl_post_date {margin:0;padding:0;font-style:italic;color:#999;display:inline-block; zoom:1; *display: inline; /* ie7 */ } .ct_nl_post_from_by {} .ct_nl_post_from_author {font-weight:bold} p.ct_nl_post_text {} /** article page **/ #ct_newsArticle {} #ct_newsArticle .ct_mainContent_header {} .ct_na_from {} .ct_na_from_by {} .ct_na_from_author {} .ct_na_date {} .ct_na_text {} /** end WEBSITE NEWS **/ /*--------------------------------------------- HOME PAGE ---------------------------------------------*/ #home_carousel {margin-bottom:10px;} .ct_homepage .grid { margin: 25px 0; overflow:hidden } .ct_homepage .grid a { display:block; width:240px; height:240px; } #home_content_links a { height:280px; } /* .ct_homepage .grid a:before, */ #home_content_links a:before { content: attr(title); color:#E2E2D9; color: #3f3f37; position: absolute; top:240px; /*background: rgba(255,255,255,0.7);*/ background:#E2E2D9; /*F7F7F4;*/ width:220px; padding: 10px; text-align:center; font-size: 1.2em } /* .ct_homepage .grid a:before { opacity: 0; } #home_content_links a:before, .no-js .ct_homepage .grid a:before, .no-cssanimations .ct_homepage .grid a:before { opacity: 1; } .ct_homepage .grid a:hover:before { background: rgba(255,255,255,0.9); -webkit-transform:translateY(40px); Safari and Chrome -moz-transform:translateY(40px); Firefox and Netscape -ms-transform:translateY(40px); IE 9 -o-transform:translateY(40px); Opera transform:translateY(40px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } #home_content_links a:hover:before { background: rgba(255,255,255,0.9); color: #821717; padding: 50px 10px; -webkit-transform:translateY(0); Safari and Chrome -moz-transform:translateY(0); Firefox and Netscape -ms-transform:translateY(0); IE 9 -o-transform:translateY(0); Opera transform:translateY(0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } */ /*--------------------------------------------- MAIN CONTENT PAGES ---------------------------------------------*/ /* Apply to all pages generated by the software (Products and Categories pages, Checkout pages, User account pages, Contact...) */ /** page contents containers **/ .ct_mainContent { display:block; padding:15px; width: 930px; margin:0 0 10px; } /** pages titles **/ .ct_mainContent h1 { padding:10px; margin: 0 0 20px 0; font-family: Trebuchet MS, Trebuchet, sans-serif; font-weight:normal; text-transform: uppercase; } /** pages sub-module titles **/ .ct_mainContent h2, .ct_mainContent h3 {} /** pages tables **/ .ct_mainContent table, .ct_mainContent th, .ct_mainContent td { border-collapse:collapse; border-spacing:0; border:1px solid #ccc; padding:5px; } .ct_mainContent th { background-color: #f1f1f1; /* for ie as the gradient filter screw up the table border */ background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; color: #333; text-align: left; text-shadow: 0 1px 1px rgba(255,255,255,0.75); } .ct_mainContent td { background-color: #fff; text-align: left; } .ct_mainContent td a {} /*--------------------------------------------- CATEGORY and PRODUCT PAGES ---------------------------------------------*/ /** BREADCRUMBS (search results and product page) **/ #ct_breadcrumbs { padding: 0; margin-bottom: 15px } #ct_breadcrumbs a, #ct_breadcrumbs a:visited { text-decoration:none; } #ct_breadcrumbs a, #ct_breadcrumbs span { padding: 0 5px } #ct_breadcrumbs a:hover { text-decoration:underline; } #ct_breadcrumbs_curent { color: #ad0000 } /** end BREADCRUMBS **/ /** SEARCH RESULTS page **/ /** left category menu **/ #ct_search .ct_categoryMenu { float:left; margin-right: 15px; } #ct_search ul.ct_cm_menu, #ct_search ul.ct_cm_menu li { width:240px; } #ct_search ul.ct_cm_menu a { background: #e2e2d9; font-size: 1.1em; margin-bottom:10px } #ct_search ul.ct_cm_menu ul a { background:none; text-transform:none; margin: 0; } #ct_search ul.ct_cm_menu ul a:hover { color: #821717; text-decoration:underline; } #ct_search ul.ct_cm_menu > li.current > a { padding: 15px; font-size: 1.2em } #ct_search ul.ct_cm_menu ul li.current a { color: #ad0000 } /** left category menu **/ /** Search Header **/ #ct_searchHeader { position:relative; float:right; /* force hasLayout on IE7 */ zoom:1; *display: inline; width: 675px; padding:0; margin:0 0 15px; } #ct_searchHeader img { max-width: 100%; height:auto; margin:0; } #ct_search.ct_searchType_category #ct_sh_title { position:absolute; bottom: 15px; left: 15px; background: #e2e2d9; margin:0; padding: 15px; font-size: 1.2em; display:none } #ct_search.ct_searchType_category #ct_searchHeader { min-height:65px; min-height:0; } #ct_sh_img { float:right; display:table-cell; height:100px; vertical-align:bottom; background:#fff; } #ct_sh_img img { display:block; max-height:100px; vertical-align:bottom; } #ct_searchHeader #ct_pd_fblike { position:absolute; bottom:-20px; } #ct_searchHeader #ct_social_bookmark {} #ct_sh_brand_filter {} #ct_sh_description { font-size: 14px; } /** end Search Header **/ /** Sub-Categories Listing **/ /* 'Choose a Category' text */ #ct_subCategories {display:none;} #ct_sc_listing { margin: 0 30px } .ct_sc_listing_row { border-bottom:1px dotted #ccc; padding: 30px 0 40px } .ct_sc_listing_cat { display:inline-block; width:170px; padding: 10px 5px; margin: 0; text-align:center; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_sc_listing_cat_img { display:table-cell; width:170px; height:170px; vertical-align:middle; } .ct_sc_listing_cat_img img { max-width:160px; max-height:160px; } .ct_sc_listing_cat_name, .ct_sc_listing_cat_name a { display:block; font-family: Trebuchet MS, Trebuchet, sans-serif; font-size: 14px; font-weight:bold; color: #767050; text-decoration:none; } .ct_sc_listing_cat_name a:hover { color: #083e08; } /** end Sub-Categories Listing **/ /** Results Filters **/ #ct_searchFilter { display:block; float:right; margin: 3px 30px; } #ct_searchFilter ul { list-style: none; margin: 0; padding: 0; } #ct_searchFilter ul li{ display:inline-block; margin: 0 0 0 10px; padding: 0; /* force hasLayout on IE7 */ zoom:1; *display: inline; } #ct_sf_image {float:right;} #ct_sf_sorter {float:left;} /** end Results Filters **/ /** RESULTS AMOUNTS and PAGINATION **/ #ct_searchResults_top, #ct_searchResults_bottom { padding:0; margin:0; margin: 10px 30px; } #ct_searchResults_top { } #ct_searchResults_bottom { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } #ct_searchResults_top .ct_module_header, #ct_searchResults_bottom .ct_module_header { display:none; } /* containers */ .ct_sr_results, .ct_sr_paginate { display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; padding: 10px 0 0; } .ct_sr_results h3 {} /* fonts */ .ct_sr_label, .ct_sr_results, .ct_sr_paginate, .ct_sr_paginate a, .ct_sr_indice { text-decoration:none; } /* pagination */ .ct_sr_paginate { float:right; text-align:right; padding:5px; } .ct_sr_paginate ul { list-style: none; margin: 0; padding: 0; } .ct_sr_paginate li { display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; vertical-align:top; } .ct_sr_paginate li a { display:block; padding: 4px 0; text-align:center; color: #999; } .ct_sr_paginate li a:hover, .ct_sr_paginate li.ct_sr_p_current a { color: #083e08; } li.ct_sr_p_page {font-size:0%;} li.ct_sr_p_current a { color:#999; text-decoration:none; cursor: default } li.ct_sr_p_first a, li.ct_sr_p_prev a, li.ct_sr_p_next a, .ct_sr_paginate li.ct_sr_p_last a {width:auto;padding:4px} /** end RESULTS AMOUNTS and PAGINATION **/ /** PRODUCTS LISTINGS **/ #ct_productsListing { float:right; /* force hasLayout on IE7 */ zoom:1; *display: inline; margin: 10px 0; width: 925px; position:relative; } #ct_search.ct_searchType_category #ct_productsListing { width: 675px; } .ct_pl_noResults {} .ct_searchType_category .ct_pl_noResults {display:none} /** no image display **/ #ct_productsListing > table { width: 100%; margin: 20px 0; } /** per row display **/ .ct_pl_row { position:relative; height:auto; margin: 15px 0; } .ct_pl_product { position:relative; display:inline-block; width:197px; min-height:330px; vertical-align: top; margin: 0 0 5px 5px; padding: 10px; border: 0; -webkit-transition: background 1s; -moz-transition: background 1s; -ms-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .grid .ct_pl_product { background-color: #e2e2d9; } .ct_pl_product.animate , .ct_pl_product.shown, .no-js .ct_pl_product, .no-cssanimations .ct_pl_product { background-color: #fff; } .ct_pl_product a, .ct_pl_product h2 { font-size: 15px; font-weight: normal; } .ct_pl_product:hover { background-color: #e2e2d9!important; } .ct_pl_product_image { display:block; margin: 0 auto; } /* image container dimensions and alignment hv to go here*/ .ct_pl_product_image a { position:relative; height:260px; width:195px; outline: 0; margin:0 auto; text-align:center; vertical-align:middle; display:table-cell; /* required for v-align*/ } .ct_pl_product_link {} .ct_pl_product_name {} .ct_pl_product_desc {} .ct_pl_product_price a {} div.ct_pl_product_offPrice {color: red} p.ct_pl_product_op_saving {} span.ct_pl_product_op_savingText {} span.ct_pl_product_op_diff {} p.ct_pl_product_op_rrpDiff {} span.ct_pl_product_op_percentage {} span.ct_pl_product_op_rrp {} .ct_pl_product_compare {} .ct_pl_product_add { position:absolute; right:10px; bottom:10px; } .ct_pl_product_add a { display:block; width: 34px; height: 34px; background: url(/template/btn_addToCart.png) no-repeat right; text-indent:-9999px; color:transparent; } .ct_pl_product_add a:hover { background-position:left; } .ct_pl_product_view {display:none} .ct_pl_product.ct_pl_perRow {display:block;width:100%; text-align:left;margin-bottom:15px;min-height:150px;} .ct_pl_product.ct_pl_perRow .ct_pl_product_name, .ct_pl_product.ct_pl_perRow .ct_pl_product_desc {margin-left:5px} .ct_pl_product.ct_pl_perRow .ct_pl_product_image {display:block;float:left;text-align:center;clear:both;margin-right:10px;} .ct_pl_product.ct_pl_perRow .ct_pl_product_add { text-align:center; display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_pl_product.ct_pl_perRow .ct_pl_product_price { display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; } /** search results star ratings **/ .ct_productsListingReviews {display: block; margin: 0 auto;} .ct_pl_row.ct_productsListingReviews {max-width: 150px;} .ct_pl_perRow.ct_productsListingReviews {} .star_rating { background: #FFFFFF url('/system_images/eshop/skin1/star_rating.png') no-repeat left top; float: left; height: 13px; width: 65px; margin-top: 5px; } .ct_pl_row.star_rating {margin-left: 0px;} .ct_pl_perRow.star_rating {margin-left: 0px;} .ct_productsListingReviews span {margin-left: 70px;} .stars0_0 {background-position: -66px 0;} .stars0_5 {background-position: -53px -20px;} .stars1_0 {background-position: -53px 0;} .stars1_5 {background-position: -40px -20px;} .stars2_0 {background-position: -40px 0;} .stars2_5 {background-position: -27px -20px;} .stars3_0 {background-position: -27px 0;} .stars3_5 {background-position: -14px -20px;} .stars4_0 {background-position: -14px 0;} .stars4_5 {background-position: -1px -20px;} .stars5_0 {background-position: -1px 0;} /** END search results star ratings **/ /** end Products Listings **/ /** end SEARCH RESULTS page **/ /** PRODUCT DETAILS page **/ #ct_productDetails {} #ct_productDetails #ct_breadcrumbs {} #ct_pd_product {display:block} #ct_pd_product_name {margin-bottom:15px;text-transform: none;} #ct_pd_bybrand {margin-bottom:3px;} #ct_pd_bybrand a {} #ct_productDetails #ct_pd_fblike, #ct_productDetails .addthis_toolbox {float:left;width:450px;margin-bottom:10px} #ct_pd_product #ct_social_bookmark {} #ct_pd_product_description {margin:15px 0 20px;} /* IMAGES VIEWER CONTAINER*/ #ct_pd_product_image {margin-bottom:20px } #ct_pd_product_image.left {margin-right:20px } #ct_pd_product_image.right {margin-left:20px } #ct_pd_product_image #ct_prod_img_table, #ct_pd_product_image #ct_prod_img_table td {border:0;padding:0} /* IMAGES VIEWER ELEMENTS*/ .ct_pd_pi_main {} .ct_pd_pi_enlarge {color:#000; font-size: 10px; text-align:center} .ct_pd_pi_thumbnails {} .ct_pd_pi_noImg {} /***** product item layouts *****/ .ct_pd_item {margin-top:10px;display:block;padding:15px 0;float:left;width:470px;} .ct_pd_item_label {display: block; float:left; clear:left; min-width: 150px; color: #666} .ct_pd_item_value {display: block; min-height:10px; min-width:10px;} .ct_pd_item_name {} .ct_pd_item_style {} .ct_pd_item .ct_pd_item_price {display: none;} .ct_pd_item_price.ct_pd_item_label {display:none;} .ct_pd_item_price.ct_pd_item_value { /* position:absolute; top:90px; left:475px; */ font-size:30px; font-weight:bold; color:#821717; } .ct_pd_item_saving { display:block; color:#cc0000; font-size:12px; font-weight:normal; } .ct_pd_item_code {} .ct_pd_item_availability {} .ct_pd_item_availability_in.ct_pd_item_value {} .ct_pd_item_availability_out.ct_pd_item_value {} .ct_pd_item_personalised {} .ct_pd_item_stockLevel {} .ct_pd_item_delivery .ct_pd_item_value {display:inline-block;} .ct_pd_item_delivery .ct_pd_item_value .ct_delivery, .ct_pd_item_delivery .ct_pd_item_value .ct_collection { display:block; margin-right: 10px; min-height:16px; padding-left: 30px; } .ct_pd_item_delivery .ct_pd_item_value .ct_delivery { background: transparent url(/system_images/eshop/skin1/icn_delivery.png) no-repeat left center; } .ct_pd_item_delivery .ct_pd_item_value .ct_collection { background: transparent url(/system_images/eshop/skin1/icn_collect.png) no-repeat left center; } .ct_pd_addBasket, .ct_pd_addWishlist {display:block} .ct_pd_item_notify label {display: block; font-style: italic; color: #333 } .ct_pd_item_qtyAdd input, .ct_pd_addBasket { display: inline-block; zoom:1; *display:inline; /* ie7 */ } .ct_pd_addBasket { } .ct_pd_item_notify { font-size:0; margin-top:10px } .ct_pd_item_notify_email input {width:220px} .ct_pd_item_notify a, .ct_pd_addBasket input { background: #e2e2d9 url(/template/icn_addToCart.png) no-repeat 10px; padding: 15px 20px 15px 50px; color: #821717; font-family: Trebuchet MS, Trebuchet, sans-serif; font-size: 17px; font-weight:normal; -goog-ms-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .ct_pd_item_notify a { background-image:none; padding: 5px 20px; } .ct_pd_item_notify a:hover, .ct_pd_addBasket input:hover { background-color: #B3B3A0; color: #fff; text-decoration:none; } .ct_pd_addWishlist input { display:block; margin-left: 90px; background: #fff url(/template/icn_wishlist.png) no-repeat 0; padding-left: 30px; color: #a39982; font-family: Trebuchet MS, Trebuchet, sans-serif; font-size: 1em; font-weight:normal; } .ct_pd_addWishlist input:hover { background: transparent url(/template/icn_wishlist.png) no-repeat 15px; color: #821717; } .ct_pd_item_notify {display:block;} /* Item Layout: All Items */ #ct_pd_allItems {clear:both} #ct_pd_allItems .ct_pd_item {margin:0;} /* Item Layout: Styles */ #ct_pd_optionsList {padding-top:10px} #ct_pd_options_choose {font-style: italic; color: #333} #ct_pd_optionsList .ct_pd_item_style {} #ct_pd_itemList .ct_pd_item {} /* Item Layout: Styles in product */ #ct_pd_product #ct_pd_optionsList, #ct_pd_product #ct_pd_itemList {display:block;vertical-align:top;min-height:50px} #ct_pd_product #ct_pd_itemList .ct_pd_item_label {clear:none} /* Item Layout: Styles in product - no style: all items */ #ct_pd_product #ct_pd_allItems.clear {float:left;clear:none} #ct_pd_product #ct_pd_allItems .ct_pd_item_value {float:left} /* Item Layout: Table */ #ct_pd_optionsTable table { border: 0; border-collapse:collapse; border-spacing:0; margin-bottom:10px; } /* Item Layout: List Table */ .ct_pd_optionsTable_list th { background: #f6f5f1; filter:none; border: 0; font-weight:normal; font-size:13px; padding: 10px 5px } .ct_pd_optionsTable_list tr.ct_pd_item {} .ct_pd_optionsTable_list td { display: table-cell; border: 0; border-bottom: 1px dotted #ccc; } .ct_pd_optionsTable_list .ct_pd_item_name {display:none} .ct_pd_optionsTable_list .ct_pd_item_price {width:50px;} .ct_pd_optionsTable_list .ct_pd_item_saving {height:30px;overflow:hidden} .ct_pd_optionsTable_list .ct_pd_item_availability {width:100px;} /* Item Layout: Matrix Table */ .ct_pd_optionsTable_matrix .ct_pd_item_label { display: table-cell; float:none; clear:none; min-width: 0; padding: 2px 5px; text-align:left; background-color: #f1f1f1; color:#666; } .ct_pd_optionsTable_matrix .ct_pd_item_price.ct_pd_item_label {background:none} .ct_pd_optionsTable_matrix td{padding: 2px 5px;border: 1px solid #ccc;text-align:center} .ct_pd_optionsTable_matrix td form {position:relative;} /* allow absolute positioning of the bubble */ .ct_pd_optionsTable_matrix td .ct_cs_bubble {display:none;position:absolute;/*important to have out of the hover selector or the cell container sometime adapt its dimensions to bubble */} .ct_pd_optionsTable_matrix td:hover .ct_cs_bubble { display:block; border:1px solid #ccc; width:auto; text-align:left; left:30px; background-color:#FFF; padding:10px; } .ct_cs_bubble .ct_pd_item_label {min-width:90px;width:auto;} .ct_cs_bubble .ct_pd_item_value {min-width:50%;display:inline-block} /* Item Layout: Table in product */ #ct_pd_product #ct_pd_optionsTable { vertical-align:top; } /***** END product item layouts *****/ #ct_pd_noStyle {} #ct_pd_noItem {clear:both} #ct_pd_product_nonDeliver {} #ct_pd_associatedProducts, #ct_pd_upsellingProducts { width:49%; display:inline-block; vertical-align:top; } #ct_pd_associatedProducts {margin-right:1%;} #ct_pd_associatedProducts h2, #ct_pd_upsellingProducts h2 { background: #e2e2d9; border: 1px solid #e2e2d9; color:#3f3f37; font-size:16px; padding: 10px; font-weight:normal; } /* #ct_pd_upsellingProducts h2 { background: none; } */ #ct_pd_associatedProducts .ct_associated_product h2, #ct_pd_upsellingProducts .ct_associated_product h2 { background: none; border: 0; padding: 0; text-align:left; } .ct_associated {} .ct_associated_product {min-width:100px;min-height:160px;text-align:center} .ct_associated_product_img { min-width: 130px; min-height: 175px; line-height: 175px; display:block; border: 1px solid #f1f1f1; } .ct_associated_product_img img { max-width: 130px; max-height: 175px; vertical-align:middle } .ct_associated_product_name {display:block;padding: 5px 0;} #ct_pd_noProduct {} /** CYBERTILL PRODUCT REVIEW **/ /* review link */ #ct_pd_reviewLink {} #ct_pd_reviewLink a {} /* product pages review filter */ #ct_pd_reviewFilter {width: 170px;} #ct_pd_reviewFilter #filter {float: left;} #ct_pd_reviewFilter #total_avg {float: right;} #ct_pd_reviewFilter #total_avg #total {color: #277c9a;} #ct_pd_reviewFilter #clear {clear: both;} /* review form */ #ct_productReview {} #ct_pr_form label { display:inline-block; width: 150px; /* force hasLayout on IE7 */ zoom:1; *display: inline; } #ct_pr_customerName, #ct_pr_reviewTitle, #ct_pr_review {margin-bottom:2px} #ct_pr_review label {vertical-align:top} #ct_pr_starRating {margin-bottom:4px} #ct_pr_form .submit {} /* review list */ #ct_pd_reviewsList {margin-left:10px;} #ct_pd_rl_count { margin-top: 15px;} .ct_pd_rl_review { margin-top: 15px;} .ct_pd_rl_review_title {font-size: 14px; } .ct_pd_rl_review_date {font-size: 12px; font-style:italic; color:#686767;} .ct_pd_rl_review_rating {} .ct_pd_rl_review_from span.ct_pd_rl_review_author {font-weight:bold} .ct_pd_rl_review_from span.ct_pd_rl_review_date {font-style:italic;display:block;} .ct_pd_rl_review_text {font-style:italic;} .ct_pd_rl_review_spacer { border-top: 1px dashed #999999; margin: 10px 0; padding: 0 10px 0 0; } /** end CYBERTILL PRODUCT REVIEW **/ /** END PRODUCT DETAILS page **/ /** product page special offers section styles **/ .ct_pd_specialOffers {} .ct_pd_so_title {} .ct_pd_so_offer {} .ct_pd_so_txt {} .ct_pd_so_columnHeader {} .ct_pd_so_columnHeader th {} .ct_pd_so_item {} .ct_pd_so_item_name {} .ct_pd_so_item_ref {} .ct_pd_so_otherTxt {} .ct_pd_so_other_item {} /** END product page special offers section styles **/ /** Add Offer Voucher styles **/ #ct_offerVoucher {} #ct_offerVoucher h1 {} .ct_ov_label {} .ct_ov_info {} /** END Add Offer Voucher styles **/ /*--------------------------------------------- CHECKOUT PROCESS PAGES ---------------------------------------------*/ #ct_sandboxmsg {z-index:999} /** CHECKOUT TRAIL **/ #ct_checkoutTrail { position:absolute; display:block; top: 10px; color: #27313d; font-size: 13px } #ct_ct_steps { display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_ct_steps_number {} #ct_checkoutTrail ul, #ct_checkoutTrail ul li{ list-style: none; display:inline-block; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_ct_done { text-decoration:line-through; padding-right: 10px; } .ct_ct_on { color: #124612; text-decoration: underline; } .ct_ct_next { padding-left: 10px; } /** end CHECKOUT TRAIL **/ /** BASKET TABLE (in basket, one-page-checkout and summary pages) **/ /* column headers */ #ct_b_columnHeaders { } #ct_b_columnHeaders th { background:none; filter:none; border:0; border-bottom: 2px solid #5c5c5c; padding:10px 5px; color: #444; font-size: 13px; } /* item cells */ #ct_b_cart{ border:0; border-bottom: 2px solid #5c5c5c } #ct_b_cart td { border:0; border-bottom: 1px dotted #ccc; } .ct_b_item {} /* column classes */ .ct_mainContent .ct_b_item_img {width:15%; text-align:center} .ct_mainContent .ct_b_item_name {width:35%; text-align:left} .ct_mainContent .ct_b_item_name .ct_b_item_descr {} .ct_mainContent .ct_b_item_name .ct_b_item_style {} .ct_mainContent .ct_b_item_name .ct_b_item_specialOffer {} .ct_mainContent .ct_b_item_price, .ct_mainContent .ct_b_item_total {width:15%; text-align:right} .ct_mainContent .ct_b_item_qty, .ct_mainContent .ct_b_item_delete {width:10%; text-align:center} /* personalised item table */ .ct_b_personalised {} .ct_b_p_image {} .ct_b_p_unitCost {} .ct_b_p_totalCost {} .ct_b_p_currencyCost {} /** end BASKET TABLE **/ /* CHECKOUT TITLES */ #ct_basket h1, #ct_delivery h1, #ct_deliveryMulti h1, #ct_multiDeliveryCouriers h1, #ct_courierServices h1, #ct_reserve_collect h1, #ct_basketSummary h1, #ct_payment h1 { color:#124612; font-size: 22px; font-weight:bold; } /* end CHECKOUT TITLES */ /** BASKET page **/ #ct_basket {} /* no item message */ .ct_b_noItem {} /* Basket header */ #ct_b_description {} #ct_b_messages {} #ct_b_error {} /* basket options */ #ct_b_accountCredit {} #ct_b_voucher {} .ct_b_txt {} .ct_b_total {} #ct_b_subTotal {} #ct_b_discount {} #ct_b_orderTotal {font-size: 16px;margin:10px 0;} #ct_b_minVal {font-size: 14px;color:#ff0000} /* basket actions */ #ct_b_actions {text-align:right;margin: 10px;} .ct_b_actions input { background: #767050 none; filter: none; border: 0; padding: 10px 15px; } #ct_b_updateBasket {} #ct_b_checkout {} #ct_b_paypalCheckout {} #ct_b_continueShopping {} /* basket lower actions */ #ct_b_lowerActions { padding:0; margin: 10px; } #ct_b_lowerActions input { background: #cac4a0 none; filter: none; border: 0; } #ct_b_lowerActions input:hover { background: #767050 none; } #ct_b_save, #ct_b_load, #ct_b_empty {width: 110px;} /** end BASKET page **/ /** ONE-PAGE-CHECKOUT **/ #ct_opc_wrapper {padding:10px} .ct_opc_accTitle { clear:both; color: #333; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; padding: 5px; } .ct_opc_accContent {padding: 10px;} .ct_opc_accContent p {display:block;margin:5px 0;} .ct_opc_accContent label { display:inline-block; width:120px; color: #999; font-weight:bold; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_opc_accContent input, .ct_opc_accContent select {margin:2px;} .ct_opc_accContent input.ct_d_submitBtn {margin:0 0 10px;float:right} .ct_opc_delivery {} .ct_opc_courier {} .ct_opc_summary {} #ct_opc_sum_delivery {margin:10px 0} #ct_opc_sum_delivery #ct_opc_changeAdress {margin:0 0 10px 0} .ct_opc_accContent.ct_opc_summary form {text-align:right} /** end ONE-PAGE-CHECKOUT **/ /** DELIVERY page **/ #ct_delivery {} #ct_d_newAddress {padding-bottom:20px} #ct_d_deliveryText {} #ct_delivery form > div {margin: 2px 10px} #ct_delivery label { display:inline-block; width: 180px; text-align: left; font-weight: bold; /* force hasLayout on IE7 */ zoom:1; *display: inline; } #ct_d_despatch_type {} #ct_d_recipient {} #ct_d_addressSelect {} #ct_d_addInfo {} #ct_d_addInfo p {display: block;} #ct_d_giftMessage {} #ct_d_delAct {} #ct_d_instructions {} #ct_d_submit {text-align:right;margin-top:10px} /** end DELIVERY page **/ /** MULTI DELIVERY page **/ #ct_deliveryMulti {} #ct_deliveryMulti #ct_d_newAddress, #ct_opc_wrapper #ct_d_newAddress, #ct_d_dispmulti_link, #ct_d_dispsingle_link {display:block; cursor:pointer;text-decoration:underline;margin-bottom:10px;padding:0} #ct_deliveryMulti table {border-collapse:collapse;border:1px solid #ccc;text-align:left;margin: 10px 0;} #ct_deliveryMulti table th {background-color:#ebebeb;border:1px solid #ccc;padding:2px 5px;} #ct_deliveryMulti table td {border:1px solid #ccc;padding:2px 5px;} .ct_dm_submit {text-align:right} /** end MULTI DELIVERY page **/ /** MULTI DELIVERY COURIERS page **/ #ct_multiDeliveryCouriers {} .ct_mdc_message {font-style:italic;} .ct_mdc_deliver {} .ct_mdc_deliver .ct_mdc_message {} .ct_mdc_address {font-weight:bold;} .ct_mdc_deliver ul.radio_list {list-style:none;padding:0 10px;margin:10px} .ct_mdc_noCourier {} .ct_mdc_collect {} .ct_mdc_collect .ct_mdc_message {} .ct_mdc_collect label {font-style:italic;} ul.ct_mdc_collectedItems {} .ct_mdc_deliver ul.radio_list label{font-style:normal;} #ct_mdc_submit {text-align:right} /** end MULTI DELIVERY COURIERS page **/ /** COURIERS page **/ #ct_courierServices {} #ct_cs_webText {} #ct_cs_noCourier {} .ct_cs_couriersList {} .ct_mainContent th.ct_cs_courierZone {padding: 10px 5px;font-size:120%} .ct_mainContent th.ct_cs_courierCompany {} .ct_cs_courierService {padding-left: 5px;} .ct_cs_courierService_notes {color: #999;} .ct_cs_courierPrice {} .ct_cs_courierSelect {} /** end COURIERS page **/ /** COLLECTION page **/ #ct_reserve_collect {} #ct_reserve_collect label {float:left;clear:left;width:200px;margin-left:10px;padding: 5px 0} #ct_reserve_collect input, #ct_reserve_collect select {float:left;margin:2px;} #ct_r_location {} #ct_r_email {} #ct_reserve_collect .submit {margin-left:10px;clear:both} #ct_reserveSuccess {} #ct_reserveSuccess h1 {} .ct_rs_location span, .ct_rs_date span, .ct_rs_reference span {font-weight:bold} /** end COLLECTION page **/ /** BASKET SUMMARY page **/ #ct_basketSummary {} /* expired items */ #ct_bs_expired {} .ct_bs_expired_text {} .ct_bs_expired_item {} /* summary basket options */ .ct_bs_text {} .ct_bs_error {} .ct_bs_input {} #ct_bs_voucher {} #ct_bs_voucher h3 {} #ct_bs_loyaltyPoints {} #ct_bs_loyaltyPoints h3 {} #ct_bs_accountCredit {} #ct_bs_accountCredit h3 {} .ct_bs_editCart {float:left} .ct_bs_editCart .submit {margin:10px} #ct_basketSummary .ct_module {margin-top:20px} #ct_basketSummary .ct_module h3 {} .ct_bs_label { display:inline-block; width:120px; margin-left:10px; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_bs_value { font-weight: bold; } /* summary basket totals */ .ct_bs_subTotal, #ct_bs_courierService, #ct_bs_courier, #ct_bs_foDiscount, #ct_bs_creditDiscount, #ct_bs_discountVoucher, #ct_bs_orderTotal, #ct_bs_vat { text-align:right; margin:5px} #ct_bs_orderTotal { font-size: 16px; margin:10px 5px } #ct_bs_creditMsg {color:#ff0000} /* summary basket delivery details */ #ct_bs_delivery.ct_module {} #ct_bs_delivery.ct_module h3 {} #ct_bs_delivery .ct_bs_label { display:block; float:left; clear:left } #ct_bs_delivery .ct_bs_value { display:block; padding-left:130px; max-width} #ct_bs_changeAdress {text-align:right;} #summary_basket_proceed {text-align:right} /** end BASKET SUMMARY page **/ /* PAYPAL REDIRECT page */ #ct_paypalRedirect {} #ct_paypalRedirect a {} #ct_paypalError {} #ct_paypalError a {} /* end PAYPAL REDIRECT page */ /** ORDER PAYMENT pages **/ #ct_payment {} #ct_paymentResponse {} #ct_paymentResponse h1 {} /* fieldsets styles */ .ct_p_notes {} .ct_p_securityInfo .ct_p_label {} .ct_p_error.ct_font_error {} /* fieldsets */ #ct_p_cardDetails {} #ct_p_cardDetails legend {} #ct_p_cardDetails #cv2 {} #ct_p_paymentTerms {} #ct_p_paymentTerms legend {} #ct_p_termsCheck {} #ct_p_termsConditions {} #ct_p_submit {} #ct_p_submit legend {} /* order success */ #ct_paymentComplete {} #ct_pc_completionNotes {} /* order failure */ #ct_paymentFail {} /** end ORDER PAYMENT pages **/ /*--------------------------------------------- USER and ACCOUNT PAGES ---------------------------------------------*/ /** ACCOUNT REGISTRATION page **/ #ct_register {} #ct_register h1 {} #ct_register h3 {} #ct_register ul {} #ct_register label { width: 190px; float: left; display: block; text-align: left; margin-left: 10px; } #ct_register .ct_form_helper {margin-left:200px} #ct_register div { padding: 1px; } .help {font-size:10px; color:#666} /* fieldsets */ #ct_r_personal, #ct_r_billingAddress, #ct_r_deliveryAddress, #ct_r_other, #ct_r_options, #ct_r_trader { border: 0px solid #dddddd; padding: 0px; } #ct_register input.submit {display:block; margin:5px auto;} /** END ACCOUNT REGISTRATION page **/ /** REGISTRATION SUCCESS page **/ #ct_registerSuccess.ct_mainContent p {} #ct_registerSuccess.ct_mainContent a {} /** END REGISTRATION SUCCESS page **/ /** LOGIN page **/ #ct_login {} #ct_login h1 {} #ct_login .ct_font_error {margin-bottom:15px} #ct_l_container { vertical-align:top; min-height: margin:0; padding:0 0 20px } .ct_l_subcontainer { position:relative; vertical-align:top; display:inline-block; width: 370px; margin-right:40px; min-height: 100px; background-color: #f6f6f6; padding: 20px 40px 70px; /* force hasLayout on IE7 */ zoom:1; *display: inline; } .ct_l_subcontainer h3 {} .ct_l_subcontainer label, .ct_l_subcontainer p {} .ct_l_subcontainer .submit { position:absolute; bottom: 30px; margin-left: 10px; } #ct_l_existing {} #ct_l_existing div{} #ct_l_existing label { display:inline-block; min-width: 75px; text-align: left; /* force hasLayout on IE7 */ zoom:1; *display: inline; } #ct_l_existing #email input, #ct_l_existing #password input { display:inline-block; width: 140px; padding: 0 5px; text-align: left; /* force hasLayout on IE7 */ zoom:1; *display: inline; } #email .ct_font_error, #password .ct_font_error {display:block;margin-bottom:0} #ct_l_new {} #ct_l_new_welcome {} #ct_l_new_register {} #ct_l_new_submit {margin: 0; padding:0;} #ct_l_notes{} #ct_l_forgotten{margin: 10px 0} #ct_l_guest{padding-left: 5px;} /** END LOGIN page **/ /** lost password page styles **/ #ct_lostPassword {} #ct_lostPassword h1 {} .ct_lp_sentSuccess {} /** END lost password page styles **/ /** account options page styles **/ #ct_accountOptions {} #ct_accountOptions h1 {} #ct_accountOptions ol { list-style: none; padding: 0px; } #ct_accountOptions a { display:block; padding: 5px 10px; } /** END account options page styles **/ /** order history page styles **/ #ct_orderHistory {} #ct_orderHistory h1 {} .ct_oh_backLink {} #ct_oh_inner { width: 100%; border: 1px solid #aaaaaa; background-color: #f6f6f6; } #ct_oh_inner th { text-align: left; } #ct_oh_inner td { text-align: left; } /** END order history page styles **/ /** re-order page styles **/ #ct_reorder {} #ct_reorder_items{} #ct_reorder_items table {margin-top: 10px; width: 100%; border-collapse: collapse;} #ct_reorder_items table td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border: 1px solid #888888; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-top-color: -moz-use-text-color; border-top: 0; padding: 10px 5px; } #ct_reorder_items table th {text-align: left; border-bottom: 1px solid #888888; padding-bottom: 5px;} #ct_reorder_items #reorder_submit {text-align: right; } /** END re-order page styles **/ /** account details page styles **/ #ct_accountDetails {} #ct_accountDetails h1 {} #ct_accountDetails div { padding: 1px; } #ct_accountDetails label { width: 180px; float: left; display: block; text-align: left; } /** END account details page styles **/ /** ADDRESS OPTIONS page **/ #ct_addressOptions {} #ct_addressOptions h1 {margin-bottom:10px} .ct_ao_address { margin: 0 15px 0 10px; padding: 10px 20px 10px 0; border: 0; width: 60%; float:left; clear:right; border-right: 1px dotted #ccc; } .ct_ao_address ul { list-style: none; margin:0; padding:0; text-align: left; position:relative; border: 0px; } .ct_ao_address ul li { margin: 0; background-color: #f6f6f6; padding: 5px 10px; } .ct_ao_address ul li.ct_ao_header { margin: 0; background-color: #eeeeee; font-weight: bold; } .ct_ao_address ul li.ct_ao_header input {float:right;margin: -2px 0 0 10px } #ct_ao_newAddress {margin-top:20px} #ct_ao_newAddress a, #ct_ao_backLink a { display:inline-block; padding-left:20px; background: #fff url(/system_images/eshop/skin1/link_bg_arrow.png) no-repeat left center; /* force hasLayout on IE7 */ zoom:1; *display: inline; } /** end ADDRESS OPTIONS page **/ /** NEW ADDRESS page **/ #ct_addressNew {} #ct_addressNew h1{} #ct_an_backLink {} #ct_addressNew ul {list-style:none;padding:0 10px} #ct_addressNew label { width: 180px; float: left; display: block; } #ct_addressNew .ct_form_helper {margin-left:180px} /** end NEW ADDRESS page **/ /** EDIT ADDRESS page **/ #ct_addressEdit {} #ct_addressEdit h1 {} #ct_ae_backLink {display: block; margin: 0 0 10px;} #ct_addressEdit label { width: 180px; float: left; display: block; text-align: left; } #ct_addressEdit .ct_form_helper {margin-left:180px} #ct_addressEdit div { padding: 1px; } /** end EDIT ADDRESS page **/ /** account credit page styles **/ #ct_accountCredit {} #ct_accountCredit h1 {} #ct_accountCredit p { margin: 2px; } /** END account credit page styles **/ /*--------------------------------------------- OTHER PAGES ---------------------------------------------*/ /** COOKIE POLICY page **/ .ct_cp_header { font-size:14px;margin:25px 0 10px 0; } #ct_cookie_policy table { border-collapse:collapse; } #ct_cookie_policy table, #ct_cookie_policy th, #ct_cookie_policy td { border:1px solid #999;padding:5px; } #ct_cookie_policy th { background-color:#c5dce0;color: #277c9a;text-align:left; } .ct_cp_cookie_header { width:25%; } .ct_cp_text { margin:0 0 10px 0; } /** end COOKIE POLICY **/ /** CONTACT US page **/ #ct_contact {} #ct_contact h1 {} #ct_c_message {} #ct_c_details { border: 0px; padding: 0px; } #ct_c_details label { width: 250px; float: left; display: block; text-align: left; font-weight: bold; } #ct_c_details div { padding: 1px; } #ct_c_notice {} /** end CONTACT US page **/ /** CURRENCY SELECTION page **/ #ct_changeCurrency {} #ct_changeCurrency h1 {} #ct_cc_currencySelect label {} /** end CURRENCY SELECTION page **/ /** SITEMAP page **/ #ct_sitemap {} #ct_sitemap h1 {} #ct_sitemap div {display:block;float:left;width:33%;vertical-align:top;margin: 0;} #ct_sitemap div#ct_sm_categories {} #ct_sitemap div#ct_sm_brands {} #ct_sitemap div#ct_sm_pages {} /* list titles */ #ct_sitemap h3{} #ct_sitemap ul { list-style-type: none; margin: 0 0 15px; padding: 0; } #ct_sitemap ul ul { margin: 0; padding: 0 15px; } #ct_sitemap a {} #ct_sitemap a:hover {} #sitemap_additional {} /** end SITEMAP page **/ /** PAGE NOT FOUND **/ #ct_pageNotFound {} #ct_pageNotFound h1 {} #ct_pageNotFound p {} /** end PAGE NOT FOUND **/ #ct_r_source {display:none;} /** collapse side menu in Christmas category **/ ul.ct_cm_menu ul li > ul { display:none !important; } ul.ct_cm_menu ul li:hover > ul { display:block !important; } .gridhomepage ul{ padding:0 !important; } .gridhomepage ul li { float: left; list-style: outside none none; width: 24.2%; margin:0 10px 5px 0; } .gridhomepage ul li:first-child { /*margin:0 0 10px 0;*/ } .gridhomepage ul li:last-child { margin:0 0 5px 0; } .gridhomepage ul li img{ width: 100%; height: auto; }.grid ul { list-style:none; margin:0; padding:0; } .grid li { display:inline-block; *display:inline; opacity: 0; } .grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; } .grid li a, .grid li img { outline: none; border: none; max-width: 100%; } /* Grid Effect: Move Up */ .grid.fx-moveUp li { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { to { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes moveUp { to { -moz-transform: translateY(0); opacity: 1; } } @keyframes moveUp { to { transform: translateY(0); opacity: 1; } } /* Grid Effect: fall perspective */ .grid.fx-fall ul { perspective: 1300px; } .grid.fx-fall li { transform-style: preserve-3d; } .grid.fx-fall li.animate { transform: translateZ(400px) translateY(300px) rotateX(-90deg); animation: fallPerspective .8s ease-in-out forwards; } @keyframes fallPerspective { 100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /* Grid Effect: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.fx-flip ul { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.fx-flip li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; -moz-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } @-webkit-keyframes flip { 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes flip { 100% { -moz-transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 100% { transform: rotateX(0deg); opacity: 1; } }/*--------------------------------------------- jCarousel for #home_carousel only ---------------------------------------------*/ #home_carousel .jcarousel-container { position:relative; display:block; width: 960px; height: 240px!important; margin: 0; padding: 0; background: transparent; border: 0; } #home_carousel .jcarousel-direction-rtl {direction: rtl;} #home_carousel .jcarousel-clip { width: 960px; margin:0; padding: 0; overflow: hidden; position: relative; } #home_carousel .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } #home_carousel .jcarousel-item { float: left; list-style: none; width: 240px; height: 240px; padding: 0; margin: 0; border: 0; background: #b3b3a0; } #home_carousel .jcarousel-item a, #home_carousel .jcarousel-item h2 { color: #fff; font-weight:normal; font-size: 1.2em; } #home_carousel .jcarousel-item h2 { font-family: Trebuchet MS, Trebuchet, sans-serif; text-transform: uppercase; font-size: 1.8em; margin: 80px 20px 0 40px; } #home_carousel .jcarousel-item h3 { margin: 0 20px 10px 40px; } #home_carousel .jcarousel-item-placeholder { /* background: transparent url(/layout/carousel_placeholder.png) no-repeat left top; */ } /** * Horizontal Buttons */ #home_carousel .jcarousel-next-horizontal, #home_carousel .jcarousel-prev-horizontal { position: absolute; z-index:2; top: 50%; width: 34px; height: 160px; margin-top:-80px; cursor: pointer; } #home_carousel .jcarousel-next-horizontal { right: -15px; background: transparent url(/template/btn_nextSlide.png) no-repeat 0 0; } #home_carousel .jcarousel-prev-horizontal { left: -15px; background: transparent url(/template/btn_prevSlide.png) no-repeat 0 0; } #home_carousel .jcarousel-next-horizontal:hover, #home_carousel .jcarousel-next-horizontal:active, #home_carousel .jcarousel-prev-horizontal:hover, #home_carousel .jcarousel-prev-horizontal:active { background-position: left bottom; } #home_carousel .jcarousel-next-disabled-horizontal, #home_carousel .jcarousel-next-disabled-horizontal:hover, #home_carousel .jcarousel-next-disabled-horizontal:active, #home_carousel .jcarousel-prev-disabled-horizontal, #home_carousel .jcarousel-prev-disabled-horizontal:hover, #home_carousel .jcarousel-prev-disabled-horizontal:active { cursor: default; background: none; }/** Lightbox jquery product image styles **/ /**/#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 500px; } /**/#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0; } /**/#jquery-lightbox a img { border: none; } /**/#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } /**/#lightbox-container-image { padding: 10px; } /**/#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } /**/#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } /**/#lightbox-container-image-box > #lightbox-nav { left: 0; } /**/#lightbox-nav a { outline: none;} /**/#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } /**/#lightbox-nav-btnPrev { left: 0; float: left; } /**/#lightbox-nav-btnNext { right: 0; float: right; } /**/#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } /**/#lightbox-container-image-data { padding: 0 10px; color: #666; } /**/#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } /**/#lightbox-image-details-caption { font-weight: bold; } /**/#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } /**/#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* images styles */ #ct_pd_product_image { position:relative; min-height:450px; width:460px } img.hider { display: block!important; max-width:80px; max-height:80px; margin: 0 15px 5px 0; border: 1px solid #ccc } img.displayer { position:absolute; display:block; top:0; margin: 0 0 0 100px; max-width:360px; max-height:450px; border:0; } /* enlarge message style */ .ct_pd_pi_enlarge { position:absolute; bottom: 10px; width: 460px; text-align:center; } /* hide all none default images on website */ #ct_basket img.hider, #ct_basketSummary img.hider {display:none!important;} /* override main image styles on basket */ #ct_basket img.displayer, #ct_basketSummary img.displayer { position:relative; top:0; margin:0; float:none; } /** END LIGHTBOX image viewer **//*--------------------------------------------- jCarousel for Associated and Upselling items ---------------------------------------------*/ /** * This
element is wrapped by jCarousel around the list * and has the classname 'jcarousel-container'. */ .ct_associated .jcarousel-container { position: relative; background: #fff; padding: 0; } .ct_associated .jcarousel-container-horizontal { width: 100%; padding: 0; } .ct_associated .jcarousel-container-vertical { height: 100%; padding: 0; } .ct_associated .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .ct_associated .jcarousel-clip-horizontal, .ct_associated .jcarousel-clip-vertical { width: 100%; height: 100%; } .ct_associated .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } /* We set the width-height explicitly. No width-height causes infinite loops. */ .ct_associated .jcarousel-item { float: left; list-style: none; width: 130px; min-height: 200px; } .ct_associated .jcarousel-item-horizontal { margin: 10px 30px 10px 0; } .ct_associated .jcarousel-item-vertical { margin: 10px; } .ct_associated .jcarousel-item-placeholder { background: #fff; color: #000; } /** * The buttons are added dynamically by jCarousel before * the