/* IPP ONLINE CANADA STYLES - 2007 */

/* COLOURS
ORANGE #FB930B
LIGHT BEIGE #E8E6C0
MID BEIGE #B5B380
*/

html, body {
height:100%;
}

body {
background:white url(images/body_bg.gif) repeat-x top;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:verdana, arial, courier, sans-serif;
color:#555;
}

#wrap {
position:relative;
margin:auto;
width:100%;
min-height:100%;
}

* html #wrap {
height:100%;
}

#three_logos {
position:absolute;
right:0;
margin-top:-41px;
z-index:100;
height:41px;
width:285px;
}

#three_logos li {
float:left;
height:41px;
}

#header {
width:100%;
height:111px;
clear:both;
}

h1 {
width:485px;
height:73px;
float:left;
position:absolute;
left:0;
top:38px;
}

#mainmenu {
position:relative;
z-index:500;
height:38px;
float:right;
margin-top:0;
}

*+html #mainmenu {
margin-top:0;
}

#mainmenu a {
display:block;
text-decoration:none;
color:#555;
height:38px;
}

#mainmenu li {
width:95px;
height:38px;
float:left;
background:transparent url(images/menu_off-2.gif) no-repeat;
text-align:center;
font-size:11px;
font-weight:bold;
}

#mainmenu li a{
background:transparent url(images/menu_off-2.gif) no-repeat;
}

#mainmenu li a:hover {
background:transparent url(images/menu_roll-2.gif) no-repeat;
}


/*
h1 {
width:485px;
height:73px;
position:relative;
margin-left:0;
margin-top:38px;
}

#mainmenu {
position:relative;
z-index:500;
height:38px;
float:right;
margin-top:0;
}

#mainmenu, x:-moz-any-link {margin-top:-38px;}

*+html #mainmenu {
margin-top:0;
}

#mainmenu a {
display:block;
text-decoration:none;
color:#555;
height:38px;
}

#mainmenu li {
width:95px;
height:38px;
float:left;
background:transparent url(images/menu_off-2.gif) no-repeat;
text-align:center;
font-size:11px;
font-weight:bold;
}

#mainmenu li a{
background:transparent url(images/menu_off-2.gif) no-repeat;
}

#mainmenu li a:hover {
background:transparent url(images/menu_roll-2.gif) no-repeat;
}
*/

/* MAIN MENU DONE */

#inner-wrap {
padding-bottom:90px;
min-height:100%;
margin-right:225px;
margin-top:-10px;
border-right:3px solid #333;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

* html #inner-wrap {
height:1px;
margin-top:0;
}

.clear {
clear:both;
margin-top:0;
height:1%;
width:100%;
overflow:hidden;
} 

#footer {
position:absolute;
bottom:0;
width:100%;
background:#FB9613 url(images/footer_bg.gif) repeat-x;
text-align:center;
color:#555;
font-size:10px;
padding-top:5px;
}

#footer p {
font-size:11px;
margin:0;
padding:0;
}

#footer p a {
color:#555;
text-decoration:underline;
}

#footer p a:hover {
color:#555;
text-decoration:none;
}

#rightbar {
float:right;
width:200px;
min-height:100%;
background-color:white;
margin:5px 5px 0 0;
padding:10px;
padding-bottom:50px;
}

#rightbar p {
margin:5px;
}

/* FONT FORMATTING */

h2 {
font-weight:bold;
color:#B5B380;
border-bottom:1px dotted #555;
margin:10px 20px;
font-size:13px;
padding-top:10px;
}

* html h2 {
padding-top:0;
}

.return {
margin:10px 20px;
font-size:13px;
}

h3 {
font-weight:bold;
color:#333;
margin:8px 60px;
font-size:13px;
text-decoration:underline;
}

p {
color:#333;
margin:4px 80px;
padding:5px;
font-size:12px;
line-height:19px;
}

a {
color:#DF7E00;
text-decoration:none;
}

a:hover {
color:#333;
text-decoration:none;
}

ol {
margin:5px 100px;
font-size:12px;
}

ol li {
list-style:decimal inside;
color:#444;
font-size:11px;
margin-top:5px;
line-height:17px;
}

ol.alpha-list li {
list-style:lower-alpha inside;
}

ol.roman-list li {
list-style:lower-roman inside;
}

.plainlist {
margin:5px 20px;
}

.plainlist li {
padding:2px;
color:#444;
font-size:11px;
}

.benefits-list {
margin:5px 110px;
padding:5px;
}

.benefits-list li {
background:white url(images/benefits_marker.gif) no-repeat left top;
padding-left:25px;
font-size:11px;
line-height:19px;
margin:5px;
margin-left:0;
color:#444;
min-height:25px;
}

* html .benefits-list li {
height:25px;
}

.compList li {
color:red;
text-decoration:line-through;
}

.faq-list {
margin:5px;
}

.faq-list li {
color:#333;
font-size:11px;
margin:6px 2px;
line-height:15px;
}

.faq-table {
padding:4px;
margin:10px auto;
border:1px solid;
border-color:#e5e5e5 #ddd #ddd #e5e5e5;
background-color:white;
}

.faq-table td {
font-size:11px;
color:#333;
padding:4px;
text-align:center;
margin:2px;
border:1px solid;
border-color:#e5e5e5 #ddd #ddd #e5e5e5;
}

.floated-table {
padding:5px;
float:left;
margin:5px 40px 5px 80px;
border:1px solid;
border-color:#e5e5e5 #ddd #ddd #e5e5e5;
}

* html .floated-table {
margin:5px 40px;
}

.floated-table td {
font-size:11px;
color:#333;
padding:5px;
text-align:center;
margin:2px;
border:1px solid;
border-color:#e5e5e5 #ddd #ddd #e5e5e5;
}

.a-box {
background-color:#FaFaFa;
width:50%;
margin:10px;
padding:4px;
border:1px solid;
border-color:#e5e5e5 #ddd #ddd #e5e5e5;
}

.creambox {
background-color:#F0EFD6;
}

.beigebox {
background-color:#CFCEAC;
}

.greybox {
background-color:#e5e5e5;
}

.oddrow td {
background-color:#f1f1f1;
}

.fullscreen {
background:white url(images/fullscreen.gif) no-repeat left top;
padding-left:40px;
height:40px;
margin-bottom:-10px;
}

/* TOOLTIP STYLE */
#dhtmltooltip{
position: absolute;
width: 200px;
border:1px solid;
font-size:11px;
line-height:14px;
border-color:#e5e5e5 #ccc #ccc #e5e5e5;
padding: 2px;
background-color: #f5f5f5;
color:#333;
visibility: hidden;
z-index: 100;
}

#quoteBox {
width:75%;margin:auto;background-color:#eee;padding:10px;border:1px solid #ddd;
}

#quoteBox p {
font-size:14px;margin:5px 10px;
}

#homeLinks {
width:604px;
height:66px;
margin:auto;
clear:left;
}

#homeLinks li {
float:left;
height:66px;
}

#noSetupBox {
float:left;
margin:0 20px 0 10px;
}

#guaranteeBox {
float:right;
margin:0 20px 0 10px;
}

