/* CSS Document */

/******** MARGIN SETUP ********/

*
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/******** END ********/


/******** PAGE OUTLINE ********/

body {
	padding:0;
	margin:10px 0 0 0;
	background:#8d9196;
	font-family:lucida grande,arial,sans-serif;
	font-size:12px;
	color:#666666;
}

.registerField {width:192px;border:1px solid #828483;height:20px;}
.loginField {width:154px;height:20px;border:0px;}
.registerButton {padding-top:10px;}

p {padding:0 0 10px 0;margin:0;}

#roundedTop {position:relative;margin:0 auto 0 auto;width:980px;}

#holder {position:relative;margin:0 auto 0 auto;width:945px;padding:0px 15px 0px 20px;background-color:#fff;}

#logoBar {position:relative;width:940px;height:112px;background: #fff url(../images/vCogLogo.gif) 0px 0px no-repeat;}

#navigationBar {position:relative;width:945px;height:44px;background: #fff url(../images/navigationBg.gif) 0px 0px no-repeat;padding:0 0 15px 0;}
#navigationBar p {padding:11px 0 0 0;}
#navigationBar ul li {display:block;float:left;width:234px;height:38px;text-align:center;list-style:none;}
#navigationBar ul li.left {width:234px;}
#navigationBar ul li a {display:block;float:left;width:234px;height:28px;text-align:center;list-style:none;padding:10px 0 0 0;color:#666666;text-decoration:none;}
#navigationBar ul li a:hover.midHover {background: #fff url(../images/midHover.gif) 0px 0px no-repeat;text-decoration:none;color:#666666;}
#navigationBar ul li a:hover.leftHover  {width:234px;background: transparent url(../images/leftHover.gif) 0px 0px no-repeat;}
#navigationBar ul li a:hover.rightHover {width:234px;background: transparent url(../images/rightHover.gif) 0px 0px no-repeat;}
#navigationBar ul li a.selectNormal {background: #fff url(../images/navMidSelect.gif) 0px 0px no-repeat;color:#fff;text-decoration:none;}
#navigationBar ul li a.selectLeft {width:234px;background: #fff url(../images/navLeftSelect.gif) 0px 0px no-repeat;color:#fff;text-decoration:none;}
#navigationBar ul li a.selectRight {width:234px;background: #fff url(../images/navRightSelect.gif) 0px 0px no-repeat;color:#fff;text-decoration:none;}

#loginBox {float:right;width:358px;height:94px;background: #fff url(../images/loginBg.gif) 0px 0px no-repeat;padding:0 15px 0 10px;}
#loginBox h3 {display:block;width:388px;height:22px;text-align:center;color:#fff;font-size:13px;font-weight:bold;padding:4px 0 8px 0;}
#loginBox ul li{display:block;width:154px;float:left;color:#fff;padding:0 10px 0 0;list-style:none;}

#h1Banner {position:relative;font-size:14px;font-weight:normal;color:#747676;width:945px;padding:0 0 20px 0;}
#h1Banner p {font-size:12px;font-weight:normal;}
#h1Banner h1 {font-size:18px;font-weight:normal;color:#747676;margin:0;padding:0 0 14px 0;}

#contentContainer {position:relative;width:940px;}

#registerInterest {float:left;width:194px;background: #fff url(../images/registerBg.gif) 0px 0px no-repeat;height:371px;padding:15px 15px 60px 15px;}
#registerInterest h3 {color:#000;font-size:14px;font-weight:normal;padding:0 0 14px 0;}
#registerInterest p {padding:0 0 14px 0;}
#registerInterest ul li {display:block;float:left;width:194px;height:20px;color:#000;list-style:none;}

#panelLayout {float:right;width:704px;}

#copyPanel {float:right;width:690px;padding:0 0 20px 14px;}
#copyPanel h1 {color:#fdab0c;font-size:24px;font-weight:normal;padding:0 0 18px 0;}
#copyPanel a {color:#000;text-decoration:underline;}
#copyPanel ul {padding:0 0 0 15px;}
#copyPanel ul li {padding:0 0 12px 0px;}

.panelTabs {margin:0 auto 0 auto;width:704px;height:50px;padding:0;}
a.hiddenBg {float:left;display:block;width:176px;height:36px;padding:14px 0 0 0;font-size:17px;font-weight:normal;text-decoration:none;color:#fdab0c;background: #fff url(../images/greytab.gif) 0px 0px no-repeat;text-align:center;outline:none;}
.currentBg {float:left;display:block;width:176px;height:36px;padding:14px 0 0 0;font-size:17px;font-weight:normal;text-decoration:none;color:#747676;background: #fff url(../images/currentTab.gif) 0px 0px no-repeat;text-align:center;outline:none;}

.showdiv {display:none;}

.leftContent {
	float:left;
	width:322px;
	padding:0;
	margin:0;
}

.rightContent {
	float:right;
	width:302px;
	padding:0 0 0 20px;
	margin:0;
}

.rightContent img {
	padding-bottom:30px;
}

.clearFix {
	clear:both;
	line-height:0;
	font-size:0;
}

#overview {width:644px;background: #dadfe1 url(../images/panelBg.gif) left bottom no-repeat;padding:30px;margin:0 0 30px 0;}
#overview h2{font-weight:normal;padding:0 0 16px 0;font-size:24px;color:#fdab0c;}
#overview ul {padding:0 0 0 15px;margin:0 0 10px 0;}
#overview ul li {padding:0 0 5px 0;}

.panelText {float:left;width:644px;padding:30px;}
.roundedBottom {clear:both;width:704px;background: #dadfe1 url(../images/panelBg.gif) left bottom no-repeat;}

#benefits {width:644px;background: #dadfe1 url(../images/panelBg.gif) left bottom no-repeat;padding:30px;margin:0 0 30px 0;}
#benefits h2{font-weight:normal;padding:0 0 16px 0;font-size:24px;color:#fdab0c;}
#benefits ul {padding:0 0 0 15px;margin:0 0 10px 0;}
#benefits ul li {padding:0 0 5px 0;}

#howItWorks {width:644px;background: #dadfe1 url(../images/panelBg.gif) left bottom no-repeat;padding:30px;margin:0 0 30px 0;}
#howItWorks h2{font-weight:normal;padding:0 0 16px 0;font-size:24px;color:#fdab0c;}
#howItWorks ul {padding:0 0 0 15px;margin:0 0 10px 0;}
#howItWorks ul li {padding:0 0 5px 0;}

#whatNext {width:644px;background: #dadfe1 url(../images/panelBg.gif) left bottom no-repeat;padding:30px;margin:0 0 30px 0;}
#whatNext h2 {font-weight:normal;padding:0 0 16px 0;font-size:24px;color:#fdab0c;}
#whatNext ul {padding:0 0 0 15px;margin:0 0 10px 0;}
#whatNext ul li {padding:0 0 5px 0;}
#whatNext a {color:#000000;text-decoration:underline;}

#footerArea {clear:both;border-top:1px solid #828483;height:45px;padding:20px 0 0 0;}
#footerArea a {text-decoration:none;color:#666666;}

#roundedBottom {position:relative;margin:0 auto 0 auto;width:980px;}
/*Modal Popup*/
.modalBackground {
	background-color:Transparent;
}

.modalPopup 
{    
	border:solid 1px #000;
	background-color:#fff;
	width: 300px;
	height: auto;
	padding-bottom:10px;
}
.modalPopup_body 
{
    padding:10px 0px 0px 10px;
}
.modalPopup_footer
{
    text-align:center;
    width: 100%;
    padding-top: 10px;
}
.modalPopup_header 
{
    font-weight: bold;
	background-color: #DADFE1;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom:solid 1px #000;
	color:#f8971c;
}
/* End of Modal Popup*/