/* --------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ /* */ /* */ /* Revision: 1.0 */ /* */ /* Author: Jack Hayward */ /* Date: 11.01.2010 */ /* Version: 1.0 */ /* */ /* Configuration: */ /* Products per row: 1 */ /* Categories per row: 3 */ /* */ /* Title: Talent & Potential Theme */ /* */ /* --------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ /* GLOBAL -------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ * { margin: 0; } html, body {} body { font-family: Tahoma; font-size: 12px; } .content .catDescription p { margin: 0 0 15px; } .clear { clear: both; display: block; position: relative; vertical-align: none; top: 0; left: 0; } .fullclear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; } .sectionHead { color: #ff9048; display: block; font-size: 16px; font-weight: bold; } .sectionhead { color: #ff9048; display: block; font-size: 16px; font-weight: bold; } ul {} ul li { padding: 2px 0 3px; } /* BASE STRUCTURE (FOUNDATION) ----------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ #topbar { width: 100%; height: 3px; display: block; visibility: visible; background: #969696; } #container { width: 980px; margin: 0 auto; } #header { height: 135px; width: 940px; margin: 0 auto; overflow: visible; position: relative; top: 0; left: 0; z-index: 800; } #logo { margin: 30px 0 0; float: left; } #logo a img { border: none; } #topnav { float: right; text-align: right; margin: 78px 0 0; position: relative; top: 0; left: 0; } #clients { position: absolute; top: 0; right: 0; } #clients a.clients_button { display: block; overflow: hidden; text-indent: 9000px; width: 101px; height: 27px; background: transparent url(/images/website/templateImages/originals/clients_button.jpg) no-repeat scroll 0 0; } #clients_dropdown { position: absolute; top: 0; right: 0; text-align: right; } #clients_dropdown a.clients_button_active { display: block; /*float: right;*/ overflow: hidden; text-indent: 9000px; width: 101px; height: 27px; position: relative; right: 0; top: 0; z-index: 10; background: transparent url(/images/website/templateImages/originals/clients_button.jpg) no-repeat scroll 0 -27px; /* FOR IE */ margin: 0 0 0 130px; } #clients_dropdown_area { background: #d0d0d0; text-align: center; clear: both; padding: 20px 15px 15px; width: 199px; position: relative; right: 0; top: -1px; z-index: 5; border: 1px solid #afafaf; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-box-shadow: 0 0 5px #CACACA; -webkit-box-shadow: 0 0 5px #CACACA; } .downloadslink { display: block; font-weight: bold; margin: 0 0 20px; text-align: left; text-decoration: underline; } .downloadslink:link, .downloadslink:visited {} .downloadslink:hover, .downloadslink:active {} #main { clear: both; width: 940px; padding: 0 20px; overflow: auto; } #footer { width: 940px; margin: 20px auto 0; color: #969696; clear: both; } #footer a:focus, #footer a:active { outline: none; } #footer a img { border: none; margin: 10px 0 20px; outline: none; } /* Layout A template */ #main.layoutA { position: relative; top: 0; left: 0; overflow: auto; } #leftcol.layoutA { border-right: 1px dotted #bebebe; float: left; width: 219px; margin: 378px 0 0; } #rightcol.layoutA { float: right; width: 700px; margin: 376px 0 0; } .submenu_head { font-size: 18px; text-transform: uppercase; } .masthead { position: absolute; top: 0; left: 0; } .layoutA .pageHeading { font-size: 27px; color: #000000; text-transform: uppercase; width: 700px; } .layoutA .catDescription { margin: -15px 0 0; } /* Layout B template */ #main.layoutB { position: relative; top: 0; left: 0; overflow: auto; } #leftcol.layoutB { border-right: 1px dotted #BEBEBE; float: left; padding: 0 20px 0 0; width: 699px; } #rightcol.layoutB { float: right; width: 200px; } #rightcol.layoutB #quotes {} #rightcol.layoutB #quotes div { font-size: 16px; font-weight: bold; } .layoutB .pageHeading { font-size: 27px; color: #000000; text-transform: uppercase; width: 700px; } .layoutB .catDescription { margin: -15px 0 0; } /* homepage */ body#pearlCategoryID_276 #main { width: 980px; padding: 0; } #csteaser { clear: both; width: 900px; margin: 0 0 30px; padding: 19px 40px 0; height: 312px; background: transparent url(/images/website/templateImages/originals/csteaser_bg.jpg) no-repeat scroll left top; } #cst_select {} .cst { width: 150px; float: left; margin: 2px 0; position: relative; top: 0; left: 0; z-index: 1; } .cst_active { width: 150px; float: left; margin: 2px 0; position: relative; top: 0; left: 0; z-index: 1; } .cst_colourbar { width: 150px; height: 10px; } .cst_thumb { width: 150px; } .cst_thumb a { display: block; width: 150px; height: 180px; text-indent: -9000px; outline: none; } #cst1 {} #cst1 .cst_colourbar { background: #ff9048; } #cst1 .cst_thumb { height: 180px; background: transparent url(/images/website/templateImages/csteaser/originals/cst1_thumb.jpg) no-repeat scroll 0 0; } #cst1:hover { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst1:hover .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst1_thumb.jpg) no-repeat scroll 0 -180px; } #cst1.cst_active { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst1.cst_active .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst1_thumb.jpg) no-repeat scroll 0 -180px; } #cst2 {} #cst2 .cst_colourbar { background: #ffb848; } #cst2 .cst_thumb { height: 180px; background: transparent url(/images/website/templateImages/csteaser/originals/cst2_thumb.jpg) no-repeat scroll 0 0; } #cst2:hover { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst2:hover .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst2_thumb.jpg) no-repeat scroll 0 -180px; } #cst2.cst_active { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst2.cst_active .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst2_thumb.jpg) no-repeat scroll 0 -180px; } #cst3 {} #cst3 .cst_colourbar { background: #ffd648; } #cst3 .cst_thumb { height: 180px; background: transparent url(/images/website/templateImages/csteaser/originals/cst3_thumb.jpg) no-repeat scroll 0 0; } #cst3:hover { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst3:hover .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst3_thumb.jpg) no-repeat scroll 0 -180px; } #cst3.cst_active { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst3.cst_active .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst3_thumb.jpg) no-repeat scroll 0 -180px; } #cst4 {} #cst4 .cst_colourbar { background: #f8f661; } #cst4 .cst_thumb { height: 180px; background: transparent url(/images/website/templateImages/csteaser/originals/cst4_thumb.jpg) no-repeat scroll 0 0; } #cst4:hover { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst4:hover .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst4_thumb.jpg) no-repeat scroll 0 -180px; } #cst4.cst_active { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst4.cst_active .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst4_thumb.jpg) no-repeat scroll 0 -180px; } #cst5 {} #cst5 .cst_colourbar { background: #e7f56f; } #cst5 .cst_thumb { height: 180px; background: transparent url(/images/website/templateImages/csteaser/originals/cst5_thumb.jpg) no-repeat scroll 0 0; } #cst5:hover { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst5:hover .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst5_thumb.jpg) no-repeat scroll 0 -180px; } #cst5.cst_active { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst5.cst_active .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst5_thumb.jpg) no-repeat scroll 0 -180px; } #cst6 {} #cst6 .cst_colourbar { background: #d1f56f; } #cst6 .cst_thumb { height: 180px; background: transparent url(/images/website/templateImages/csteaser/originals/cst6_thumb.jpg) no-repeat scroll 0 0; } #cst6:hover { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst6:hover .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst6_thumb.jpg) no-repeat scroll 0 -180px; } #cst6.cst_active { margin: 0; -webkit-box-shadow: 0 0 10px #8a8a8a; -moz-box-shadow: 0 0 10px #8a8a8a; z-index: 2; } #cst6.cst_active .cst_thumb { height: 184px; background: transparent url(/images/website/templateImages/csteaser/originals/cst6_thumb.jpg) no-repeat scroll 0 -180px; } #cst_quote { clear: both; padding: 28px 0 0; *padding: 8px 0 0; } .cst_strap { padding: 0 0 0 20px; } .cst_strap_head { display: block; font-size: 26px; color: #000000; } .cst_strap_sub { display: block; font-size: 14px; color: #777777; padding: 0 0 0 11px; } .quotes { font-family: Georgia; font-weight: bold; } #cst1_strap { background: transparent url(/images/website/templateImages/csteaser/originals/cst1_strap_bg.jpg) no-repeat scroll 0 8px; } #cst2_strap { background: transparent url(/images/website/templateImages/csteaser/originals/cst2_strap_bg.jpg) no-repeat scroll 0 8px; } #cst3_strap { background: transparent url(/images/website/templateImages/csteaser/originals/cst3_strap_bg.jpg) no-repeat scroll 0 8px; } #cst4_strap { background: transparent url(/images/website/templateImages/csteaser/originals/cst4_strap_bg.jpg) no-repeat scroll 0 8px; } #cst5_strap { background: transparent url(/images/website/templateImages/csteaser/originals/cst5_strap_bg.jpg) no-repeat scroll 0 8px; } #cst6_strap { background: transparent url(/images/website/templateImages/csteaser/originals/cst6_strap_bg.jpg) no-repeat scroll 0 8px; } #cst_quote .cst_strap_head .quotes { float: left; } #cst_quote .cst_strap_head p { float: left; margin: 0; } #cst_quote .cst_strap_sub p { clear: both; } #homecols { clear: both; width: 940px; padding: 0 20px; margin: 30px auto 0; overflow: auto; } #homecol1 { float: left; width: 450px; padding: 0 20px 0 0; } #homecol2 { float: left; width: 199px; padding: 0 20px; border-left: 1px dotted #bebebe; } #homecol3 { float: left; width: 209px; padding: 0 0 0 20px; border-left: 1px dotted #bebebe; } .columnblock { border-bottom: 1px dotted #bebebe; margin: 0 0 20px; padding: 0 0 20px; } .coltitle { display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; } .coltext { display: block; color: #545454; margin: 10px 0 0; } .readmore { display: block; height: 36px; margin: 15px 0 0; overflow: hidden; text-indent: -9000px; width: 126px; background: transparent url(/images/website/templateImages/originals/button_readmore.jpg) no-repeat scroll left top; } .readmore:hover, .readmore:active, readmore:focus { outline: none; } .signup { display: block; height: 36px; margin: 15px 0 0; overflow: hidden; text-indent: -9000px; width: 126px; background: transparent url(/images/website/templateImages/originals/button_signup.jpg) no-repeat scroll left top; } .signup:hover, .signup:active, .signup:focus { outline: none; -moz-box-shadow: 0 0 5px #ff9048; -webkit-box-shadow: 0 0 5px #ff9048; } .col1 {} .col2 {} .col3 {} .col1 .coltitle { text-transform: none; } .col2 .static_menu li a { font-size: 12px !important; } .col2 .widget-wrap { margin: 0 !important; } .col3 #contact-page #contact-form { border: none; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .col3 #contact-page .pageHeading { display: none; } .col3 #contact-page .contact-fieldtext { font-size: 11px; text-transform: uppercase; display: block; margin: 0 0 2px; } .col3 #contact-page .inputText { display: block; width: 187px; padding: 6px; margin: 0 0 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 4px #bbbbbb inset; -webkit-box-shadow: 1px 1px 4px #bbbbbb inset; } .col3 #contact-page .inputText:focus { background: #efefef; } .col3 #contact-page .button { display: block; height: 36px; margin: 15px 0 0; overflow: hidden; text-indent: -9000px; width: 126px; background: transparent url(/images/website/templateImages/originals/button_signup.jpg) no-repeat scroll left top; border: none; padding: 0; } .col3 #contact-page .button:hover, .col3 #contact-page .button:active, .col3 #contact-page .button:focus { outline: none; } .columnblock.last { border-bottom: none; margin: 0; } /* dynamic menu overrides */ #dynamic-menu li ul.SM li a { padding-left: 11px; background: transparent url(/images/website/templateImages/originals/submenu_li_bg.jpg) no-repeat scroll left center; } #dynamic-menu li#cat_296 ul.SM { border-top: 1px dotted #bebebe; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } li#cat_276 a:hover, li#cat_299 a:hover, li#cat_300 a:hover { border: 1px dotted #bebebe !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Standard Pearl styling (global and common %CONTENT% tags) ---------------------------------- */ a { text-decoration: none; } a:link, a:visited { color: #545454; } a:hover, a:active { color: #ff9048; } .pageHeading { color: #000000; display: block; font-size: 26px; margin: 0 auto 30px; text-transform: uppercase; width: 940px; } .content {} .catDescription {} #contact-message {} #contact-form { border: 1px dotted #bebebe; padding: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .contact-fieldset { clear: both; display: block; margin: 0 0 10px; overflow: auto; } .contact-fieldtext { display: block; font-size: 14px; margin: 0 0 2px; } .contact-field {} .contact-field .inputText { display: block; float: left; width: 300px; padding: 4px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 4px #bbbbbb inset; -webkit-box-shadow: 1px 1px 4px #bbbbbb inset; } .contact-field .inputText:focus { background: #efefef; } .contact-required { color: #ff0000; margin: 0 0 0 6px; } .contact-foot {} .contact-foot .button { border: none; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 36px; margin: 0; overflow: hidden; padding: 0 0 3px 6px; text-align: left; text-transform: uppercase; width: 126px; background: transparent url(/images/website/templateImages/originals/button_blank.jpg) no-repeat scroll left top; } .contact-foot .button:focus { outline: none; } .contact-foot .button:active { outline: none; } /* Forms */ .inputText { display: block; background: #f9f9f9; border: 1px solid #bebebe; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 4px #bbbbbb inset; -webkit-box-shadow: 1px 1px 4px #bbbbbb inset; } .inputText:focus { background: #efefef; } .button { font-size: 14px; font-weight: bold; } .button:focus { outline: none; } .button:active { outline: none; } #pearlCategoryID_276 .button { border: none; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 36px; margin: 0; overflow: hidden; padding: 0 0 3px 6px; text-align: left; text-transform: uppercase; width: 126px; background: transparent url(/images/website/templateImages/originals/button_blank.jpg) no-repeat scroll left top; } #pearlCategoryID_299 .button { border: none; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 36px; margin: 0; overflow: hidden; padding: 0 0 3px 6px; text-align: left; text-transform: uppercase; width: 126px; background: transparent url(/images/website/templateImages/originals/button_blank.jpg) no-repeat scroll left top; } #pearlCategoryID_checkout #cart_frame_place_order .button { border: none; cursor: pointer; font-size: 14px; font-weight: bold; height: 36px; margin: 0; overflow: hidden; padding: 0 0 3px 6px; text-align: left; text-transform: uppercase; } /* Currency symbol in span.cur - displayed everywhere there is a £ (Pound) symbol */ .cur {} /* Error/warning messages */ .error {} .message {} .message #tableMessage { -moz-border-radius: 3px; padding: 5px; } body#pearlCategoryID_login .message #tableMessage { margin-bottom: 20px !important; } /* LOGIN PAGE STYLING */ #login-newuser { float: left; width: 450px; } #login-newuser .subHeading { font-size: 16px; font-weight: bold; margin: 0 0 20px; } .login-newuser-intro { font-size: 14px; margin: 0 0 20px; } #login-login { border-left: 1px dotted #BEBEBE; float: left; margin: 0 0 0 20px; padding: 0 0 0 19px; width: 450px; } #login-login .subHeading { font-size: 16px; font-weight: bold; margin: 0 0 20px; } .login-login-intro { font-size: 14px; margin: 0 0 30px; } /* STANDARD PEARL WIDGET STYLING --------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ /* Foundation styles for all widgets - these can be overridden using individual targeting (below) */ .widget-wrap {} .widget-head {} .widget-body {} .widget-foot {} .widget-head span {} /* Generic widget styles (will apply to all instances of such) */ /* [#BREADCRUMB#] */ .breadcrumb {} /* Group [#STATIC_MENU#] (will change all instances) */ .static_menu { list-style-type: none; margin: 0; padding: 0; } .static_menu li { padding: 3px 0 3px 12px; background: transparent url(/images/website/templateImages/originals/staticmenu_li_bg.jpg) no-repeat scroll left center; } .static_menu li a { font-size: 14px; } /* [#LOGIN_LINK#] and [#LOGIN#] */ .account_greeting {} .accountlinks {} .accountlinks li {} .accountlinks li a {} /* Group: [#FEATURED#], [#SPECIALS#], [#NEW#], [#ALSO_BOUGHT#], [#RELATED#], [#BEST_SELLERS#] */ .product-list {} .product-list pul-msg {} .product-list ul {} .product-list ul li {} .product-list a.pul-image {} .product-list a.pul-image img {} .product-list a.pul-name {} .product-list .price {} /* [#CART#] */ #cart-contents { display: none; } #cart-itemcount { display: block; } #cart-total { display: block; } .cart-view { display: block; } .cart-checkout { display: block; } /* Individual widget targeting - NB: This isn't necessarily for final inclusion but WILL need to be documented! The below styles include ALL possible overrides, be warned! */ /* [#LOGIN#] */ #widget_login {} #widget_login .widget-head {} #widget_login .widget-head span {} #widget_login .widget-body { text-align: left; } #widget_login .inputText { display: block; width: 185px; border: 1px solid #ffffff; padding: 6px; margin: 0 0 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 4px #bbbbbb inset; -webkit-box-shadow: 1px 1px 4px #bbbbbb inset; } #widget_login #email_address {} #widget_login #password {} #widget_login .inputText:focus { background: #ffffff; } #widget_login .button { display: block; border: none; cursor: pointer; height: 36px; margin: 0; overflow: hidden; padding: 0; text-indent: -9000px; width: 126px; background: transparent url(/images/website/templateImages/originals/clients_input_button.jpg) no-repeat scroll left top; } #widget_login .button:focus { outline: none; } #widget_login .button:active { outline: none; } #widget_login .widget-body a { display: block; font-weight: bold; margin: 5px 0 0; text-decoration: underline; } #widget_login .widget-foot {} /* [#LOGIN_LINK#] */ #widget_login_link {} #widget_login_link .widget-head {} #widget_login_link .widget-head span {} #widget_login_link .widget-body {} #widget_login_link .widget-foot {} /* [#SEARCH#] */ #widget_search {} #widget_search .widget-head {} #widget_search .widget-head span {} #widget_search .widget-body {} #widget_search .widget-foot {} /* [#BRANDS#] */ #widget_brands {} #widget_brands .widget-head {} #widget_brands .widget-head span {} #widget_brands .widget-body {} #widget_brands ul {} #widget_brands ul li {} #widget_brands ul li a {} #widget_brands .widget-foot {} /* [#DYNAMIC_MENU#] */ #widget_dynamic_menu { padding: 0 130px 0 0; *margin-left: 40px; } #widget_dynamic_menu .widget-head {} #widget_dynamic_menu .widget-head span {} #widget_dynamic_menu .widget-body {} #widget_dynamic_menu .widget-foot {} /* [#STATIC_MENU#] */ #widget_static_menu { margin: 12px 0 27px; } #widget_static_menu_2 { margin: 12px 0 27px; } #widget_static_menu .widget-head {} #widget_static_menu .widget-head span {} #widget_static_menu .widget-body {} #widget_static_menu .widget-foot {} /* [#CART#] NB: This is the [#CART#] widget wrapper only! */ #widget_cart { position: absolute; right: 0; text-align: right; top: 10px; } #widget_cart .widget-head {} #widget_cart .widget-head span {} #widget_cart .widget-body {} #widget_cart .widget-foot {} /* [#ACCOUNT#] */ #widget_account {} #widget_account .widget-head {} #widget_account .widget-head span {} #widget_account .widget-body {} #widget_account .widget-foot {} /* [#CURRENCIES#] */ #widget_currencies {} #widget_currencies .widget-head {} #widget_currencies .widget-head span {} #widget_currencies .widget-body {} #widget_currencies .widget-foot {} /* [#FEATURED#] */ #widget_featured {} #widget_featured .widget-head {} #widget_featured .widget-head span {} #widget_featured .widget-body {} #widget_featured pul-msg {} #widget_featured ul {} #widget_featured ul li {} #widget_featured a.pul-image {} #widget_featured a.pul-image img {} #widget_featured a.pul-name {} #widget_featured .price {} #widget_featured .widget-foot {} /* [#SPECIALS#] */ #widget_specials {} #widget_specials .widget-head {} #widget_specials .widget-head span {} #widget_specials .widget-body {} #widget_specials pul-msg {} #widget_specials ul {} #widget_specials ul li {} #widget_specials a.pul-image {} #widget_specials a.pul-image img {} #widget_specials a.pul-name {} #widget_specials .price {} #widget_specials .widget-foot {} /* [#NEW#] */ #widget_new {} #widget_new .widget-head {} #widget_new .widget-head span {} #widget_new .widget-body {} #widget_new pul-msg {} #widget_new ul {} #widget_new ul li {} #widget_new a.pul-image {} #widget_new a.pul-image img {} #widget_new a.pul-name {} #widget_new .price {} #widget_new .widget-foot {} /* [#ALSO_BOUGHT#] */ #widget_also_bought {} #widget_also_bought .widget-head {} #widget_also_bought .widget-head span {} #widget_also_bought .widget-body {} #widget_also_bought pul-msg {} #widget_also_bought ul {} #widget_also_bought ul li {} #widget_also_bought a.pul-image {} #widget_also_bought a.pul-image img {} #widget_also_bought a.pul-name {} #widget_also_bought .price {} #widget_also_bought .widget-foot {} /* [#RELATED#] */ #widget_related {} #widget_related .widget-head {} #widget_related .widget-head span {} #widget_related .widget-body {} #widget_related pul-msg {} #widget_related ul {} #widget_related ul li {} #widget_related a.pul-image {} #widget_related a.pul-image img {} #widget_related a.pul-name {} #widget_related .price {} #widget_related .widget-foot {} /* [#BEST_SELLERS#] */ #widget_best_sellers {} #widget_best_sellers .widget-head {} #widget_best_sellers .widget-head span {} #widget_best_sellers .widget-body {} #widget_best_sellers pul-msg {} #widget_best_sellers ul {} #widget_best_sellers ul li {} #widget_best_sellers a.pul-image {} #widget_best_sellers a.pul-image img {} #widget_best_sellers a.pul-name {} #widget_best_sellers .price {} #widget_best_sellers .widget-foot {} /* [#NEWS#] */ #widget_news {} #widget_news .widget-head {} #widget_news .widget-head span {} #widget_news .widget-body {} .news-list { list-style-type: none; margin: 0; padding: 0; } .newsItem { display: block; left: 0; margin: 0 0 10px; position: relative; top: 0; } .news-list-date { color: #777777; font-size: 12px; } .news-list-item { font-size: 12px; font-weight: bold; text-transform: uppercase; } #widget_news .widget-foot {} /* RSS */ #widget_rss {} #widget_rss .widget-head {} #widget_rss .widget-body {} .widget_rss { list-style-type: none; padding: 0; } .widget_rss li { background: transparent url(/images/website/templateImages/originals/staticmenu_li_bg.jpg) no-repeat scroll left center; padding: 3px 0 3px 12px; } .widget_rss li a {} /* Standard (default) Product Listing ---------------------------------------------------------- */ /* NB: This includes default tags for the following widgets/objects in product_listing.html: */ /* [%NAME%], [%DESCRIPTION%], [%IMAGE_THUMB%], [%IMAGE_MINI%], [%PRICE%], [%OPTIONS%], */ /* [%AVAILABILITY%], [%SKU%], [%INFO%], [%ADDTOCART%] */ form#filter {} /* Search Filter */ .filter {} .page-results { border-top: 1px dotted #bebebe; border-bottom: 1px dotted #bebebe; padding: 5px 0; } /* Page Results, top and bottom of page (pr0 and pr1 respectively) */ .pr0 { margin: 0 0 10px; } .pr1 {} .page-results a {} .product_indiv_wrap { background: #fafafa; margin: 0 0 10px; padding: 10px; overflow: auto; width: 920px; clear: both; } .product_indiv_wrap:hover { background: #f4f4f4; } .product-listing-table {} /* Product Listing Table */ .product-listing-cell { padding: 0; } /* One cell (product) in the listing table */ .product-listing-cell.newprod {} /* .newprod modifier is attached to a new product */ .product-listing-cell.last {} /* .last modifier is attached to last product in row */ .product-listing-name { color: #FF9048 !important; font-size: 14px; font-weight: bold; } /* [%NAME%] */ .product-listing-name:hover, .product-listing-name:active { text-decoration: underline; } .product_indiv_wrap:hover .product-listing-name { text-decoration: underline; } .product-listing-description {} /* [%DESCRIPTION%] */ .product-listing-image { float: left; margin: 0 10px 0 0; } /* [%IMAGE_THUMB%], [%IMAGE_MINI%] */ .product-listing-image a {} .product-listing-image a img {} .product-listing-price { font-size: 14px; font-weight: bold; margin: 0 0 5px; } /* [%PRICE%] */ /* OPTIONS HERE */ /* AVAILABILITY HERE */ .product-listing-sku {} /* [%SKU%] */ .product-listing-moreinfo { float: left; margin: 0 10px 0 0; } /* [%INFO%] */ .product-listing-moreinfo a { padding: 9px 0 0 10px; text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; height: 27px; margin: 18px 0 0; overflow: hidden; width: 140px; background: transparent url(/images/website/templateImages/originals/button_blank_medium.jpg) no-repeat scroll left top; } .product-listing-moreinfo a:hover, .product-listing-moreinfo a:active, product-listing-moreinfo a:focus { outline: none; } .product-listing-addtocart {} /* [%ADDTOCART%] */ .product-listing-addtocart a { padding: 9px 0 0 10px; text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; height: 27px; margin: 18px 0 0; overflow: hidden; width: 140px; background: transparent url(/images/website/templateImages/originals/button_blank_medium.jpg) no-repeat scroll left top; } .product-listing-addtocart a:hover, .product-listing-addtocart a:active, product-listing-addtocart a:focus { outline: none; } /* Standard (default) Product Detail ----------------------------------------------------------- */ /* NB: This includes default tags for the following widgets/objects in product.html: */ /* [%NAME%], [%DESCRIPTION%], [%ADDTOCART%], [%CATLINK%], [%OPTIONS%], [%BUNDLE%], */ /* [%COLLECTION%], [%IMAGES%], [%IMAGES_MINI%], [%IMAGE_MINI%], [%IMAGE_LARGE%], */ /* [%IMAGE_THUMB%], [%PRICE%], [%SAVINGS%], [#BUY#], [%AVAILABILITY%], [%OTHERBUNDLES%], */ /* [%BRAND%], [%SKU%], [%TABS%], [%CF_PCF_%] */ /* For [#REVIEWS#], see section at bottom of product detail styles */ #product-detail { position: relative; top: 0; left: 0; overflow: auto; width: 940px; } #product-detail.onspecial {} /* .onspecial modifier attached when product is on special offer */ .product-detail-name { border-bottom: 1px dotted #bebebe; font-size: 16px; font-weight: bold; padding: 0 0 5px; margin: 0 0 20px; } /* [%NAME%] */ .product-detail-description {} /* [%DESCRIPTION%] */ .product-detail-catlink {} /* [%CATLINK%] */ .product-detail-options {} /* [%OPTIONS%] */ .product-detail-bundle {} /* [%BUNDLE%] */ /*COLLECTIONHERE*/ .product-detail-images { background: #fafafa; float: left; margin: 0 20px 0 0; padding: 10px; } /* [%IMAGES%], [%IMAGES_MINI%] */ #gallery {} .lbox {} .lbox li {} .lbox li a {} .lbox li a img {} .enlarge {} .product-detail-image-mini {} /* [%IMAGE_MINI%] */ .product-detail-image-mini a {} .product-detail-image-mini a img {} .product-detail-image-mini a span {} .product-detail-image-thumb {} /* [%IMAGE_LARGE%], [%IMAGE_THUMB%] */ .product-detail-image-thumb a {} .product-detail-image-thumb img {} .product-detail-image-thumb span {} /* Support for IMAGE_SWITCHER: */ #images-thumb {} .image_switch_main {} .image_switch_main img { width: 250px; height: 250px; } #images-minis {} #images-minis #gallery { clear: both; } #images-minis #gallery br { display: none; } #images-minis #gallery .lbox { margin: 8px 0 0; padding: 0; } #images-minis #gallery .lbox li { margin: 0 10px 0 0; } #images-minis #gallery .lbox li a {} #images-minis #gallery .lbox li a img { width: 60px; height: 60px; } #images-minis #gallery .lbox li img { width: 60px; height: 60px; } .product-detail-price { font-size: 16px; font-weight: bold; position: absolute; right: 0; top: 0; } /* [%PRICE%] */ .prod-detail-saving {} /* [%SAVINGS%] */ .prod-detail-buy {} /* [#BUY#] */ .prod-detail-buy .inputText {} .prod-detail-price { font-size: 16px; font-weight: bold; margin: 10px 0 0; } .prod-detail-buynow {} .prod-detail-buynow .button { background: transparent url(/images/website/templateImages/originals/button_blank_medium.jpg) no-repeat scroll left top; margin: 10px 0 0; width: 150px; } /* AVAILABILITY HERE */ /* OTHERBUNDLES HERE */ #brand {} /* [%BRAND%] */ #brand .subHeading {} .brand-other {} .brand-other a {} .product-detail-sku {} /* [%SKU%] */ #tabmenu {} /* [%TABS%] */ #tabmenu ul {} #tabmenu ul li {} #tabmenu ul li a {} #tabmenu ul li a span {} #tabwrapper {} #tabwrapper .tab {} .cf-data {} /* [%CF_PCF_(cfid)%] */ /* ------------------------------------------------------------- SHOPPING CART / CHECKOUT PROCESS */ /* ---------------------------------------------------------------------------------------------- */ #cartListingTable {} tr.cartItem table, tr.cartItem tbody, tr.cartItem tr, tr.cartItem td { margin: 0; padding: 0; font-size: 14px; } tr.cartItem { display: block; min-height: 83px !important; overflow: hidden; padding: 10px; } tr.cartItem:hover { background: #e9e9e9; } tr.evenRow { background: #fafafa; } tr.oddRow { background: #f4f4f4; } tr.cartItem td:first-child { /*color: #ff5555;*/ } tr.cartItem td:first-child input { float: left; margin: 0 4px 0 10px; cursor: pointer; } tr.cartItem td:first-child br { display: none; } tr.cartItem td table tbody tr td img { width: 75px; height: 75px; margin: 0 10px; } .inCartName { display: block; width: 610px; } .inCartName a { font-size: 16px; } .inCartSKU { color: #666666; font-size: 12px; font-weight: bold; } .cartItem select.inputText { border: 1px solid #999999; font-size: 10px; font-weight: bold; margin: 0 30px 0 0; } tr.cartSubTotal { display: block; height: 60px; margin: 5px 3px 0; position: relative; z-index: 1; border-top: 1px dotted #bebebe; border-bottom: 1px dotted #bebebe; } tr.cartSubTotal td b { color: #000000; display: block; font-size: 21px; font-weight: bold; position: absolute; right: 10px; top: 10px; z-index: 99; } div.cart_shipping_methods { margin: 35px 4px 0; font-size: 16px; } table.cart_shipping_methods { border-collapse: collapse; } table.cart_shipping_methods tr { background: #f5f5f5; border-bottom: 1px dotted #aaaaaa; border-top: 1px dotted #aaaaaa; } table.cart_shipping_methods tr td { font-size: 14px; padding: 10px; } #cart_quantity .stageWrp .subsec table tbody tr td hr { display: none; } #cart_quantity .stageWrp .subsec table input.button { background: transparent url(/images/website/templateImages/originals/button_blank_medium.jpg) no-repeat scroll left top; width: 150px; } #checkout_address .subsec input.button { background: transparent url(/images/website/templateImages/originals/button_blank_large.jpg) no-repeat scroll left top; width: 200px; } .subsec #orderComments textarea.inputText { width: 926px !important; margin: 0 0 10px; } #checkout_payment .subsec p input.button { background: transparent url(/images/website/templateImages/originals/button_blank_large.jpg) no-repeat scroll left top; width: 200px; } #checkout_confirmation input.button { background: transparent url(/images/website/templateImages/originals/button_blank_large.jpg) no-repeat scroll left top; width: 200px; } #checkout_1 {} #checkout_1 .subHeading { font-size: 16px; margin: 35px 0 0; } .moduleRow { background: #f5f5f5; cursor: pointer; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; } .moduleRowOver { background: #e9e9e9; cursor: pointer; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; } .moduleRowSelected { background: #dfe7ed; cursor: pointer; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; } .moduleRow td, .moduleRowOver td, .moduleRowSelected td { padding: 10px !important; font-size: 14px; } form#checkout_payment .subHeading { font-size: 16px; } form#checkout_payment .subsec { margin: 10px 0 30px; } form#checkout_payment .coupons { display: none; } #checkout_3 .subHeading { font-size: 16px; } #checkout_3 .subsec {} #checkout_3 .ot_subtotal .main, #checkout_3 .ot_shipping .main, #checkout_3 .ot_tax .main, #checkout_3 .ot_total .main { padding: 5px; } #checkout_3 .ot_subtotal { background: #fafafa; } #checkout_3 .ot_subtotal .main { font-size: 16px; } #checkout_3 .ot_shipping { background: #fafafa; } #checkout_3 .ot_shipping .main { font-size: 16px; } #checkout_3 .ot_tax { background: #fafafa; } #checkout_3 .ot_tax .main { font-size: 16px; } #checkout_3 .ot_total { background: #fafafa; border-top: 1px solid #666; border-bottom: 1px solid #666; } #checkout_3 .ot_total .main { font-size: 18px; } body#pearlCategoryID_checkout_1 #breadcrumb { background: transparent url(/images/website/images/originals/breadcrumb_checkout_1of4.jpg) top left no-repeat; } body#pearlCategoryID_checkout_1 #breadcrumb a { display: none; } body#pearlCategoryID_checkout_2 #breadcrumb { background: transparent url(/images/website/images/originals/breadcrumb_checkout_2of4.jpg) top left no-repeat; } body#pearlCategoryID_checkout_2 #breadcrumb a { display: none; } body#pearlCategoryID_checkout_3 #breadcrumb { background: transparent url(/images/website/images/originals/breadcrumb_checkout_3of4.jpg) top left no-repeat; } body#pearlCategoryID_checkout_3 #breadcrumb a { display: none; } body#pearlCategoryID_success #breadcrumb { background: transparent url(/images/website/images/originals/breadcrumb_checkout_4of4.jpg) top left no-repeat; } body#pearlCategoryID_success #breadcrumb a { display: none; } /* Standard Account Page ----------------------------------------------------------------------- */ /* index.php?p=account */ .portal-menu { background: #efefef; font-size: 14px; font-weight: bold; margin: 0 0 30px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .portal-menu a {} #portal-account {} #portal-orders {} #portal-statement {} #portal-profile {} #portal-addresses {} #portal-password {} #portal-logout {} #acc {} /* 'My Account' */ #acc .subHeading {} #acc .subsec {} .acc-item {} .acc-item a {} #account-account {} #account-finance {} #account-orders {} #account-helpdesk {} #account-events {} #account-projects {} #accHistory {} /* 'Orders' */ .orders-search {} #orderDetail {} #orderDetail .pageHeading {} #orderDetail .subHeading {} #orderDetail .subsec {} #orderDetail .o-tax {} #orderDetail .o-status {} .order_detail {} .order_detail .itmQty {} .order_detail .itmName {} .order_detail .itmSku {} .order_detail .itmTotal {} #orderDetail .totalTitle {} #orderDetail .totalPrice {} #orderDetail .order-shipping {} #orderDetail .order-billing {} #orderDetail #extra_comment {} #accEdit {} /* 'Profile' */ form#account_edit {} #addrBook {} /* 'Address Book' */ #editPass {} /* 'Password' */ form#account_password {} .inputRequirement {} input#password_current {} input#password_new {} input#password_confirmation {} /* Standard Helpdesk Page ---------------------------------------------------------------------- */ /* index.php?p=helpdesk */ .ticket-details {} .ticket-description {} .helpdesk-note {} .helpdesk-panel {} .helpdesk-note-details {} .helpdesk-note-text {} .helpdesk-note-file {} .helpdesk-note-file a {} /* Standard Projects Page ---------------------------------------------------------------------- */ /* index.php?p=project */ #project-menu {} #project-menu a {} .project-description {} .project-job {} .project-job-title {} .project-job-title img {} .project-job-title a {} .project-files {} .project-files-title {} .project-files-filename {} .project-files-filename a {} .project-files-filesize {} .project-files-filemodified {} .project-job-info {} .project-job-description {} .project-notes {} .project-notes-form {} .project-notes-form .inputText {} .project-notes-form .button {} .project-notes-form .job-upload {} .project-notes-form .job-upload .tidyForm {} /* Standard Checkout Process Pages ------------------------------------------------------------- */ /* index.php?p=checkout */ .stageWrp .moduleRowSelected {} .stageWrp .pageHeading {} .stageWrp .subHeading {} .stageWrp .subsec {} .stageWrp .subsec .main {} .stageWrp #ordercomments {} #checkout_1 {} #checkout_1 .pageHeading {} #checkout_1 .subHeading {} #checkout_1 .subsec {} #checkout_1 #ordercomments {} #checkout_2 {} #checkout_2 .pageHeading {} #checkout_2 .subHeading {} #checkout_2 .subsec {} #checkout_2 .subHeading.coupons {} #checkout_2 .subsec.coupons {} #checkout_2 #ordercomments {} #checkout_2 #orderCustomFields {} #checkout_3 {} #checkout_3 .pageHeading {} #checkout_3 .subHeading {} #checkout_3 .subsec {} #checkout_3 .otsubtotal {} #checkout_3 .ot_shipping {} #checkout_3 .ot_tax {} #checkout_3 .ot_total {} #checkout_3 form#checkout_confirmation .button {} /* Standard Smartforms ------------------------------------------------------------------------- */ /* index.php?p=contact */ #contact-page {} #contact-message {} #contact-form {} .contact-fieldset {} .contact-fieldtext {} .contact-field {} .contact-required {} /* Standard Events & Calendar Pages ------------------------------------------------------------ */ /* index.php?p=event */ /* index.php?p=calendar */ #cal-calendars {} #cal-calendars .inputText {} #cal-legend {} #cal-legend ul {} #cal-legend ul li {} .calendar-month-prev {} .calendar-month-prev a {} .calendar-month-month {} .calendar-month-month a {} .calendar-month-next {} .calendar-month-next a {} .calendar-table {} .calendar-month-dayNames {} .calendar-month-emptyDays {} .calendar-month-day {} .calendar-month-today {} .calendar-month-linkDay {} .calendar-month-linkDay a {} #event {} #event .pageHeading {} #event .pageHeading .event-code {} #event .pageHeading .event-title {} #event .subsec {} #calSearchDates {} #calSearchVenue {} #calSearchVenue .inputText {} #eventList {} .eventListMonth {} .eventListEvent {} .eventListEventCol {} .eventListEventCode {} .eventListEventVenue {} .eventListEventTitle {} .eventListEventTitle a {} .eventListEventStart {} .eventListEventEnd {} /* Standard Newdesk Styling -------------------------------------------------------------------- */ body#pearlCategoryID_news {} body#pearlCategoryID_news .pageHeading {} .news-feed-item {} .news-date { color: #777777; font-size: 16px; font-weight: bold; } .news-author { font-weight: bold; margin: 0 0 20px; } .news-content { margin: 0 0 30px; } /* On screen messages, eg form errors */ .msgStack { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px; } .msgMessage { background-color:#00cc00; color: #fff; } .msgWarning { background-color:#ffcc00; color: #fff; } .msgError { background-color:#cc0000; color: #fff; } .msgStackMsgRow { margin: 3px; } /* CHUNK: ONE PAGE CHECKOUT */ #one_page_checkout {} .opc_framewrap { background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; } #one_page_checkout h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px; } #cart_frame_invoice { width: 45%; float: left; } #cart_frame_invoice .button { margin: 10px 0 0; } #cart_frame_delivery { width: 45%; float: right; margin: 0 0 0 10px; } #cart_frame_delivery .button { margin: 10px 0 0; } #cart_frame_shipping { clear: both; width: 45%; float: left; margin: 10px 0; } #opc_delivery_methods { list-style-type: none; padding: 0; } #opc_delivery_methods li { padding: 4px; } #opc_delivery_methods li label {} #opc_delivery_methods li label span {} #opc_delivery_methods li label span input { vertical-align: middle; } .opc_delivery_select {} .opc_delivery_name {} .opc_delivery_info { display: block; padding: 0 0 0 17px; } .opc_delivery_cost { display: block; padding: 0 0 0 17px; } #cart_frame_payment { width: 45%; float: right; margin: 10px 0; } #opc_payment_methods { list-style-type: none; padding: 0; } #opc_payment_methods li { padding: 4px; } #opc_payment_methods li label {} #opc_payment_methods li label span {} #opc_payment_methods li label span input { vertical-align: middle; } .opc_payment_select {} .opc_payment_name {} .opc_payment_info { display: block; padding: 0 0 0 17px; } .opc_payment_cost { display: block; padding: 0 0 0 17px; } #cart_frame_submit { display: none !important; } #cart_frame_coupon { clear: both; margin: 10px 0 0; } #discount_coupon_input {} .discount_coupon_validate {} #cart_frame_review { clear: both; margin: 10px 0 0; } #order-review thead { border-bottom:1px solid #aaa; } #order-review-totals { text-align:right; border-top: 2px solid #333; } #order-review-tbl-totals { width:100%; } #order-review-tbl-totals td { padding:4px; font-size:14px; } #order-review-tbl-totals tr.ot_total td { font-size:23px; } .opc-options { font-size:10px; } .opc-options-name { padding-right:4px; font-weight:bold; } .opc-option-value {} #cart_frame_comments { clear: both; margin: 10px 0 0; } #cart_frame_comments .inputText { width: 98% !important; } #cart_frame_place_order { clear: both; margin: 10px 0 0; } #cart-status { padding:10px; } .statusOK { background-color: #99ff33; } .statusFail { background-color: #cc0000; } #checkout_confirm_order {}