/* Styles for GN Espace */

* { /* this strips padding and margin out from everything */
margin: 0;
padding: 0;
}

body { /* controls all fonts */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;}

p { /* control p padding and margins here */
margin: 10px 0 0 0;
line-height: 18px;
}

/* control nav links here */

a.nav_link { color: #336699; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; }
a.nav_link:hover { color: #336699; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; }

.nav_link_disabled { color: #000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; }

a.title_link { color: #999999; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
a.title_link:hover { color: #999999; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }

a.shop_link { color: #fff; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }
a.shop_link:hover { color: #66ccff; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }

/* controls page headings */

.title { 
color: #336699;
font-size: 130%;
}

.titleGrey {
color: #999999;
font-size: 100%;
}

.table {
table-layout:auto;
color: #336699;
font-size: 100%;
}

.tableTitle {
color: #fff;
font-size: 100%;
}

.tableContent {
color: #fff;
font-size: 90%;
}

/* control all body content links here */

a.body_link { color: #336699; text-decoration: underline; }
a.body_link:hover { color: #336699; text-decoration: none; }


/* control footer text and links here */

.footer { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 80%; margin-left: 20px; }

a.footer_link { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
a.footer_link:hover { color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }


/* control positions of the various content divs here */

div#container {
width: 818px;
\width: 828px; /* this is for cross browser support */
w\idth: 818px; /* so is this! */

margin-left: auto; /* these float container in the middle of the page */
margin-right: auto;
position:relative;
}

div#container #header {
height: 121px;
width: 818px;
margin-top: 0px;
}


/* control positions of the main left and right navigation */

div#container #nav {
width: 100px;
margin-left: 9px;
}

div#container #content {
width: 818px;
margin-top: -5px;
margin-left: auto;
margin-right: auto;
background-image:url(assets/content_bck.jpg);
}

div#content #bodytext {
width: 430px;
padding: 20px 20px 20px 20px;
margin: -185px 0px 0px 120px;
}

div#content #bodytextProd {
width: 430px;
padding: 20px 20px 20px 20px;
margin: -283px 0px 0px 120px;
}

div#content #offers {
width: 180px;
height: 100%;
float: right;
margin: -193px 20px 0px 0px;
}

div#content #subnavProd {
width: 180px;
height: 100%;
float: right;
margin: -291px 20px 0px 0px;
}

div#content #navProd {
margin-top: 116px;
margin-left: 34px;
float:left;
position:absolute;
}

div#content #navProd2 {
margin-top: 134px;
margin-left: 34px;
float:left;
position:absolute;
}

div#content #navProd3 {
margin-top: 152px;
margin-left: 34px;
float:left;
position:absolute;
}

div#content #navProd4 {
margin-top: 170px;
margin-left: 34px;
float:left;
position:absolute;
}

div#content #navProd5 {
margin-top: 188px;
margin-left: 34px;
float:left;
position:absolute;
}

div#content #footer {
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 140px;
}