/*
--------------------------------------------------

Marriott Vacation Club: Specials 
Styles [specials.css]

Jose R. Perez [jose.perez@vacationclub.com]
6/28/2011

Copyright (c) 2011 Marriott Vacation Club Intl.

--------------------------------------------------
*/
body.specials #content {
   width:920px;
   padding-top:25px;
   padding-left:25px;
}

.preview-specials-desc {
	width:431px;
	display: inline-block;
	margin-top:24px;
	float:left;
	margin-left:15px;
}

.rental-packages-desc {
	display: inline-block;
	width:431px;
	margin-left:19px;
	margin-top:24px;
	float:left;
}

.specials-desc-top {
	width:431px;
	height:5px;
	background:url(../images/specials/desc-box-top.jpg) no-repeat;
	font-size:0px;
}

.specials-desc-content {
	position:relative;
	width:431px;
	min-height:113px;
	background:url(../images/specials/desc-box-bg.jpg) repeat-y;
	padding-left: 16px;
}

.specials-desc-content img {
	position:absolute;
	right:32px;
	bottom:-28px;
}

.specials-desc-content h3 {
	font-weight:bold;
	font-size:14px;
	padding-top:6px;
}

#content .specials-desc-content p {
	display:block;
	width:400px;
	margin-bottom:0px;
	padding-right:10px;
}

.specials-desc-bottom {
	width:431px;
	height:50px;
	background:url(../images/specials/desc-box-bottom.jpg) no-repeat;
	font-size:0px;
}

/* Elongated Box */
.rental-packages-desc-long {
	display: inline-block;
	width:912px;
	margin-top:7px;
}

.specials-desc-top-long {
	width:912px;
	height:5px;
	background:url(../images/specials/desc-box-top-long.jpg) no-repeat;
}

.specials-desc-content-long {
	width:880px;
	min-height:70px;
	background:url(../images/specials/desc-box-bg-long.jpg) repeat-y;
	padding-left: 16px;
	padding-right:20px;
}

.specials-desc-content-long h3 {
	font-weight:bold;
	font-size:14px;
	padding-top:4px;
}

#content .specials-desc-content-long p {
	margin-bottom:0px;
}

.specials-desc-bottom-long {
	width:912px;
	height:12px;
	background:url(../images/specials/desc-box-bottom-long.jpg) no-repeat;
}

.search-box {
	display:block;
	width:912px;
	margin-top:8px;
}

.search-box-top {
	display:block;
	width:912px;
	height:4px;
	background:url(../images/specials/search-box-top.jpg) no-repeat;
}

.search-box-content {
	position:relative;
	display:block;
	width:912px;
	height:24px;
	background:url(../images/specials/search-box-bg.jpg) repeat-y;
}

#content .search-box-content p{
	display:inline-block;
	width: 525px;
	margin-left:16px;
	padding-top:9px;
	line-height:15px;
}

.specials-select {
	position:absolute;
	right:40px;
	top:8px;
}

.tundra .dijitInputField INPUT {
	text-indent:7px;	
}

.search-box-bottom {
	display:block;
	width:912px;
	height:16px;
	background:url(../images/specials/search-box-bottom.jpg) no-repeat;
}

.special-results-nav {
	width:902px;
	height:28px;
	border:solid 1px #d9cebd;
	background-color:#f4f1e8;
	margin-left:4px;
	margin-top:8px;
	display:none;
}

.special-results-nav a {
	display: inline-block;
	height:28px;
	width:300px;
	line-height:28px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#504d46;
	text-align:center;
	text-decoration:none;
	border-right:solid 1px #d9cebd;
}

.special-results-nav a.no-border {
	border-right:none;
}

.special-results-nav a:hover, .special-results-nav a.active {
	background:url(../images/specials/result-links-active-bg.jpg) repeat-x;
	color:#fff;
}

.specials-results {
	width:856px;
	min-height:10px;
	margin-left:4px;
	padding-left:24px;
	padding-right:24px;
	padding-top:12px;
}


.specials-results h4, .specials-results h5, .specials-results h6 {
	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
}

.specials-results h4 {
	font-size:14px;
	font-weight:normal;
	padding-bottom:0px;
}

.specials-results h4 img {
	display:inline;	
}

.specials-resort-img {
	display:inline-block;
	padding:0px;
	margin-bottom:24px;
	float:left;
}

#content .specials-results h5{
	font-size:16px;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}

.specials-results h6{
	font-size:14px;
}

.specials-resort-desc {
	display:inline-block;
	width:732px;
	padding-left:18px;
	padding-top:2px;
	height:93px;
	float:left;
}

#content .specials-resort-desc p {
	margin:0;
	padding:0;
}

#content .specials-resort-desc a {
	font-size:10px;
	color:#081a75;
	padding-top:0px;
	margin-top:0px;
}

