/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

/**	
*/        
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#f8eecd;
	
	font-family: "Trebuchet MS", Verdana, Arial;
    font-size:12pt;
	color:#000;
	
	/**
    font-size: 9px;
	font-style: normal;
	font-weight: normal;
    */
    
    overflow:auto;
    behavior: url("csshover3.htc"); 
    text-align:center;
}
div#left {
	width:5px;
    height:100%;
	background:url(../images/lshadow.gif);
	position:absolute;
	bottom:0; top:0; left:-5px;
}
div#right {
    width: 5px;
    height:100%;
    background:url(../images/rshadow.gif);
    position:absolute;
	bottom:0px; top:0; right:-5px;
}

div#leftspacer {
    background-color:#f8eecd;
    height:99px;
    width:5px;
    position:relative;
    right:5px;
    float:left;
}

div#rightspacer {
    background-color:#f8eecd;
    height:99px;
    width:5px;
    position:relative;
    right:-5px;
    top:0px;
    float:right;
}

div#navspacer {
    height:4px;
    width:750px;
    background-color:#c42032;
    clear:both;
}

div#nav {
    text-align:left;
    height:27px;
    margin:0;
    padding:0;
}

#inline-list {
	border: 1px solid #000;
	margin: 2em;
	width: 80%;
	padding: 5px;
	font-family: Verdana, sans-serif;
	}

p { 
	line-height:1.25; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:750px;
	background:#fff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:750px; /* real browsers */
    text-align:left;
}

div#header {
    background: url(../images/gpiheader.jpg) center;
	height:172px;
}

div#content {
	padding:0px 0px 100px 0px; /* bottom padding for footer */
	color:#000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

div#main {
    padding:10px 15px 0px 15px;
}

div#mainrecipe {
    padding:0px 20px 0px 20px;
    text-align:center;
    width:700px;
}

div#mainbtm {
    position:relative;
    top:0px;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
    left:0;
	background:#fff;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
    clear:both;
}

div#sitemap {
	margin:2em;
	width: 500px;
	padding: 20px;
	font-family: Verdana, sans-serif;
    text-decoration:inherit;
}

.form {
border:solid black;
}

h2 {
color: #000;
font: bold 18px/24px arial, helvetica, sans-serif;
}

h5 {
color: #000;
font: bold 12px/16px arial, helvetica, sans-serif;
}
/** Rollover Menu */

#menu {
width: 100%;
background: #e57125;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 6.696em;
float: left;
}
#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #e57125;
display: block;
font: bold 11px/16px arial, helvetica, sans-serif;
text-align:center;
text-transform: uppercase;
margin: 0;
padding: 2px 3px;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/** Rollover Menu End */

/** Rollover SubMenu */

#submenu {
width: 100%;
background: white;
float: left;
}
#submenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 107px;
float: left;
}
#submenu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#submenu h2 {
color: #000;
background: #;
display: block;
font: bold 11px/16px arial, helvetica, sans-serif;
text-align:center;
text-transform: uppercase;
margin: 0;
padding: 2px 3px;
}

#submenu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#submenu a:hover {
color: #a00;
background: #fff;
}
#submenu li {position: relative;}

#submenu ul ul {
position: absolute;
z-index: 500;
}

#submenu ul ul ul {
top: 0;
left: 100%;
}
div#submenu ul ul,
div#submenu ul li:hover ul ul,
div#submenu ul ul li:hover ul ul
{display: none;}

div#submenu ul li:hover ul,
div#submenu ul ul li:hover ul,
div#submenu ul ul ul li:hover ul
{display: block;}

/** Rollover Menu End */

/** Rollover Retail Menu */

#retailmenu {
width: 100%;
background: white;
float: left;
}
#retailmenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 120px;
float: left;
}
#retailmenu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 3px 3px;
}

#retailmenu h2 {
color: #000;
background: #;
display: block;
font:bold 10px/14px arial, helvetica, sans-serif;
text-align:center;
text-transform: uppercase;
margin: 0;
padding: 2px 3px;
}

#retailmenu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#retailmenu a:hover {
color: #a00;
background: #e57125;
}


/** Rollover Retail Menu End */

/** Cart */

div#tan {
    position:relative;
    left:0;
    width:100%;
    height:26px;
    background:#bfab77;
}
   
div#productphoto {
    position:absolute;
    text-align:left;
    top:230px;
    left:0px;
    width:362px;
    height:250px;
}

div#discription {
    position:absolute;
    top:230px;
    right:0px;
    width:388px;
    height:250px;
    text-align:left;
    background:url(../cart_img/titlebg.gif) no-repeat;
}

div#prodname {
    position:absolute;
    top:0;
    height:38;
    padding:5px 10px 25px 25px;
    color:#fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight:bolder;
    text-decoration:none;
}

