/* Global CSS Full Cup Edmond, Man these guys have some really good Donuts */

/*Global Styles*/
body { margin:0; padding:0; background:#FFFFFF; font:normal 11px Verdana, sans-serif; color:#444444; }
h1 { margin:0; padding:0; font-size:18px; color:#770533; }
input, select, option, textarea { font:normal 10px Verdana, sans-serif; color:#444444; }
.inputwidth { width:60px; margin:0; padding:0; }
.clear { clear:both; }
.none { margin:0; padding:0; }
.space10 { height:10px; margin:0; padding:0; }

/*Main*/
#main { width:820px; margin:0 auto 0 auto; padding:0; position:relative; background-color:#FFFFFF; z-index:0;  }
#header { width:850px; height:200px; margin:0; padding:0; position:absolute; top:0; left:-40px; z-index:2; }
#space11 { height:11px; margin:0; padding:0; }
#content { width:820px; margin:0; padding:143px 0 0 0; position:relative; z-index:1; background:#FFFFFF url(../images/bckgrndshad.jpg) top center repeat-y; }
#ContentHolder { width:800px; margin:0; padding:0; }
/*End*/

/*Footer*/
#footr { width:820px; margin:0 auto 0 auto; padding:0; position:relative;z-index:0; background:#FFFFFF url(../images/bckgrndshad.jpg) top center repeat-y; }
#footrholder { width:800px; margin:0; padding:10px 0; background-color:#770533; font-size:9px; color:#FFFFFF; text-align:center; }
#footrholder a { text-decoration:none; color:#DDDDDD; }
#footrholder a:hover { text-decoration:underline; color:#FFFFFF; }
#footimg { width:820px; height:20px; margin:0 auto; padding:0; background:url(../images/bckgrndshadbot.jpg) top left no-repeat; }
/*End*/


/*Index Page*/
#INTRO { height:300px; width:800px; margin:0; padding:0; }
.index { clear:both; width:800px; margin:0; padding:0; }
.index .left { float:left; width:395px; margin:0; padding:0; }
.index .left p { margin:0; padding:10px; text-align:left; }
.index .right { float:right; width:395px; margin:0; padding:0; }
/*End*/

/*Menu*/
.menu { clear:both; width:800px; margin:0; padding:0; }
.menu .left { float:left; width:200px; margin:0; padding:0; }
.menu .left p { margin:0; padding:10px; text-align:left; }
.menu .right { float:right; width:580px; margin:0; padding:0; }

.menu .menuitem { clear:both; width:580px; margin:0; padding:0 0 15px 0; }
.menu .menuimg { float:left; width:100px; margin:0; padding:0; }
.menu .menuinfo { float:right; width:475px; margin:0; padding:0; text-align:left; }
.menu .menuinfo h1 { margin:0; padding:0; font-size:14px; }
.menu .menuinfo p { margin:0; padding:0; }
/*End*/

/*Order*/
.order { clear:both; width:800px; margin:0; padding:0; }
.order .left { float:left; width:180px; margin:0; padding:0; }
.order .left p { margin:0; padding:10px; text-align:left; }
.order .right { float:right; width:615px; margin:0; padding:0; }
.order .title { background:#770533; color:#FFFFFF; }
.order .updatetotal { background-color:#AAAAAA; color:#FFFFFF; }
.order .inputquantity { width:20px; margin:0; padding:0; }
.order .inputprice { width:50px; margin:0; padding:0; }
/*End*/

/*Contact Page*/
#ContactForm { clear:both; width:800px; margin:0; padding:0; }
#ContactForm #text { float:left; width:395px; margin:0; padding:0; }
#ContactForm #text p { margin:0; padding:10px; text-align:left; }
#ContactForm #right { float:right; width:395px; margin:0; padding:0; }
/*End*/

/*Goodies*/
.goodies { clear:both; width:800px; margin:0; padding:0 0 15px 0; }
.goodies .left { float:left; width:300px; margin:0; padding:0; }
.goodies .right { float:right; width:490px; margin:0; padding:0; }
.goodies .right p { margin:0; padding:10px; text-align:left; }
/*End*/