/* CSS Document */ /*ITP CSS STYLESHEET*/ /*Created by Lewis Jolly*/ /*Created 10/09/07*/ /**template **/ body { font-family:Arial, Helvetica, sans-serif; background-color:#AA8552; background-image:url(/images/template/BackgroundPlain.jpg); background-position:top left; margin-top:20px; margin-bottom:20px; } #container { position:relative; width:800px; height:100%; background-color:#FFFFFF; text-align:left; padding:30px; margin-bottom:50px; background-image:url(/images/template/shadow.jpg);background-repeat:repeat-y;border-bottom:1px solid #333; margin:0 auto } #header { background-image:url(/images/template/header-small.gif); position:relative; width:800px; height:190px; margin:0; background-repeat:no-repeat; background-position:top left } #content { position:relative; z-index:2; float:left; text-align:left; left:15px; top:5px; width:582px; margin-bottom:20px; border:1px solid #8c8c8c; padding:10px} #footer { position:relative ; margin-bottom:10px; top:0px; background-image:url(/images/template/footer.jpg); background-position:bottom; background-repeat:no-repeat; margin:0 } #subFooter { position:relative ; margin-bottom:10px; top:0px; margin:0; } #footer p { font-size:10px; margin:0; } #subFooter p { font-size:10px; margin:0; } #footer .copyright { position:relative; margin:0;top:10px; text-align:right } #subFooter .authent { position:relative; margin:0;top:10px; left:0px } /*#postITnote { position:absolute; width:210px; height:244px; top:356px; left:0px; margin:0; background-image:url(/images/template/postIT.jpg); background-repeat:no-repeat;} */ #content img {border:0px } form { margin:0; padding:0; } #blueInfoBox { position:relative; width:100%; border:1px solid #047391; } #blueInfoBox p { padding:0.5em; background-color:#CFDEE2;} #orangeInfoBox { position:relative; width:100%; border:1px solid #FFAA00; } #orangeInfoBox p { padding:0.5em; background-color:#F9E4C0;} h3 a { font-weight: normal; } /*Default Loading Box article Page*/ #defaultLoadingBox { position:absolute; border: #ffaa00 7px solid; PADDING: 4px; POSITION: absolute; BACKGROUND-COLOR: #ffffff; z-index:5; padding:10px; TOP: 231px; RIGHT:36px; font-weight:bold; font-size: 12px; height : 112px; } #defaultLoading { position:relative;margin-top: 6px; MARGIN-LEFT: 4px; WIDTH: 112px; TEXT-ALIGN: center; z-index:10; } /*Default Loading Box article Page*/ #editLoadingBox { position:absolute; border: #ffaa00 7px solid; PADDING: 4px; POSITION: absolute; BACKGROUND-COLOR: #ffffff; z-index:5; padding:10px; TOP: 246px; LEFT:225px; font-weight:bold; font-size: 12px; height : 112px; } #editLoading { position:relative;margin-top: 6px; MARGIN-LEFT: 4px; WIDTH: 570px; TEXT-ALIGN: center; z-index:10; } /*Default Loading Box article Page*/ #imagePreviewDiv { position:relative; float:left; border: #ffaa00 7px solid; PADDING: 4px; BACKGROUND-COLOR: #ffffff; z-index:5; padding:10px; left:25px; top:px; margin-bottom:20px; } /*Edit article Page*/ #editSettings { position:relative; background-image:url(../images/template/seven.jpg); background-position: top left; background-repeat: no-repeat; z-index:2; float:left; width:420px; height:210px; padding-left:10px; padding-top:10px; left:15px; top:5px; background-color:#FFAA00; margin:0} #editSettings h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FFFFFF; line-height:30px; } #editSettings h1 { margin: -5px 0px -5px 0px; padding: 5px 0px 0px 0px; } #editSettings h2 { color: #ffffff; margin: 0px 0px 0px 85px;} #editSettings h3 { color: #FFFFFF; font-size: 13px; margin: -2px 0px 0px 85px; padding: 0px;} .subtext {font-size: 11px; color: #ffffff; margin-top: -2px;} #editSettings .inputBtn { margin-bottom: -0px; } #instructions { position:relative; padding:0px; margin-top: 15px; margin-left: 10px; width: 140px; height: 500px; text-align: left; line-height:13px} #articlePreview { position:relative; z-index:2;float:left; left: 15px; TOP: 15px; border: #8C8C8C 1px solid; margin-left: 0px; padding:5px; height: 385px; width:591px; margin-bottom:10px} #mastPreview { position:relative; float:left; border: 1px solid #3F3F3F; padding-right: 0px; padding-left: 18px; font-size: 11px; left: 25px; top:5px; padding-bottom: 3px; width: 144px; padding-top: 3px; height: 75px; margin:0} #prebox { position:absolute; z-index:2; background-color:#FFAA00; padding-right: 3px; padding-left: 3px; font-size: 11px; left: 440px; top:92px; padding-bottom: 0px; width: 158px; padding-top: 8px; height: 30px; text-align:center; margin:0} #savebox { position:absolute; z-index:2; background-color:#FFAA00; background-image:url(../images/template/eight.jpg); background-position: top left; background-repeat: no-repeat; padding-right: 3px; padding-left: 3px; font-size: 11px; left: 440px; top:137px; padding-bottom: 3px; width: 158px; padding-top: 3px; height: 75px; margin:0} #savebox h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFFFFF; margin:0; line-height:20px; text-align:right; margin: -2px 10px 8px 0px;} #articlecheck { position:relative; float:left; top:10px; left:15px; } .confirmbox { position:absolute; border: #ffaa00 7px solid; PADDING: 4px; POSITION: absolute; BACKGROUND-COLOR: #ffffff;z-index:10; padding:10px; TOP: 475px; RIGHT:62px; font-weight:bold; font-size: 12px; } .confirm { position:relative;margin-top: 6px; MARGIN-LEFT: 4px; WIDTH: 525px; TEXT-ALIGN: center;} #eArticleBoxOuter { position:absolute; border: #ffaa00 7px solid; PADDING: 4px; POSITION: absolute; BACKGROUND-COLOR: #ffffff;z-index:10; padding:10px; TOP: -5px; RIGHT:10px; font-weight:bold; font-size: 12px; } #eArticleBoxInner { position:relative;margin-top: 6px; MARGIN-LEFT: 4px; WIDTH: 460px; TEXT-ALIGN: center;} .eChangeInitials { position:relative; left: 25px; width:100px;} /**homepage only **/ #mainSettings { position:relative; z-index:2; float:left; width:375px; height:150px; padding-left: 55px; padding-top:8px; left:15px; top:5px; background-color:#3F3F3F; background-image:url(/images/template/234.jpg);background-position:left;background-repeat:no-repeat; margin:0} #settingParameters { position:absolute; z-index:2; width:220px; top:245px; left:430px; margin:0; } #settingParameters .param { padding-bottom:15px; margin:0; } #order_edit { position:relative; z-index:2; float:left; background-color:#3F3F3F; background-image:url(/images/template/orderBg.jpg); background-position:top left; background-repeat:no-repeat; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; LEFT: 29px; top:5px; PADDING-BOTTOM: 3px; WIDTH: 155px; PADDING-TOP: 3px; height: 152px; margin:0} #order_edit .buttons { position:absolute; margin:0; margin-top:2px; left:4px; FONT-SIZE: 9px; } #preview { position:relative; z-index:2; float:left; left: 15px; TOP: 15px;BORDER: #8C8C8C 1px solid; PADDING:5px; HEIGHT: 738px; Width:592px ; margin-bottom:10px; text-align:center} #inputs { position:relative; MARGIN-TOP: 20px; PADDING-LEFT: 10px;WIDTH: 160px; TEXT-ALIGN: left} #fpArticle { position:relative; top:-15px; left:10px; margin-top:15px; width:150px;} #MastheadFrame { BORDER: #000000 0px solid; WIDTH: 800px; HEIGHT: 457px; z-index:10; } .mastheadBoxHome { BORDER: #036D94 7px solid; PADDING: 4px; VISIBILITY: hidden; WIDTH: 800px; POSITION: absolute; HEIGHT: 493px; BACKGROUND-COLOR: #ffffff;z-index:10; padding:10px; right: 16px; top:222px; z-index:10; } .mastheadBoxEdit { BORDER: #036D94 7px solid; PADDING: 4px; VISIBILITY: hidden; WIDTH: 800px; POSITION: absolute; HEIGHT: 493px; BACKGROUND-COLOR: #ffffff;z-index:10; padding:10px; right: 16px; top:105px; z-index:10; } #order_edit .inputBtn { width:140px;height:22px;margin:0;margin-left:7px;margin-bottom:14px;border:0px;font-size: 12px; font-weight:bold;cursor: pointer; font-family:Arial, Helvetica, sans-serif;background-image:url(/images/buttons/button140px.jpg)} #settingParameters .inputBtn { width:210px;height:22px;margin:0; border:0px;font-size: 12px; font-weight:normal;cursor: pointer; font-family:Arial, Helvetica, sans-serif;background-image:url(/images/buttons/button210px.gif);} /**View Cart page**/ #shopping { position:relative; width:98%; HEIGHT: 320px; PADDING: 5px; MARGIN-BOTTOM: 20px; border:1px solid #8C8C8C; background-color:#FFF; FONT-FAMILY: Arial, Helvetica, sans-serif;} #shoppingGiftBox { position:relative; width:98%; HEIGHT: 148px; PADDING: 5px; MARGIN-BOTTOM: 20px; border:1px solid #8C8C8C; background-color:#FFF; FONT-FAMILY: Arial, Helvetica, sans-serif;} #shopping td { line-height:14px; } #totcost { position:relative; background-color:#fff; float: right; width:400px; border:1px solid #8C8C8C; PADDING: 5px; MARGIN-BOTTOM: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif;} #cartBtns { position:relative; width:400px; height:20px; text-align:left; float:left; padding-top:10px; margin:0 } #deliveryoptions { position:absolute; BORDER: 1px solid #8c8c8c; PADDING:10px; VISIBILITY: hidden; MARGIN: 0px; WIDTH: 265px; BACKGROUND-COLOR: #e5e5e5;} #uploadHelp { position:absolute; BORDER: 1px solid #8c8c8c; PADDING:10px; VISIBILITY: hidden; MARGIN: 0px; WIDTH: 675px; BACKGROUND-COLOR: #e5e5e5;} .tickLabel { BORDER: #8C8C8C 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; width:210px; } #red { color: #FF0000; font-weight:bold; } /**masthead & upload boxes**/ .editShadow { position:absolute; z-index:3;LEFT: 118px; VISIBILITY: hidden; WIDTH: 400px; TOP: 100px; HEIGHT: 415px; BACKGROUND-COLOR: #666666;} .editBox { position:absolute; z-index:3;BORDER: #000000 2px solid;PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-RIGHT: 4px; LEFT: 110px; PADDING-TOP: 4px; VISIBILITY: hidden; WIDTH: 400px; TOP: 100px; HEIGHT: 420px; BACKGROUND-COLOR: #ffffff;} .uploadShadow { position:absolute; z-index:3;LEFT: 118px; VISIBILITY: hidden; WIDTH: 300px; TOP: 100px; HEIGHT: 190px; BACKGROUND-COLOR: #000000;} #UploadFrame { z-index:3;BORDER: #000000 0px solid; WIDTH: 300px; HEIGHT: 390px; overflow: hidden;} .uploadBox { position:absolute; z-index:3;BORDER: #036D94 7px solid; PADDING:4px; HEIGHT: 410px; padding-bottom:10px; LEFT: 300px; VISIBILITY: hidden; WIDTH: 300px; TOP: 400px; BACKGROUND-COLOR: #ffffff;} /**giftbox page**/ #giftbox { text-align: center; } #giftbox h5 { font-size: 14px; } #giftbox h4 { font-size: 28px; COLOR: #047391; } .gbInput { font-size: 28px; font-weight: bold; text-align: center; margin: -15px 0px 5px 0px; width:300px; height: 32px;} .gbButton { width:210px; border:0px; background-image:url(../images/buttons/button210px.gif); background-position:center; height: 22px; font-size: 12px; font-weight:bold; cursor: pointer;} .gbError { color:red; font-size: 11px; font-weight: bold;} /**sidebars**/ #sidebar { position:relative; z-index:2; float:left;left:0px; top:5px; margin-bottom:20px; width:180px; height:100%; margin-bottom:5px; background-color:#043B56;} #sidebar.offer1 { display: none; } #sidebar.general { background-image:url(/images/template/general.jpg); background-repeat:no-repeat; background-position:top } #sidebar.offer { background-image:url(/images/template/offer.jpg); background-repeat:no-repeat; } #sidebar.offer h1 { MARGIN-LEFT: 11px; MARGIN-TOP: 10px;WIDTH: 100px;POSITION: relative;TEXT-ALIGN: left; FONT-WEIGHT: bold;FONT-SIZE: 29px;COLOR: #fff;FONT-FAMILY:Arial, Helvetica, sans-serif; } #sidebar.offer h2 { font-family:Arial, Helvetica, sans-serif; MARGIN-LEFT: 11px; MARGIN-TOP: 0px;WIDTH: 90%; POSITION: relative;TEXT-ALIGN: left; FONT-SIZE: 12px;COLOR: #FFFFFF; margin-bottom:10px} #sidebar.offer h4 { font-family:Arial, Helvetica, sans-serif; margin:0; POSITION: relative; TEXT-ALIGN: left; FONT-SIZE: 14px;COLOR: #FFAA00;} #sidebar.offer h5 { font-family:Arial, Helvetica, sans-serif; MARGIN-LEFT: 11px; margin-bottom:0px;POSITION:relative; TEXT-ALIGN: left; FONT-SIZE: 18px;COLOR: #FFAA00;} #sidebar.offer p { font-family:Arial, Helvetica, sans-serif; MARGIN-LEFT: 11px; WIDTH: 90%; position:relative; TEXT-ALIGN: left; FONT-SIZE: 9px;COLOR: #fff;} #sidebar.contact { background-image:url(/images/template/service.jpg); background-repeat:no-repeat; } #sidebar.about { background-image:url(/images/template/about.jpg); background-repeat:no-repeat; height:550px } #sidebar.green { background-image:url(/images/template/green.jpg); background-repeat:no-repeat; background-color:#225E02;height:590px;} #sidebar.twoLine { background-image:url(/images/template/twoLine.jpg); background-repeat:no-repeat; } #sidebar.homepage { z-index:2; float:left; position:relative; left:0px; top:5px; margin-bottom:20px; width:180px; height:918px; background-image:url(/images/template/homepage.jpg); margin-bottom:5px; background-color:#043B56; background-repeat:no-repeat} #sidebar.homepage h1 { LEFT: 85px; MARGIN-TOP: 10px;WIDTH: 100px;POSITION: relative;TEXT-ALIGN: left; FONT-WEIGHT: bold;FONT-SIZE: 29px;COLOR: #fff;FONT-FAMILY:Arial, Helvetica, sans-serif; letter-spacing:-1px } #sidebar.homepage h2 { LEFT: 85px; MARGIN-TOP: 10px;WIDTH: 100px;POSITION: relative;TEXT-ALIGN: left; FONT-WEIGHT: bold;FONT-SIZE: 29px;COLOR: #fff;FONT-FAMILY:Arial, Helvetica, sans-serif; letter-spacing:-1px; line-height:30px;} #sidebar.homepage h3 { font-family:Arial, Helvetica, sans-serif; MARGIN-LEFT: 11px; MARGIN-TOP: 10px;WIDTH: 85%; POSITION: relative;TEXT-ALIGN: left; FONT-SIZE: 12px;COLOR: #FFFFFF;LINE-HEIGHT: 15px; margin-bottom:35px} #sidebar.homepage h4 { font-family:Arial, Helvetica, sans-serif; margin:0; POSITION: relative; TEXT-ALIGN: left; FONT-SIZE: 14px;COLOR: #FFAA00;} #sidebar h1 { MARGIN-LEFT: 11px; MARGIN-TOP: 10px;WIDTH: 85%;POSITION: relative;TEXT-ALIGN: left; FONT-WEIGHT: bold;FONT-SIZE: 29px;COLOR: #fff;FONT-FAMILY:Arial, Helvetica, sans-serif; letter-spacing:-1px } #sidebar h2 { MARGIN-LEFT: 11px; MARGIN-TOP: 10px;WIDTH: 85%; POSITION: relative;TEXT-ALIGN: left; FONT-SIZE: 12px;COLOR: #FFFFFF; font-family:Arial, Helvetica, sans-serif; LINE-HEIGHT: 15px;} #sidebar h3 { font-family:Arial, Helvetica, sans-serif; MARGIN-LEFT: 11px; MARGIN-TOP: 5px; margin-bottom:10px; WIDTH: 93%; POSITION: relative; TEXT-ALIGN: left; FONT-SIZE: 16px;COLOR: #FFAA00; LINE-HEIGHT: 19px;} #sidebar h4 { font-family:Arial, Helvetica, sans-serif; margin:0; POSITION: relative; TEXT-ALIGN: left; FONT-SIZE: 16px;COLOR: #FFAA00;} #sidebar p { FONT-WEIGHT: normal; FONT-SIZE: 12px;COLOR: #fff; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} /**text formatting**/ #mainSettings p { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; margin:0; line-height:36px; } #order_edit h2 { position:relative; MARGIN-LEFT: -2px; MARGIN-TOP: 15px; margin-bottom:6px; WIDTH: 150px; TEXT-ALIGN: right; FONT-WEIGHT: bold;FONT-SIZE: 26px;COLOR: #fff; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:34px } #order_edit p { position:relative; MARGIN-LEFT: 10px; MARGIN-TOP: 5px; WIDTH: 140px; FONT-SIZE: 10px;COLOR: #fff; FONT-FAMILY:Arial, Helvetica, sans-serif; text-align:right } #content h1 { FONT-WEIGHT: bold; FONT-SIZE: 25px;COLOR: #FFAA00;FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} #content h2 { FONT-WEIGHT: bold; FONT-SIZE: 20px;COLOR: #047391;FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} #content h3 { FONT-WEIGHT: bold; FONT-SIZE: 14px;COLOR: #047391; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} #content h4 { FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR:#000000; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0; } #content h6 { FONT-SIZE: 15px; COLOR:#FF0000; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0; } #content p { FONT-WEIGHT: normal; FONT-SIZE: 11px;COLOR: #000; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} #content ul { list-style:circle; color:#047391; margin:0; padding-left:18px; line-height:15px; font-size:11px } .subH3 { FONT-WEIGHT: bold; FONT-SIZE: 12px;COLOR: #047391; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} #content a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#047391; text-decoration:none } #content a:active { color:#047391; text-decoration:none } #content a:hover { color:#047391; text-decoration:underline } #content.greencontent h2 { color:#225e02 } #content.greencontent h3 { color:#225e02 } #content.greencontent ul { color:#225e02;} #breadcrumb p { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} #content a { FONT-WEIGHT: bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#047391; text-decoration:none } #content a:active { color:#047391; text-decoration:none } #content a:hover { color:#047391; text-decoration:underline } #shopping h1 { FONT-WEIGHT: bold; FONT-SIZE: 14px;COLOR: #047391; font-weight:bold; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0} #inputs p { FONT-SIZE: 13px;COLOR: #fff;FONT-FAMILY:Arial, Helvetica, sans-serif;MARGIN-TOP: 2px; margin-bottom:1px} #blueInfoBox h4 { padding:0.2em; padding-left:0.3em; background-color:#047391; font-size:14px; color:#fff; margin:0} #orangeInfoBox h4 { padding:0.2em; padding-left:0.3em; background-color:#FFAA00; font-size:14px; color:#fff; margin:0} #fpArticle h1 { margin:0; width:95%; text-align:left; margin-bottom:5px; POSITION: relative; FONT-WEIGHT: bold;FONT-SIZE: 25px;COLOR: #fff; font-family:"Times New Roman", Times, serif} .questiontxtbackground { font-family: Arial, Helvetica, sans-serif; background-color: #FFAA00; font-size: 10px; line-height: 1.5em; font-weight: bold; color: #ffffff; } .bodytxtbackground { font-family: Arial, Helvetica, sans-serif; background-color: #fff; font-size: 10px; line-height: 1.5em; font-weight: normal; color: #000;} .bodytxtboldbackground { font-family: Arial, Helvetica, sans-serif; background: #ffaa00; font-size: 10px; line-height: 1.5em; font-weight: bold; color: #000;} /**input boxes**/ .inputBox { BORDER: #8C8C8C 1px solid; FONT-SIZE: 10px; FONT-FAMILY:Arial, Helvetica, sans-serif; width:155px; padding-left:3px; margin-top:2px; margin-bottom:2px } .inputBox2 { BORDER: #8C8C8C 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; width:210px; } .inputText { BORDER: #8C8C8C 0px solid; FONT-SIZE: 13px; font-weight:normal; color:#FFFFFF; FONT-FAMILY:Arial, Helvetica, sans-serif; width:155px; background-color:#043B56; MARGIN-TOP:1px; margin-bottom:-2px} .inputBox3 { FONT-SIZE: 14px; font-weight:bold; color:#AA0404; background-color:#fff; BORDER: #000000 0px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:right} .inputBox4 { FONT-SIZE: 11px; width:402px; padding-left:5px; font-weight:normal; color:#000; background-color:#fff; BORDER: #000000 0px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:left} .inputBox5 { font-size: 11px; width: 110px; font-weight: normal; background-color:#fff; BORDER: #000000 0px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:left} .inputBtn { width:140px;height:22px;margin:0;margin-left:7px;margin-bottom:14px;border:0px;font-size: 12px; font-weight:bold;cursor: pointer; font-family:Arial, Helvetica, sans-serif; background-image:url(/images/buttons/button140px.jpg); } .plainBtn { FONT-SIZE: 11px; CURSOR: pointer; FONT-FAMILY:Arial, Helvetica, sans-serif;} .cardBtn { width:168px; height:22px; margin:0;margin-left:7px; margin-bottom:14px; border:0px; font-size: 12px; color: #FFFFFF; font-weight:bold;cursor: pointer; font-family:Arial, Helvetica, sans-serif; background-image:url(/images/buttons/payment-button.gif); } /**rules for text highlighting**/ .redText { color:#AA0404 } .blackText { color:#000000 } /**About Us page**/ #about { position:relative; width:300px; float:left; border:7px solid #FFAA00; height:200px; margin:0 } #aboutText { position:relative;float:left; width:240px; padding-left:15px; height:225px; margin-bottom:0px; padding-right:10px } /**Products page**/ #products {position:relative; width:100%; height:100%; text-align:center } #products h1 {position:relative; padding-top:5px; font-size:20px; color:047391} #products h2 {padding-top:5px; font-size:11px; color:#000000; font-weight:normal} #products p {padding-top:5px; font-size:14px; color:#047391; font-weight:bold} #products img {padding-top:15px} #paper1 {position:relative; float:left; width:280px; height:365px; border:1px solid #FFAA00; left:4px; } #paper2 {position:relative; float:left; width:280px; height:365px; border:1px solid #FFAA00; left:15px; } #paper3 {position:relative; float:left; width:280px; height:340px; border:1px solid #FFAA00; left:4px; top:10px; } #frame1 {position:relative; float:left; width:280px; height:340px; border:1px solid #FFAA00; left:15px; top:10px; margin-bottom:20px} #frame2 {position:relative; float:left; width:280px; height:340px; border:1px solid #FFAA00; left:15px; top:0px;} #contemp {position:relative; float:left; width:280px; height:340px; border:1px solid #FFAA00; left:4px; } #frame3 {position:relative; float:left; width:280px; height:340px; border:1px solid #FFAA00; top:10px; left:150px; margin-bottom:10px} #giftboxPro {position:relative; float:left; width:570px; height:500px; border:1px solid #FFAA00; top:10px; left:4px; margin-bottom:25px} /**Keywords Homepage **/ #keywordsHome { position:relative; width:800px; height:100px; background-color:#FFFFFF; text-align:center; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; margin-bottom:50px; background-image:url(/images/template/keyBGHomepage.jpg); background-repeat:no-repeat; margin:0 auto; margin-top:20px } /*#keywords { position:relative; width:800px; height:220px; background-color:#FFFFFF; text-align:center; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; margin-bottom:50px; background-image:url(/images/template/keyBG.jpg); background-repeat:no-repeat; margin:0 auto; margin-top:20px }*/ #keywordsHome p { font-family:Arial, Helvetica, sans-serif; font-size:0.55em; } #keywordsHome h5 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#047391; padding:none;} #keywordsHome a { color:#000; text-decoration:none} #keywordsHome a:hover { text-decoration:underline } #keywords { position:relative; width:800px; height:220px; background-color:#FFFFFF; text-align:center; padding-left:30px; padding-right:30px; padding-top:0px; padding-bottom:10px; margin-bottom:50px; background-image:url(/images/template/keyBG.jpg); background-repeat:no-repeat; margin:0 auto; margin-top:20px } /*#keywords { position:relative; width:800px; height:220px; background-color:#FFFFFF; text-align:center; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; margin-bottom:50px; background-image:url(/images/template/keyBG.jpg); background-repeat:no-repeat; margin:0 auto; margin-top:20px }*/ #keywords p { font-family:Arial, Helvetica, sans-serif; font-size:0.55em; } #keywords h5 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#047391} #keywords a { color:#000; text-decoration:none} #keywords a:hover { text-decoration:underline } /**landing pages **/ #keywords1 { position:relative; width:800px; height:70px; text-align:center; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; margin-bottom:50px; background-image:url(/images/template/keyBG_small.jpg); background-repeat:no-repeat; margin:0 auto; margin-top:20px } #keywords1 { position:relative; width:800px; height:70px; text-align:center; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; margin-bottom:50px; background-image:url(/images/template/keyBG_small.jpg); background-repeat:no-repeat; margin:0 auto; margin-top:20px } #keywords1 p { font-family:Arial, Helvetica, sans-serif; font-size:9px; } #keywords1 h5 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#047391} #keywords1 a { color:#000; text-decoration:none} #keywords1 a:hover { text-decoration:underline } /** login page **/ #caption { position:relative; PADDING-LEFT: 8px; width:160px; TEXT-ALIGN: left } #caption h2 { position:relative; font-family:Arial, Helvetica, sans-serif; margin:0;MARGIN-TOP:5px; WIDTH: 95%; TEXT-ALIGN: left; FONT-SIZE: 14px;COLOR: #FFFFFF;} /** TOP MENU **/ #menu { margin-top:0px; border-bottom : 1px solid #FFAA00; margin : 0; margin-left:0px; padding-bottom : 26px; padding-left : 0px; } #menu ul, #menu li { display : inline; list-style-type : none; margin : 0; padding : 0; } #menu a:link, #menu a:visited { background : #FFAA00; border : 1px solid #FFAA00; color : #fff; float : left; font-size : 16px; font-family:Arial, Helvetica, sans-serif; font-weight : bold; line-height : 18px; margin-right : 4px; padding : 5px 10px 2px 10px; text-decoration : none;} #menu a:link.active, #menu a:visited.active { background : #fff; border-bottom : 2px solid #fff; color : #ccc; } #menu a:hover { color : #fff; } body.section-1 #menu li#nav-1 a, body.section-2 #menu li#nav-2 a, body.section-3 #menu li#nav-3 a, body.section-4 #menu li#nav-4 a, body.section-5 #menu li#nav-5 a { background : #fff; border-bottom : 1px solid #fff; color : #FFAA00; } #menu #subnav-1, #menu #subnav-2, #menu #subnav-3, #menu #subnav-4, #menu #subnav-5 { display : none; width: 95%; } body.section-1 #menu ul#subnav-1, body.section-2 #menu ul#subnav-2, body.section-3 #menu ul#subnav-3, body.section-4 #menu ul#subnav-4, body.section-5 #menu ul#subnav-5 { display : inline; text-align:left; left : 0px; position : absolute; top : 33px; } body.section-1 #menu ul#subnav-1 a, body.section-2 #menu ul#subnav-2 a, body.section-3 #menu ul#subnav-3 a, body.section-4 #menu ul#subnav-4 a, body.section-5 #menu ul#subnav-5 a { background : #fff; border : none; border-right : 1px solid #999; color : #666; font-size : 13px; font-weight : normal; line-height : 14px; margin-left : 2px; margin-right : 2px; padding : 2px 5px 2px 5px; text-decoration : none; } #menu ul a:hover { color : #000 !important;} #corner { display: none; } #navWrap { position:absolute; text-align:left; border-left: 1px solid #FFAA00; border-right: 1px solid #FFAA00; border-bottom: 1px solid #FFAA00;top:151px; left:0px; margin:0; height:30px; width:624px; margin:0} #menuholder { position:relative; height:30px; top:-15px; width:626px; margin:0} #date { display: none;} #date p { font-family:"Times New Roman", Times, serif; font-weight:normal; color:#000000; font-size:14px; margin:0 } #newsletter {position:absolute; left:629px; top:123px; margin-top:0px; width:165px; z-index:3; text-align:left} #menufix { position:absolute; width:1px; height:10px; left:0px; top:160px; z-index:1000; background-color:#FFAA00} #usSite { position:absolute; left:31px; margin-top:-31px; top:40px; z-index:4;} #banner { position:absolute; left:665px; margin-top:-31px; top:40px; z-index:9;} #ManU { display: none;} /* Header elements shown/hidden between sites */ #numberOne { position:absolute; width:580px; height:20px; left:186px; top:4px; z-index:4; margin:0 } #numberOne h1 { font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#000; margin:0; } #numberOne h2 { font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#000; margin:0; } #personalised { display:none; } #create { position:absolute; width:640px; left:0px; top:93px; z-index:4; margin:0 } #create h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FF0000; margin:0; text-align:justify; } #whsmithRef { display:none } /** landing page bottom gifts **/ #gifts_bottom { font-size: 12px; color: #000000; text-align: center; padding: 5px 0px 5px 0px; } #gifts_bottom a {color: #000000; font-size: 11px;} #cont p { font-size:10px; } #liveChat { position:absolute; left:476px; width:150px; height:27px; top:124px; z-index:22;} #phoneOrder { position:absolute; left:182px; width:424px; height:25px; top:-24px; z-index:23;}