/* A3 IT Solutions */
/* Initial Build: INITIAL HERE DATE HERE */
/* Revisions:
   INITIAL HERE DATE HERE
*/

/* CLASSES (. declaration) for with elements that can appear */
/* MULTIPLE times on the same page.                          */

/* ID's (# declaration) for with elements that appears only  */
/* ONCE on a page                                            */

/* Declarations with no "." or "#" style ALL HTML tags       */

/**********************/
/* Main Layout Styles */
/* Used on ALL Pages  */
/**********************/
/* HTML and body tag styles */
html, body{
  width:100%;
  margin:0 0 20px 0;
  text-align:center;
  background:#e1dfd9;
}

/* Zeroing out margins on form tags */
form{
  margin:0 0 0 0;
}

/* Web Site Container / Wrapper */
#container{
  width:980px;
  margin:0 auto 0 auto;
  padding:0 10px 0 10px;
  text-align:left;
  background:#ffffff;
}

/* Logo Div */
#logo{
  width:520px;
  height:122px;
  float:left;
}

/* Transparent Gif in Logo Div */
#logo img{
  width:520px;
  height:105px;
}

/* Utility Navigation Div */
#utilityNav{
  width:435px;
  padding:15px 15px 0 0;
  float:right;
  text-align:right;
}

/* Header Search Div */
#search{
  width:435px;
  padding:15px 15px 0 0;
  float:right; 
  text-align:right;
}

/* Choose Your Destination Div */
#chooseDestination{
  width:435px;
  padding:15px 15px 0 0;
  float:right; 
  text-align:right;
}

/* Main Site Navigation Div */
#nav{
  width:966px;
  height:27px;
  margin:0 0 10px 0;
  padding:0 0 0 14px;
  background:url(/images/topNav/background.jpg) repeat-x 0px 0px;
}

/* Main Site Navigation Link Div */
#nav div{
  height:27px;
  padding:0 11px 0 8px;
  float:left;
  background:url(/images/topNav/separator.jpg) no-repeat 99% 9px;
}

/* Main Site Navigation End Link Div */
#nav div.endLink{
  background:transparent; 
}

/* Content Div */
#content{
  width:980px;
  padding:0 0 10px 0;
}

/* Footer Div */
#footer{
  width:980px;
  padding:10px 0 10px 0;
  clear:both;
}

#footer div img{
  width:99px;
  height:27px;
}

/* Footer Navigation Div */
#footerNav{
  width:980px;
  padding:10px 0 10px 0;
  text-align:center;
}

/* Footer Link Holder */
#footerNav div{
  display:inline;
}

/* Page Alerts Div */
#pageAlerts {
  margin-bottom: 10px;
  display: none;
}

/*************************/
/* General Layout Styles */
/* Used on SOME Pages    */
/*************************/
/* Page Title Div */
#pageTitle{
	position:relative;
	top:0px;
	left:0px;
  width:980px;
  height:327px;
  margin:0 0 10px 0; 
}

/* Left Navigation Div */
#leftNav{
  width:159px;
  padding:0 10px 0 0;
}

/* Store Name Marquee Div */
#storeNames{
  width:600px;
  height:45px;
  padding:10px 0 0 0;
}

/* Three Dots Horizontal Rule */
.threeDotHR{
  height:23px;
  margin:17px 0 17px 0;
  background:#ffffff url(/images/threeDotSeparator.gif) repeat-x 0px 0px; 
}

/* Single Lin Horizontal Rule */
.oneLineHR{
	border-top:1px solid #5e4f4a;
}

/* General Right Float Class */
.floatRight{
  float:right; 
}

/* General Left Float Class */
.floatLeft{
  float:left; 
}

/* Grey Box with Brown Border */
.greyBox{
	padding:10px 10px 10px 10px;
  background:#f0efec;
  border:1px solid #5e4f4a; 
}

/* White Box with Brown Border */
.whiteBox{
	padding:10px 10px 10px 10px;
  background:#ffffff;
  border:1px solid #5e4f4a; 
}

/* Brown Box with Brown Border */
.brownBox{
	padding:10px 10px 10px 10px;
  background:#5e4f4a;
  border:1px solid #5e4f4a;
}

