@CHARSET "UTF-8";
body{color:#666666;background:#f7f8f8;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:0px; vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
html,body {height:100%; margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; }

/* global elements */
textarea,input[type=text]{border:2px solid #cccccc}
a{color:#BF497E; text-decoration:none}
a:hover{color:#999}
p {line-height:1.7em}
em{font-style:italic}
strong{font-weight:bold}
h1{font-size:1.8em; margin-bottom:2em}
h2{font-size:1.4em}
h3{font-size:1.2em}
h4{font-size:1.1em; font-weight:bold}

/* global classes */
#trail{font-size:xx-small; position:relative; top:-1.5em}
p.dialogMessages{ font-size:xx-small; }
.noDisplay,
.hidden {display:none}
.formMessageContainer{font-size:xx-small; font-weight:bold; color:red}
.singleMessageContainer{padding:1em}
.errorMessage{font-weight:bold;color:red}
clearerDiv, .clear{clear:both}
.errors li{font-size:xx-small; color:red; font-weight:bold}
#userInfo{ position:absolute; top:14px; left:220px; width:400px;text-align:center;}
#userInfo span{
padding:0.5em;  margin-left:1em; margin-top:14px; background:white; font-size:xx-small;
-moz-box-shadow: -3px  2px 10px #bfbfbf;
-webkit-box-shadow: -3px  0px 10px #dfdfdf;
box-shadow: -3px  0px 10px #dfdfdf;
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}
#contentContainer {position:relative; min-height:100%; border-top:1px solid white; margin-top:-1px}
#contentContainerInner{border-top:0px; padding:0px; position:relative; width:950px; margin:0 auto; }
#content{border:20px solid white; padding:70px 80px 60px 20px; min-height:200px;}
.icon{width:11px; height:11px; background-image:url(../img/css/ui-icons.png); background-position:-2px -3px;  cursor:pointer; background-color:#efefef; border:1px solid #999999;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.icon:hover{border:1px solid #dfdfdf;}
/*footer*/
#bottomNavigation{width:810px; margin-top:1em; border-top:1px dotted #333; padding-top:1em; text-align:justify}
.navigationContainer{margin-left:-6px}
#bottomNavigation ul {float:left; max-width:736px; margin-left:4px}
#bottomNavigation div.nextContainer,
#bottomNavigation div.prevContainer{float:left; clear:none; position:relative; top:-2px;}
#bottomNavigation div.nextContainer{float:left; clear:none;  right:-6px; }
#bottomNavigation li{display:inline}
#bottomNavigation li a{padding:0 0.4em}
#bottomNavigation a.selected{text-decoration:none; font-weight:bold; background:yellow}

.lbContainerLayer .prevLink,
#bottomNavigation a.previousLink{display:block; float:left; background-position:-233px -4px; width:37px; height:35px; background-image:url('../img/css/assorted_glass_buttons.png')}

.lbContainerLayer .nextLink,
.lbContainerLayer .prevLink{margin:20px 10px;}

.lbContainerLayer .nextLink,
#bottomNavigation a.nextLink{display:block; background-position:-271px -4px; width:37px; height:35px; background-image:url('../img/css/assorted_glass_buttons.png')}

.footerInner{text-align:center; margin-top:1em; color:#999}
.footerInner a{}
#footer{position:absolute; bottom:0; width:100%; height:60px; background:#dfdfdf; }
/*header*/
#header{position:absolute; top:0px; z-index:1; left:0px; width:100%; background-image:url(../img/css/main2.gif); background-position:0px -72px; background-repeat:repeat-x; height:62px; background-color: #EEEEEE;}
#headerInner{width:950px; margin:0 auto; position:relative}
#headerlogo{float:left; background-image:url(../img/css/main2.gif); background-position:-16px 0px; width:234px; height:62px; position:relative; left:-1px; cursor:pointer}
#searchboxContainer{position:absolute; left:617px; top:0px; background-image:url(../img/css/main2.gif); background-position:-233px 0px; width:333px; height:62px;  cursor:pointer}
#searchInput{border:0px solid green; position:absolute; top:16px; left:38px; background:transparent; width:200px;}
#searchButton{width:46px; height:34px; position:absolute; right:30px; top:8px}
.loginForm .forgottenPassword{font-size:xx-small; float:right;}
div#ajaxloaderimg{ border:1px solid white; background:black; width:92px; height:92px; background-image:url(../img/ajaxloader.gif); background-position:center center; background-repeat:no-repeat;}

/* menus */
#menuContainer{position:absolute; right:-10px; top:184px; width:100px; text-align:right }
#menuContainer li{background:white;margin-top:3px; padding:0.1em 0.4em; border-bottom:1px solid #dfdfdf; border-left:1px solid #efefef; cursor:pointer}
#menuContainer li:hover{-moz-box-shadow: 3px  3px 4px #dfdfdf; -webkit-box-shadow: 3px 3px 4px #dfdfdf; box-shadow: 3px 3px 4px #dfdfdf; position:relative; top:-1px; left:-1px}
#viewOptions{position:absolute; top:54px; right:-10px; padding:8px 8px 4px 8px;}
#viewOptions ul{padding-bottom:10px; float:right}
#viewOptions li{float:left; position:relative;}
#viewOptions li span{font-size:10px; width:100%; display:block; text-align:center; position:absolute; bottom:-12px; left:0px;}
#viewOptions li.viewoption{height:33px; width:33px; margin:7px; background-image:url(../img/css/icon_viewoptions.png); display:block; float:left; cursor:pointer;}
#viewoptions_0.selected,
#viewoptions_0:hover{background-position:0px -33px}
#viewoptions_1{background-position:0px -67px}
#viewoptions_1.selected,
#viewoptions_1:hover{background-position:0px -100px}

#viewoptions_2{background-position:0px -134px}
#viewoptions_2.selected,
#viewoptions_2:hover{background-position:0px -167px}

.thumbSizeSliderContainer{clear:both; width:100%; }
#thumbSizeSlider{font-size:62%; background:#efefef; cursor:pointer}
.mppContainer{font-size:xx-small;padding:20px 10px 0px 10px; display:none}

#menuContainer li.selectedCategory{
-moz-box-shadow: 3px  3px 8px #dfdfdf; -webkit-box-shadow: 3px 3px 8px #dfdfdf; box-shadow: 3px 3px 8px #dfdfdf; position:relative; top:-1px; left:-1px
}

/* button style links */
div.buttonLink{position:relative; left:18px; cursor:pointer}
a.ButtonStyleLinkBack,
a.ButtonStyleLink {background-image: url('../img/css/assorted_glass_buttons.png'); background-repeat:no-repeat;background-position: right -727px;display: block;float: left; height: 35px; padding-right: 24px;  text-decoration: none; outline: none; right:-18px; font-weight:bold; color:white; cursor:pointer}
a.ButtonStyleLinkBack,
a.ButtonStyleLink{text-decoration:none}
#contentContainer a.ButtonStyleLinkBack:hover,
#contentContainer a.ButtonStyleLink:hover{color:black;}
a.ButtonStyleLinkBack span,
a.ButtonStyleLink span {background-position:0px -727px; background-image: url('../img/css/assorted_glass_buttons.png');background-repeat:no-repeat; display: block; height:32px;line-height:1.4em; padding: 6px 0px 0px 24px; position:relative; left:-18px;}
a.ButtonStyleLinkBack{}

.listlikebutton{position:absolute; top:10px; left:10px; display:none;}
.hover .listlikebutton{display:block;}
body .smallButton{font-size:11px;}
/* section specifics */

#homeSearchInput{font-size:1.5em; padding:0.2em; width:8em}

#mediaContainer.imageContainer .textContent{float:left; width:290px}
#mediaContainer.imageContainer .mediaContent{position:relative; float:left; margin-right:1em}

#mediaContainer .ecardformContainer{border-top:3px dotted #ccc; margin-top:1em}
#mediaContainer img.mediaInstance{}
#mediaContainer textarea, 
#mediaContainer input{width:17.5em;padding:0.1em}
#mediaContainer h4{font-size:1.2em; font-weight:bold}
#previewButton{margin-left:1em; float:left; margin:20px 10px;}
#dialog .optionBlock a{display:block; margin-top:0.8em}
	

.thumbContainer {float:left; height:150px; width:150px; padding-bottom:3.2em; margin-bottom:14px; overflow:hidden; margin-right:12px; cursor:pointer; text-align:center}
.thumbContainer .thumb{background-position:center top; background-repeat:no-repeat; margin:4px auto; width:100%; height:100%;}
.thumbContainer a{display:none;}

.media{margin-bottom:2em; position:relative;}
.media img{margin:0 auto;}
.media h2{margin-bottom:1em}
.media img{margin:0em 1em 0em 0em}
.media .date {font-size:xx-small; font-style:italic}

#lightboxImageContainer div#ajaxloaderimg{background-image:url(../img/ajax-loader.gif); background-color:white; width:40px height:40px;}