@font-face{font-family:'Brand';src: url('https://www.artandframe.com/__webfont/2024-06/28/jvv0m32v86phwawk87ay.brand.ttf') format('truetype');}.ult_sfntu1{font-family:Brand;}

	
header, header *
{
box-sizing:border-box;
}

header {
  display:block;
	overflow:hidden;
	background:#dad1c8;
  margin:0px auto;
  vertical-align:middle;
}
.headeri
{
  margin:0px auto;
  background:#dad1c8;
}




#search {
	width: 100%;
  background: #7999aa;
	padding: 1em;
  box-sizing:border-box;
}
#search select
{
	font-size: 1.2em;
	border: 1px solid #838383;
	color: #283641;
	background: #ffffff;
  line-height:1.5em;
	overflow:hidden;
  width:40%;
  float:left;
  margin:2px;
  padding:2px;
  height:2em;
}
#search a {
	color: #363636;
}

#search a:hover {
	color: #ffffff;
}

.searchtext {
	float: left;
	width: 47px;
	padding: 7px 0 0 0;
	color: #292929;
}

#searchform {
	margin:4px;
}

input[type=text].searchfield {
	margin-top:2px;
	border: 1px solid #838383;
	color: #283641;
	background: #ffffff;
	font-size: 1em;
  line-height:1.5em;
  height:2em;
  margin:2px;
  padding:2px;
}

#advancedsearch {
	padding: 0px 15px 0 0;
}

.advsearch{
	background-image:url(https://www.artandframe.com/__Ultpb/FEncms/Ui/img/searchicon.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 0px 0 20px;
	float: right;
	width:150px;
}
.headersociallink
{
	float:left;
	width:140px;
}

#header_newsletter_fields
{
	float:left;
	width:200px;
	text-align:right;
}
#header_newsletter_fields .headersociallink
{
	float:right;
	padding:5px 0px 0px 10px;
  text-align:right;
}

#header_newsletter_fields .textfield
{
	width:140px;
}
#header_newsletter_button
{
	float:right;
	width:100px;
}
#header_newsletter
{

}
#header_newsletter b
{
	text-align:center;
	font-size:1.1em;
	display:block;
	padding-bottom:2px;
}
#header_newsletter form,
#header_newsletter form input
{
	font-size:0.9em;
	line-height:1em;
}
/*INCLUDE:css/common/usermenu.css*/

#usermenu
{  
  width:100%;
}
#usermenu ul
{
	margin:auto;
	display:block;
}
#usermenu ul a
{
	
}
#usermenu ul a:hover
{
	
}

#navigation_i
{
	margin:0px auto;
}


#searchformcompact
{
	margin: 0em  0.5em;
	text-align:right;
	display:inline-block;
	width:auto;
	float:right;
}
#searchformcompact .searchfield
{
	width:100px;
}
#navigation
{
	float:right;
	width:auto;
	display:inline-block;
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
}

#logo {
	margin: 0px 0px 0px 0px;
  vertical-align:top;
}
#headerright {
  padding-bottom:0.5em;
  vertical-align:top;
}
 
#logo{width:30%;float:left;text-align:left;}

#headerright{width:68%;float:right;text-align:right;}
 
@media  (max-width: 700px){#logo{width:100%;float:none;text-align:center;}

#headerright{width:100%;float:none;text-align:center;}

} 
@media (min-width: 701px) AND (max-width: 800px){#logo{width:20%;float:left;text-align:left;}

#headerright{width:78%;float:right;text-align:right;}

} 
@media (min-width: 801px) AND (max-width: 900px){#logo{width:22%;float:left;text-align:left;}

#headerright{width:76%;float:right;text-align:right;}

}


@media only screen and (max-width: 700px)
{
#search
{
  margin:8px auto 8px auto !important;
}

#navigation.toggleopen > ul
{
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 20000;
}
}

	
		
body.hasmouse
.onlyshowifnomouse
{
display:none !important;}
body.notouch
.onlyshowifhastouch
{
display:none !important;}
nav
>
.ult_lyt_sitew
{
margin:0px auto;}

	
	footer .bottomlinks a{color:#363636;}
footer .bottomlinks a:hover{color:#dad1c8;}

	
		

	
	

footer .bottomlinks {
	background:#dad1c8;
	
	
	
	
	margin:auto;
}
	
		#headerright:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}