/***************************/
/* Featured Article Styles */
/***************************/
/* Article Div */
.featuredArticle{
  padding:20px 20px 20px 0;
  clear:both;
}

/* Article Image Div */
.featuredArticleImages{
  width:150px;
  float:left; 
}

/* Article Images */
.featuredArticleImages img{
  margin:0 0 10px 0; 
}

/* Article Synapsis Div */
.featuredArticleSynapsis{
  width:580px;
  float:right; 
}

/* Article Synapsis Paragraphs */
.featuredArticleSynapsis p{
  margin:15px 0 30px 0;
}

/**********************/
/* Section Intro Divs */
/**********************/
/* Common Styles for Intro Divs */
.sectionIntro{
  height:187px; 
  padding:60px 60px 0 375px;
}

/* Page Specific Intro Divs */
#sikestonoutletStyleCommunityIntro{
  background:url(/images/sikestonoutletStyleCommunity/intro_spring2009.jpg) no-repeat 0px 0px; 
}

#sikestonoutletStyleDestinationsIntro{
  background:url(/images/sikestonoutletStyleDestinations/intro.jpg) no-repeat 0px 0px; 
}

/* Common Styles for Small Intro Divs */
.smallSectionIntro{
  height:77px; 
  padding:60px 40px 0 0;
	border:1px solid #5e4f4a;
	text-align:right;
}

/*********************/
/* Bottom Banner Ads */
/*********************/
/* Bottom Banner Holder Div */
#bottomBanners{
  width:100%;
  height:144px;
  padding:10px 0 0 0;
  clear:both;
}

/* Common Styles for Bottom Banner Divs */
#bottomBanners div{
	position:relative;
	top:0px;
	left:0px;
  width:318px;
  height:77px;
  padding:57px 10px 10px 145px;
  border:1px solid #5e4f4a; 
}

/* Common Styles for Bottom Banner Links */
#bottomBanners div a{
  position:absolute;
	bottom:10px;
	right:10px;
}

/* sikestonoutletStyle Savings */
#sikestonoutletStyleSavings{
  background:#ffffff url(/images/bottomBanners/sikestonoutletStyleSavings.jpg) no-repeat 10px 10px;
}

/* sikestonoutletStyle Events */
#sikestonoutletStyleEvents{
  background:#ffffff url(/images/bottomBanners/sikestonoutletStyleEvents.jpg) no-repeat 10px 10px;
}

/* sikestonoutletStyle Community */
#sikestonoutletStyleCommunity{
  background:#ffffff url(/images/bottomBanners/sikestonoutletStyleCommunity.jpg) no-repeat 10px 10px;
}

/* sikestonoutletStyle Destinations */
#sikestonoutletStyleDestinations{
  background:#ffffff url(/images/bottomBanners/sikestonoutletStyleDestinations.jpg) no-repeat 10px 10px;
}

/* sikestonoutletStyle Brands */
#sikestonoutletStyleBrands{
  background:#ffffff url(/images/bottomBanners/sikestonoutletStyleBrands.jpg) no-repeat 10px 10px;
}

/* sikestonoutlet Price Guarantee */
#sikestonoutletPriceGuarantee{
  background:#ffffff url(/images/bottomBanners/sikestonoutletPriceGuarantee.jpg) no-repeat 10px 10px;
}

/* sikestonoutlet Gift Cards */
#sikestonoutletGiftCards{
  background:#ffffff url(/images/bottomBanners/sikestonoutletGiftCards.jpg) no-repeat 10px 10px;
}


/*********************/
/* SmallBottom Banner Ads */
/*********************/
/* Bottom Banner Holder Div */
#bottomBannersSmall{
  width:782px;
  height:146px;
	float:right;
  padding:10px 0 0 0;
}

/* Common Styles for Bottom Banner Divs */
#bottomBannersSmall div{
	position:relative;
	top:0px;
	left:0px;
  width:228px;
  height:77px;
  padding:57px 10px 10px 145px;
  border:1px solid #5e4f4a; 
}

/* Common Styles for Bottom Banner Links */
#bottomBannersSmall div a{
  position:absolute;
	bottom:10px;
	right:10px;
}