div#viewcart {
    position:absolute;
    top:40px;
    left:20px;
    padding:5px;
}

div#addcart {
    position:absolute;
    top:230px;
    right:25px;
}

div#proddesc {
    position:absolute;
    top:75px;
    left:20px;
    padding:5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
    text-decoration:none;
}

div#sharelnks {
    position:absolute;
    top:230px;
    left:25px;
    color:#e75235;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration:underline;
}

div#prodnav {
    position:absolute;
    top:;
    left:;
    color:#0066cc;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

div#prodtxt {
    position:absolute;
    top:120px;
    left:20px;
    padding:5px 20px 5px 5px;
}

div#wyfade {
    position:absolute;
    top:500px;
    left:0px;
    width:750px;
    height:30px;
    background:url(../cart_img/wybgfade.gif) repeat-x;
}

div#yellow {
    position:absolute;
    top:530px;
    left:0px;
    width:750px;
    height:160px;
    background:#eed466;
}

div#btmtan {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:15px;
    background:#bfab77;
}

/**Cart End */  

/**HR */  

div#col1 {
    float:left;
    width:568px;
    height:600px;
    padding:0px;
}

div#col2 {
    float:right;
    width:182px;
    height:600px;
    padding:0px;
    background:#a79480;
    bottom:0px;
    text-align:center;
}

/*
Author : Onextrapixel
URL: http://www.onextrapixel.com
*/

* {
	/*border:none;*/ 
	margin:0; 
	padding:0;
}

/************************************************
      GENERAL PROPERTIES FOR EXAMPLE 1 & 2 
************************************************/

#example1, #example2 {
	position:relative;
	height:150px;
}

#menu1, #menu2 {
	height:30px;
	border-bottom:1px solid #959595;
}

#menu1 li, #menu2 li {
	display:inline;
}

/************************************************
 CREATING CSS HALF ROUNDED BUTTON FOR BOTH EXAMPLE
************************************************/
#menu1 li a, #menu2 li a  {
	background:transparent url(...images/button.gif) no-repeat top left;
    display:block;
    float:left;
    height:31px;
    margin-right:15px;
}

#menu1 li a .button, #menu2 li a .button {
	background:transparent url(...images/button.gif) no-repeat top right;
    display:inline;
    float:left;
    height:21px;
    padding:10px 10px 0 0;
    margin-left:12px;
    cursor:pointer;
}

#menu1 li a:hover, #menu2 li a:hover {
	background-position:0px bottom;
	color:#fff;
}

#menu1 li a:hover .button, #menu2 li a:hover .button {
	background-position:right bottom;
}

/************************************************
         EXAMPLE 1 - SINGLE REMOTE AREA
************************************************/
#menu1 a .text {
	display:none;
} 

#menu1 a:hover .text {
	display:block;
	position:absolute;
	height:20px;
	top:30px;
	left:0px;
	color:#000;
	font-size:11px;
}


/**HR End */  


h3 {
    top:0px;
    padding-bottom:5px;
}
 
a {
	color: #1d5690;
	text-decoration: none;  
}
.txt {
    padding: 10px 10px 10px 10px;
}
img.floatright { 
    float: right; 
    margin: 4px; 
}
img {
    border:none;
    text-decoration:none;
}
.bluelink {
    color: #0066cc;
    font: normal normal bold 10px/12px Verdana, Arial, Helvetica, sans-serif;  
}
.mainlnk {
    text-align:center;
    padding:0px 0px 5px 0px;
}

.aboutlnk {
    text-align:center;
    padding:0px 0px 5px 0px;
    position:relative;
}

div#smlogo {
    float: right;
    width: 140px;
    padding-right:40px;
    padding-top:50px;
}
div#txtbox2 {
    float: left;
    width: 500px;
    padding: 15px 0px 0px 30px;
}
h3 {
    text-align:center;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
    border:none;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100px;
}
.center {
    text-align:center;
    text-decoration:none;
}
.centxt {
    text-align:center;
    padding-right:10%;
    padding-left:10%;
}
.question {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-style:normal;
    font-weight:bold;
    color: #961e27;
    text-decoration:none;
}
.closure {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #1d5690;
	text-decoration: none;
}

.txtbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100px;
}
.txtboxlong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
}
.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100px
}
.smallbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 30px;
}
.txtarea {
	width: 350px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.txtareasmall {
	width: 230px;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.recipetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #c64242;
	text-decoration: none;
}
.nolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.nolink2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.txt10pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
.recipeheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.Registered {
	font-size: 9px;
}
.indent {
	padding: 0px 20px 0px 20px;
}
a.img {
    text-decoration:none;
    border:none;
}