html { height: 100%; } body { background: #277cbc url('bg_body.png'); padding: 5px 0; margin: 0; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 62.5%; width: 100%; height: 100%; } *  { margin: 0; padding: 0; } #LayerOne { background: #da90e0 url('bg_layer1.gif') repeat-x top; border-top: 1px solid #1c6ba6; border-bottom: 1px solid #1c6ba6; } #LayerTwo { background: #D8EA86 url('bg_layer2.png'); border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; overflow: hidden; } #LayerThree { background: #fff; border-top: 2px solid #C8D97A; border-bottom: 2px solid #C8D97A; padding-bottom: 5px; } #Head { width: 970px; margin: 0 auto; } #Banner, #Content, #Footer { width: 960px; padding: 5px; margin: 0 auto; } #Content { height: auto; overflow: hidden; } /* GENERAL STYLES */ #Nav a, h1, h2, h3, h4, h5, h6, #LogoText { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; } #phone { font-size: 3.3em; margin: 12px 0; color: #0c0829; float: left; } h1 { font-size: 3.3em; margin: 12px 0; color: #0c0829; float: left; } h2 { font-size: 2.5em; color: #77920A; line-height: 1.0em; margin-bottom: 10px; } h3 { font-size: 2.0em; color: #8396B5; line-height: 1.0em; margin-bottom: 10px; font-variant: small-caps; } p, .home ColumnOne p { color: #0c0829; margin-bottom: 15px; font-size: 1.4em; line-height: 1.5em; } #ColumnOne p { font-size: 1.2em; } a img { border: none; } .pad { padding: 0px; } a { color: #77920A; text-decoration: underline; } a:hover { color: #0070E3; text-decoration: none; } #Content a { color: #0070E3; text-decoration: underline; } $Content a:hover { color: #77920A; text-decoration: none; }	 ul { list-style: none; } .leftImg { float: left; margin: 5px 15px 10px 0; padding: 3px; border: 1px solid #EFECE0; }	 .rightImg { float: right; margin: 5px 0 10px 15px; padding: 3px; border: 1px solid #EFECE0; } .moreLink { display: block; text-align: right; } .smallText, #ColumnOne p.smallText { font-size: 11px; } address { font-size: 1.2em; line-height: 1.3em; color: #0c0829; } ul.normalList { color: #495A77; margin-bottom: 15px; font-size: 1.4em; }  blockquote { font-size: 1.2em; color: #827653;  font-family: "Courier New", Courier, monospace; margin-bottom: 15px; } cite { display: block; font-size: 1.1em; padding: 15px; border: 1px solid #EFECE0; background: #F4F2EA; color: #495A77; font-style: normal; } /* NAV STYLES */ #Nav {	 position: absolute; left: 17px; bottom: -1px; margin: 0; padding: 0; width: 936px; } #Nav li { height: 30px; float: left; margin: 0; padding: 0; overflow: hidden; } #Nav li a { display: block; width: 117px; height: 30px; background: url('bg_navtab.png') no-repeat 0 0; line-height: 30px; text-align: center; text-decoration: none; font-size: 1.4em; color: #0C0829; cursor: pointer; } #Nav li a:hover { background-position: 0 -30px; color: #77920A; } /* NAV TAB ACTIVE STATES */ .home #Nav li.home a,  .contact #Nav li.contact a, .links #Nav li.links a, .map #Nav li.map a, .about #Nav li.about a,  .missions #Nav li.missions a, .classes #Nav li.classes a, .audio #Nav li.audio a, .calendar #Nav li.calendar a { background-position: 0 -30px; color: #77920A; } /* LEFTNAV STYLES */ #leftNavContainer { border-bottom: 1px solid #da90e0;	 } ul#LeftNav { background-color: #F4F2EA; width: 198px; padding: 0; overflow: hidden; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #fff; border-left: 1px solid #da90e0; border-right: 1px solid #da90e0; } ul#LeftNav li { float: left; width: 200px;  margin: 0; padding: 0; } ul#LeftNav li a { display: block; padding: 5px 5px 5px 5px; line-height: 1.6em; font-size: 12px; margin: 0; text-decoration: none; color: #0C0829; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #fff; } ul#LeftNav li a:hover, ul#LeftNav li.active a { color: #0066CC; } ul#LeftNav li.active { background-color: #fff; } /*leftnav icons*/ #AudioArchive { background: url('img/icon_headphones.gif') no-repeat left ; } /* HEAD STYLES */ #Head { height: 117px; position: relative; background: url('bg_head.gif') no-repeat center top; } #LogoImg { position: absolute; left: 25px; top: 5px; } #LogoText { font-size: 4.0em; position: absolute; left: 85px; top: 13px; line-height: .9em; padding: 0 0 5px 0; color: #fff; } #LogoText span { font-size: 14px; position: absolute; left: 50px; top: 45px; display: block; whitespace: nowrap; color: #99c5eb; } #siteCaption { font-size: 2.0em; position: absolute; left: 85px; top: 60px; line-height: .9em; padding: 0 0 5px 0; color: #fff; } #creditCards { position: absolute; left: 20px; top: 180px; } #freePostage { position: absolute; left: 600px; top: 20px; } #quickSearch { display: block; font-size: 1.2em; position: absolute; left: 540px; top: 160px; line-height: .9em; padding: 0 0 5px 0; color: #fff; } #siteAddress { font-size: 1.2em; position: absolute; left: 830px; top: 10px; line-height: 1.1em; padding: 0 0 5px 0; color: #fff; } #Util { display: block; position: absolute; top: -1px; right: 25px; background: url('bg_util.png') no-repeat; width: 209px; height: 26px; text-align: center; color: #A4BADF; font-size: 1.1em; } #Util a { color: #BDCDE9; line-height: 24px; font-size: 1.1em; text-decoration: none; }	 #Util a:hover { color: #fff; } /* HOMEPAGE STYLES */ /* HOME BANNER STYLES */ #Banner { overflow: hidden; /* fix for floated children */ } #Banner h1 span, #Banner h2 span, #Banner p span { display: block; } .home #Banner a { font-size: 11px; }  /* HOMEPAGE PROMO BOX STYLES*/ #PromoBox { position: relative; width: 470px; height: 230px; padding: 5px; /*background: url(img/bg_promobox.gif) no-repeat 5px 5px;*/ float: left; } .contentDiv{ display: none; padding: 5px; } .pagination{ position: absolute; top: 210px; right: 20px; width: 300px; text-align: right; padding: 4px; } .pagination a{ padding: 2px 6px; color: #77920A;  } .pagination a.selected{ background: url(img/bg_currentpromonumber.gif) no-repeat center 2px; } /* HOMEPAGE WELCOMEBOX BOX STYLES*/ #WelcomeBox { width: 230px; height: 230px; position: relative; padding: 5px; background: url(images/bg_welcomebox.gif) no-repeat 5px 5px; float: left; } #WelcomeBox h1 { font-size: 1.5em; color: #77920A; padding: 10px 10px 5px; line-height: 1.0em; margin-bottom: 0 } #WelcomeBox h2 { font-size: 2.8em; color: #77920A; margin: 10px 10px 5px 0; } #WelcomeBox p { font-size: 1.1em; color: #77920A; margin: 0 10px 15px; line-height: 1.3em; } #WelcomeBox address { margin: 5px 10px 15px; color: #77920A; font-size: 1.1em; } /* welcomebox tabs */ #WelcomeTabs { margin: 0; padding: 0; position: absolute; bottom: 7px; left: 5px; } #WelcomeTabs li { float: left; height: 24px; width: 110px; overflow: hidden; } #WelcomeTabs li a { display: block; line-height: 24px; padding-left: 13px; background: url(images/bg_welcomboxtab.gif) no-repeat 0 -24px; color: #77920A; } #WelcomeTabs li a:hover, #WelcomeTabs li.selected a { text-decoration: none; background-position: 0 0; } #WelcomeBox .tabContent { width: 220px; height: 195px; text-align: right; overflow: hidden; display: none; position: absolute; padding: 5px; background: url(img/bg_welcomebox-tabcontent.jpg) no-repeat 5px 5px; } /* HOMEPAGE PODCAST BOX STYLES*/ #PodcastBox { width: 230px; height: 110px; padding: 5px; position: relative; background: url(img/bg_230x110box.gif) no-repeat 5px 5px;  float: left; } #PodcastBox p { font-size: 1.1em; color: #77920A; margin: 0 10px 5px; line-height: 1.3em; } #PodcastBox h2 { font-size: 1.5em; color: #77920A; padding: 15px 10px 5px; line-height: 1.0em;	 margin-bottom: 0; } #PodcastBox img { position: absolute; right: 3px; top:12px; } /* HOMEPAGE STAFFBOX STYLES*/ #StaffBox { width: 230px; height: 110px; padding: 5px; position: relative; background: url(images/bg_230x110box.gif) no-repeat 5px 5px;  float: left; } #StaffBox span { display: block; width: 92px; height: 122px; position: absolute; left: 10px; bottom: 10px; } #StaffBox h2 { font-size: 2.5em; position: absolute; left: 95px; top: 20px; color: #77920A; line-height: 1.0em;	 } #StaffBox p { font-size: 1.1em; position: absolute; left: 95px; top: 77px; } /* HOMEPAGE COLUMNONE STYLES */ .home #ColumnOne { width: 720px; float: left; padding-top: 0px; background: none; min-height: inherit; } .home #ColumnOne h2 { font-size: 3.3em; color: #5678B0; } .home #ColumnOne h3, .home #ColumnTwo h2 { font-size: 1.7em; color: #5678B0; font-variant: small-caps; margin-bottom: 0; } .home #ColumnOne p { color: #495A77; font-size: 1.2em; margin-bottom: 15px; } /* JOIN US IN WORSHIP AREA */ .joinUsPic { float: left; padding: 5px; } #JoinUsTextBox { padding: 5px; background: url(img/bg_joinustextbox.gif) no-repeat 5px 5px; width: 470px; height: 110px; float: left; } .home #ColumnOne #JoinUsTextBox p { padding: 10px; font-size: 1.4em; line-height: 1.5em; } /* SERVICE SCHEDULE AREA */ #ServiceScheduleBox { width: 350px; padding: 5px 5px 7px; background: url(img/bg_home_khaki_bottom.gif) no-repeat bottom; float: left; } .home #ColumnOne #ServiceScheduleBox h2 { padding-top: 10px; color: #6d643f; } .home #ColumnOne #ServiceScheduleBox h3 { color: #6d643f; } .home #ColumnOne #ServiceScheduleBox p { color: #988b58; } #ServiceScheduleBox div { background: #F4F2EA url(img/bg_home_khaki_top.gif) no-repeat top; padding: 5px 15px 10px; } /* MBC NEWS AREA -  ON HOMEPAGE*/ #NewsBox { width: 350px; padding: 5px 5px 7px; background: url(img/bg_home_khaki_bottom.gif) no-repeat bottom; float: right; } .home #ColumnOne #NewsBox h2 { padding-top: 10px; color: #6d643f; } .home #ColumnOne #NewsBox h3 { color: #6d643f; } .home #ColumnOne #NewsBox p { color: #988b58; } #NewsBox div { background: #F4F2EA url(img/bg_home_khaki_top.gif) no-repeat top; padding: 5px 15px 10px; } #NewsBox p a { display: block; } .adbox { float: left; padding: 10px 5px 0; } /* HOMEPAGE COLUMNTWO STYLES */ .home #ColumnTwo { width: 240px; float: left; } p.calendarLink { background: url(img/bg_calendaricon.gif) no-repeat 5px 10px; } p.calendarLink span { margin-left: 35px; display: block; width: 160px; } p.sermonsLink { background: url(img/bg_sermonsicon.gif) no-repeat 5px 10px; } p.sermonsLink span { margin-left: 35px; display: block; width: 160px; } /* COLUMNTABSBOX STYLES */ #ColumnTabsBox { padding: 5px; } #ColumnTabs { margin: 0; padding: 3px 0 0 0; background: url(img/bg_calendaraudiobox.gif) no-repeat top; height: 24px; } #ColumnTabs li { float: left; height: 24px; width: 110px; overflow: hidden; } #ColumnTabs li a { display: block; line-height: 24px; padding-left: 13px; background: url(img/bg_calendaraudiotabs.gif) no-repeat 0 -24px; color: #5678B0; font-size: 11px; } #ColumnTabs li a:hover, #ColumnTabs li.selected a { text-decoration: none; background-position: 0 0; } #ColumnTabsBox .tabContent { width: 210px; padding: 10px; display: none; background: #DFE8F6 url(img/bg_content_tabcontent.gif) no-repeat bottom; } #ColumnTabsBox .tabContent p { font-size: 1.1em; padding: 5px; margin-bottom: 0; } /* HEADLINES STYES */ #Headlines { padding: 5px 5px 7px 5px; background: url(img/bg_headlines_bottom.gif) no-repeat bottom; } #Headlines div { background: #F4F2EA url(img/bg_headlines_top.gif) no-repeat top; padding: 10px 15px 10px; } #Headlines ul li { padding: 7px 0; } .home #Content #Headlines h2 { color: #6d643f; margin-top: 5px; } /* END HOMEPAGE STYLES */ /* GENERAL PAGE STYLES */ #ColumnOne { width: 200px; float: left; padding: 10px 0 10px; min-height: 602px; } #ColumnTwo { width: 560px; float: left; padding-bottom: 10px; } #ColumnThree { width: 200px; float: left; padding: 10px 0 10px; min-height: 602px; } #ColumnOne .pad { width: 200px; } #ColumnOne .pad h3, #ColumnOne .pad p, #ColumnOne ul.customBulletList { margin-right: 20px; } #ColumnTwo .pad { padding: 10px 10px 10px 10px; } .fullWidth #ColumnOne { display: none; } .fullWidth #ColumnTwo { width: 960px; float: none; overflow: hidden; } .fullWidth #ColumnTwo .pad { padding: 15px 20px 5px; } /* CUSTOM BULLET LIST STYLES */ .customBulletList li { padding: 7px 0; background: url(img/bullet_arrow.gif) no-repeat left 8px; }	 .customBulletList li a { display: block; margin: 0 0 0 15px; }	 /* CONTACT FORM STYLES */ .boldredtext { color: #FF6600; font-weight: bold; } form{ margin-top: 0; padding-top: 0; } input, select { font-size: 1.1em; margin-top: 3px; letter-spacing: .1em; } textarea { font-family: verdana,arial,helvetica,sans-serif; font-size: 1.1em; letter-spacing: .1em; margin-top: 3px; } .btnSubmit { display: block; margin: 0 0 15px 0; padding: 7px 10px; clear: both; }    label { display: block; color: #5474AD; font-weight: bold; } .fred { float: left; margin: 8px 8px 8px 0; } /* NEWS STYLES */ .customBulletList .date { padding-left: 15px; font-size: 10px; color: #8396B5; } /* news episode pager styles */ .newsItem { } .newsItem h3, .newsItem h2 { margin-bottom: 0; } .newsItem p { margin-top: 0; } .pagerTop { border-bottom: 1px solid #98B2E1; padding-bottom: 4px; } .pagerBottom { border-top: 1px solid #98B2E1; padding-top: 4px; } /* STAFF PAGE STYLES */ .staffBox { float: left; width: 25%; } .staffBox h3 { margin: 0; font-size: 14px; } .staffBox p { font-size: 11px; } /* FOOTER STYLES */ #Footer { position: relative; overflow: hidden; margin-bottom: -1px; } /*footer sitemap styles */ #FooterSiteMapWrapper { width: 468px; float: left; margin: 5px; background: #d68ddc; height: 200px; border: 1px solid #ACC0E1; } #FooterSiteMapWrapper #RowOne,  #FooterSiteMapWrapper #RowTwo,  #FooterSiteMapWrapper #RowThree { width: 152px; float: left; margin-top: 10px; } #FooterSiteMapWrapper #RowOne { margin-left: 10px; } #FooterSiteMapWrapper ul a { font-size: 1.2em; color: #0c0829; text-decoration: none; line-height: 1.8em; font-weight: bold; } #FooterSiteMapWrapper ul a:hover {; text-decoration: underline; color: #fff; } #FooterSiteMapWrapper ul ul a { font-size: 1.0em; color: #0c0829; padding-left: 7px; font-weight: normal; } #FooterSiteMapWrapper ul ul { padding: 0 0 7px 0; } #FooterSiteMapWrapper ul li.podcastFooterLink img { margin-bottom: -2px; } /* miscbox styles */ #MiscBox { float: left; width: 228px; margin: 5px; background: #d68ddc; height: 200px; border: 1px solid #ACC0E1; } /* infobox styles */	 #InfoBox { float: left; width: 228px; margin: 5px; background: #d68ddc; border: 1px solid #ACC0E1; } #InfoBox p, #InfoBox address { font-size: 10px; margin: 5px 10px 10px 10px; letter-spacing: -.01em; } #InfoBox address { margin-top: 15px; font-style: normal; } #InfoBox a { color: #5678B0; text-decoration: none; } #InfoBox a:hover { text-decoration: underline; } #InfoBox h4 { font-size: 1.6em; color: #495A77; } /* footerutil styles */	 #FooterUtil { display: block; position: absolute; bottom: -1px; z-index: 50; right: 25px; background: url(img/bg_footer-util.png) no-repeat; width: 209px; height: 26px; text-align: center; color: #A4BADF; font-size: 1.1em; } #FooterUtil a { color: #BDCDE9; line-height: 24px; font-size: 1.1em; text-decoration: none; }	 #FooterUtil a:hover { color: #fff; } /* THICKBOX STYLES */ /* THICKBOX LINK AND FONT SETTINGS */ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* THICKBOX SETTINGS */ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* CLASSES STYLES */ .classBox { float: left; width: 310px; } .classBox h3 { margin-bottom: 0; margin-top: 8px; font-size: 1.9em; } .classBox p { margin-top: 0; font-size: 1.1em; width: 95%; } /*Pager*/ p.pager { height: 27px; } p.pager a, p.pager span { float: left; line-height: 25px; height: 25px; text-align: center; width: 25px; border: 1px solid #e4e4e4; margin-right: 2px; text-decoration: none!important; color: #b1b1b1!important; background: #f8f8f8; } p.pager span.active { color: #fff!important; background: #74AAD8; font-weight: bold; border: 1px solid #5F94BF; } p.pager a:hover { font-weight: bold; } .product { border-bottom :1px solid #E6D8EA; width: 540px; height: 162px; background-color: #f4f2ea; } .productImage { border:1px solid #E6D8EA; display:inline; float:left; height:100px; margin:8px 0 30px 8px; width:100px;  } .productTitle { color: #0C0829; float:left; font-size: 12px; padding:5px; height: 12px; width:420px; overflow: hidden!important; } .productTitle a { text-decoration: none!important; color: #0C0829!important; width:400px; height: 12px!important; overflow: hidden!important; } .productDescription { float:left; font-size: 11px; padding:5px; width:420px; height: 38px; overflow: hidden; color: #988B58; } .productRRP { float:left; font-size: 11px; padding:5px 0px 5px 5px; width: 76px; height: 15px; } .productDiscount { float:left; color: #ff0000; font-weight: bold; font-size: 11px; padding:5px 5px 5px 0px; width: 67px; height: 15px; } .stockLevel { float:left; font-size: 11px; padding:5px 0px 7px 10px; width: 92px; height: 15px;  } .stockImage { float: left; width: 15px; height: 15px;  } .stockContainer { float: left; width: 117px; height: 15px;  } .itemCode { float:left; font-size: 11px; padding:5px; width: 150px; height: 15px; } .ourPrice { float: left; color: #0C0829; font-size: 14px; padding:10px 0px 17px 5px; width: 274px; } .moreInfoButton { float:right; padding:5px 7px 5px 6px; text-align:left; width:120px; } #pageTitle h1 { font-family: "AvantGarde Bk BT",sylfaen,'book antiqua',georgia,serrif; background: #da90e0; width:540px; font-size: 2.0em; margin: 0px; padding: 5px 0px 5px 0px; text-align: center; color: #0c0829; } #breadcrumb { font-family: Verdana,Arial,Helvetica,sans-serif; background: #DFE8F6; width:530px; padding: 5px; font-size: 1.0em; margin: 12px 0; color: #277cbc; } .menu_block_np {  padding: 0px;  margin: 0px;  list-style: none;  border-left: 1px solid #da90e0;  border-right: 1px solid #da90e0;  background-color: #F4F2EA;  } .menu_block_header_np {  font-family: "AvantGarde Bk BT",sylfaen,'book antiqua',georgia,serrif; font-size: 2.0em; text-align: center; color: #0c0829; padding: 5px 0px 5px 0px; 	  background: #da90e0;  } .menu_block_bottom_np {  padding: 0px; width: 200px; height: 25px; background: #da90e0; margin: 0px 0px 15px 0px; } .menu_block_header_pc {  font-family: "AvantGarde Bk BT",sylfaen,'book antiqua',georgia,serrif; font-size: 2.0em; text-align: center; width: 200px; color: #0c0829; padding: 5px 0px 5px 0px; 	  background: #da90e0;  } .menu_block_header_ps { text-align: center; font-family: "AvantGarde Bk BT",sylfaen,'book antiqua',georgia,serrif; font-size: 2.0em; color: #0c0829; padding: 5px 0px 5px 0px; 	  background: #da90e0;  } .menu_block_bottom_ps {  padding: 0px; width: 200px; height: 25px; background: #da90e0; margin: 0px 0px 15px 0px; } #cartDetails { float: right; display: inline; width: 160px;	 } .basketHead { background: #da90e0; font-size: 12px; padding: 5px; width: 160px; color: #0c0829; } .basketItems { background: #f5efbc; font-size: 12px; padding: 5px; width: 160px; color: #000000; } .basketDelivery { background: #f5efbc; font-size: 11px; padding: 5px; width: 160px; color: #009900; } .buttonBasket { background: #da90e0; font-size: 11px; padding: 5px; width: 70px; color: #009900; } .buttonCheckout { background: #da90e0; font-size: 11px; padding: 5px; width: 70px; color: #009900; } .buttonBasket a { color: #ffffff!important; } .buttonCheckout a { color: #ffffff!important; } .sections { float: left; width: 143px; height: 155px; background: #F4F2EA; padding: 10px; margin: 7px; border:1px solid #E6D8EA; } .section_block_header { font-size: 14px!important; text-decoration: none!important; color: #6D643F!important; font-family: Verdana,Arial,Helvetica,sans-serif!important; height: 35px!important; overflow: hidden!important; text-align: center; } .section_block_header a { font-size: 14px!important; text-decoration: none!important; color: #6D643F!important; font-family: Verdana,Arial,Helvetica,sans-serif!important; height: 35px!important; overflow: hidden!important; text-align: center; } .infoFont { color: #495A77; margin-bottom: 15px; font-size: 1.4em; line-height: 1.5em; padding: 5px; text-align: center; } .infoFont1 { color: #495A77; margin-bottom: 15px; font-size: 1.2em; line-height: 1.4em; padding: 0px;	 } #HPcontainer1 { height300px !important; } .fps_image a img { height: 100px; width: 100px; margin: 0 0 0px 0; padding: 5px; } .offerText1 { text-align: center; font-weight: bold; color: #333333; } .VPlink { background-color: #ffccff; padding: 7px 0px 0px 0px; text-align: center; height: 27px; width: 243px; text-decoration: none; color: #993399; } .VPlink a:link { font-size: 16px; font-weight: bold; text-decoration: none !important; color: #993399 !important; } .VPlink a:visited { font-size: 16px; font-weight: bold; text-decoration: none !important; color: #993399 !important; } .VPlink a:hover { font-size: 16px; font-weight: bold; text-decoration: none !important; color: #993399 !important; } .VPlink a:active { font-size: 16px; font-weight: bold; text-decoration: none !important; color: #993399 !important; } #EPColumnTwo { width: 760px; float: left; padding-bottom: 10px; } #EPColumnTwo .pad { padding: 10px 10px 10px 10px; } #expandedContent { width: 760px; float: left; } #expanded_view_product_container { width: 760px; float: left; } #prodDetailsCol1 { width: 300px; height: 300px; background-color: #f4f2ea; float: left; color: #495A77; font-size: 1.2em; line-height: 1.5em; } #prodDetailsCol2 { width: 225px; height: 300px; background-color: #f4f2ea; float: left; margin: 5px; } #prodDetailsCol3 {	 width: 210px; margin-left: 10px; height: auto; float: left; } #EPProdDescription { margin-top: 15px; width: 540px; } #prodCode { color: #495A77; font-size: 1.1em; line-height: 1.5em; width: 225px; padding: 5px; } #prodQty { float: right; width: 90px; color: #495A77; font-size: 1.2em; line-height: 1.5em; padding: 0px; } .EPstockContainer { float: left; width: 115px; padding: 5px; } #addToBasketButton { float: right; padding: 5px; } #prodPrice { float: left; color: #495A77; font-weight: bold; font-size: 1.4em; line-height: 1.5em; width: 225px; padding: 5px; } #discountDetails { float: left; color: #495A77; font-size: 1.2em; line-height: 1.5em; padding: 5px; } #alsoBoughtContainer {	 font-family: Verdana,Arial,Helvetica,sans-serif; text-align: center; border: 1px solid #da90e0;  color: #0c0829; height: 390px; font-size: 1.0em; line-height: 1.5em; width: 200px; background: #F4F2EA; } #alsoBoughtContainer1 {	 font-family: Verdana,Arial,Helvetica,sans-serif; text-align: center; border: 1px solid #da90e0;  color: #0c0829; height: 390px; font-size: 1.0em; line-height: 1.5em; width: 200px; margin-top: 20px; background: #F4F2EA; } .alsoBoughtHeader {	 font-size: 1.2em; color: #0c0829; padding: 5px; 	  background: #da90e0; } .alsoBoughtBox { background: #F4F2EA; float: left; width: 94px; padding: 3px; } .alsoBoughtTitle h2 { font-family: Verdana,Arial,Helvetica,sans-serif; color: #0c0829; font-size: 1.1em; line-height: 1.2em; height: 40px; overflow: hidden; text-align: center; } .alsoBoughtPrice { text-align: center; } .alsoBoughtLink { color: #6d643f; font-size: 0.9em; line-height: 1.5em; text-align: center; } .alsoBoughtImage { text-align: center; } .singleLineProductContainer { width: 500px; } .singleLineProduct { width: 500px; } .homePageSmallBoxContainer { width: 530px; height: 950px; } .homePageSmallBoxes { width: 243px; height: 220px; float: left; margin: 0px 10px 10px 10px; border: 1px solid #da90e0; text-align: left; } .HPsmallBoxTitle h2 { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px; line-height: 14px; text-align: center; height: 30px; color: #0c0829; padding: 5px; 	  background: #da90e0; } .bestSellersHeader { width: 530px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.9em; height: 40px; color: #0c0829; padding: 5px; 	  background: #da90e0; margin-top: 10px; margin-bottom: 10px; } .receipt { background: #ffffff; } .new_products { width: 197px; padding: 8px 0px 4px 3px; overflow: hidden; height: 50px; border-bottom: 1px dotted #DDDDDD; } .new_products img { border: 1px solid #b6bfda; display: inline; float: left; margin: 0px 5px 8px 2px; } .new_products span.bs_info { color: #60207f; display: block; line-height; 13px; height: 28px; overflow: hidden; float: left; width: 130px; text-decoration: none;  } .new_products span.num { display: block; float: left; width: 18px;} .new_products a.np_link { padding: 0px 0px 0px 10px; } /* Shopping cart and checkout fields ------------------------------------------- */ div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 540px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #ffffff; border-top: solid 1px #808080; border-bottom: solid 1px #808080; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 540px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #da90e0; font-size: 13px; font-weight: bold; color: #ffffff; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 12px; font-weight: normal; } table.checkout th.change { font-size: 12px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 12px; background-color: #003366; border: 1px solid #000000; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 12px; background-color: #003366; border: 1px solid #000000; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } table.checkout td { background-color: #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #808080; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #808080; border-bottom: solid 1px #808080; } .cartheading { background-color: #da90e0; font-weight: bold; color: #ffffff; } h2.checkout-heading { background-color: #da90e0; font-size: 13px; font-weight: bold; color: #ffffff; padding: 5px 2px; border-bottom: solid 3px #ffffff; width: 540px; } h3.checkout-heading { width: 540px;  padding: 5px; background-color: #da90e0; font-size: 13px; font-weight: bold; color: #ffffff; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } .button-wrapper { display: inline-block; background: url('button_background_right.gif') right no-repeat; padding: 0 10px 0 0; } .button { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .cart-button { height: 28px; } input.normal-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #003366; padding: 5px; border: solid 1px #000000; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #000000; padding: 5px; border: solid 1px #000000; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #ffffff; border: 0;	 } .checkout-field-area { background: #ffffff; border-bottom: solid 2px #ffffff; width: 540px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 540px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ #recenthtlist { width: 500px; text-align:left; } #recenthtitem { border-spacing: 0px; border-collapse: collapse; } #recenthtitem td { width: 110px; padding: 4px; text-align: center; border-left: 1px solid #00ff00; border-right:1px solid #00ff00; } .recenthtitemimage { border-top: 1px solid #00ff00; } .recenthtitemdesc	{} .recenthtitemprice	{} .recenthtitemdelete { border-bottom: 1px solid #00ff00; } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { clear: both; padding: 3px; font-size: 14px; font-weight: 900; margin: 0px; color: #003366; width: 496px; border-top: 1px solid #00ff00; border-bottom: 1px solid #00ff00; } .recenthtbuttonleft { float: left; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } .recentProducts { width: 500px; } #stockError { width:540px;	 background-color: #cccccc; color: #ff0033; float: left; } .BSContainer { width: 540px; } .BSBoxes { width: 110px; float: left; margin: 10px; border: 1px solid #da90e0; text-align: center; } .bestSellersHeader { width: 520px; height: 21px; } .BSHeader h2 { width: 110px; float: left; height: 21px; overflow: hidden; font-size: 1.2em; text-align: center; color: #0c0829; padding: 5px 0px 5px 0px; 	  background: #da90e0;  } #zoomCaption { border: 1px solid #1c6ba6; height: 35px; width: 310px; } #disc { float: left; color: #0C0829; font-size: 12px; padding:5px; margin-left: 10px; width: 400px; background-color: #ffff99; } #disc1 { float: left; color: #0C0829; font-size: 12px; padding:5px; margin-left: 10px; width: 200px; background-color: #ffff99; } .promise { height: 14px; color: #0C0829; font-size: 12px; padding:5px; margin-left: 10px; width: 195px; } .promiseImage { float: left; width: 24px; height: 24px;  } .promiseText { float: left; padding-left: 10px; padding-top: 5px; }