﻿body,html
{
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	background-color : #fff;
}
form{margin:0px;padding:0px;}

/* layout */
#container 
{
	width:760px;
	border-left:solid 1px #000; 
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	background-color:#fff;
	margin:auto;
}

#contentHeader 
{
	background-color : #0062ca;
	background-image : url(/styles/images/bg_topNav2.jpg);
	background-position : right;
	background-repeat : no-repeat;
	height:73px;
}
.processing { background: transparent url(/styles/images/bg_processing.gif) no-repeat center; }

/*
Top nav
*/
#topNavLogo {background: url(/styles/images/logo2_topNav.jpg) no-repeat left top; float:left;width:164px;height:73px;display:inline}
#topNav { float:right; display: inline; width:536px; margin-top:6px;}
#topNav ul { margin: 0; padding: 0; list-style: none; display: inline; overflow: hidden; height : 19px; }
#topNav li { display: inline; list-style-type: none; }
#topNav a {	float: left; overflow: hidden; height:19px !important; margin: 0px 0px 0px 0px; }

#topNav a:hover { background-position: 0 -19px;}
#topNav a.selectedTop {	background-position: 0 -19px;}
#topNav a.selectedTop:hover { background-position: 0 -19px;}

#topNavSignIn a {background: url(/styles/images/btn_topNav_login3.jpg) no-repeat left top; width: 129px;margin-right:27px;}
#topNavSignOut a {background: url(/styles/images/btn_topNav_logout3.jpg) no-repeat left top; width: 74px;margin-right:27px;margin-left:55px} /*128 - 71 = 57 */
#topNavPrevious a {background: url(/styles/images/btn_topNav_previousDeals.jpg) no-repeat left top; width: 124px;margin-right:33px;}
#topNavUpcoming a {background: url(/styles/images/btn_topNav_upcomingDeals.jpg) no-repeat left top; width: 128px;margin-right:36px}
#topNavHelp a {background: url(/styles/images/btn_topNav_Help.jpg) no-repeat left top; width: 54px;margin-right:5px}
 
/*
Bottom nav
*/

#bottomNav { width:450px;float:right;margin:26px 5px 0px 0px}

#bottomNav ul { margin: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
#bottomNav li { display: inline; list-style-type: none;}
#bottomNav a {float: right; overflow: hidden; font-size:13px;font-weight:bold;margin-left:33px;}
/*#bottomNav a{ background:  url(/images/topnav/arrows.gif) no-repeat right center;}*/

#bottomNav a span{ margin-right:20px;}	

#bottomNav a:link {color: #fff; text-decoration:none;}
#bottomNav a:visited {color: #fff; text-decoration:none}
#bottomNav a:hover { text-decoration:none;color: #eee; }

