body {
        margin:0;
        padding:0;
        color:black;
}
body, input, select {
        font-family:'Oswald', 'Arial', 'sans-serif';
        font-size:14px;
}

.thick   { font-weight:700; }
.thinner { font-weight:400; }
.thin    { font-weight:300; }

.highlight { color:#e5427b; }
.underline { text-decoration:underline; }

a.highlight:hover { color:black; }

.invisible { display:none; }
img.stretch {
    width:100%;
    height:100%;
}
.sliced {
        float:left;
        background-image:URL(../images/sprite.png);
        background-repeat:no-repeat;
        overflow:hidden;
}
a, .sliced a, .sliced a:hover, a.sliced, a.sliced:hover { text-decoration:none; }

a         { color:black; }       a:hover         { color:#57bdce; }

a img { border:none; }

a.green { color:#57bdce; }
a.green:hover { color:black; }

.about_name { color:black; font-weight:bold; font-size:12pt; }
.about_title { color:#767676; font-weight:normal; font-size:10pt; position: relative; top:-3px; }

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







div#site_header_container {
	position: relative;
	z-index: 11;
	/*
    z-index:10;
    left:0;
    float:left;
    width:100%;
    top:0;
    position:absolute;
    _position:absolute;
    _top:expression(eval(document.body.scrollTop));
    */
}
div#site_header {
	/*
    z-index:11;
    left:50%;
    width:1050px;
    margin-left:-525px;
    top:0;
    position:absolute;
    _position:absolute;
    _top:expression(eval(document.body.scrollTop));
    background:URL(../images/bg.jpg) top center no-repeat;
    */
}


/* ================== NAVIGATION START ======================= */
div#header_nav_lower_container a {
	font-size:20px;
	margin-top:15px;
	margin-right:7px;
}
.navbar { padding-left:0; padding-right:0; }
div#header_nav_lower_container span.arrow { float:left; color:#abdee7; top:-4px; position:relative; font-size:40px; }
@media (min-width: 576px) {
	div#site_content {
		position: relative;
	}
}
div#site_header_container a { text-decoration:none; }
@media (max-width: 575px) {
	#uppernav .navbar-nav .nav-item.dropdown .dropdown-menu.show-mobile {
		display: block;
	}
	#uppernav .nav-item { text-transform: uppercase; font-size:1.6em; }
	#uppernav .dropdown-menu .dropdown-item:active,
	#uppernav .dropdown-menu .dropdown-item.active { background-color:transparent; font-weight: bold; color:black; }
}
@media (min-width: 576px) {
	div#site_header_container .navbar#uppernav {
		top: 220px;
		padding-top: 0;
	}
	div#site_header_container .navbar#lowernav {
		top: 212px;
		padding-top: 0;
		overflow: hidden;
	}
	#uppernav .navbar-nav .nav-link {
		color:rgba(255, 255, 255, 0.5);
		text-transform: uppercase;
		font-size:2.5em;
		padding: 0rem 1.5rem 0 1.5rem;
	}
	#uppernav .navbar-nav .nav-item .nav-link { height: 57px; }
	#uppernav .navbar-nav .nav-item.active.dropdown .nav-link { height: 63px; }
	#uppernav .navbar-nav .nav-item:first-child .nav-link {  }
	#uppernav .navbar-nav .nav-item:last-child .nav-link {  }
	#uppernav .navbar-nav .nav-link:focus, .navbar-sm-dark .navbar-nav .nav-link:hover {
		color:white;
		background-color:#57bdce;
	}
	#uppernav .navbar-nav .active>.nav-link, .navbar-sm-dark .navbar-nav .nav-link.active, .navbar-sm-dark .navbar-nav .nav-link.show, .navbar-sm-dark .navbar-nav .show>.nav-link {
		color:white;
		background-color:#57bdce;
	}

	#uppernav .navbar-nav .nav-item.dropdown .dropdown-menu {
		background-color:#57bdce;
		border:none;
		width:100%;
	}
	#uppernav .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
		color:white;
		text-transform: uppercase;
	}
	#uppernav .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus,
	#uppernav .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
		color:#333;
	}
	#uppernav .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active,
	#uppernav .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.active {
		color:#333;
		font-weight: bold;
		background-color: #f8f9fa;
	}
}
@media (min-width: 576px) and (max-width: 991px ) {
	#uppernav .navbar-nav .nav-link {
		font-size:1.5em;
		padding: 0.7rem 1rem 0 1rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px ) {
	#uppernav .navbar-nav .nav-link {
		font-size:2.3em;
		padding: 0.2rem 0.6rem 0 0.6rem;
	}
}
@media (min-width: 992px) {
	div#header_nav_lower_container a.lg {
		font-size:38px;
		margin-top:0;
	}
}
/* ================== NAVIGATION END ========================= */

