/* lgcss.css last changed 22 Oct 09 */
html {height: 100%; margin-bottom: .01em} /* force scroll bar to prevent screen width changing*/
body {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;background-color: #FFFFFF; margin: 0px; padding: 0px;
text-align: center; /* for centering in IE5 */
}
#outerdiv { position:relative; width: 950px; height: 600px; margin-left: auto; margin-right: auto; text-align:left;
border-width: 1px; border-color: #000000; border-style: solid; z-index: 99; visibility: visible;
background-image : url(img/bkgd02.jpg); background-repeat : repeat-x; background-color : #2F314D;
}
/* header area */
#logo1div { position: absolute; width: 183px; height: 50px; z-index: 90; left: 15px; top: 15px;}
#logo2div { position: absolute; width: 98px; height: 50px; z-index: 90; left: 213px; top: 15px;}
#logo3div { position: absolute; width: 175px; height: 50px; z-index: 90; left: 326px; top: 15px;}
#phonediv { position: absolute; width: 129px; height: 23px; z-index: 90; left: 576px; top: 15px;}
#emaildiv { position: absolute; width: 235px; height: 23px; z-index: 90; left: 705px; top: 15px;}
#strapdiv { position: absolute; width: 363px; height: 33px; z-index: 90; left: 576px; top: 40px;}
/* menu buttons */
#button1div { position: absolute; width: 94px; height: 40px; z-index: 20; left: 0px; top: 110px; visibility: inherit }
#button2div { position: absolute; width: 104px; height: 40px; z-index: 19; left: 83px; top: 110px; visibility: inherit }
#button3div { position: absolute; width: 119px; height: 40px; z-index: 18; left: 175px; top: 110px; visibility: inherit }
#button4div { position: absolute; width: 141px; height: 40px; z-index: 17; left: 282px; top: 110px; visibility: inherit }
#button5div { position: absolute; width: 145px; height: 40px; z-index: 16; left: 413px; top: 110px; visibility: inherit }
#button6div { position: absolute; width: 155px; height: 40px; z-index: 15; left: 547px; top: 110px; visibility: inherit }
#button7div { position: absolute; width: 133px; height: 40px; z-index: 14; left: 692px; top: 110px; visibility: inherit }
#button8div { position: absolute; width: 135px; height: 40px; z-index: 13; left: 815px; top: 110px; visibility: inherit }
/* columns and cell positions */
#col1div { position: absolute; width: 172px; height: 277px; z-index: 90; left: 15px; top: 161px; background-color: #FFFFFF; /* overflow: hidden; */}
#col2div { position: absolute; width: 172px; height: 423px; z-index: 90; left: 202px; top: 161px; background-color: #FFFFFF; overflow: hidden;}
#col3div { position: absolute; width: 172px; height: 423px; z-index: 90; left: 389px; top: 161px; background-color: #FFFFFF; overflow: hidden;}
#col4div { position: absolute; width: 172px; height: 423px; z-index: 90; left: 576px; top: 161px; background-color: #FFFFFF; overflow: hidden;}
#col5div { position: absolute; width: 172px; height: 277px; z-index: 90; left: 763px; top: 161px; background-color: #FFFFFF;}
#col2invisdiv { position: absolute; width: 172px; height: 423px; z-index: 90; left: 202px; top: 161px;}
#col3invisdiv { position: absolute; width: 172px; height: 423px; z-index: 90; left: 389px; top: 161px;}
#col4invisdiv { position: absolute; width: 172px; height: 423px; z-index: 90; left: 576px; top: 161px;}
#cols234 { position: absolute; width: 576px; left: 187px; top: 146px;}
#shopinstructions { padding-left: 5px; margin-left: 0px;} /* note, this id is used in javascript */
/* this for 2nd menu, below col 1 */
#cellbottomleft {position: absolute; width: 172px; height: 85px; left:10px; top: 502px;}
#shoppingarrowdiv {position: absolute; width: 10px; height: 30px; z-index: 99; left: 937px; top: 161px;}
/* positions inside columns */
.cell1div {position: absolute; width: 172px; height: 131px; left:0px; top: 0px; background-color: #FFFFFF}
.cell2div {position: absolute; width: 172px; height: 131px; left:0px; top: 146px; background-color: #FFFFFF}
.cell3div {position: absolute; width: 172px; height: 131px; left:0px; top: 292px; background-color: #FFFFFF}
.cell23div {position: absolute; width: 172px; height: 277px; left:0px; top: 146px; background-color: #FFFFFF} /* double cell */
/* text */
.secondmenutext { color: #FFFFFF; font-family: sans-serif; font-weight: normal; font-size: 0.8em; padding: 5px; margin: 0px; }
.colheader { color:#2F314D; font-family: sans-serif; font-weight: bold; font-size: 1.0em; padding: 5px; margin: 0px;}
.cellheader { color:#2F314D; font-family: sans-serif; font-weight: bold; font-size: 0.9em; padding: 5px; margin: 0px;}
.shoppingheader { color:#00BD00; font-family: sans-serif; font-weight: bold; font-size: 1.0em; padding: 5px; margin: 0px;}
.coltext { color: #000000; font-weight: normal; font-size: 0.7em; padding: 5px; margin: 0px; }
.radiotext { color: #2F314D; font-weight: normal; font-size: 0.6em; padding: 5px 0px; margin: 0px;}
.redhilit {color: #CC3300; text-align:center}
.cellinner { margin: 5px; }
.qty { font-size: 0.9em; height: 1.0em;}
.secondmenutext a:link,.secondmenutext a:visited { color:#FFFFFF; text-decoration:none; }
.secondmenutext a:hover,.secondmenutext a:focus { color:#FF0000;}
/* text for balloon tables, will these be used for other pages ? */
.ballooncell { background-color: #FFFFFF; padding: 0px; margin: 0px;}
.balloonline1 { color:#2F314D; font-family: sans-serif; font-weight: bold; font-size: 0.9em; padding: 0px; margin: 0px; }
.balloonline2 { color: #2F314D; font-weight: normal; font-size: 0.7em; padding: 0px; margin: 0px;}
.balloonqty { color: #2F314D; font-size: 0.7em; height: 0.9em;} /* nb input box height */
.balloonprice { color: #2F314D; font-weight: normal; font-size: 0.7em; padding: 0px; margin: 0px; }
/* shopping cart styles */
.shoppingheader { color:#00BD00; font-family: sans-serif; font-weight: bold; font-size: 1.0em; padding: 5px; margin: 0px;}
.shoppingtext { color: #2F314D; font-family: sans-serif; font-weight: normal; font-size: 0.7em; padding: 5px; margin: 0px; }
.shoppingcell { border-bottom: 1px solid #CCCCCC;}
.shoppingcellcentered { border-bottom: 1px solid #CCCCCC; text-align: center}
.shoppingname { padding-top: 10px;}
.shoppingtotal { border-bottom: 1px solid #CCCCCC; padding-top: 10px;}
/* shopping cart extras for slide left etc */
.shopnewqty { font-size: 0.8em;}
.shopremovebutton { font-size: 0.8em; color: #FFFFFF; background-color: #339933;}
.shopremovecell { border-bottom: 1px solid #CCCCCC; padding-top: 0px; padding-bottom: 0px; vertical-align: top;}