/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.respiratoryreviewworkshops.com/
   TEMPLATE NAME:  Respiratory Review Workshops
   DATE:           Dec-04th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0px;
padding: 0px;
height: 100%; 
background: #002d4a url('/images/bg.jpg') no-repeat;
} 


/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 12px “Lucida Sans Unicode”, sans-serif; color:white}
td { line-height: 20px; }
table b { color: #fff; }
table a, tr a, td a, font a, .content table a {font: 12px “Lucida Sans Unicode”, sans-serif; color:white }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #fff;}
table hr {border: none; border-bottom: 1px solid #fff; height: 0px;}
font img { border: 6px solid #fff; margin-right: 10px; }


/* ----------Centered Container Or the Layout--------------------- */

#containerpad {
min-height: 100%; 
height: auto !important; 
height: 100%; 
width: 960px;
margin-bottom: -4em;
margin-left: 18px;
margin-left: 28px;
}

/* --------------LABELS BUTTONS & FORMS-----------*/
 
#contactform {
padding: 20px;
width: 85%;
background: url(/images/leftbox_bg.png);
border: 1px solid #3d8bba
}
 
label {
font: bold 12px “Lucida Sans Unicode”, sans-serif;
font-style: normal;
color: #fff;
}
 
#name, #name0, textarea {
width: 26em;
border: 1px solid #002d4a;
font: 12px “Lucida Sans Unicode”, sans-serif;
color: #000;
padding: 6px;
margin-bottom: 20px;
filter:alpha(opacity=30);
-moz-opacity:.30;
}
 
.button {
width: 6em;
font: bold 12px “Lucida Sans Unicode”, sans-serif;
font-style: normal;
color: #fff;      
background: #046ca1;
padding: 4px 5px;
border: 1px solid #75a8c3;
filter:alpha(opacity=95);
-moz-opacity:.95;
}

/* --------------HEADER------------- */

#header { height: 115px;}

#header p {
width: 402px;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
text-transform: normal;
letter-spacing: normal;
color: white;
text-align: right;
font-weight: bold
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap {
height: 77px;
width: 402px;
}

.logolink {
background-image: url('/images/logo.png');
background-repeat: no-repeat;
}
 
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.png); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------- */

#topnav {
height: 60px;
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#main .content {
padding: 0px;
margin: 0px;
margin-left: 300px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

#main .welcome {
background: url(/images/welcome.png) no-repeat;
height: 54px;
}

#main h1 {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
color: #e7ff43;
padding-bottom: 13px;
}

#main .img {
float: right;
border: 4px solid #002e4b;
margin: 0px 10px 20px 26px
}

#main p {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 2.3em;
color: white;
padding-bottom: 24px;
padding-right: 12px;
text-align:justify
}

#main div {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
text-transform: normal;
letter-spacing: normal;
color: white;
text-align:justify
}

#main a, font p a {
color: #e7ff43;
text-decoration:underline
}

#main .navleft {
float:left; 
width: 260px;
margin: 0px;
padding: 0px;
background: url(/images/leftnavbg.gif) repeat-y top right;
height: 429px;
}



/* --------------NAVIGATION------------- */

#nav, #contact { width: 220px; }

#nav .top, #contact .top {
background: url(/images/leftbox_top.png) no-repeat;
height: 6px;
}

#nav .mid, #contact .mid {
background: url(/images/leftbox_bg.png) repeat-y;
padding: 12px 20px 15px 20px;
}

#nav .mid .head {
background: url(/images/nav_head.gif) no-repeat;
height: 24px;
}

#nav .mid ul {
list-style-type: none;
padding: 10px 0px 0px 0px;
}

#nav .mid li {padding: 4px 4px 4px 0px;}

#nav .mid li a {
color: #fff2e0;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
letter-spacing: normal;
background: url(/images/bullet_arrows.gif) no-repeat center left;
padding-left: 26px;
}

#nav .mid li a:hover {
color: #fff;
}


#nav .bottom, #contact .bottom {
background: url(/images/leftbox_bot.png) no-repeat;
height: 6px;
margin-bottom: 16px;
}

/* --------------CONTACT------------- */


#contact .mid .head {
background: url(/images/contact_head.gif) no-repeat;
height: 24px;
}

#contact p {
line-height: 1.6em;
padding-top: 10px;
padding-bottom: 0px;
color: #fff2e0;
}

/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer {
background: url(/images/footerbg.gif) repeat-x top;
height: 100px;
}

#catafooter {
background: none;
padding-top: 40px;
}


#footer img {
border: none;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}

#footer .top {
float: right;
padding-top: 15px;
width: 111px;
}

/* --------------FOOTER LEFT LINKS------------- */


#footer .left {
float: left;
padding-top: 15px;
line-height: 16px;
padding-bottom: 15px;
}


#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li, #catafooter .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a, #catafooter .asc li a  {
color: #fff;
text-decoration: none;
padding: 0px 10px 0px 0px;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal
}

#footer .cata, #catafooter .cata {
color: #e7ff43;
text-decoration: none;
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
}







/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }