/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin general styles for all themes */ body { margin: 0px;  padding: 0px; background: url('background-main.JPG') repeat; /* Disabled as -fixed- causes lagging */ /* background: url('background-main.JPG') repeat fixed; */ font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px;  } p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; /* margin-top: 0px; */ } form { margin: 0px; } a:link { color: #585858; border: 0px; } .input-box { height: 16px; width: 302px;  padding: 2px; color: grey; border: 1px solid #A5A5A5; font-family: arial, helvetica; font-size: 12px; } .input-text { width: 302px; height: 200px; color: grey; overflow: scroll; border: 1px solid #A5A5A5; font-family: arial, helvetica; font-size: 12px; } /*************** Remove border from image links ************/ a:link img { border: 0px; } /**********************************************************/ a:visited { color: #585858; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a:active { color: #000000; text-decoration: none; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #e6e6e6; } .actCHECKOUTBG { background-color: #f9f9f9; } .actlarger { font-size: 14; color: #000000; } .actsmaller{ font-size: 10px; color: #000000; } .actxxsmall { font-size: 10px; color: #000000; } .actxsmall { font-size: 11px; color: #000000; } .actsmall { font-size: 11px; color: #000000; } .actregular { font-size: 14; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #b30000; } .actrequiredcolor { color: #b30000; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { /* color: #b30000; */ } .actwarning { font-size: 11px; color: #b30000; } .actwelcome { font-size: 11px; color: #000000; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #585858; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #999999; } .thinborder2 { border: 1px solid #cdcdcd; } .thinred { border: solid 1px #999999; border-top: 0px; } .thinred2 { border: solid 1px #cdcdcd; border-top: 0px; }  .boxheading { font-weight: bold; text-transform: uppercase; color: #000000; } a.boxlink:link{ color: #000000; text-decoration:none; } a.boxlink:visited{ color: #000000; text-decoration:none; } a.boxlink:hover{ color: #000000; text-decoration:underline; } a.boxlink:active{ color: #000000; text-decoration:none; } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold;  font-size: 1.2em;  line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */ /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 20px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #999999; } h1.subheading	{ font-size: 14; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #cdcdcd; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #cdcdcd; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #cdcdcd; clear:both; } h3.product	{ font-size: 14; /* font-weight: 900; */ /* margin: 0px; padding: 0px 0px 6px 0px; */ color: #cdcdcd; font-family: TrajanPro-Bold; } h3.product_price	{ font-size: 11px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column	{ /* *margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; */ color: #999999; font-weight: 900; font-size: 14; font-family: Trajan-Bold; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal; vertical-align: middle; } /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #f9f9f9; border: 1px solid #f9f9f9; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #cdcdcd } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 11px; background-color: #cdcdcd; border: 1px solid #999999; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } /* Styles for the 'Mini' marketing layouts ---------------------------------- */ .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .text_product_small_info	{ font-size: 10px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #cdcdcd; font-weight: 900; font-size: 11px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } /* Links to sections and pages in sidebar menus on some themes -------------------------------------*/ ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 11px; color: #b30000; } a.product_section:visited  { color : #585858; text-decoration : none; } a.product_section:link  { color : #585858; text-decoration : none; } a.product_section:active  { color : #000000; text-decoration : none; } a.product_section:hover  { color : #000000; text-decoration : none; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #cdcdcd; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #cdcdcd; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #999999; clear:both; } .dotted_outline_blue	{ border: 1px dotted #cdcdcd; padding: 8px; }		 /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 10px; color: #999999; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #999999; text-decoration : underline; } a.link_breadcrumbs:link  { color : #999999; text-decoration : underline; } a.link_breadcrumbs:active  { color : #999999; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #999999; text-decoration : underline; } /* Page footer  --------------------------------------------------------*/ .text_footer	{ color: #cdcdcd; font-size: 10px; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space	{ word-spacing: normal; } a.link_footer:visited  { color : #303030; text-decoration : underline; } a.link_footer:link  { color : #303030; text-decoration : underline; } a.link_footer:active  { color : #303030; text-decoration : underline; } a.link_footer:hover  { color : #303030; text-decoration : underline; } /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 76px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 11px; background-color: #cdcdcd; border: 1px solid #999999; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* Styles for CSS Buttons ----------------------------------------------*/ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 11px; margin: 0px; color : #ffffff; } a.link_menu:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #cdcdcd;  border: 1px solid #303030; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #cdcdcd; border: 1px solid #303030; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #cdcdcd; border: 1px solid #303030; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #999999; border: 1px solid #303030; } /* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/ /* Start of styles new to v9 */ /* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */ .heading_marketing_box	{ border: 2px solid #999999; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #999999; border-bottom: 2px solid #999999; color: #ffffff; font-weight: 900; font-size: 11px; background-image: url('theme_marketing_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } .heading_marketing_box	p{ padding: 8px; } .heading_marketing_box .product_image_cost	{ padding: 8px; } /* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes, but also used in the lists that have 'Rounded Corners' in the name */ /* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */ /* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */ /* Styles for 'Quick Search Bar With Curved Box' layout */ .formbox1 { padding: 0px; margin: 0px; border: 0px; background-image: url('theme-rounded-searchfield-left.gif'); height: 19px; padding-left: 10px; background-repeat: no-repeat; float: left; } .formbox2 { padding: 0px; margin: 0px; border: 0px; height: 19px; background-image: url('theme-rounded-searchfield-right.gif'); background-position: right; background-repeat: no-repeat; padding-right: 10px; } .inputfield { padding: 0px; margin: 1px 0; border: 0px; height: 16px; font-size: 12px; } /* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */ /* These layout selectors bring in styles for specific themes, that are ONLY used by that theme. */ /* If you are not using these themes, you can safely remove this code */ /* Start of Styles for MAIN-GRAFEA Theme */ a:link { text-decoration: none; } @font-face { font-family: 'TrajanPro-Bold'; src: url('TrajanPro-Bold.eot'); /* IE9 Compat Modes */ src: url('TrajanPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('TrajanPro-Bold.woff') format('woff'), /* Modern Browsers */ url('TrajanPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */ url('TrajanPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'TrajanPro-Regular'; src: url('TrajanPro-Regular.eot'); /* IE9 Compat Modes */ src: url('TrajanPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('TrajanPro-Regular.woff') format('woff'), /* Modern Browsers */ url('TrajanPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */ url('TrajanPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */ } .float-left { float: left; } .float-right { float: right; }    .clear-both { clear: both; } .font01 { /* HEAD NAV BAR FONTS */ font-family: 'TrajanPro-Bold', Georgia; font-size: 13px; text-decoration: none; } .font02 { /* PRICE */ font-family: 'TrajanPro-Bold', Georgia; font-size: 20px; text-decoration: none; }    .font03 { /* Product Title on CATEGORY PAGE */ font-family: 'TrajanPro-Regular', Georgia; font-size: 15px; text-decoration: none; } .font04 { /* PRODUCT BIG TITLE FONTS */ font-family: 'TrajanPro-Regular', Georgia; font-size: 45px; } .font05 { /* PRODUCT DESCRIPTION FONTS */ /* font-family: 'AGaramondPro-Regular', Times;  font-size: 14px; */ font-family: Palatino Linotype, serif;  font-size: 12px;  text-decoration: none; }      .font06 { font-family: Palatino Linotype, arial; font-size: 22px; } .font07 { font-family: arial, times; font-size: 12px; } .font08 { font-family: arial, times; font-size: 11px; } .font-12p { font-size: 12px; }     span#normal-text { font-weight: normal; } .centralise { margin-left: auto; margin-right: auto; text-align: center; } #shadow { width: 1004px; margin: 0 auto 0 auto; background: url('shadow.png') repeat-y; }       #wrapper { width: 970px; background: #c0c1b9 url('background-top.JPG') no-repeat top; z-index: 0; /* Disabled as -fixed- attribute causes lag */      /* background: #c0c1b9 url('background-top.JPG') no-repeat fixed top; */ /* shadow colour is #282828 over Ipad background */ /* Disabled as it causes lagging */ /* Using DIV shadow with backg image */  /* -moz-box-shadow: -5px 0px 12px 0px #282828  , 5px 0px 12px 0px #282828; */ /* box-shadow: -5px 0px 12px 0px #282828   , 5px 0px 12px 0px #282828;     */ /* behavior: url(ie-css3.htc); */ /* This lets IE know to call the script on all elements which get the 'box' class */ } #wrapper-bottom { background-image: url('background-bottom.JPG');  background-repeat: no-repeat; background-position: bottom; z-index: 2;  } .wrapper-brochure { /*  width: 940px; ***OLD*** */  width: 946px;  }     .big-gap-section { height: 30px; clear: both;    } .med-gap-section { height: 10px; clear: both; }     .med-gap-section-transparent { height: 10px; clear: both; background-color: transparent;    }     #top-bar-section { position: relative;  margin-bottom: 10px; clear: right;        } #top-nav-bar-section { position: absolute; left: 575px; top: 12px; }   img#top-bar-transparent { opacity:0.95; filter:alpha(opacity=95);  /* For IE8 and earlier */ z-index: 4; }	 img#grafea-logo-white { position:absolute;  left: 79px; top: 47px; z-index: 5; } img#visa { position:absolute; left: 730px; top: 145px; z-index: 5; } /********* BASKET START ************/ #basket-background { position: absolute; top: 87px; left:730px;  width: 210px; height: 35px; opacity:0.1; filter:alpha(opacity=10); /* For IE8 and earlier */ z-index: 2; background-color: white;  } #basket-container { position: absolute; top: 87px; left:730px;  width: 210px; height: 35px;  font: normal 11px arial, sans-serif; text-align: left; /* IMPORTANT! */ border: 1px solid #dddddd; z-index: 8 } #basket-link { vertical-align: top!important; font-weight: bold; line: height: 14px; background: url('basket4.gif') 0 2px no-repeat;  clear: both; padding: 0 0 0 20px; display: block; }  #bskt { line-height: 13px; width: 115px; height: 27px; padding: 4px 0px 4px 10px; } #basket-results { line-height: 15px; } #checkout-link { padding: 6px 10px 6px 5px; } /**************** BASKET END *****************/ /* FRAGMENT MAIN PHOTO  */  /* bottom center */ /* #wowslider-container1  .ws_bullets { top:0; right: 0; }  */ #wowslider-container1 {  position: relative;  border: 1px solid #404040;  /*overflow: hidden; */ zoom: normal;  padding: 6px; margin: 0 auto;  z-index: 100;  background-color: #D9DAD5; } #wowslider-container1 p { position: absolute; left: 690px;  top: 110px; font-family: Crimson-Roman-webfont; font-size: 15px; color: black; z-index: 99;              } #wowslider-container1 .ws_images{ width:932px; /* IMPORTANT ! */ height:420px; /* IMPORTANT ! */ overflow:hidden; position:relative; z-index: 3; } #wowslider-container1 .ws_images a{ color:transparent; } #wowslider-container1 .ws_images img{ top:0; left:0; width: 932px; height: 420px; border:none 0; max-width: none; } #wowslider-container1 a{  text-decoration: none;  outline: none;  border: none;  } /* Controls position of bullets */ #wowslider-container1  .ws_bullets {  font-size: 0px;  top: 400px; left: 20px;  float: left; position:absolute; z-index: 70; } #wowslider-container1  .ws_bullets div{ position:relative; float:left; } /* Controls colour, size of Bullets */ #wowslider-container1 .ws_bullets a {  margin-left: 5px;  height: 10px;  width: 10px;  float: left; /* Controls orientation of movement */ border: 1px solid #d6d6d6; /* Border colour for bullet */ color: #d6d6d6;  text-indent: -1000px;  background-image:url("data:image/gif;base64,");  position:relative; color:transparent; } #wowslider-container1 .ws_selbull {  background-color: #d6d6d6; /* Color for Active bullet */  color: #FFFFFF;  } #wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull {  background-color: #d6d6d6; /* color for hover over bullet */ color: #FFFFFF;  } #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position:absolute; display:block; top:50%; margin-top:-16px; z-index: 60; height: 67px; width: 32px; background-image: url(arrows.png); } #wowslider-container1 a.ws_next{ background-position: 0 0;  right:-7px; } #wowslider-container1 a.ws_prev { left:-7px; background-position: 0 100%;  } #wowslider-container1 a.ws_next:hover{ background-position: 100% 0;  } #wowslider-container1 a.ws_prev:hover{ background-position: 100% 100%;  } /* Sliding TITLE */ #wowslider-container1 .ws-title{ position: absolute; bottom:7%; left: 0; margin-right:5px; z-index: 50; background-color:#FFF; color:#1E4553; padding:10px; opacity:0.7; font-family: Tahoma,Arial,Helvetica; font-size: 14px; height:17px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	 } #wowslider-container1 .ws-title div{ padding-top:5px; font-size: 12px; } #wowslider-container1 .ws_bullets  a img{ text-indent:0; display:block; top:12px; left:-100px; visibility:hidden; position:absolute; border: 2px solid #B8C4CF; } #wowslider-container1 .ws_bullets a:hover img{ visibility:visible; } #wowslider-container1 .ws_bulframe div div{ height: 90px; overflow:visible; position:relative; } #wowslider-container1 .ws_bulframe div { left:0; overflow:hidden; position:relative; width: 200px; } #wowslider-container1  .ws_bullets .ws_bulframe{ display:none; top:25px; overflow:visible; position:absolute; cursor:pointer; border: 2px solid #B8C4CF; } #wowslider-container1 .ws_bulframe span{ position:absolute; } #home-main-photo-section { position: relative; clear: right;             } #home-main-photo-section-text { position: absolute; left: 703px;  top: 140px; font-size: 15px; color: black; z-index: 6;             } #white-box {   position: absolute; opacity:0.58; filter:alpha(opacity=58);  width: 250px; height: 420px; top: 0px; left: 682px; background-color: white; z-index: 5;             }   #home-big-photo { width: 928px; height: 420px; border: 4px solid #404040;   z-index: 0;        } #grafea-logo-black { position:absolute; left: 735px;  top: 30px; z-index: 6;           } .four-photos { width: 215px; height: 167px; padding: 6px;    }    .home-left-photo-section { margin-top: 20px; margin-right: 10px;  height: 180px; /* IMPORTANT! */ border: 1px solid #404040; background-color: #D9DAD5; }     .home-right-photo-section { margin-top: 20px; height: 180px; /* IMPORTANT! for IE7 otherwise it adds space at the bottom of the DIV */ clear: right; border: 1px solid #404040; background-color: #D9DAD5; }     #welcome { clear: both;  position: relative;  width: 927px;  padding: 10px 0px 10px 19px; text-align: left;  background-color: #F4F4F3;     } /*********** Beginning of FOOTER *********************/ #footer { font-size: 16px; color: #383838; clear: both; padding-bottom: 30px; }    #logos-section { clear: left; margin-top: 10px; margin-bottom: 30px; }     .logo-image { margin-right: 7px; } /* ******************** END of HOME PAGE ********** */ /* **************  PRODUCT  CATEGORY ****************** */ #quotes{ margin-top: 3px;  padding-bottom: 25px; font-family: 'TrajanPro-Regular', Georgia, Arial; font-size: 13px; color: #585858; text-decoration: none; }     #quotes-author-container { position: relative;  clear: both;  width: 940px;     } div#photo-and-bars { border: 1px solid grey; width: 300px; height: 234px; background-color: white;    }   div.colour-squares {  margin-left: 3px;     }    div.colour-squares img{ margin-right: 1px; }    div#product-title-section { clear: left; text-align: center; }      .rounded-corners { width: 940px; border-top: 15px solid white; border-bottom: 5px solid white; /* Above two Important for rounded corners */ -moz-border-radius: 14px; border-radius: 14px; background-color: white;  overflow: hidden; }    .category-banner { width: 918px; height: 191px; position: relative; /* !IMPORTANT */  line-height: 191px;  vertical-align: middle;  border: 1px solid grey; /* background-image: url('Leather_Briefcases_banner.JPG'); */ /* font-family: 'TrajanPro-Regular', times; font-size: 45px; */ color: white; }  .category-table { margin-top: 10px; }     /***************** PRODUCT PAGE **************************/    div#wrapper-product-body { width: 900px; position: relative; } div#wrapper-product-body-content { width: 807px;  margin-left: 60px;   float: left;  } div#product-left-section { position: relative; width: 490px; /* margin-left: 60px; */ } div#cart-and-text { margin: 5px 50px 0px 50px; width: 390px; } div#discount-price { clear: both; font-family: arial, serif; font-size: 13px; color: red; }     div#price-layout { margin: 50px auto 0px auto; width: 150px; float: left;  } input.add-2-cart-button { background: url('add_to_cart_merged.gif') no-repeat 0px 0px; width: 137px; height: 34px; vertical-align: middle;   }       input.add-2-cart-button:hover { background-position: 0px -34px;  } input.add-2-cart-button:active { background-position: 0px -68px; } div#other-colours { margin-top: 60px;  } div#more-images { margin-top: 22px; float: right; width: 160px; } div#more-images img{ margin-top: 0px; }  /********* Beginning of VIDEOLIGHTBOX *************/ /* the overlayed element */ div#voverlay { /* growing background image */ background-image:url(white.png); /* dimensions after the growing animation finishes  */ width:800px; height:475px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely  */ padding:35px; } /* default close button positioned on upper right corner */ div#voverlay div.close { background-image:url(close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } div#vcontainer{ left:0; top:0; width:100%; height:100%;	 background:url(loading.gif) no-repeat 50% 50%; } /*******************************************************/ div#youtube-video { width: 315px; clear: both; } div#soapbox-layout { margin-top: 15px; font-size: 13px; }   div#youtube-box { margin-top: 10px;  } img#youtube-blank { padding:6px;	 width:300px;  border:solid 1px #b8b8b8; } div.recommended-products { margin-top: 90px; text-align: left; } .recomm-text { margin-left: 14px; }     div#small-icons { clear: left; } #lbtable img { margin-bottom: 4px; padding: 4px; border:1px solid silver !important; } /* End of CATEGORY and PRODUCT */ /********** CHECKOUT GRAFEA CSS CODE **************/ .width-100pc { width: 100%; } #check-top-ban { width: 918px;  height: 46px;  border: 1px solid #bbbbbb;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */  -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; font: bold 16px/46px arial,serif; } .check-top-ban-text { float: left;  width: 306px;  background: url('bar-arrow.png') no-repeat right; }   #check-top-ban-cart { width: 622px;  height: 46px;  border: 1px solid #bbbbbb;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */  -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; font: bold 16px/46px arial,serif; } #check-top-ban-text-last { float: left; width: 306px; } .text-black { color: black; } .text-grey { color: #D3D3D3; }     .img-tick { vertical-align: middle; padding-left: 10px; }        #check-main { position: relative; margin-bottom: 14px; width: 896px; clear: both;   color: black; padding: 14px 11px 14px;  border-left: 1px solid #bbbbbb;  border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;   -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow: hidden; /* !Important! */    } #check-main-cart { position: relative; margin-bottom: 14px; width: 600px; clear: both;   color: black; padding: 14px 11px 14px;  border-left: 1px solid #bbbbbb;  border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;   -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow: hidden; /* !Important! */    } #check-left { width: 470px;  color: #5F5F5F; float: left; }     #check-left-cart { width: 470px;  color: #5F5F5F; margin: auto; } #check-left-title { text-align: left; height: 34px;  width: 470px; font: bold 14px/34px arial,serif; }     .cart-table { width: 100%; clear: both;  color: #5F5F5F; }    #cart-table th{ padding: 7px 0 6px; color: #5F5F5F; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #CCC;  } #cart-table  td{ font-size: 11px; padding: 5px 10px 5px 0; border-bottom: 1px solid #CCC;    } .check-header th{ border-bottom: 1px solid #CCC; color: #666; font-weight: 700; font-size: 11px; text-transform: uppercase; white-space: nowrap; padding: 7px 0 6px; } .check-row td { border-bottom: 1px solid #CCC; font-size: 11px; padding: 5px 10px 5px 0; } .check-row-image { width: 38px; border-bottom: 1px solid #CCC; font-size: 11px; padding: 5px 10px 5px 0; } .check-row-title { width: 100%; padding: 5px 20px 5px 0px; border-bottom: 1px solid #CCC; font-size: 11px; } .check-price { font-size: 11px; padding: 5px 10px 5px 0; text-align: right; font-weight: 700; border-bottom: 1px solid #CCC; } .check-left-notes { background-color: #FBFBFC; font-family: arial, serif; text-align: left; border: 1px solid #bbbbbb;  -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin-top: 20px; padding: 0px; } .check-right { float: right; width: 415px; position: relative; }  .check-right-ban { height: 34px; margin: 0px; padding-left: 16px;  text-align: left; border: 1px solid #bbbbbb;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */ background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */  -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; font: bold 14px/34px arial,serif; } .check-right-body { background-color: #FBFBFC; border-left: 1px solid #bbbbbb;  border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;   -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow: hidden; padding: 10px; } #maestro-paypal { padding-left: 0px; margin-left: 0px; }     #check-right-table-ship { width: 100%; } #check-right-table-ship tr { vertical-align: middle; line-height: 20px; }     #check-right-table-ship td { font-size: 12px; padding: 0 0 5px; }     .select-countries { width: 300px; font-size: 11px; padding: 2px; color: #5F5F5F; border: 1px solid #A5A5A5; -webkit-appearance: menulist; box-sizing: border-box; -webkit-box-align: center; white-space: pre; -webkit-rtl-ordering: logical; background-color: white; cursor: default;  } .horizontal-line { border-top: 1px solid #CCC; }     .check-left-cart-titles { text-align: right; padding-right: 10px; font: normal normal 11px arial, Georgia, serif; } .check-left-cart-results { text-align: right; color: #5F5F5F; font: normal bold 14px/27px arial, Georgia, serif; padding-right: 10px; }      .your-details-table tr { vertical-align: middle; } .your-det-tabl-label { font: 11px/24px arial, serif; text-align: left; padding-right: 5px; padding-top: 2px; } .your-det-tabl-data { text-align: left; padding-top: 2px; } .your-det-tabl-data input { font: normal 11px/14px arial, serif; border: 1px solid #A5A5A5; padding: 2px; color: #5F5F5F; }  .bigger-width input { width: 350px; } .big-width input { width: 300px; }  .med-width input{ width: 220px; } .small-width input{ width: 120px; } .tiny-width input{ width: 20px; } .check-right-body-payment { border-left: 1px solid #bbbbbb;  border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;   -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow: hidden; padding: 15px 20px 15px 20px; background-color: #FBFBFC; } .your-det-tabl-label-payment input, select{ font: normal 11px/14px arial, serif; border: 1px solid #bbbbbb; padding: 4px;   color: #5F5F5F; } #check-info { border: 1px solid grey; padding: 20px; margin-bottom: 40px; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .ship-table { border: 1px solid #bbbbbb; width: 350px; color: #5F5F5F; }   .ship-table-instr { padding-top: 5px; padding-bottom: 5px; margin-top: 10px; }   .check-right-gen-info input{ font: normal 11px/14px arial, serif; border: 1px solid #bbbbbb; padding: 4px;   color: #5F5F5F; } .pad-10b { padding-bottom: 10px; }    .required-text { clear: both;  margin-top: 10px;  text-align: center; }     /**************** END of CHECKOUT ***************/ /************** RECEIPT ********************/ #receipt-top-container { width: 650px; padding: 10px; overflow: hidden; } #receipt-invoice { margin-top: 60px; float: right; }     #receipt-cart { text-align: left;  width: 700px;  padding: 15px;  border: 1px solid #bbbbbb;  -webkit-border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px; background: url('grafea_logo01.jpg') no-repeat center; }  #receipt-order-no {  font-size: 20px; }  .receipt-header { font-weight: 700; padding-right: 10px; }     .pad-10 { padding-right: 10px; }    .pad-02t { padding-top: 2px; } .pad-10t { padding-top: 10px; }     .receipt-prod-descr { font-size: 14px; }     #receipt-footer { margin-top: 30px; text-align: center; }     /*****************  ACTINIC ***********/ /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #f9f9f9; } table.checkout th { background-color: #e6e6e6; } .cartheading { background-color: #e6e6e6; font-weight: bold; text-transform:uppercase; } /*******************************************************/ /************** End of CHECKOUT CSS ***************/ /********** VARIOUS GRAFEA CSS CODE **************/ /********* Begin of DELIVERY CSS SECTION ********/ .wrapper-delivery { margin: 0px 20px 0px 20px; } .del-gen-container { margin-top: 10px;  text-align: left; }     #del-general-div { text-align: left;  margin-top: 10px;  width: 750px;  float:left;    }     #del-uk-left { width: 290px;  margin-bottom: 5px; float:left; padding-left: 140px;  text-align: justify;  text-justify: inter-word;  background-repeat: no-repeat;  background-position: left top;  } #del-uk-right { width: 290px; float: right;  padding-left: 140px;  text-align: justify;  text-justify: inter-word;  background-repeat: no-repeat;  background-position: left top;  } #del-eu-div { width: 480px; padding-left: 270px;  text-align: justify;  text-justify: inter-word;  background-repeat: no-repeat;  background-position: left bottom;  } #del-usa-div { text-align: left;  margin-top: 10px;  padding-bottom: 10px;  background-position: right bottom;  background-repeat: no-repeat;   }  #del-usa-text { width: 400px;  text-align: justify;  text-justify: inter-word; }     .grey-line { border: 1px solid grey;  margin-top: 10px;  clear: both; }  /*********** End of DELIVERY CSS code ************/ /********** Begin of CONTACT US  *****************/ #contact-top-left-container { float: left;  margin-left: 80px; font-family: arial, times; font-size: 11px;     } #contact-main-border { text-align: left; padding: 10px; border: 1px solid #A5A5A5; -moz-border-radius: 5px; border-radius: 5px; background-color: #FCFCFC; }     #contact-bottom-left { text-align: center; margin-top: 20px; }  #contact-top-right { float: right; margin-right: 50px; background-image: url('contact-us-man.JPG');  background-repeat:no-repeat; background-attachement: fixed; background-position: center; opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ height: 690px; width: 330px; } #contact-image { height: 650px; }     /************** End of CONTACT US ***************/ /**************** ABOUT US *******************/ .brochure-banner { width: 918px; height: 191px; position: relative; /* !IMPORTANT */  line-height: 191px;  vertical-align: middle;  border: 1px solid grey; /* NORMAN'S SOLUTION - not working currently */ /* background-image: url(''); */ background-position: center;  background-repeat: no-repeat; color: white; margin-bottom: 50px; }  .aboutus-text { width: 700px;  font-size: 12px;  text-align: left;  padding-bottom: 50px;  } /*************************** END of About US **********/    /* BEGINING OF PRODUCT SECTION */ .fonts-white { color: white; }     .fonts-white-cap { color: white; text-transform: uppercase; }     .fonts-black { color: #707070; }      .fonts-black-cap { color: #707070; text-transform: uppercase; }    .soapboxlinks table,.soapboxlinks td,.soapboxlinks a{font-size:15px;}  /* change the 10 to increase or decrease the font size of linked and non-linked Soapbox text */ .soapboxlinks table,.soapboxlinks td{color:#000000;} /* change this color value to change the non-linked text color (Not Reviewed) */  .soapboxlinks a{color:#707070; }  /* change this color value to change the links color (Be The First, X reviews, Write a review) */ .soapboxlinks a{font-family: 'AGaramondPro-Regular', Times;} /* Start Prime Multi Column Menu */ #shadow-menu { height: 56px; background: url('shadow-menu.png') repeat-x; }     #shadow-column { height: 15px; background: url('shadow-column.png') repeat-x; } #multicolumnmenu { height: 43px; margin: 0 auto 0 auto; background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#939393'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#939393)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ececec, #939393); /* for firefox 3.6+ */  /* CAUSES LAGGING - DISABLED 4 NOW -          */ /*   USE PNG IMAGE 4 SHADOW                   */ /*  -webkit-box-shadow: 0px 5px 10px #282828; */  /*  -moz-box-shadow: 0px 5px 10px #282828;    */ /*  box-shadow: 0px 5px 10px #282828;         */ } .mcmseeall	{	/* for the See all ... link */ } /* Use container only if you have few categories and need dividers before and after list */ /* #topnav-container { margin: 0 auto 0 auto; } */ ul#topnav { vertical-align: middle; margin: 0;  padding: 0; float:left;  width: 100%;  list-style: none; /* background: url('border-right41.JPG') no-repeat left; */ z-index: 8888;  } ul#topnav li { float: left; /* IMPORTANT */ height: 43px; /* was 25px */ margin: 0;  border-right:  none; position: relative; /*--Important--*/  } ul#topnav li a { height: 43px; line-height: 43px; color: #282828;  font-size: 12px; font-family: Arial;  font-weight: normal; text-transform: uppercase; padding: 0px 15px 0px 14px; float: left; text-shadow: 1px 1px 1px #cdcdcd; /* color: #ffffff; */ /* Main Fonts Foreground */ /* background: url('border-right41.JPG') no-repeat right; */ } ul#topnav li a:hover { color: #303030; /* color: #ffffff !important; */ /* Main Fonts Hover state */ } ul#topnav li:hover { /*--Hover State--*/ background-color: #cdcdcd; }  ul#topnav li .sub { position: absolute;	 top: 25px; left: 0; background-color: #303030 !important; border: 1px solid #cdcdcd; z-index: 8888;	 padding: 20px 20px 20px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; } ul#topnav li .row { float: left; width: 100%; margin-bottom: 10px; } ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; width: 175px; float: left; } ul#topnav .sub ul li { border-right: none; background-color: #303030 !important; height: auto; width: 100%; } ul#topnav .sub ul li h2 { padding: 0;  margin: 0; padding-left:10px; font-size: 1.1em; } ul#topnav .sub ul li h2 a { padding: 3px 0; background-image: none; color: #000000; font-weight: bold; } ul#topnav .sub ul li a { float: none;  text-indent: 0; /*--Reset text indent--*/ height: auto; padding: 3px 5px 7px 15px; display: block; text-decoration: none; font-weight: normal; color: #000000; } ul#topnav .sub ul li:hover { } /*--Hover State--*/ ul#topnav .sub ul li a:hover { color: #000000 !important; } .mcmparent	{	/* for the parent top section */ } /* End Prime Multi Column Menu */