/* sikestonoutletStyle Savings */
#storeDirectory{
  background:#ffffff url(/images/bottomBanners/storeDirectory.jpg) no-repeat 10px 10px;
}

/* sikestonoutletStyle Events */
#storeCoupons{
  background:#ffffff url(/images/bottomBanners/storeCoupons.jpg) no-repeat 10px 10px;
}

/*****************************/
/* Home Page Specific Styles */
/*****************************/
/* Home Page Flash Holder Div*/
#homeLeftColumn{
  width:600px;
  float:left;
}

/* Home Page Image Rotation Div */
#homeRotation{
  width:600px;
  height:422px;
}

/* sikestonoutlet Club Div */
#homesikestonoutletClub{
  width:575px;
  height:203px;
	/*
  background:url(/images/home/sikestonoutletclub.jpg) no-repeat 10px 10px; 
  padding:120px 10px 10px 200px;
	*/
	padding:5px 10px 10px 10px;
}

#homeRightColumn div{
	position:relative;
	top:0px;
	left:0px;
}

#homeRightColumn div a, #homesikestonoutletClub a{
	position:absolute;
	bottom:10px;
	right:10px;
}

/* Right Column Banners */
#homeDestinations{
  width:140px;
  height:57px;
  background:url(/media/images/promos/fall2009/home/community.jpg) no-repeat 0px 0px;
  padding:175px 10px 0 10px;
	font-size:10px;
  float:left;
}

#homesikestonoutletStyle{
  width:140px;
  height:57px;

  background:url(/media/images/promos/fall2009/home/getaway.jpg) no-repeat 0px 0px;
  padding:175px 10px 0 10px;
  float:right;
}

#homeCommunity{
  /*
	width:154px;
  height:80px;
  background:url(/media/images/promos/spring2009/home/community.jpg) no-repeat 0px 0px;
  padding:60px 5px 0 170px;
	*/
}

#homeSavings{
  width:169px;
  height:100px;
  background:url(/media/images/promos/fall2009/home/savings.jpg) no-repeat 0px 0px;
  padding:175px 0 0 160px;
}

#homeGiftCards{
  width:184px;
  height:100px;
  background:url(/images/home/giftcards.jpg) no-repeat 0px 0px;
  padding:70px 135px 0 10px;
}

/**************************/
/* Career Specific Styles */
/**************************/
#careers{
  width:377px;
  height:573px;
  padding:40px 545px 0px 34px;
  background:url(/images/careers/main.jpg) no-repeat 10px 10px;
}

/**************************/
/* Center Specific Styles */
/**************************/
/* Common Styles for Center Intro Divs */
.centerIntro{
  height:77px; 
  padding:60px 40px 0 0;
	border:1px solid #5e4f4a;
	text-align:right;
}

#centerHours{
	background:url(/images/destinations/hours.jpg) no-repeat 0px 0px;
}

#centerCoupons{
	background:url(/images/destinations/coupons.jpg) no-repeat 0px 0px;
}

#centerEvents{
	background:url(/images/destinations/promos.jpg) no-repeat 0px 0px;
}

#centerInfo{
	background:url(/images/destinations/information.jpg) no-repeat 0px 0px;
}

#centerDirections{
	background:url(/images/destinations/directions.jpg) no-repeat 0px 0px;
}

#centerCareers{
	background:url(/images/destinations/careers.jpg) no-repeat 0px 0px;
}

#centerTips{
	background:url(/images/destinations/tips.jpg) no-repeat 0px 0px;
}

/* Center Home Marquee Styles */
#centerMarqueeHolder{
	margin:10px 0 0 0;
	line-height:45px;
	background:#5e4f4a;
}

/* Center Directory Thumbnail Gallery Styles */
#centerStoreThumbs{
	width:185px;
	height:100px;
}

#centerStoreThumbsListing{
	width:100%;
	height:60px;
	overflow:hidden;
}

/* Individual Gallery Images */
#centerStoreThumbsListing img{
	border:1px solid #5e4f4a;
}

/* Area Information Holder Div*/
.areaInfo{
	width:370px;
}

/* Common Area Info Styles */
.areaInfo div{
	width:215px;
	min-height:150px;
  height:auto !important;
  height:150px;
	padding:20px 0 0 155px;
}

