/* css for GedArt topnav & footer */
html { margin:0; }
body { width:auto; height:auto; background:#7599bb url(/img/gr/bg-blue-gradient.jpg) repeat left top; font:13px Verdana, Arial, sans-serif; margin:20px 0; padding:0; }
#container { margin:0 auto; position:relative; }
#content { width:900px; height:900px;  text-align:left; color:#a6cff7; }
img { border:none; }
p { margin-top:6px; margin-bottom:9px; }	
#topnav { width:900px; height:22px;	text-align:center; }
#topnav ul { list-style:none; margin:0; padding:0; text-indent:38px; }
#topnav li { display:inline; whitespace:nowrap; }
#topnav a { font:12px Verdana, Arial, sans-serif; padding:0px 7px 0px 7px; }
a:link, a:visited {	color:#fedd38; /*yellow*/	text-decoration:none; }
a:hover {	color:yellow; text-decoration:underline; }
a.selected { color:yellow; text-decoration:none; }
.selected { color:blue; text-decoration:none; }
#tea-hm { width:900px; height:691px; background-color:#2e5882; border:1px solid #a6cff7; }
#tea { width:900px; height:835px; background-color:#2e5882; border:1px solid #a6cff7; }
#teapic { width:350px; height:310px; float:left; }

#intro { width:510px; height:270px; float:left; padding:20px; }
#intro2 { width:858px; height:233px; padding:10px 20px 0 20px; }
#intro h1, #intro2 h1 { font:28px "Comic Sans MS"; color:#fedd38; letter-spacing:6px; text-align:center; margin-top:0; padding:0; }
#aloha, #testimonial { width:870px; height:auto; float:left; padding:15px; }
#bluebox { width:900px; height:771px; background-color:#2e5882; border:1px solid #a6cff7; }
#testimonial h1 { font:normal 24px "Comic Sans MS"; color:#fedd38; letter-spacing:6px; margin-top:0; }
#orderform { width:860px; height:535px; padding:20px; border-top:1px solid #a6cff7;}
#orderform h1 { font:normal 22px Verdana, Arial, Helvetica, sans-serif; color:#fedd38; letter-spacing:6px; text-align:center; margin-top:0; }
/*width of left column containing the label elements*/
#orderform label { width:145px; font-weight:normal; float:left; } /*width of left column*/
/*width of labels. Should be smaller than left column (155px) to create some right margin*/
  /*width of text boxes. IE6 does not understand this attribute*/
.captcha { width:216px; height:12px; float:left; padding-left:145px; margin:5px 0; }
#orderform btn { width:200px; }
#form1 { width:593px; height:535px; float:left; }
.qty { width:25px; }
.comment { width:395px; }
.btn { background-color:#a6cff7; }
#teapic2 { width:265px; height:485px; float:left; color:#fedd38; }
.small { font:11px Verdana, Arial, Helvetica, sans-serif; }
#check-email { width:860px; height:15px; text-align:left; float:left; font:11px Verdana, Arial, Helvetica, sans-serif; }
#thanks { width:900px; height:310px; background-color:#2e5882; border:1px solid #a6cff7; }
#content-tq { width:900px; height:310px; text-align:left; color:#a6cff7; margin-top:100px; }
#footer { width:900px; height:60px; clear:both; float:left; text-align:center; font:10px Arial, Helvetica, sans-serif; }
#footnav { width:900px; height:25px; font-size:12px; padding-top:10px;  }
#footnav a:link, #footnav a:visited { color:#fedd38; text-decoration:none; } 
#footnav a:hover { color:yellow; text-decoration:underline; }
#footnav a.selected { color:white; text-decoration:none; }
#copyright { width:900px; height:17px; font:10px Arial, Helvetica, sans-serif; padding-top:0px; }