* {font-size:100%;}

body {margin:0; padding:0; font-family:verdana, arial, sans-serif; font-weight:normal; text-align:center; background-color:#999; background-image:url("ibpimages/ibpback2.gif"); }

#container {margin-left:auto; margin-right:auto; text-align:left; width:950px;}

#header {padding:0; margin:0; height:100px; font-size:0.8em; background-image:url("ibpimages/ibptop.gif"); background-repeat:no-repeat;}

#navbar {width:950px; background-color:none; text-align:center; margin:0 0 0 20px; }
.nav, .current {margin-left:52px; padding:0; font-size:0.9em;}
.nav:link {color:#000; text-decoration:none;}
.nav:visited {color:#000; text-decoration:none;}
.nav:hover {color:#c30; text-decoration:none;}
.nav:active {color:#000; text-decoration:none;}
.current {color:#c30; text-decoration:none;}

#leftcol {float:left; width:120px; margin:0; padding:0; background:#2e2e2e;}

#maincol {margin-left:120px; padding:0; font-size:0.8em; line-height:120%; background-color:#fff;}

/* to bring maincol down to leftcol bottom MAKES A MESS IN Ie6 AND Ie7 ?? */
hr.clear {clear:both; display:block; visibility:hidden;}

#maincolupdate {margin:20px 0 0 0; padding:0; font-size:0.8em; line-height:120%; background-color:none;}

#maincol p {padding:15px 20px 0 20px; margin:0; text-align:justify;}
#maincol div.ce {text-align:center;}
#maincol p.ce {text-align:center;}
#maincol p.cesm {text-align:center; font-size:0.8em;}

#leftmenu {width:120; padding:15px 0 0 5px; margin:0; text-align:left;}
#leftmenu ul {padding:0; margin:0; list-style-type:none;}
#leftmenu li {padding:0; margin:0;}
a.leftnav, .leftnavcurrent{font-size:.7em;}
a.leftnav:link {color:#999; text-decoration:none;}
a.leftnav:visited {color:#999; text-decoration:none;}
a.leftnav:hover {color:#c30; text-decoration:none;}
a.leftnav:active {color:#999; text-decoration:none;}
a.leftnavcurrent {color:#c30; text-decoration:none;}

#leftcol p {padding:5px; margin:0; text-align:left; font-size:0.6em; color:#999;}

/* inline links  */
a.txt {font-size:0.9em; }
a.txt:link {color:#000; text-decoration:underline;}
a.txt:visited {color:#000; text-decoration:underline;}
a.txt:hover {color:#777; text-decoration:none;}
a.txt:active {color:#000; text-decoration:underline;}

/* what are these tags for?  */
a.red {font-size:0.9em; }
a.red:link {color:#999; text-decoration:none;}
a.red:visited {color:#999; text-decoration:none;}
a.red:hover {color:#c30; text-decoration:none;}
a.red:active {color:#999; text-decoration:none;}

/* gifts page header  */
#gpheader {float:left; display:block; width:780px; height:19px; background:#f0eee0; border:1px solid #afab8e;  margin:20px; padding:3px; font-size:1.2em; text-align:center;}

.boxed {float:left; display:block; width:124px; height:100px; background:#000; border:1px solid #afab8e;  margin:19px; padding:0.2px; font-size:0.8em; color:#fff; text-align:center;}

.galadjust {padding:10px 0 0 27px;}
.portadjust {padding-left:22px;}

fieldset {background-color:#eee;}
.files {width:900px; font-size:0.7em; }
.files li {float:left; width:200px; padding:20px 20px 0 0}

label {float:left; width:200px;}
label2 {float:left; width:100px;}
/* font is necessary */
textarea {font-size:1.0em; font-family:verdana, arial, sans-serif;}
img {border:0;}

#frameadjust {position:relative; left:0px; top:0;}

/* h1 for update pages */
h1 {margin:1em;  font-size:1.0em; color:#000;}

h3 {margin:0; padding:0 1em 0 1em; font-size:0.9em; color:#036;}

.je {text-align:justify;}
.ce {text-align:center;}
.flri {float:right; padding:0 0 2em 2em;}
.flle {float:left; padding:0 2em 2em 0;}
.clri {clear:right;}
.clle {clear:left;}
.clall {clear:right; clear:left;}
.small {font-size:0.8em; }
#instructs {padding:0 50px 0 0; font-size:0.8em; }
hr {margin:0 1em 0 1em; color:#036;}

a {outline:none;}

table {margin-left:auto; margin-right:auto;}
table td {padding:10px 10px 10px 10px; background:#eee;}
table td.white {padding:10px 30px 10px 30px; background:#fff;}

a.buy {font-size:0.9em;}
a.buy:link {color:#666; text-decoration:underline;}
a.buy:visited {color:#666; text-decoration:underline;}
a.buy:hover {color:#aaa; text-decoration:none;}
a.buy:active {color:#666; text-decoration:underline;}

/* for lte ie6 use */
#noshow {display:none;} 

/* for add to cart button */
#adjustv {vertical-align:middle;}

#menuchart {clear:left; display:block; width:940px; height:350px; position:relative; top:15px; left:60px; font-size:0.9em; }
#menuchart div {position:absolute; padding:1px 3px 1px 3px;}
#posn1a {top:0px;  left:0px;}
#posn2a {top:25px; left:0px;}
#posn3a {top:50px; left:0px;}
#posn4a {top:75px; left:0px;}
#posn5a {top:100px; left:0px;}
#posn6a {top:125px; left:0px;}
#posn7a {top:150px; left:0px;}
#posn8a {top:175px; left:0px;}
#posn9a {top:200px; left:0px;}
#posn10a {top:225px; left:0px;}
#posn11a {top:250px; left:0px;}
#posn12a {top:275px; left:0px;}
#posn13a {top:300px; left:0px;}
#posn14a {top:325px; left:0px;}

#posn1b {top:0px;  left:300px;}
#posn2b {top:25px; left:300px;}
#posn3b {top:50px; left:300px;}
#posn4b {top:75px; left:300px;}
#posn5b {top:100px; left:300px;}
#posn6b {top:125px; left:300px;}
#posn7b {top:150px; left:300px;}
#posn8b {top:175px; left:300px;}
#posn9b {top:200px; left:300px;}
#posn10b {top:225px; left:300px;}
#posn11b {top:250px; left:300px;}
#posn12b {top:275px; left:300px;}
#posn13b {top:300px; left:300px;}
#posn14b {top:325px; left:300px;}

#posn1c {top:0px;  left:600px;}
#posn2c {top:25px; left:600px;}
#posn3c {top:50px; left:600px;}
#posn4c {top:75px; left:600px;}
#posn5c {top:100px; left:600px;}
#posn6c {top:125px; left:600px;}
#posn7c {top:150px; left:600px;}
#posn8c {top:175px; left:600px;}
#posn9c {top:200px; left:600px;}
#posn10c {top:225px; left:600px;}
#posn11c {top:250px; left:600px;}
#posn12c {top:275px; left:600px;}
#posn13c {top:300px; left:600px;}
#posn14c {top:325px; left:600px;}