HTML { FONT-SIZE: 72%; MARGIN: 25px 4%; margin: 0; FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif; }
body { margin: 0; }
.clear { CLEAR: both; MARGIN-BOTTOM: -1px; PADDING-BOTTOM: 1px }
.hide { DISPLAY: none! important }
.inside { PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
UL,OL,DL,P { MARGIN-TOP: 14px; MARGIN-BOTTOM: 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; }
P { line-height: 1.5em; }
H1,H2,H3,H4,H5 { MARGIN-TOP: 14px; MARGIN-BOTTOM: 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
H1 { FONT-SIZE: 1.8em; }
h2 { font-size: 1.6em; font-weight: normal; }
H3 { FONT-SIZE: 1.5em; }
H4 { FONT-SIZE: 1.4em; }
H5 { FONT-SIZE: 1.3em; }
A { TEXT-DECORATION: underline }
A:link { TEXT-DECORATION: underline }
A:visited { TEXT-DECORATION: underline }
A:active { TEXT-DECORATION: underline }
A:hover { TEXT-DECORATION: none }
LABEL { CURSOR: pointer }
TABLE { FONT-SIZE: 100% }
TD { VERTICAL-ALIGN: top }
TH { VERTICAL-ALIGN: top }
#pageWrapper { WIDTH: auto; min-width: 40em; }
 HTML #pageWrapper { WORD-WRAP: break-word }
#masthead { PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; }
#masthead H1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
#outerColumnContainer { BORDER-RIGHT: #CCC 135px solid; BORDER-LEFT: #6599FF 135px solid; }
#outerColumnContainer { background: url(images/bg.gif) repeat-y -135px; }
*html #outerColumnContainer { background: url(images/bg.gif) repeat-y 0px; }
#innerColumnContainer { Z-INDEX: 1; MARGIN: 0px 0px 0px 0px; WIDTH: 100%; } /* was 0 0 0 0 */
#leftColumn { OVERFLOW: visible; POSITION: relative; padding-left: 0px; }	/* was 1px */
#middleColumn { OVERFLOW: visible; POSITION: relative }
#rightColumn { OVERFLOW: visible; POSITION: relative; }
 HTML #SOWrap { OVERFLOW: visible; POSITION: relative }
#SOWrap { Z-INDEX: 3; FLOAT: left; MARGIN: 0px -1px 0px 0px; WIDTH: 100% }
#middleColumn { Z-INDEX: 5; FLOAT: right; MARGIN: 0px 0px 0px -1px; WIDTH: 100%; border-left: 4px solid white; border-right: 4px solid white; width: 521px; } 
#leftColumn { Z-INDEX: 4; FLOAT: left; MARGIN: 0px 1px 0px -135px; WIDTH: 135px }
#rightColumn { Z-INDEX: 2; FLOAT: right; MARGIN: 0px -135px 0px 1px; WIDTH: 135px }
#pageWrapper { width: 800px; margin-left: auto; margin-right: auto; }
/* EXTRAS */
img { border: 0px }
a:link, a:visited { color: blue; text-decoration: underline; }
a:hover { color: #FF8C00; text-decoration: underline }
#masthead { position: relative; height: 120px; }
.inside { margin: 0; padding: 0 }
#footer { font-size: 10px; COLOR: gray; padding: 0; margin: 0; border: 0; }
#footercloser { BACKGROUND: url(images/footercloser.gif) no-repeat; height: 18px; margin-bottom: 10px; }
/* top menu */
#menu h3 { display: none; }
ul#navlist { margin-left: 0; margin-top: 0px; padding-left: 10px; white-space: nowrap }
#navlist li { display: inline; list-style-type: none }
#navlist a { /* was 3px */ padding: 5px 9px 9px 8px }
#navlist a:link, #navlist a:visited { color: #FFFFFF; background-color: #0033FF; text-decoration: none }
#navlist a:hover { color: #FFFFFF; background-color: #00219F; text-decoration: none }
/* for the drop-down menu in the header section */
#dropmenudiv{ position: absolute; border: 1px solid #FFFFFF; border-bottom-width: 0; font: normal 10px Geneva, Arial, Helvetica, sans-serif; line-height: 18px; z-index: 999; }
#dropmenudiv a{ text-align: left; width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #FFFFFF; padding: 4px 0px 2px 4px; text-decoration: none; background-color: #0033FF; color: #FFFFFF }
#dropmenudiv a:hover{ background-color: #001871; font-size: 10px }
#menu { position: absolute; left: 135px; top: 0px; font-size: 11px; margin-left: 0px; background: url(images/bg_menu.gif) no-repeat; width: 665px; height: 28px; padding: 5px 0 0 8px }
#o8no { position: absolute; left: 13px; top: 8px; width: 110px; height: 110px; }
#heading { position: absolute; left: 140px; top: 40px; height: 28px; width: 460px; }
#heading h1 { font-size: 24px; font-weight: normal; margin:3px 0 0 0; color: black; }
#telno { position: absolute; width: 190px; text-align: right; height: 48px; right: 0px; top: 45px; background: url(images/telno.gif) no-repeat right }
#ofcom { position: absolute; text-align: right; height: 32px; width: 132px; right: 0px; top: 80px; }
#breadcrumbs { position: absolute; left: 134px; top: 104px; font-size: 14px; color: #666666 }
#breadcrumbs ul { font-size: 10px; margin-left: 0; margin-top: 0px; padding-left: 0px; white-space: nowrap }
#breadcrumbs li { display: inline; list-style-type: none }
#breadcrumbs a { padding: 3px 8px }
#breadcrumbs a:link, #breadcrumbs a:visited { color: #000000; text-decoration: none }
#breadcrumbs a:hover { color: red; text-decoration: underline }
/* left section */
#leftColumn h1 { width: 135px; margin-top: 0px; margin-bottom: 8px; height: 21px; text-align: center; font-size: 11px; font-weight: bold; padding-top: 8px; color: #FFFFFF; background-image: url(images/h1_blue.gif) }
#rightColumn h1 { width: 135px; margin-top: 0px; margin-bottom: 8px; height: 21px; text-align: center; font-size: 11px; font-weight: bold; padding-top: 8px; color: #FFFFFF; background-image: url(images/h1_grey.gif) }
#rightColumn p, #leftColumn p { font-size: 1em; padding-left: 4px; padding-right: 4px; margin-top: 0px; margin-bottom: 6px }
#leftColumn p, #leftColumn a { color: #FFFFFF }
#leftColumn h1.top { background-image: url(images/h1_blue_top.gif) }
#rightColumn h1.top { background-image: url(images/h1_grey_top.gif); }
#rightColumn h1 { width: 135px; }
/* background image is actually 128px x 21px */
#navcontainer-left { width: 128px; }
#navcontainer-left ul { margin: 0; margin-left: 3px; padding: 0; list-style-type: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; }
#navcontainer-left li { margin: 0 0 3px 0; }
#navcontainer-left a { display: block; width: 120px; padding: 2px 0px 4px 8px; background: url(images/btn_blue_up.gif) #999999 no-repeat; text-decoration: none; }
#navcontainer-left a:link, #navcontainer-left #navlist a:visited { color: #FFFFFF; text-decoration: none; background-color: #6699FF }
#navcontainer-left a:hover { background-color: #FF6600; color: #FFFFFF; background: url(images/btn_red_dn.gif) no-repeat }
#navcontainer-left #active a:link, #navcontainer-left #active a:visited, #navcontainer-left #active a:hover { background-color: #FF6600; color: #FFFFFF; background: url(images/btn_red_dn.gif) no-repeat }
/* background image is actually 128px x 21px */
#navcontainer-right { width: 128px; }
#navcontainer-right ul { margin: 0; margin-left: 3px; padding: 0; list-style-type: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px }
#navcontainer-right li { margin: 0 0 3px 0 }
#navcontainer-right a { display: block; width: 120px; padding: 2px 0px 4px 8px; background: #999999 url(images/btn_grey_up.gif) no-repeat; text-decoration: none; }
#navcontainer-right a:link, #navcontainer-right #navlist a:visited { color: #FFFFFF; text-decoration: none; background-color: #CCCCCC }
#navcontainer-right a:hover { color: #FFFFFF; background: #CCCCCC url(images/btn_grey_dn.gif) no-repeat }
#navcontainer-right #active a:link, #navcontainer-right #active a:visited, #navcontainer-right #active a:hover { color: #FFFFFF; background: #CCCCCC url(images/btn_grey_dn.gif) no-repeat }
/*#contentColumn table, #contentColumn p { font-size: 1em; } */
#contentColumn UL { line-height: 1.5em; }
/* EXTRA STUFF */
a.button, a:link.button, a:visited.button, input.button { font-size: 9px; width: 128px; padding-top: 3px; height: 21px; color: white; text-align: center; border: 0; background: url(images/btn_blue_up.gif) no-repeat;  text-decoration: none; display:inline-block; cursor: hand; }
a:hover.button, input:hover.button { color: #FFFFFF; padding-top: 3px; height: 21px; background: url(images/btn_red_dn.gif) no-repeat }
#shoppingbasket { text-align: center; }
#shoppingbasket p { font-weight: bold; font-size: 1em; color: yellow }
#homepage { background: #E3E3E3 url(images/homepage_top.gif) no-repeat top; margin: 0px; height: 1px; line-height: 1.3em; /* padding: 10px; */ }
/* USED ON THE SEARCH BOX ON THE LEFT OF THE PAGES */
#search { text-align: center }
#search input, #search select, .checkout input, .checkout select, input, select, textarea { border: 1px solid gray; font-size: 1em; font-family: arial, helvetica, sans-serif;}
textarea { scrollbar-base-color: #CCCCCC;  scrollbar-darkshadow-color: #CCCCCC;  scrollbar-arrow-color: #FFFFFF; }
/* USED ON THE BUY A NUMBER PAGE FOR THE TABLE TOP DEFINITION */
table.buyanumber { width: 550px; margin-left: 40px; }				/* GOTTA BE 550PX!! */
.buyanumber td { text-align: center; vertical-align: middle; background-color: #F1F1F1; padding: 4px; }
.buyanumber th.side { background-color: #E3E3E3; text-align: right; }
.buyanumber th.bottom { background-color: #E3E3E3; padding: 4px; text-align: left; }
.buyanumber .top { padding: 8px }
.buyanumber th { font-weight: normal; }
.buyanumber .tick { text-align: center; vertical-align: middle; background: url(images/tick.gif) 50% 50% no-repeat; background-color: #F1F1F1; padding: 4px; }
table.personalservice { width: 100%; margin-left: 0px; }	/* GOTTA BE 550PX!! */
.personalservice td { text-align: center; vertical-align: middle; background-color: #F1F1F1; padding: 4px; }
.personalservice th.side { background-color: #E3E3E3; text-align: right; }
.personalservice td.sidebold { background-color: #E3E3E3; text-align: right; }
.personalservice th.bottom { background-color: #E3E3E3; padding: 4px; text-align: left; }
.personalservice .top { padding: 8px }
.personalservice th { font-weight: normal; }
.personalservice .tick { text-align: center; vertical-align: middle; background: url(images/tick.gif) 50% 50% no-repeat; background-color: #F1F1F1; padding: 4px; }
.personalservice td.button {color: #000000; background: url(/rsrc/table/$file/bluecelldown2.gif) no-repeat; background-position: bottom right; width: 100px;}
.personalservice td.buttondown {color: #000000; background: url(/rsrc/table/$file/redcelldown2.gif) no-repeat; background-position: bottom right;}
.personalservice td.button A:link, .personalservice td.button A:visited, .personalservice td.button A:active, .personalservice td.button A:hover  {color: #FFFFFF; TEXT-DECORATION: none;}
.personalservice td.buttondown A:link, .personalservice td.buttondown A:visited, .personalservice td.buttondown A:active, .personalservice td.buttondown A:hover  {color: #FFFFFF; TEXT-DECORATION: none;}
.personalservice td.sidebold A:link, .personalservice td.sidebold A:visited, .personalservice td.sidebold A:active, .personalservice td.sidebold A:hover  {color: #000000; TEXT-DECORATION: None; font-weight: Bold;}
.personalservice td.straighttext { background-color: #FFFFFF; text-align: center; width: 100px; }
.personalservice td.numbercolumn { width: 140px; }
/* USED ON THE CHECKOUT (CONFIRM) PAGE FOR THE TABLE TOP DEFINITION */
table.checkout { width: 580px; }				/* GOTTA BE 550PX!! */
.checkout td { vertical-align: middle; background-color: #DDD; padding: 4px; }
.checkout th.side { background-color: #E3E3E3; text-align: right; }
.checkout th.bottom { background-color: #E2E2E2; padding: 4px; }
.checkout .top { color: #444 }
.checkout .top1 {	color: #444; font-weight: normal; font-size: 11px; text-align: right; width: 80px; border-bottom: 1px solid gray; }
.checkout .top1.wide { width: 240px; text-align: left; }
.checkout .header { text-align: left; color: blue; font-size: 1.2em; padding: 30px 0 15px 0; }
.checkout .side { background-color: #E3E3E3; }
table.confirmtop { border: 0px; width: 640px; margin-bottom: 30px; }
.confirmtop h1 { margin: 0; }
.confirmtop img { vertical-align: middle; margin-left: 8px; margin-right: 3px; }
table.premiumservice { width: 580px; border-collapse: collapse; }
.premiumservice th, .premiumservice td { vertical-align: middle; padding: 4px; text-align: center; }
.premiumservice td { border: 1px solid silver; }
.premiumservice thead th { border: 1px solid silver; height: 22px; }
.premiumservice th.side { background-color: #E3E3E3; width: 200px; border: 1px solid silver; }
.premiumservice tfoot th { height: 22px; border: 1px solid silver; }
.premiumservice tfoot td { border: 0 }
.premiumservice .tick { background: url(images/tick.gif) 50% 50% no-repeat; }
table.searchresults { width: 580px; border-collapse: collapse; }
.searchresults th, .searchresults td { vertical-align: middle; padding: 4px; text-align: center; font-size: 11px; }
.searchresults td { border: 1px solid silver; }
.searchresults thead th { border: 1px solid silver; height: 22px; background-color: #D1D1D1; }
.searchresults th.side { background-color: #E3E3E3; width: 200px; border: 1px solid silver; }
.searchresults tfoot th { height: 22px; border: 1px solid silver; }
.searchresults tfoot td { border: 0 }
.searchresults .tick { background: url(images/tick.gif) 50% 50% no-repeat; }
.checkout h2 { margin: 0px; padding: 0px; }
.checkout h3 {	font-size: 1.1em; padding: 0px; }
.checkout h4 {	font-size: 0.9em; padding: 0px; font-weight: normal; padding: 0px; margin-bottom: 0px;  margin-top: 0px; }
#req { background-image: url(images/req.gif); background-position: 95%; background-repeat: no-repeat; }
.errorfield { color: red; font-weight: bold; background-color: #FFCECE; }
.checkout input, .checkout select { border: 1px solid gray; font-size: 1em; }
.checkout input.button { font-size: 10px; }
.nob, input.button { border: 0px; }
.CategoryGold { background-color: #CAA83B;}
.CategoryPlatinum { background-color: #B9CAE1 }
.CategorySilver { background-color: #BBBDC2 }
.CategoryBronze { background-color: #6A6548; color: white; }
.CategoryStandard { background-color: #6699FF; }
.CategoryBkgGold { background: url(images/bkggold.gif) no-repeat; width: 66px; }
.CategoryBkgPlatinum { background: url(images/bkgplatinum.gif) no-repeat; width: 66px;  }
.CategoryBkgSilver { background: url(images/bkgsilver.gif) no-repeat; width: 66px;  }
.CategoryBkgBronze { background: url(images/bkgbronze.gif) no-repeat; width: 66px; color: white; }
.CategoryBkgStandard { background: url(images/bkgstandard.gif) no-repeat; width: 66px; color:white; }
/* USED ON THE NUMBER LIST PAGE FOR THE NUMBER TABLE */
div.numberlist { width: 550px; margin: 15px 0 15px 60px;  }
.numberlist span { height: 27px; display: inline-block; padding-right: 28px; }
.numberlist input { border: 0 }
/*table.numberlist { width: 550px; margin-left: 40px; }
.numberlist td { text-align: center; vertical-align: middle; }
.numberlist p { margin-bottom: 5px; margin-top: 5px; }*/
.alert { color: red; font-weight: bold; width: 100%; background-color: #F5F5F5; padding: 4px; border: 1px solid gray; }
#validation { border: 1px solid black; background-color: white; color: red; font-weight: bold; padding: 8px; }
#popup_head { position: absolute; left: 0px; top: 0px; height: 40px; width: 590px; background-color: #0033FF; color: white; font-size: 11px; padding: 5px; border: 2px solid white; }
#popup_head h1 { margin: 0 }
#popup_scroller { position:absolute; left: 0px; top: 40px; width: 580px; height: 500px; padding: 10px; overflow: auto; background-color: #E3E3E3; text-align: left; font-size: 1em; border: 2px solid white; }
#popup_base { position: absolute; left: 0px; top: 537px; width: 582px; height: 20px; background-color: #6599FF; color: white; text-align: right; padding: 9px; border: 2px solid white; }
.nob { border: 0 }
#homepage #girl { width: 493px; height: 253px; background: url(/rsrc/FrontBackGround/$file/green1.jpg); padding: 14px; overflow: hidden; }
#homepage #girl a { display: block; width: 301px; padding: 2px 0px 4px 8px; background: url(images/HomePageButtonBasic.gif) no-repeat; text-decoration: none; }
/*#homepage #girl a:link { color: #FFFFFF; text-decoration: none; background-color: #6699FF } */
#homepage #girl a:hover { background-color: #FF6600; color: #FFFFFF; background: url(images/HomePageButtonhover.gif) no-repeat }
#homepage #girl p { margin-bottom: 4px; margin-top: 4px; }
#homepage #bottom { margin: 10px; margin-top: 0; }
#homepage #bottom p { margin: 0; margin-bottom: 12px; }
/* <img src="/girl1.jpg" align=right alt="Memorable 0800 Freephone numbers"> */
.headercurve { BACKGROUND: url(images/header_wide.gif) no-repeat; }