/* ===== DOM elements ========================================================== */

body {
     font: normal 10pt Verdana, sans-serif;
     margin: 0;
     padding: 0;
     color: #003366;
     background : #ddeeff;

     margin: 20px;
     padding: 0;



}

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td {
     text-align: left;
     vertical-align: top;
}

h1 {
     font: bold 14pt Verdana, sans-serif;
     color: #0099cc;
}

h2 {
     font: bold 12pt Verdana, sans-serif;
     color: #0099cc;
}
h4 {
     font: italic 10pt Verdana, sans-serif;
     color: red;
}

a {
     color: #0099cc;

}

a:hover {
     color: red;
}

/* ===== Navigation stuff ====================================================== */

.nav {
     background: white;
     border-right: 1px dashed #66cccc;


}

.nav a {
     color: #0099cc;
     text-decoration:none;

}

.nav a:hover {
     color: red;
}
/*.navbox {
     margin: 0px 20px 0px 20px;
     padding: 0;
     width: 120px;
     text-align: center;
}*/


.navBut {
     width: 150px;
     margin: 0;
     padding: 10px 10px 10px 0px;
     text-align: right;
     border-bottom: 1px dashed #66cccc;
     background: white url('./images/website/shade.gif') repeat-x top left;


}

.navBut a:hover {
     color: red;
}


.navButActive {
     width: 150px;
     margin: 0;
     padding: 10px 10px 10px 0px;
     text-align: right;
     border-bottom: 1px dashed #66cccc;
     color: red;
     background: white url('./images/website/shade.gif') repeat-x top left;

}

.sizeSelector {
     margin: 0px 20px 0px 20px;
     border: 0;
     width: 120px;
     text-align: center;
}

.sizeSelector td {
     text-align: center;
}


.sizeSelector td a {
     color: #663366;
}

.sizeSelector td a:hover {
     color: #9999cc;
}

.navImage {
     text-align: center;
     border: 0;
     margin: 10px 10px 10px 20px;
     padding: 0;
}

/* ===== Top heading section =================================================== */

.heading {
     margin: 0;
     padding: 0px 0px 0px 0px;
     height: 110px;
     border-bottom: 1px solid #66cccc;

}


/* ================ Additional information ======================================= */

.main { /* main table */

     width: 100%;
     border: 1px solid #66cccc;
     background: white url('./images/website/teddyBackground.jpg') repeat-y top right;



}

.content{
     width: 100%;

}
.third{
     width:33%;
}
.main h1 {
     margin: 0;
     padding: 10px 0px 10px 10px;
     font: bold 24px Verdana, Sans-serif;
     color: #003366;
}

.contentSplurge {
     text-align: justify;
     padding:    0px 10px 0px 10px;
     line-height: 15pt;
}
.contentSplurge img a{
     text-decoration: none;
     border: 0;

}


.footer {
     margin: 0;
     padding: 0;
     border-top: 2px solid #66cccc;
     text-align: center;
     font-size:  8pt;
}



/* ================ Contact us page ============================================== */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}

/* ================ Top items ====================================== */

.top { /* defines the top column */

}

.topHead { /* defines the top head section */
    background : green;


}

.topBox { /* defines the top box */
    background : yellow;

}
.space { /* defines the space between top items */
    height : 5px;;
     width: 150px;

}
.listLeft li {
     margin : 0px 0px 0px 30px;
}