div#site_footer { min-height:57px; }
div#site_footer_lower { margin-left:8px; color:#b2b2b2; margin-top:10px; }
div#site_footer_lower a { color:#b2b2b2; text-decoration:none; }
div#site_footer_lower a:hover { color:black; }
a.footer_link {
	float:left;
	margin-left:8px;
	margin-right:8px;
	margin-top:8px;
	color:white;
	font-size:20pt;
	text-transform:uppercase;
	height:44px;
}
a.footer_link_active, a.footer_link:hover { color:#57bdce; }
span.footer_link_separator { float:left; font-size:22pt; color:#57bdce; margin-top:7px; height:44px; }

a#vonderland_credit { float:right; margin-top:5px; margin-right:3px; font-size:10px; color:#aaa; }
a#vonderland_credit:hover { color:#777; }

a.white_underlined { color:#fff; text-decoration: underline; }
a.white_underlined:hover { color:#000; text-decoration: underline; }

div#header_top_container { width:100%; height:38px; }
div#header_banner { width:100%; height:205px; margin-bottom:6px; background-position:0 0; }
div#header_signup_container { width:725px; height:22px; }
div.signup_container        { width:211px; height:22px; }
div#signup_container_header { background-position:-164px -24px; }
div#signup_container_home   { background-position:-164px -46px; margin-top:7px; }
div.signup_container input { float:left; width:185px; margin-left:2px; height:20px; padding-top:1px; border:0; background:none; }
div.signup_container input#signup_input_header { text-decoration:underline; color:#856c2f; }
div.signup_container input#signup_input_home { text-decoration:underline; color:#8c8c8c; }
div.signup_container a { float:left; width:22px; height:22px; border:0; background:none; }
div#header_nav_container { width:100%; height:119px; margin-bottom:21px; }

span#top_favorites_counter, span#top_checkout_counter {
        visibility:visible;
        color:black;
}


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


div#header_nav_upper_container {
	width:100%;
	height:63px;
	background-position:0 -205px;
}
div#header_nav_upper_container a {
	float:left;
	height:57px;
	overflow:hidden;
	margin-left:15px;
	margin-right:15px;
	color:white;
	text-align:center;
	font-size:38px;
	text-transform:uppercase;
}
div#header_nav_upper_container a:hover { background-color:#57bdce; }
div#header_nav_upper_container a.active { background-color:#57bdce;  }
div#header_nav_upper_container a.children { border-bottom:6px solid #57bdce; }
div#header_nav_upper_container a#header_nav_upper_our-work   { width:187px; }
div#header_nav_upper_container a#header_nav_upper_e-commerce { width:217px; }
div#header_nav_upper_container a#header_nav_upper_marketing  { width:199px; }
div#header_nav_upper_container a#header_nav_upper_services   { width:167px; }
div#header_nav_upper_container a#header_nav_upper_about      { width:127px; }

div#header_nav_lower_container {
	float:left;
	width:100%;
	height:56px;
	background-color:#57bdce;
}
div#header_nav_lower_container a {
	float:left;
	height:56px;
	overflow:hidden;
	margin-left:15px;
	margin-right:15px;
	color:#abdee7;
	text-align:center;
	text-transform:uppercase;
}
div#header_nav_lower_container a:hover, div#header_nav_lower_container a.active { color:white; }



div#header_top_nav_container a {
	float:left;
	height:29px;
	overflow:hidden;
	margin-left:15px;
	margin-right:15px;
	color:#57bdce;
	text-align:center;
	font-size:23px;
	text-transform:uppercase;
}
div#header_top_nav_container a:hover { color:#abdee7; }


div.social_media_icons {
	width:75px;
	height:22px;
	background-position:0 -268px;
}
div.social_media_icons_footer {
	width:105px;
	height:29px;
	background-position:-100px -268px;
}


div#magazine_page_container {
        position:absolute;
        top:340px;
        left:0;
        z-index: 2;
        width:2640px;
        height:525px;
        overflow-y:hidden;
        overflow-x:hidden;
        white-space:nowrap;
}

div#magazine_page_container img {
        border:0px solid white;
        padding-right:50px;
}


a.home_circle_nav { float:left; width:30px; height:30px; margin-left:30px; background-color:#7f7f7f; }

div#home_banner_teaser_container    { width:100%; margin-bottom:16px; }
div#home_banner_large_nav_container { width:100%; height:30px;  margin-bottom:16px; }
div#home_banner_medium_container    { }


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


a#grid_quicklook {
        display:none;
        position:absolute;
        top:0;
        left:0;
        width:179px;
        height:57px;
        background-position:-41px -473px;
        z-index:10;
}
a#grid_quicklook:hover { background-position:-301px -473px; }

div.grid_item_container {
}
div.grid_item_image_container {
        width:100%;
        overflow:hidden;
        margin-bottom:8px;
}
a.grid_item_title {
        width:100%;
        font-size:13pt;
        line-height:11pt;
}

div#grid_banner {
        float:left;
        width:100%;
}
img#grid_banner_img {
        display:none;
}

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

a.back_btn {
	width:99px;
	height:36px;
	background-position:-380px -268px;
}

