/* RESET STYLES */
body, div, p, form, span, ul, li, table, h1, h2, h3, h4
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/*MASTER PAGE SECTIONS*/
body
{
    background-color: #e8e8e8;
	font-family: Verdana;
}
p{ padding: 5px 0px; }
img{ border: 0; }

#mainWrapper
{
    width: 1020px;
    height: auto;
    margin: 15px auto;
}

#header
{
    background: url(/images/VRIety_header.jpg) center top no-repeat;
    font-family: Verdana;
    height: 164px;
    width: 1020px;
}

#header img
{
    float: left;
    border: 0px;
}

#contentWrapper
{
    background: url(/images/VRIety_background.jpg) repeat-y;
    width: 1020px;
    float: left;
}
#contentLeft
{
    background: url(/images/VRIety_left.jpg) no-repeat;
    width: 166px;
    height: 493px;
}
#contentRight
{
	background:url(/images/VRIety_mainBg.jpg) top left no-repeat;
    float: right;
    width: 853px;
    padding-bottom: 10px;
}

#footer
{
    font-family: Verdana;
    font-size: 10px;
    color: #FFF;
    background: url(/images/VRIety_footer.jpg) no-repeat;
    width: 1020px;
    height: 81px;
    clear: both;
    text-align: center;
}

#footerMenu
{
    list-style: none;
    padding-top: 27px;
    margin-bottom: 0px;
}

#footerMenu li
{
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    border-right: solid 2px #FFF;
    font-size: 11px;
}

#footerMenu li a
{
    text-decoration: none;
    font-family: Verdana;
    color: #FFF;
}

#footerMenu li a:hover
{
    text-decoration: underline;
}

#footerMenu li.right
{
    border: none;
}

#heading #loginFormWrapper
{
    padding: 0px;
    height: 141px;
}

div.loginHeaderForm
{
    float: right;
    margin-top: 15px;
    margin-right: 50px;
}

div.loginHeaderForm #_Email, div.loginHeaderForm #_PW
{
    width: 190px;
}

div.loginHeaderForm td.labelCell
{
    text-align: right;
}

div.loginHeaderForm label
{
    color: #024381;
    font-family: Verdana;
    font-weight: bold;
	font-size: 12px;
}

div.loginHeaderForm a
{
    color: #FFF;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: underline;
}

div.loginHeaderForm a:hover
{
    text-decoration: none;
}

div.loginHeaderForm #_EmailError, div.loginHeaderForm #_PWError
{
    color: Red;
    display: none;
}

.statusDiv
{
    float: right;
    margin-top: 75px;
    margin-right: 100px;
	color: #FFF;
    font-weight: bold;
}

.statusDiv a
{
    color: #FFF;
	font-family: Verdana;
    font-size: 12px;
}

.statusDiv a:hover
{
    text-decoration: none;
}

#navMenu
{
    clear: both;
    padding-top: 0px;
    padding-left: 20px;
    list-style: none;
    height: 20px;
}

#navMenu li
{
    padding: 5px 10px 5px 18px;
    background: url(/images/VRIety_nav_bullet.jpg) 5px 5px no-repeat;
    border-right: solid 2px #e8e8e8;
    float: left;
}
#navMenu li.right
{
    border: none;
}
#navMenu li a
{
    color: #8d037e;
    text-decoration: none;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    display: block;
    height: 10px;
    text-indent: -50000px;
}
#navMenu li.navExchange a:link,#navMenu li.navExchange a:visited
{
	background: url(images/navmenu/exchange-online.gif) no-repeat top left;
	width: 99px;
}
#navMenu li.navDirectory a:link,#navMenu li.navDirectory a:visited
{
	background: url(images/navmenu/exchange-directory.gif) no-repeat top left;
	width: 121px;
}
#navMenu li.navHowTo a:link,#navMenu li.navHowTo a:visited
{
	background: url(images/navmenu/how-to.gif) no-repeat top left;
	width: 103px;
}
#navMenu li.navHotDeals a:link,#navMenu li.navHotDeals a:visited
{
	background: url(images/navmenu/hot-deals.gif) no-repeat top left;
	width: 58px;
}
#navMenu li.navCruise a:link,#navMenu li.navCruise a:visited
{
	background: url(images/navmenu/cruise-exchange.gif) no-repeat top left;
	width: 100px;
}
#navMenu li.navVRIPlus a:link,#navMenu li.navVRIPlus a:visited
{
	background: url(images/navmenu/vriety-plus.gif) no-repeat top left;
	width: 92px;
}
#navMenu li.navVRIResorts a:link,#navMenu li.navVRIResorts a:visited
{
	background: url(images/navmenu/vriety-resorts.gif) no-repeat top left;
	width: 94px;
}
#navMenu li.navContact a:link,#navMenu li.navContact a:visited
{
	background: url(images/navmenu/contact-us.gif) no-repeat top left;
	width: 66px;
}