/*
Home page 
*/
#homeProductImages{width:254px;float:left;background-color:#ffffff;padding:0px 4px 0px 4px;}
.divProductBig{height:255px;}
.homeProductInfo{float:left;width:259px;padding-top:0px; background-image: url(/styles/images/bg_prices2.png); background-repeat:no-repeat; background-position: 0px 0px}
.homeSliderTime{background-image: url(/styles/images/bg_sliderTime.png); background-repeat:no-repeat;height:35px;padding:10px 10px 0 0px;text-align:right;font-weight:bold;font-size:14px;color:#000}
#homeSliderTitles{background-image: url(/styles/images/bg_meterTitles2.png); background-repeat:no-repeat; background-position: 15px 0px}


/*
Home page right column
*/
#divSideDealHolder{ background-color:#fff; background-image: url(/styles/images/bg_otherdeals.png); background-repeat:repeat-x;height:492px;}
.sideDeal { margin-top:15px; }
.sideDealTitle { background-color:#000;padding:4px 4px 4px 8px; font-size:15px; font-weight:bold; color:#ffea00; background-image: url(/styles/images/bg_titlebar.gif); background-repeat:repeat-x;}
/* Skined
.mainDealHoliday { background-color:#d4e8ff; padding:4px 4px 4px 8px; font-size:15px; font-weight:bold; color:#000; background-image: url(/styles/images/bg_holidaytitlebar.jpg); background-repeat: no-repeat; background-position: top right}
.sideDealHoliday { background-color:#d4e8ff; padding:4px 4px 4px 8px; font-size:15px; font-weight:bold; color:#000; background-image: url(/styles/images/bg_holidaytitlebar2.jpg); background-repeat: no-repeat; background-position: top right}
.sideDealHolidayOutlet { background-color:#d4e8ff; padding:4px 4px 4px 8px; font-size:15px; font-weight:bold; color:#000; background-image: url(/styles/images/bg_holidayoutlettitlebar.jpg); background-repeat: no-repeat; background-position: top right}
#spanProductTitle{color:#023165;padding-left:20px;}
*/
/* Non Skined */
.mainDealHoliday { background-color:#e6f3ff;padding:4px 4px 4px 8px; font-size:15px; font-weight:bold; color:#3c4f60; background-image: url(/styles/images/bg_titlebar2.gif); background-repeat:repeat-x; background-position : left center;}
.sideDealHoliday { background-color:#e6f3ff;padding:4px 4px 4px 8px; font-size:15px; font-weight:bold; color:#3c4f60; background-image: url(/styles/images/bg_titlebar2.gif); background-repeat:repeat-x; background-position : left center; border-top:solid 1px #000;border-bottom:solid 2px #000;border-left:solid 1px #000;}
.sideDealHolidayOutlet { background-color:#e6f3ff;padding:4px 4px 4px 8px; font-size:15px; font-weight:bold; color:#3c4f60; background-image: url(/styles/images/bg_titlebar2.gif); background-repeat:repeat-x; background-position : left center; border-top:solid 1px #000;border-bottom:solid 2px #000;border-left:solid 1px #000;}
#spanProductTitle{color:#000;padding-left:20px;}

.sideDealInfo {	padding-left : 6px;	padding-right : 6px; border-top:solid 1px #eeeeee; border-left:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; background-image: url(/styles/images/bg_transp.gif);} /*This is for the ie mouseover bug*/
.sideDealInfoUpPrev { border-right:solid 1px #eeeeee;} 
.sideDealInfoFX {overflow:hidden;}
.sideDealInfo .image{ margin:6px 0 6px 4px;float:right;border:solid 1px #d0d0d0}
.sideDealInfo .name{ padding:6px 0 6px 0;font-weight:bold;}
.sideDealInfo .price{ padding:2px 0 2px 0}
.sideDealMouseOver{background:#ffffff;}
.sideDealMouseOut{background:inherit;}
/*
Previous Upcoming
*/
.dayNames { padding:4px 4px 4px 8px; font-size:13px; font-weight:bold; color:#ffffff; background-repeat:repeat-x;}
.dayNames span{padding-right:16px}
.dayNames a:link { text-decoration:none;color:#ffffff;}
.dayNames a:visited  { text-decoration:none;color:#ffffff;}
.dayNames a:hover { text-decoration:underline;color:#ffffff;}
.dayNames a:active { text-decoration:none;color:#ffffff;}

.upprevCategory {padding :10px; font-size : 14px; font-weight:bold; font-style:italic; background:#666}
.upprevProducts {	padding-left : 6px;	padding-right : 6px; border:solid 1px #eeeeee} /*This is for the ie mouseover bug*/
.upprevProducts .description { overflow:hidden; position:relative;background-image: url(/styles/images/bg_transp.gif);}

/*
Media Center
*/
body.mediacenter, html.mediacenter {background-color:#003c71;}
.mediacenter .head{background-image: url(/styles/images/bg_mediacenter_head.png); background-repeat:no-repeat; height:47px}
.mediacenter .body{background-color:#001f3b;width:400px;}
.mediacenter .videoholder{margin:auto;width:320px;padding-top:10px}
.mediacenter .bottom{padding:10px;}
.mediacenter .footer{padding:0px 10px 10px 10px;text-align:center;color:#fff;width:380px;font-size:10px}

/*
Help
*/
#helpNav{width:180px;padding:0px 5px 0px 5px;}
#helpNav div{padding:0px 0px 5px 0px;}
#helpNav .title{font-size:20px;font-family:Arial;color:#003c71;font-weight:bold;}
#helpNav .line {height:1px;font-size:1px;background:#ccc;padding:0px;margin:0px 0px 5px 0px;}
#helpNav .selected {font-weight:bold;}
#helpNav  a:link { text-decoration:none;color:#000;}
#helpNav  a:visited  { text-decoration:none;color:#000;}
#helpNav  a:hover { text-decoration:underline;color:#000;}
#helpNav  a:active { text-decoration:none;color:#000;}

#helpInfo ul { margin: 4px 10px 4px 10px; padding: 0px; list-style-type:none;}
#helpInfo li { list-style-type:none; margin: 10px 0px 10px 0px; }
#helpInfo li .itemTitle{display:block;font-weight:bold;margin-bottom:2px}

#helpInfo ol.numberList{margin: 10px; list-style-type:decimal;padding:0px 30px 0px 30px}
#helpInfo ol.numberList li {list-style-type:decimal;margin: 5px 0px 5px 0px;}

#helpInfo ol.bulletList{margin: 10px; list-style-type:disc;padding:0px 30px 0px 30px}
#helpInfo ol.bulletList li {list-style-type:disc;margin: 5px 0px 5px 0px;}


/*
Common classes
*/

.border{border: solid 1px #d0d0d0;}
.floatKiller{clear:both;font-size:1px;}
/* colHeadSpecial  - used where column headers are next to each other (ie. in a table header)*/
.colHeadSpecial{ background-color:#000;padding:2px 2px 4px 8px; font-size:12px; font-weight:bold; color:#ffea00; background-image: url(/styles/images/bg_titlebar.gif); background-repeat:repeat-x; background-position:center}
/* colHead - used where a single header is by itself */
/*Skined
.colHead{ background-color:#000;padding:2px 2px 4px 8px; font-size:12px; font-weight:bold; color:#000; background-image: url(/styles/images/bg_holidaytitlebar.jpg); background-repeat: no-repeat; background-position: top right}*/
.colHead{ background-color:#000;padding:2px 2px 4px 8px; font-size:12px; font-weight:bold; color:#ffea00; background-image: url(/styles/images/bg_titlebar.gif); background-repeat:repeat-x; background-position:center}


.colBody{background-color:#fff; background-image: url(/styles/images/bg_otherdeals.png); background-repeat:repeat-x; background-position: 0 -320px}
.colGridName {padding-right:3px;font-weight:bold}
.colGridTitle{font-size:25px;font-family:arial;color:#003c71;padding:5px;font-style:italic;font-weight:bold}
.colItem{padding:2px 2px 4px 8px;}
div.remember{border:solid 1px #cc0000;padding:4px;margin:10px;background:#fffdef;font-weight:bold;font-size:13px;}
div.results{border:solid 1px #cc0000;padding:4px;margin:10px;background:#fffdef;font-weight:bold;}

.colHeadBlueGrad{background-color:#003c71; background-image: url(/styles/images/bg_bluegradtitle.gif); background-repeat:repeat-x;color:#ffffff;font-weight:bold;font-size:13px;padding:4px 2px 2px 8px }


/*
SLIMBOX 
*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #333;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading { background: #fff url(/styles/images/bg_loading.gif) no-repeat center; }

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {	background: transparent url(/styles/images/bg_sb_prevlabel.gif) no-repeat 0% 15%; }

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {	background: transparent url(/styles/images/bg_sb_nextlabel.gif) no-repeat 100% 15%; }

#lbBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/styles/images/bg_sb_closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}