.orange { color:#ed6b03; }
.grey   { color:#7c7c7c; }
.turq   { color:#57bdce; }


.btn_arrow_med { width:112px; height:22px; }
.btn_arrow_med_goto_website { background-position:-530px -268px; }
.btn_arrow_med_addto_favs   { background-position:-650px -268px; }
.btn_arrow_med_similar      { background-position:-770px -268px; }
.btn_back { width:99px; height:36px; background-position:-380px; -268px; }
.btn_back { width:99px; height:36px; background-position:-380px; -268px; }

.btn_learn_more { width:175px; height:22px; background-position:-180px -300px; margin-bottom:10px; margin-left:23px; }

span.checkmark   { width:26px; height:24px; background-position:-500px -268px; }
span.bulletpoint { float:left; width:280px; height:24px; overflow:hidden; font-size:13pt; }

div.ecommerce_intro { float:left; width:200px; margin-left:23px; margin-right:23px; font-size:15px; }
h1.ecommerce_intro,
div.ecommerce_intro h1 { float:left; width:177px; margin:0 0 0 23px; text-transform:uppercase; font-size:23pt; font-weight:normal; }

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

div.grid_nav_outer {
        position:fixed;
        top:330px;
        _position:absolute;
        _top:expression(eval(document.body.scrollTop+330));

        left:50%;
        margin-left:-502px;
        width:168px;
        height:500px;
        overflow:hidden;
        text-align:left;
        background-color:white;

}


div.grid_nav_container {
        float:left;
        width:100%;
}

div.grid_nav_inner {
        float:left;
        width:149px;
        margin-top:10px;
        text-align:left;
        letter-spacing:0.05em;
}

div#grid_content {
}

.grid_nav {
	float:left;
	width:100%;
}
.grid_nav_h2 {
	font-size:18px;
	text-transform:uppercase;
}


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




div.vonderblog_title       { float:left; width:700px; text-transform:uppercase; font-size:11pt; margin-bottom:10px; margin-top:0px; }
div.vonderblog_description { float:left; width:700px; margin-bottom:10px; }
div.vonderblog_socialmedia { float:right; width:175px; margin-top:10px; margin-bottom:10px; margin-right:102px;  }
div.vonderblog_spacer      { float:left; width:700px; height:2px; background-color:#57bdce; font-size:1px; }
img.vonderblog_image       { float:left; width:700px; }

div.contest_header { float:left; width:100%; font-size:13pt; margin-bottom:20px; }
div.form_container { float:left; width:100%; height:85px; }
input.contest_form {
        float:left;
        margin:0 6px 17px 0;
        padding:3px 4px 1px 4px;
        border-style:solid;
        border-width:1px;
        border-color:black;
        color:black;
}
select.contest_form { float:left; width:60px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:1px solid #c8bba0; background-color:#c7ba9f; }
a.contest_enter_btn { float:left; width:73px; height:21px; background-position:-380px -21px; font-size:15pt; position:relative; top:-5px; text-align:right; }



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

div.policy_wrap { font-size:11pt; font-weight:normal; }
.policy_heading { font-weight:bold; }
.policy_large   { font-size:13pt; }





/* ----------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- --------- */
div.interactivity_box {
	display:none;
	position:fixed;
	_position:absolute;
	z-index:7000;
	left:50%;
	background:#ccc;
	color:black;
        -moz-box-shadow: 0px 2px 2px #333;
        -webkit-box-shadow: 0px 2px 2px #333;
        box-shadow: 0px 2px 2px #333;
}
div.interactivity_box span.boxheader {
	float:left;
	background:black;
	width:100%;
	height:28px;
	color:white;
	border:1px solid black;
	text-transform:uppercase;
	font-size:15px;
	font-weight:500;
}
div.interactivity_box span.boxheader span { float:left; margin:4px 0 0 10px; }
div.interactivity_box span.boxheader a    { float:right; margin:5px 10px 0 0; font-size:12px; color:white; }
div.interactivity_box span.boxheader a:hover { color:white; }



#errorbox_outer, #successbox_outer {
	width:320px;
	top:200px;
	_top:expression(eval(document.body.scrollTop+200));
	margin-left:-160px;
	border:1px solid black;
}
#errorbox, #successbox { float:left; text-align:left; padding:10px 10px 18px 10px; }
/* ----------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- --------- */


#overlay { 
	display:none; 
	position:fixed; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	z-index:1001 !important; 
}
			
#overlay_bg { 
	background:#fff; 
	width:100%; height:100%; 
	opacity: .8; 
	z-index:1000 !important; 
	position:fixed; 
}
#overlay_inner { 
	position:absolute; 
	float:left; 
	width:900px; 
	left:50%; 
	margin-left:-450px; 
	top:15%; 
	padding: 0;
	margin-bottom: 0; 
		/*
	max-height: 837px;
		overflow: hidden;
	*/
	z-index:1002 ; 
	-moz-box-shadow: 5px 5px 9px #888;
    -webkit-box-shadow: 5px 5px 9px #888;
    box-shadow: 5px 5px 9px #888;
}

#overlay_close { 
	position:absolute; 
	float:right; 
	top: -37px; 
	right: 0; 
	width: 128px; 
	height: 36px; 
	background: url('http://vonderland.com/media/stillframe/close.png') no-repeat; text-indent: -9999px; overflow:hidden; z-index:10003 !important; 
}

#flash_video {
	
	max-height: 799px;
	overflow: hidden;
}