/* Main APS Css file -- should be part of all pages. */

body {
	background-color: white;
	font: 11px/17px "Trebuchet MS", verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	background:  url(../images/site-background.jpg) top left repeat;
	text-align: left;
}
a {
	margin: 0;
	padding: 0;
	color: rgb(30%,30%,30%);
	font-weight: bold;
}
a:hover {
	margin: 0;
	padding: 0;
	color: navy;
}

h1 {
	margin: 3px 0 3px 0;
	padding: 0;
	font: bold 20px/22px "Trebuchet MS", verdana, arial, sans-serif;
	color: navy;
}

h3 {
	margin: 5px 0 5px 0;
	padding: 0;
	font: bold 16px/18px "Trebuchet MS", verdana, arial, sans-serif;
	color: navy;
}


/*-------------------------
 Main Container Boxes.
---------------------------*/
#headerBox {
	margin: 0;
	padding: 0;
	width: 906px;
	height: 277px;
}
#shopContentsBox {
	position: absolute;
	top: 277px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 906px;
	height: 467px;
}

#footerBox {
	margin: 0;
	padding: 0;
	width: 907px;
}

#contentsBox {
	margin: 0 25px 0 25px;
	padding: 0;
	width: 857px;
	text-align: center;
}



/*-------------------------
 Header elements.
---------------------------*/
#headerBox #logo {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 207px;
	height: 277px;
	text-indent: -1000px;
	background:  url(../images/titleheaders/header-logo-summer.jpg) top left no-repeat;
}
#headerBox #headerImg {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 699px;
	height: 167px;
	background:  url(../images/titleheaders/title-header-summer.jpg) top left no-repeat;
}
#headerBox #menuBar {
	font: 14pt/16pt "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 699px;
	height: 37px;
	background: url(../images/menubar-background.jpg) top left no-repeat;
}
#headerBox .menuItem, 
#footerBar .menuItem {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	letter-spacing: 0.1em;
}
#headerBox .menuItem a, 
#footerBar .menuItem a {
	margin: 0;
	padding: 0;
	color: white;
	text-decoration: none;
}
#headerBox .menuItem a:hover, 
#footerBar .menuItem a:hover{
	margin: 0;
	padding: 0;
	color: rgb(255,191,96);
	text-decoration: underline;
}
#headerBox .selected, 
#footerBar .selected {
	margin: 0;
	padding: 0;
	color: rgb(80%,80%,80%);
}
#headerBox .menuLang,
#footerBar .menuLang {
	margin: 0;
	padding: 0;
	color: rgb(80%,80%,80%);
	display: inline;
	float: left;
}
#headerBox .menuLang a,
#footerBar .menuLang a  {
	margin: 0;
	padding: 0;
	color: white;
	text-decoration: none;
}
#headerBox .menuLang a:hover,
#footerBar .menuLang a:hover {
	margin: 0;
	padding: 0;
	color: rgb(80%,80%,80%);
	text-decoration: underline;
}
#headerBox .menuSep {
	margin: 0 10px 0 10px;
	padding: 0;
	display: inline;
	float: left;
	width: 14px;
	height: 27px;
	background:  url(../images/menu-sep.gif) 0px 5px no-repeat;
}
#headerBox .menuSpacer,
#footerBar .menuSpacer {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	width: 20px;
	height: 10px;
}
#headerBox #pageTitleBox {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 699px;
	height: 73px;
	text-align: center;
}
#headerBox #pageTitle {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 699px;
	height: 73px;
	background:  url(../shop/images/page-title.jpg) top left no-repeat;
	text-align: center;
}
#footerBar #pageTitle {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 699px;
	height: 73px;
	background:  url(../shop/images/page-title.jpg) top left no-repeat;
	text-align: center;
}
#breadcrumbs {
	margin: 0;
	padding: 0;
	font: 12px/14px "Trebuchet MS", verdana, arial, sans-serif;
	color: rgb(30%,30%,30%);
}
#breadcrumbs #selected {
	margin: 0;
	padding: 0 4px 0 4px;
	text-decoration: none;
	background: rgb(30%,30%,30%);
	color: white;
}
#breadcrumbs a {
	margin: 0;
	padding: 0;
	color: rgb(30%,30%,30%);
	font-weight: bold;
}
#breadcrumbs a:hover {
	margin: 0;
	padding: 0;
	color: navy;
}
#spaceRight {
	margin: 0;
	padding: 0;
	width: 230px; 
	height:100%; 
	float:right; 
	display:inline;
}
#headerBox #sectTitle {
	margin: 0;
	padding: 0;
	width: 449px;
	float: right; 
	display: inline; 
	text-align: center;
	background: url(../shop/winter/images/winter-photos.jpg) top center no-repeat;
}
#spaceTop {
	margin: 0;
	padding: 0;
	height:47px; 
	width:100%;
}