/*#navMenu li a:hover
{
    text-decoration: underline;
}*/

.errorMsg
{
    font-size: 11px;
    font-weight: bold;
    color: Red;
}
/*END MASTER PAGE SECTIONS*/

/*HOME PAGE SECTIONS*/
/*Dirty hack here, might be a bug - have to float inner content div left to prevent the margin from pulling down the parent too.*/
#homeContent
{
    float: left;
    background: url(/images/VRIety_home.jpg) top left no-repeat;
    width: 100%;
    height: 500px;
}

#homeLinks
{
    margin-top: 235px;
    margin-left: 50px;
    height: 215px;
    width: 240px;
}

#homeMenu
{
    list-style: none;
}

#homeMenu li
{
    background: url(/images/VRIety_home_bullet.jpg) left center no-repeat;
    border-bottom: solid 2px #e8e8e8;
    padding: 12px 0px 5px 22px;
}

#homeMenu li.bottom
{
    border: none;
}

#homeMenu li a
{
    text-decoration: none;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #8d037e;
}

#homeMenu li a:hover
{
    text-decoration: underline;
}
/*END HOME PAGE SECTIONS*/

/*HOW TO EXCHANGE PAGE SECTIONS*/
#howToWrapper
{
    float: left;
    background: url(/images/VRIety_how-to-exchange.gif) 25px 25px no-repeat;
    width: 100%;
}

#howToContent
{
	margin: 100px 30px 0px 30px;
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
}

#howToContent h2.whyTitle
{
	background:url(/images/VRIety_why.jpg) top left no-repeat;
	width:375px;
	height:70px;
	text-indent:-50000px;
}
#howToContent h2.howTitle
{
	background:url(/images/VRIety_how.jpg) top left no-repeat;
	width:250px;
	height:70px;
	text-indent:-50000px;
}
#howToContent h2.additionalTitle
{
	background:url(/images/VRIety_additional.jpg) top left no-repeat;
	width:235px;
	height:70px;
	text-indent:-50000px;
}

#howToContent ul
{
    margin-left: 40px;
}

/*END HOW TO EXCHANGE PAGE SECTIONS*/

