﻿body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:67.5%;
	text-align:center;
	margin: 0;
	background-color:#EAEAEA;
}

h1 {font-size: 1.4em;}
h2 {
font-size: 1.3em;
color: #9B6126;
}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}

a img {border: none;}
 
a:link, a:visited {
	text-decoration: none;
	color:#333333;
	}

#mainWrapper {
	width: 790px;
	padding: 5px;
	margin: 0 auto;
	background-color:#ffffff;
}

#header {
	height:139px;
	width: 790px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

#topnav, #botnav {
	width: 790px;
	background-color:#fbecdb;
	margin-bottom:10px;
	font-weight:bold;
}

#topnav ul, #botnav ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#topnav ul li, #botnav ul li {
	display: inline;
	}

#topnav ul li a, #botnav ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color:#9b6126;
	white-space: nowrap;
	}
	
/* main layout and sideboxes */
#msca {}

.mscaleft {
	width:170px; 
	float:left;
 }

.mscaright {
	width:600px;
	float: right;
}

.clearboth {
	clear:both;
}

.sidenavhead {
width: 160px;
background-image:url("../images/titleback2.jpg");
padding: 5px;
color:#9b6126;
font-weight:bold;
border: 1px solid #ccc;
}

.sidenavbody {
width: 160px;
padding: 5px;
background-color:#F9F2E8;
margin-bottom:10px;
	border: 1px solid #ccc;
}

.sidenavleft {
float: left;
}

input, select {
font-size:1.1em;
}

.dleft {
text-align:left;
}

.defaultdesc {
font-size: 1.4em;
font-style: italic;
font-weight:bold;
color: #638B06;
}

#welcome {
	background-color:#F9FEED;
	padding: 5px;
	border: 2px solid #ECFBCA;
	margin-bottom: 10px;
}

/* ####### Default Layouts ####### */
.proddetailback {
background-color:#F9FEED;
padding: 5px 0 5px 0;
border-bottom: 2px solid #ECFBCA;
}

.doubleProd {
width:50%;
float:left;
margin-bottom:10px;
min-height:180px;
}

.tripleProd {
width:33%;
float:left;
border: 1px solid #A8BE74;
}
.proddetailback h4 {
color:#6d960c;
}

/* ####### Prodview Layouts ####### */
.prodlay {
float:left;
width:180px;
}

.prodlay img {
padding-bottom:10px;
padding-right:10px;
}

.paybox {
float:right;
width:170px;
}

.subhead {
font-size:1.2em;
color:#6D960C;
}

.subheadwarning{
font-size:1.4em;
color:#6D960C;;
background-color:#ECFBCA;
}

/* ############# Menu ############# */
/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 172px; /*For XHTML*/
  list-style: none;
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-v a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  display: block;
  background: #F9F2E8;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #FBECDB;
  color: #9B6126;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #F9F2E8;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #FBECDB;
  color: #9B6126;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #ECFBCA;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: #FBECDB;
  color: #9B6126;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  background: #ECFBCA;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
  background: #FBECDB;
  color: #9B6126;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 172px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}

ul#navmenu-v {
margin-bottom:10px;
}

/* ########### Menu End ########### */
/* ############# Lightbox ############# */

#lightbox{
	background-color:#F9F2E8;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.9em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	}
	
/*Stop the dreaded page shift in Firefox and Safari

html { overflow: -moz-scrollbars-vertical !important; }*/
html { min-height: 100%; margin-bottom: 1px; }
/*Form Element*/

.formnote {
color: #6C6153;
}

form {font:100% verdana,arial,sans-serif;
margin: 0;
padding: 0;
}