/* FAQ / Shopping Tips */
#shoppingTips h2{
	font-size:32px; 
	color:#d21034;
	line-height:28px;
	float:left;
	width:50px;
	padding:20px 0 0 0;
	text-align:right;
}

#shoppingTips div{
	width:700px;
	float:right;
}

/* Destinations Events Month Header */
#eventMonth{
	width:490px;
	height:60px;
	padding:0 0 0 270px;
	margin:20px 0 0 0;
	line-height:60px;
}

/**************************/
/* Coupon Specific Styles */
/**************************/
/* Dotted Line Div Styles To Be Used With Scissors Graphic */
.coupons{
  position:relative;
  top:0px;
  left:0px;
	height:120px;
  border:2px dotted #7d6f6e;
  padding:10px 20px 15px 20px;
}

/* Scissors Graphic*/
.couponScissors{
  width:39px;
  height:23px;
  position:absolute;
  top:-25px;
  left:20px;
  background:url(/images/coupons/scissors.gif) no-repeat 0px 0px;
}

/********************************/
/* Destinations Specific Styles */
/********************************/
.toolTipRight{
  width:239px;
  height:85px;
  padding:11px 11px 0px 32px;
  background:url(/images/destinations/tooltipBackgroundRight.gif) no-repeat 0px 0px;
}

.toolTipLeft{
  width:239px;
  height:85px;
  padding:11px 11px 0px 32px;
  background:url(/images/destinations/tooltipBackgroundLeft.gif) no-repeat 0px 0px;
}

.toolTipRight img, .toolTipLeft img{
  float:left;
  padding:0 10px 20px 0; 
}

.destinationsHR{
	height:1px;
  border:0px;
  border-top:1px dotted #877b77;
}

#featuredDestinations{
  width:150px;
  height:591px;
  padding:10px 10px 10px 10px;
  background:#8d817b;
  border:0px;  
}

#featuredDestinations img.up, #featuredDestinations img.down{
  cursor:pointer;
}

#featuredDestinationListing{
  position:relative;
	width:150px;
  height:270px;
  margin:10px 0 0 0;
  overflow:hidden; 
}

#featuredDestinationListing div{
  position:relative;
	width:130px;
  min-height:105px;
  height:auto !important;
  height:105px;
	padding:10px;
  border-top:5px solid #8d817b;
  border-bottom:5px solid #8d817b;
  background:white; 
	font-size:11px;
	color:#5e4f4a;
}

#featuredDestinationListing div img{
	padding:0 0 5px 0;
}

#featuredDestinationListing div a{
	position:absolute;
	bottom:10px;
	right:8px;
}

/********************************/
/* sikestonoutlet Bucks Specific Styles */
/********************************/
#sikestonoutletBucks{
  width:360px;
  height:556px;
  padding:220px 50px 0px 350px;
  background:url(/images/sikestonoutletBucks/main.jpg) no-repeat 0px 0px;
}

/******************************************/
/* sikestonoutlet Style Community Specific Styles */
/******************************************/
.communityFashionSection{
  width:230px;
  height:290px;
  padding:10px 15px 10px 10px;
  background:url(/media/images/community/fashionSection_spring2009.gif) no-repeat 0px 10px;
}

.communityHomeSection{
  width:230px;
  height:290px;
  padding:10px;
  background:url(/media/images/community/homeSection_spring2009.gif) no-repeat 0px 10px;
}

.communityFamilySection{
  width:230px;
  height:290px;
  padding:10px;
  background:url(/media/images/community/familySection_spring2009.gif) no-repeat 0px 10px;
}

/***************/
/* Form Styles */
/***************/
/* Textboxes and Drop Downs */
input, select, textarea{
  background:#ffffff;
  border:1px solid #5e4f4a;
}

input.noBorder{
	border:0px;
}

/* Buttons */
button, submit{
  background:#ffffff;
  border:1px solid #5e4f4a;
}

/*****************/
/* Widget Styles */
/*****************/
.centerIt {
  margin: 0px auto;
}

.activitySpinner {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.activitySpinner span {
  padding-left: 30px;
  vertical-align: middle;
}

.activitySpinner.activitySpinnerRun {
  background:url(/images/widgets/activity-spinner.gif) no-repeat;
}