/* 
== WARNER HOWARD ==
*/
/* ==================================================================================== */

/* IMPORT SIFR STYLES: */
@import "sifr.css";

/* ==================================================================================== */

/* IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* DIABLO STYLES: */
@import "wysiwyg.css";

/* structure, specific texts */
#toolbar { position:absolute; top:20px; left:250px; z-index:40; }

#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* ==================================================================================== */

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
address { font-style: normal; }

/* PRIMARY: ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: arial, geneva, verdana, sans-serif; 
font-size: 62.5%;
color: #333;
background: #fff;
text-align: center;
}

#container
{
width: 770px;
margin: 0 auto;
padding: 0;
text-align: left;
background: #005e93;
}

a
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/* SECONDARY: ======================================================= */
#nav
{
padding-left: 158px;
padding-top: 15px;
}

#sidebar
{
float: left;
clear: left;
width: 128px;
padding: 30px 15px;
color: #fff;
}

#content
{
float: left;
width: 572px;
padding: 20px;
background: #fff;
}

#specialoffers
{
clear: left;
padding: 15px 20px;
color: #fff;
}

/* TERTIARY: ======================================================= */
#container h1
{
height: 85px;
}


#nav li
{
float: left;
font-size: 1.2em;
}
#nav li a
{
display: block;
padding: 8px 9px 4px 9px;
color: #fff;
}
#nav .active
{
background: url(../images/nav-active-left.gif) left top no-repeat #fff;
}
#nav .active a
{
padding: 8px 22px 4px 22px;
color: #09c6f1;
background: url(../images/nav-active-right.gif) right top no-repeat;
}


#sidebar h2
{
font-size: 2.2em;
font-weight: lighter;
color: #12c1ea;
}
#sidebar h3
{
font-size: 1.9em;
font-weight: lighter;
color: #12c1ea;
}
#sidebar h4
{
font-size: 1.7em;
font-weight: lighter;
color: #12c1ea;
}
#sidebar p
{
margin: 5px 0 10px 0;
font-size: 1.2em;
line-height: 1.6em;
}
#sidebar a
{
color: #fff;
font-weight: bold;
text-decoration: underline;
}


#products
{
margin-left: 80px;
}
#products tr th
{
position: absolute;
left: -10000px;
}
#products tr td
{
border-right: 20px solid #fff;
border-bottom: 20px solid #fff;
padding-top: 10px;
width: 150px;
text-align: center;
background: #005e93;
}
#products tr td p
{
padding: 2px 10px 4px 10px;
color: #fff;
font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
}
#products tr td a
{
color: #fff;
}



#content h3
{
margin: 20px 0;
font-size: 1.3em;
color: #09c6f1;
text-transform: uppercase;
padding-right: 5px;
}

#content .productinfo
{
width: 550px;
clear: left;
margin-bottom: 20px;
}
#container > #content .productinfo
{
margin-bottom: 70px;
}
#content .productinfo dt
{
float: left;
}
#content .productinfo dt img
{
border: 1px solid #09c6f1;
}
#content .productinfo dd
{
margin-left: 235px;
}
#content .productinfo dd h4
{
margin: 5px 0 10px 0;
font-size: 1.3em;
border-bottom: 2px solid #09c6f1;
}
#content .productinfo dd ul
{
margin: 0 0 15px 15px;
font-size: 1.1em;
list-style-type: disc;
}
#content .productinfo dd li
{
margin: 3px 0;
}
#content .productinfo dd p
{
margin-bottom: 10px;
font-size: 1.1em;
line-height: 1.4em;
}
/* IE6 1px jog hack: */ * html #content .productinfo dd p
{
height: 1px;
}

#content #register fieldset
{
border: 0;
margin-bottom: 20px;
}
#content #register fieldset h4
{
margin-bottom: 20px;
font-size: 1.2em;
}
#content #register fieldset label
{
display: block;
clear: left;
padding: 5px 0;
}
#content #register fieldset p
{
display: block;
float: left;
width: 130px;
font-size: 1.3em;
}
#content #register fieldset .wide
{
width: 230px;
padding: 15px 0;
}
#content #register fieldset .select
{
padding: 15px 0;
float: left;
font-size: 1.2em;
}
#content #register fieldset .select label
{
display: inline;
margin-right: 10px;
}
#content #register fieldset .select input
{
margin-right: 5px;
}
#content #register fieldset .tick p
{
width: 300px;
}
#content #register fieldset label input
{
padding: 2px;
font-size: 1.3em;
}

#content #generic h3
{
color: #333;
text-transform: none;
}
#content #generic p
{
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.5em;
}
#content #generic img
{
margin: 10px;
}

#specialoffers p
{
font-size: 1.1em;
font-weight: bold;
}
#specialoffers strong
{
font-size: 1.3em;
color: #09c6f1;
text-transform: uppercase;
padding-right: 5px;
}

/* EXTRANEOUS: ======================================================= */
.clear
{
clear: both;
}

/* DIABLO: */
.pagination
{
width: 400px;
float: left;
margin: 10px 0 20px 0;
font-size: 1.1em;
}
.pagination .paginationSeparator
{
padding: 0 4px;
}

#sidebar .resources
{
margin: 20px 0;
font-size: 1.1em;
line-height: 1.5em;
}
#sidebar .resources li
{
margin-bottom: 8px;
}
#sidebar .resources li img
{
background: #005e93;
}

/* Textbox labels + TEXT BOX */
.pagecontentlabel{ color:#505050;float:left;width: 90px;margin-right: 15px;text-align: left;}

.textBox {display:block; font-weight:bold; padding-bottom: 5px;clear:left;}

.valerror
{
	color:Red;
}