form fieldset {/* clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #F9E2CA;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 0;
margin-bottom: 10px;}

form fieldset legend {
font-size: 1.1em;
font-weight: bold;
color: #9B6126;}

form label {display: block;
float: left;
width: 150px;
padding: 0;
margin: 5px 0 0;
text-align: right;}

form textarea {width:auto;
margin:5px 0 0 10px;
border: 1px #999 solid;
background-color: #F2F1EE;}

form input, select {
margin:5px 0 0 10px;
border: 1px #999 solid;
background-color: #F2F1EE;
vertical-align:middle;
}

input.radio {
background-color:#FFFFFF;
border:none;
}

form input #reset {margin-left:0px;}

textarea {
overflow:auto;}

form small {display: block;
margin: 0 0 5px 60px;
padding: 1px 3px;
font-size: 88%;}

form .required {font-weight:bold;}

form br {clear: left;}

form img #reset {margin-left:0px;}

#domCart form {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.6em;}

.formlayout {
margin:auto;
width:500px;
text-align:left;
}

.formlayout2 {
margin:auto;
width:300px;
padding:10px;
background-color:#F9F2E8;
text-align:left;
}

/* CP Keep */
/* Some of these settings have been changed slightly */
.CPprodLPriceV  {TEXT-DECORATION: line-through;}
.CPprodSPriceV  {COLOR: red;}
.CPprodPriceB	{font-weight: bold; COLOR: #B30000;}

.errortext {
color:#FF0000;
font-style:italic;
}

/*Tables*/

table {
border-width:0;
border-style: hidden;
}
.tabhead {
background-color:#FBECDB;
color:#9B6126;
}

/*Login Page*/

.loglayout{
margin:auto;
width:500px;
}

.loglayblock {
width:250px;
float:left;
}

.loglayblock p {
padding: 0 10px;
}

.CPgenHeadings{
color:#9B6126;
}

hr {
width:70%;
color:#ECFBCA;
border-color:#ECFBCA;
}

.prodlayoutwrapper{}

.prodlayoutleft{
float:left;
width:200px;
}

.prodlayoutright{
float:right;
width:400px;
text-align:left;
}

.prodlayoutfpright{
float:right;
width:180px;
text-align:center;
}

.prodlayoutfpleft{
float:left;
width:400px;
}

.pink {
color:#D2227E;
}



.weeklyprice{
width:395px;
background-color:#FBECDB;
margin-top:20px;
padding: 5px 5px 5px 0;
font-size: 1.3em;
font-weight:bold;
color:#9B6126;
text-align:right;
}

.prodtitle {
width:595px;
background-image:url(../images/titleback.jpg);
background-repeat:no-repeat;
color:#9B6126;
padding: 5px 0 5px 5px;
text-align:left;
font-size: 1.2em;
font-weight:bold;
margin-bottom:10px;
}
.applyButt {
margin-left:auto;
margin-right:auto;
width:100px;
}

.applyButt a {
background-color:#E3A26C;
border:1px solid #CCCCCC;
color:#FFFFFF;
display:block;
font-size:1.3em;
font-weight:bold;
margin-top:10px;
text-align:center;
text-decoration:none;
width:100px;
}

.ProdDetail {
margin-top:10px;
text-align:left;
}

#showAdd {
border:1px solid #CCCCCC;
text-align:right;
padding-right:5px;
padding-bottom:5px;
}

.CPcolsView {
background-color:#FEFDFC;
float:left;
text-align:left;
vertical-align:top;
width:286px;
padding:5px;
margin: 0 2px 2px 0;
border:1px solid #ccc;
min-height:130px;
}

.CPprodDesc {
color:#9B6126;
}

.CPpageHead {
vertical-align:middle;
text-align:left;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

#appform {
padding-left:20px;
margin-left:30px;
width:500px;
text-align:left;
border:2px solid #fbecdb;
}

.appformalign {
vertical-align:middle;
padding-top:5px;
}

.appheader {
text-align:left;
color:#9B6126;
margin-bottom:10px;
}

.thumbnail {
border:1px solid #999999;
float:left;
height:100px;
margin:0pt 5px 10px;
padding:5px;
text-align:center;
width:126px;
}

.almid {
margin:20px 0;
}

.almid select {
margin-top:-2px;
}

#worldcup {
background-image:url(../images/worldcup2010-x.jpg);
background-repeat:no-repeat;
padding-top:50px;
padding-bottom:10px;
border:1px solid #cfcfcf;
}

.red {
color:#CC0000;
}

#whyrentWM img.floatLeft { 
    float: left; 
    margin: 6px; 
}

#whyrentWM p {
	padding:0 10px 0 20px;
	}
	
#whyrentWM ul {
padding-left:20px;
}
	
#whyrentWM {
float: left;
text-align:left;
margin: 6px;
}