/*-------------------------
 Shop Content elements.
---------------------------*/
#shopContentsBox #winter {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 21px;
	left: 63px;
	width: 335px;
	height: 198px;
	background:  url(../shop/images/shop-winter.jpg) top left no-repeat;
}
#shopContentsBox #summer {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 8px;
	left: 462px;
	width: 361px;
	height: 201px;
	background:  url(../shop/images/shop-summer.jpg) top left no-repeat;
}
#shopContentsBox #events {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 227px;
	left: 63px;
	width: 373px;
	height: 219px;
	background:  url(../shop/images/shop-events.jpg) top left no-repeat;
}
#shopContentsBox #weddings {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 241px;
	left: 531px;
	width: 323px;
	height: 184px;
	background:  url(../shop/images/shop-weddings.jpg) top left no-repeat;
}
#shopHomeVSpacer {
	display: block;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 466px;
}
#shopContentsBox a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
}


.buttonNavBox {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 300px;
	height: 42px;
	text-align: center;
	clear: both;
}
.buttonNavBoxTxt {
	margin: 13px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
	width: 216px;
	font: 14px/16px "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
	color: rgb(30%,30%,30%);
}
.leftButton {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	height: 42px;
	width: 42px;
	background: url(../shop/images/navbutton-left.jpg) left bottom no-repeat;
}
.leftButton a {
	display:block; 
	margin: 0;
	padding: 0;
	height: 42px;
	width: 42px;
	background: url(../shop/images/navbutton-left.jpg) left center no-repeat;
}
.leftButtonDisabled {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	height: 42px;
	width: 42px;
	background: url(../shop/images/navbutton-left.jpg) left top no-repeat;
}
.rightButton {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	height: 42px;
	width: 42px;
	background: url(../shop/images/navbutton-right.jpg) left bottom no-repeat;
}
.rightButton a {
	display:block; 
	margin: 0;
	padding: 0;
	height: 42px;
	width: 42px;
	background: url(../shop/images/navbutton-right.jpg) left center no-repeat;
}
.rightButtonDisabled {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	height: 42px;
	width: 42px;
	background: url(../shop/images/navbutton-right.jpg) left top no-repeat;
}
.leftButton a:hover, .rightButton a:hover {
	display:block; 
	margin: 0;
	padding: 0;
	background: none;
}



.yearBox {
	margin: 10px 25px 10px 25px;
	padding: 0;
	float: left;
	display: inline;
	width: 178px;
}
.yearBox a {
	display:block; 
	margin: 0 0 0 10px;
	padding: 0;
	text-decoration: none;
	font: 22px/26px "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: rgb(30%,30%,30%);
}
.yearBox .disabled {
	display:block; 
	margin: 0 0 0 10px;
	padding: 0;
	text-decoration: none;
	font: 22px/26px "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: rgb(70%,70%,70%);
}
.yearBox a:hover {
	display:block; 
	margin: 0 0 0 10px;
	padding: 0;
	color: navy;
}
.yearPic {
	margin: 0;
	padding: 0;
	height: 135px;
	width: 178px;
}
.yearPic a {
	display:block; 
	margin: 0;
	padding: 0;
	height: 135px;
	width: 178px;
}
.yearLeftSpacer {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 88px;
	height: 100px;
}


/*-------------------------
 Footer elements.
---------------------------*/
#footerBox #footerBar {
	margin: 0;
	padding: 0;
	width: 907px;
	height: 45px;
	font: 12px/14px "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	background:  url(../images/footer-background.jpg) top left no-repeat;
}
#footerBox #footerBar .menuSep {
	margin: 0 6px 0 6px;
	padding: 0;
	display: inline;
	float: left;
	width: 14px;
	height: 27px;
	background:  url(../images/menu-sep-footer.gif) 0px 2px no-repeat;
}
#footerBox #footerBar {
	margin: 0;
	padding: 0;
	width: 907px;
	height: 45px;
	font: 12px/14px "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	background:  url(../images/footer-background.jpg) top left no-repeat;
}
#footerBox #copyrightBar {
	margin: 0;
	padding: 0;
	width: 907px;
	font: 11px/13px "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: normal;
	color: rgb(50%,50%,50%);
	margin: 0;
	padding: 0;
	text-align: center;
}
#footerBox #copyrightBar a {
	margin: 0;
	padding: 0;
	color: rgb(50%,50%,50%);
	text-decoration: none;
}
#footerBox #copyrightBar a:hover {
	margin: 0;
	padding: 0;
	color: navy;
	text-decoration: none;
}

#zermattlogo {
	margin: 6px 0 0 0;
	padding: 0;
	width: 907px;
	text-align: center;
}
#zermattlogo img{
	border: 0;
}