/*RESORTS TO PORTS PAGE SECTIONS*/
#resortsWrapper
{
    background: url(/images/VRIety_resorts-to-ports.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#resortsContent
{
    margin: 100px 30px 0px 30px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

#resortsContent p
{
    /*clear: both;*/
}

#resortsContent .italics
{
    font-style: italic;
    font-size: 11px;
}

#resortsContent h1
{
    clear: both;
    font-family: Times New Roman;
    color: #008c98;
    font-size: 24px;
}

#resortsContent h2.benefitsTitle
{
	background:url(/images/VRIety_exchange_benefits.jpg) top left no-repeat;
	width:375px;
	height:70px;
	text-indent:-50000px;
}
#resortsContent h2.moreTitle
{
	background:url(/images/VRIety_andmore_benefits.jpg) top left no-repeat;
	width:375px;
	height:70px;
	text-indent:-50000px;
}
#resortsContent h2.relaxTitle
{
	background:url(/images/VRIety_relax.jpg) top left no-repeat;
	width:375px;
	height:70px;
	text-indent:-50000px;
}

#resortsContent .listCols ul
{
	float: left;
}

#resortsContent ul
{
	margin-left: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
}

#resortsContent ul li
{
    line-height: 14px;
}

#resortsContent div.columns
{
	/*float: left;*/
}

#resortsContent div.leftColumn
{
    /*float: left;*/
    /*width: 60%;*/
}

#resortsContent div.rightColumn
{
    float: right;
}
/*END RESORTS TO PORTS PAGE SECTIONS*/

/*CONTACT PAGE SECTIONS*/
#contactWrapper
{
    background: url(/images/VRIety_contact-us.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#contactContent
{
    margin: 100px 30px 0px 30px;
    font-family: Verdana;
    font-size: 11px;
}

#contactContent #contactForm
{
	padding-top: 15px;
}

#contactContent .formLabel
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}

#contactContent .labelCell
{
    text-align: right;
}

#contactContent .successLbl
{
    font-weight: bold;
    font-size: 13px;
    color: Green;
}
/*END CONTACT PAGE SECTIONS*/

/*TERMS PAGE SECTIONS */
#termsWrapper
{
    background: url(/images/VRIety_terms.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#termsContent
{
    margin: 100px 30px 0px 30px;
    font-family: Verdana;
    font-size: 11px;
}

#termsContent ol
{
    margin-left: 40px;
}

/*END TERMS PAGE SECTIONS*/

/*EXCHANGE DIRECTORY LANDING PAGE SECTIONS*/
#exchangeDirWrapper
{
    background: url(/images/VRIety_exchange-directory.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#exchangeDirContent
{
    margin: 100px 30px 0px 30px;
    font-family: Verdana;
    font-size: 11px;
}

#exchangeDirContent a
{
    text-decoration: none;
}

#exchangeDirContent a:hover
{
    text-decoration: underline;
}

/*END EXCHANGE DIRECTORY LANDING PAGE SECTIONS*/

/*EXCHANGE MAP PAGE SECTIONS*/
#mapWrapper
{
    background: url(/images/VRIety_exchange-directory.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#mapContent
{
    margin: 100px 30px 0px 30px;
	padding-bottom: 20px;
    font-family: Verdana;
    font-size: 11px;
}

#mapContent h2.familyTitle
{
	background:url(/images/VRIety_resort_family.jpg) top left no-repeat;
	width:375px;
	height:70px;
	text-indent:-50000px;
}
#mapContent h2.additionalTitle
{
	background:url(/images/VRIety_addl_resorts.jpg) top left no-repeat;
	width:375px;
	height:70px;
	text-indent:-50000px;
}

#mapContent #imageExchangeMap
{
	margin-left: 75px;
}

/*END EXCHANGE MAP PAGE SECTIONS*/

/*EXCHANGE DIRECTORY PAGE FAMILY SECTIONS*/
#exchangeFamilyWrapper
{
    background: url(/images/VRIety_exchange-directory.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#exchangeFamilyContent
{
    margin: 100px 30px 0px 30px;
	padding-bottom: 20px;
    font-family: Verdana;
    font-size: 11px;
}

#exchangeFamilyContent #directoryTable
{
    width: 425px;
	margin-bottom: 20px;
}

#exchangeFamilyContent #imageRegionWrapper
{
	float: right;
	margin-right: 20px;
}

#exchangeFamilyContent .state
{
    font-size: 18px;
    font-weight: bold;
    color: #000066;
}

#exchangeFamilyContent table th.left
{
    width: 175px;
    background-color: #008c9a;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#exchangeFamilyContent table th.right
{
    width: 250px;
    background-color: #008c9a;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#exchangeFamilyContent table a
{
    text-decoration: none;
}

#exchangeFamilyContent table a:hover
{
    text-decoration: underline;
}
/*END EXCHANGE DIRECTORY FAMILY PAGE SECTIONS*/

/* LOGIN PAGE SECTIONS*/
#loginWrapper
{
    background: url(/images/VRIety_login.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
	min-height: 350px;
}

#loginContent
{
    margin: 100px 30px 0px 30px;
	font-size: 11px;
}

#loginContent td
{
    font-family: Verdana;
    font-size: 11px;
}

#loginImageWrapper
{
	padding: 10px 10px 0px 0px;
}

div.loginForm
{
	float: left;
	width: 100%;
	margin-top: 25px;
}

div.loginForm table
{
	border: 1px solid #e8e8e8;
	padding: 10px;
}

div.loginForm table td
{
	padding: 3px;
}

div.loginForm #_EmailLogin, div.loginForm #_PWLogin
{
	width: 150px;
}

div.loginForm #_Email, div.loginForm #_PW
{
    width: 190px;
}

div.loginForm td.labelCell
{
    text-align: right;
}

div.loginForm label
{
    color: #000;
    font-family: Verdana;
    font-weight: bold;
}

div.loginForm a
{
    font-family: Verdana;
    font-size: 11px;
    text-decoration: underline;
}

div.loginForm a:hover
{
    text-decoration: none;
}

div.loginForm #_EmailError, div.loginForm #_PWError
{
    color: Red;
    display: none;
}
/*END LOGIN PAGE SECTIONS*/

/*EXCHANGE DIRECTORY TPI PAGE SECTIONS*/
#exchangeTpiWrapper
{
    background: url(/images/VRIety_exchange-directory.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#exchangeTpiContent
{
    margin: 100px 30px 0px 30px;
    font-family: Verdana;
    font-size: 11px;
}

#exchangeTpiContent td
{
	padding: 3px;
}

#exchangeTpiContent td.legend
{
    border: 0px;
    background-color:#20488A;
    color: #FFF;
}
/*END EXCHANGE DIRECTORY TPI PAGE SECTIONS*/
/*SITEMAP PAGE SECTIONS*/
#sitemapWrapper
{
    background: url(/images/VRIety_sitemap.gif) 25px 25px no-repeat;
    float: left;
    width: 100%;
}

#sitemapContent
{
    margin: 100px 30px 0px 30px;
    font-family: Verdana;
    font-size: 11px;
	height: 350px;
}

#sitemapContent ul
{
    margin-left: 40px;
}

#sitemapContent a
{
    text-decoration: none;
}

#sitemapContent a:hover
{
    text-decoration: underline;
}
/*END SITEMAP PAGE SECTIONS*/