.package-border {
	display:block;
	width:848px;
	height: auto;
	border:solid 1px #f8f4e8;
	padding:4px;
	margin-bottom:10px;
	clear:both;
}

.package-details {
	display:block;
	width:848px;
	height: auto;
	clear:both;
	background:url(../images/specials/package-bg.jpg) repeat-y right;
}

.package-details.extra-margin {
	margin-bottom:32px;	
}

.package-details .description {
	display:block;
	width:603px;
	height:auto;
	float:left;
}

.package-details .description.request {
	width:462px;
}

#content .specials-results .package-details .description h5{
	display:block;
	width:589px;
	min-height:30px;
	background-color:#faf9f6;
	font-size:14px;
	line-height:28px;
	padding-left:14px;
}

#content .specials-results .package-details .description.request h5{
	width:462px;
}

#content .specials-results .package-details .description p {
	line-height:14px;
	padding-left:14px;
	padding-top:10px;
	padding-bottom:4px;
	margin:0px;
}

.package-details .package-callout {
	position:relative;
	width:185px;
	height:100%;
	border-left:solid 2px #f7f3e6;
	background-color:#faf9f6;
	margin-left:4px;
	float:left;
	text-align:center;
	padding-left:27px;
	padding-right:27px;
}

.package-details .package-callout.request {
	display:block;
	width:328px;
	border:none;
}

.package-details .package-callout.request .right-col{
	display: block;
	width:189px;
	height:107px;
	float:left;
}
.code {
	font-size:10px;
}
.package-details .package-callout.request .left-col{
	display: block;
	width:136px;
	height:107px;
	float:left;
	text-align:right;
}

.package-details .package-callout.request .left-col.preview{
	display: block;
	width:130px;
	height:107px;
	float:left;
	text-align:right;
	padding-top:12px;
	padding-right:9px;
}

.price {
	line-height:22px;
	font-size:20px;
}

#content .specials-results .package-details .package-callout p {
	
	padding-top:0px;
	margin-top:0px;
	line-height:14px;

}

#content .specials-results .package-details .package-callout a {
	font-size:10px;	
}

#content a.requestInfo {
	padding: 8px 0 6px 43px;
	margin-right:0px;
	
}

#content a.requestInfo span {
	padding: 10px 36px 10px 0;
}

.specials-button {
	display:block;
	padding-top:18px;
	padding-bottom:10px;
}

.specials-button.preview {
	padding-top:13px;
}

#content .specials-results h6{
	display:block;
	width:858px;
	height:33px;
	background-color:#f0e9dd;
	font-size:12px;
	line-height:31px;
	text-indent:18px;
	color:#333333;
	margin-bottom:8px;
	clear:both;
}

.specials-divide {
	display:block;
	width:865px;
	height:1px;
	background:url(../images/specials/special-divider.jpg) no-repeat;
	margin-bottom:24px;
	margin-top:12px;
	clear:both;
}

#destinationSelect span {
	font-size:11px;
	margin-top:0px;
}

.promo-box {
	display:block;
	width:414px;
	height:auto;
	float:left;
	margin:0px;
	padding-left:25px;
	padding-top:30px;
	overflow:hidden;
}

.promo-box h3 {
	font-size:14px;	
}

.promo-box span.promo-divide {
	display:block;
	width:410px;
	height:2px;
	background:url(/reservations/images/promo-divide.png) no-repeat center;
	margin-top:20px;
	margin-bottom:16px;
}

#content .promo-box p{
	font-size:12px;	
}

.tundra .dijitMenuItemLabel {
	font-size:11px;
	line-height:11px;
}

.tundra .dijitMenu, .tundra .dijitMenuBar {
	background-color:#fbfbf3;
	border-color:#b3b3b3;
	width:100px;
}

.tundra .dijitButtonNode *{
	vertical-align:top;	
}

.tundra .dijitDialog .dijitDialogPaneContent {
	border:solid 2px #A98546;	
}

.dijitDialogCloseIcon, .tundra .dijitDialogCloseIcon {
	background:url(/vacation-specials/images/dialog-close.png) no-repeat;	
	right: 0px;
    top: 0px;
}

tundra #dopDialog .dijitDialogTitleBar, #dopDialog .dijitDialogTitleBar {
	font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
	background-color:#c7a663;
	display:block;
	visibility:visible;
	font-size:18px;
	font-weight:normal;
	height:37px;
	line-height:35px;
	padding-left:14px;
}

.dijitDialogTitle {
	display:block;	
}

#dopDialog {
	width:429px;	
}

.tundra .dijitDialog .dijitDialogPaneContent {
	padding-top:5px;	
	border:none;
}

.tundra .dijitDialog .dijitDialogPaneContent p {
	font-size:12px;
	color:#636363;
}