/*reference for smartmenu changes http://getbootstrap.com/customize/*/

@import "/smenus/bootstrap.DUSA.css";

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width:100%;
	height: auto;
	background-color: #ffffff;
	min-height:1000px;
}



body {
	margin: 0 auto;
	padding: 0 0 200px 0;
	padding-top: 80px;
	height:100%;
	background-color: #ffffff;
	text-align: left;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.42857143;	 	
color: #000;
}

/*This is for the smartmenu alignment*/
.container {padding-bottom:6px;margin-top:0px;}

p {
	margin: 0 0 10px 0;
	padding: 0;
	

	 
	 	}
	

h1,h2,h3,h4,h5,h6{font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:500;line-height:1.1;color:inherit}

h1, h2 {text-align:center;}

h1 {margin-top:10px;margin-bottom:5px;font-weight:600;}

 h2,h3{margin-top:5px;margin-bottom:10px}

h1{font-size:24px}
h2{font-size:20px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px; font-weight:700;}
h6{color: #494949;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:700;
	width:98%;
	border-bottom: 1px solid #a6a6a6;
	padding:0 0 6px 0;}
	



h2,h3,p{orphans:3;widows:3}

h2,h3{page-break-after:avoid}




.firstrow h3 {font-size: 16px;}

.nextrow h4 {font-size: 16px;}


#mobilesearch {display:none;}	

.\2colcontainer, .2colcontainer {
float:none; 
width: 100%;
}

	
.leftcol {
	float:none;
	width: 95%;
	margin:0 1%;
}
	
.rightcol {
	float:none;
	width: 95%;
	margin:1%;

	}
	
	/*to fix style in bootstrap*/
	blockquote{padding:10px 20px;margin:0 20px;border-left:0px}
	
	
img {max-width:100%; height:auto; border:none;}

.social-dusa {padding:2px;margin:3px;background-color:#ffffff;width:100%;}

.social-dusa img {display:inline-block;margin:0;}
	
figure {margin:0; padding:0;}

figcaption {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.4
}

.photocaption {
	margin: 0 auto;
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 1.4;
	font-weight:bold;
	width:80%;
	text-align:center;
}

blockquote {font-size: 14px;}

p + p { margin-top: 1em; }

table.gray  {background-color: #ebebeb;}

form {
	margin: 0px;
	padding: 0;
	font-size: 12px;
}

input {
	margin: 0;
	padding: 0;
}




.clear { clear: both !important; }

ul {
	margin: .5em 0 .5em  0;
	padding: 0;
	list-style: disc;
}


li {
	border: 0;
}

/*kris style the hotel search form */




.imgrighttop {float:right;margin:0;padding:0 0 10px 15px;}
.imgright {float:right;margin:0;padding:10px 0 10px 15px;}
.imglefttop {float:left;margin:0;padding:0 15px 10px 0px;}
.imgleft {float:left;margin:0;padding:10px 15px 10px 0;}
.aligncenter {text-align:center;}
img.aligncenter {
margin:0 auto;
	padding:10px 0 10px 0; 
}




/*SMART MENUS STYLES*/

.navbar-default{background-color:#ffffff;border-color:#e7e7e7}

.navbar-default .navbar-brand {
  color: #000000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #000000;
}
.navbar-default .navbar-nav > li > a {
  color: #000000;
}

#content, .content {
	margin: 0 auto;
	padding:0 0 0 10px;
	max-width:1200px;

}




*html #center_content
{
	padding-left: 0px;
	margin-left: 2px;
}


.rightcol .rightcolad {margin-top: 10px; margin-bottom:10px;}

.rightcolshop { border:1px solid #bebebe;padding:2px;margin:6px 6px 20px 6px;}

.rightcolnewsletter {display:none;}

.newsletter 
{
	font-size: 8px;
	color: #000;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #4B4B4B;
	margin: -50px 0 10px 4px;


	

}

.newsletter h3 {font-size:13px; text-align:center;margin:4px 0;}


.newsletter p 
{
	margin-top: 3px;
	font-size: 10px;

	text-align: center;
}

.newsletter form

{

	margin-top: 3px;

}





.bottom
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;

text-align:center;
margin:0 auto;
padding:20px 0 20px 0;
}

.bottom a
{
	text-decoration: none;
	color: #000000;
}

.bottom a:hover
{
	text-decoration: underline;
	color: #000000;
}



div.clearer {clear: left; line-height: 0; height: 0;}





.desertemp {
font-size : 11px;
color : #000;
overflow: hidden;
width: 308px;
background-color:#fff;
border: 1px solid #4B4B4B;
padding:3px;
margin-top: 6px;
		
		}






.rightcol div#featurebox
{
	margin: 0 3px 3px 3px;
	padding: 3px;
	width: 50%;
	background-color: #eeeeee;
}

.rightcol #featurebox a
{
	color: #5b3818;
	font-weight: bold;
}

.rightcol #featurebox a:hover
{
	color: #5b3818;
	text-decoration: underline;
	font-weight: bold;
}

.rightcol #featurebox ul
{
	list-style: disc;
	text-align: left;
	list-style-position: outside;
	margin: 0 0 0 1em;
	padding-left: 1em;
}

.rightcol #featurebox li
{
	margin: 0;
	padding: 0;
}


.rightcol #featurebox2 ul {text-align:left; width:50%; 	list-style-position: outside; margin: 0 0 0 0.6em;
	padding-left: 0.6em;
}

.rightcol #featurebox2 li
{
	margin: 0;
	padding: 0;
}

.light-tan-box ul { text-align:left; width: 50%; 	
	list-style-position: outside; 
	margin: 0 0 0 0.6em;
	padding-left: 0.6em; }
	
	#hotelresvcontainer {border: 1px solid #000000;}
	
	#hotelresvcontainer .hotelresvmenu ul {
	list-style-type: none;
	padding-bottom:4px;
	}




.\2colcontainer a{
color: #a76013;
text-decoration: none;


}



.\2colcontainer  a:hover{ 
color: #da8119;
text-decoration: underline;

}

#latiname {font-style:italic;}



.leftcol hr {
	
    border: none;
    width: 75%;
    /* top    */ border-top: 1px solid #ccc;
    /* middle */ background-color: #ddd; color: #ddd;
    height: 1px;
    *height: 2px; /* IE6+7 need the total height */
    margin-top:20px;
    margin-bottom:20px;

	

}




.leftcol a{
color: #a76013;
text-decoration: none;


}



.leftcol  a:hover{ 
	color: #da8119;
	text-decoration: underline;
}


.leftcol ul li {
	list-style-type: disc;
	margin: .5em 0 .5em  1.5em;
	padding: 0;

}

.leftcol ol ul { 
	padding-bottom:10px;
}

.leftcol ol li {
	margin: .5em 0 .5em  0;
	padding: 0;

	letter-spacing:normal;

}

.leftcol li {

margin-bottom: 6px;

}

/*kris style the hotel search form */

.hotelsearchcontainer { width:90%;margin:0 auto;text-align:center;}

.leftcol .searchWrapper ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: normal;

}

.leftcol .searchWrapper ol ul { 
	padding-bottom:0px;
}



.leftcol .searchWrapper ol li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: normal;
	letter-spacing:normal;

}



.leftcol .searchWrapper .rs_heading li { display:block; float:left; width:24.75%; text-align:center; color:#555; line-height:40px; border-right:1px solid #ccc; cursor:pointer; }


.leftcol img {
	border:none;
}


		
.rightcol a{
color: #a76013;
text-decoration: none;


}



.rightcol  a:hover{ 
color: #da8119;
text-decoration: underline;

}



.template_bottom {

	margin:8px 0px 8px 0px;
	padding: 0px;
	text-align:center;

}

.template_bottom hr {
	
    border: none;
    width: 75%;
    /* top    */ border-top: 1px solid #ccc;
    /* middle */ background-color: #ddd; color: #ddd;
    height: 1px;
    *height: 2px; /* IE6+7 need the total height */
    margin-top:20px;
    margin-bottom:20px;

	

}


.template_bottom ul li {
list-style-type: disc;
margin: .5em 0 0 1.5em;
	padding: 0;
	font-size: 12px;
	line-height: 1.4

}

.template_bottom li {

margin-bottom: 6px;

}


.template_bottom img {
	border:none;
	padding-top: 2px;
	padding-right: 4px;
}

.graybox {
	background-color: #fff;	
	margin:10px 4px;
	padding: 10px 4px;
	border:1px solid #bfbfbf;

}



.leftgraybox {

	margin:8px 0px 8px 0px;
	padding: 0px;
	

}

.leftgraybox ul li {
	list-style-type: disc;
	margin: .5em 0 0 1.5em;
	padding: 0;
	font-size: 12px;
	line-height: 1.4

}

.leftgraybox li {
	margin-bottom: 6px;
}



.floatlsimple { float: left; } 


.wayunderarea {
	text-align:center;
	margin:0 auto;
	padding:5px 0 0 0;

}




.bottomcontainer {

text-align:center;
margin:0 auto;
width: 1200px;
}

.bottompart1 {

text-align:center;
margin:0 auto;
width: 1180px;

}



.hotelboxmenu {
background-color: #e0e0c8;	/*margin-top: -4px;*/
margin:8px 0px 8px 0px;
border: 1px #4B4B4B solid;
padding: 4px;
	
}


#showcontent {

padding:0;
margin:0;
position:relative; 
z-index:10;

}

#rssplace h3 {

color: #666666;
padding: 0 0 0 4px;

}



.continue-button {
   background: #f5cb62;
  background-image: -webkit-linear-gradient(top, #f5cb62, #f38231);
  background-image: -moz-linear-gradient(top, #f5cb62, #f38231);
  background-image: -ms-linear-gradient(top, #f5cb62, #f38231);
  background-image: -o-linear-gradient(top, #f5cb62, #f38231);
  background-image: linear-gradient(to bottom, #f5cb62, #f38231);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Verdana;
  font-weight:bold;
   text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 23px;
  padding: 10px 75px 10px 75px;
  text-decoration: none;
  display: inline-block;
  margin: 15px 0;
}

#content > div.\32 colcontainer > div.leftcol > p > a.continue-button, #content > div.\32 colcontainer > div.leftcol > p > a.continue-button:hover {color:#fff;text-decoration:none;}

.continue-button:hover {
    background: #f38231;
  background-image: -webkit-linear-gradient(top, #f38231, #f5cb62);
  background-image: -moz-linear-gradient(top, #f38231, #f5cb62);
  background-image: -ms-linear-gradient(top, #f38231, #f5cb62);
  background-image: -o-linear-gradient(top, #f38231, #f5cb62);
  background-image: linear-gradient(to bottom, #f38231, #f5cb62);
  text-decoration: none;
}


.hilitebox {
	background-color: #fefd8d;
	padding: 2px;
}

.hiliteboxpastel {
	background-color: #fbf4bb;
	padding: 10px;
	margin:12px 3px;
}



.shadow  {



 /*Standard Way*/
 box-shadow: 3px 3px 4px #999;

 /*Firefox, Safari and Google Chrome*/
 -moz-box-shadow: 3px 3px 4px #999;
 -webkit-box-shadow: 3px 3px 4px #999;

 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 

Color='#999999')";

 /* For IE 5.5 - IE 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 

Color='#999999');
	
	}
	
	
.shadowfloatleft  {
	
	float:left;
	padding: 0;
	margin: 0 10px 10px 0;

 /*Standard Way*/
 box-shadow: 3px 3px 4px #999;

 /*Firefox, Safari and Google Chrome*/
 -moz-box-shadow: 3px 3px 4px #999;
 -webkit-box-shadow: 3px 3px 4px #999;

 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";

 /* For IE 5.5 - IE 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	
	}
	

h2.flower {font-style: italic;}
	
	
	.redtext {
	
	color: #CC0000;
	
	}
	
	
	.greentext {
	
	color:#006400;
	
	}

	#topad {text-align:center;width:100%;margin:0 auto;padding:1em;}
	
	#formoreinfoboxSM { 
background-color:#fff; 
border: 1px solid #8e8461; 
padding: 4px 4px 4px 4px;
width: 375px;
margin: 0 auto;	
}

#formoreinfoboxSM  p{
text-align:left;
padding:8px;
}

.wraprightimg { 

margin-right: 8px;
padding: 0;

}



#submenucontainer2 { text-align:center; padding: 12px 0px 0 0; margin:0 auto;width:100%;

}

/**this is for the main video pages listings at the top**/

#navlist {
/*position:relative; */
position: static;
height: 20px; margin: 0; 
padding: 10px 0 10px 0; 
/*overflow: hidden;*/
text-align:center;
}
#navlist li {
display:inline;margin:0;padding:8px;
}


#navlist a {
height: 16px; 
position:relative; 
padding: 1px;
font-size : 11px; 
font-weight : bold; 
color : #000000; 
text-decoration : none; 
}

#navlist a:hover {
font-size : 11px; 
font-weight : bold; 
color : #879cb9; 
text-decoration : none; 
}  



#navlist .uberlink {
background-color:#fff3bf; 
font-size : 11px; 
font-weight : bold; 
color : #000000; 
text-decoration : none; 
}

.firstrow, .nextrow {

margin-right: -15px;
  margin-left: -15px;

}


.firstrow:before, .nextrow:before, .firstrow:after, .nextrow:after {

 display: table;
  content: " ";
}

.firstrow:after, .nextrow:after {

 clear: both;
 }
 
 .minicontent {
 
 position: relative;
  min-height: 1px;
  /*padding-right: 15px;
  padding-left: 15px;
  padding-bottom:15px;*/
  float: none;
  /*width:100%;*/
  width:auto;
  max-width:100%;
  text-align:center;
  margin:0 auto;
  
  }
 
 .minicontent > img,
.minicontent a > img {

 display: inline-block;
 /* max-width: 100%;*/
 max-width:120px;
  height: auto;
  text-align:center;
  float:none!important;
  
}

.morelikethis::before {

content: "";
clear:both;

}

.morelikethis {text-align:center;}

 #submenu ul li {
 list-style-type: none;

}

.submenu {
/*position:relative; */
height: 25px;
margin: 0; 
padding: 0 0 0 0px; 
/*overflow: hidden;*/
text-align:center;
}




.submenu ul  {
display:inline;
margin: 0 auto; 
padding:0 0 12px 0;
font-weight:bold;
/*float: left;*/
list-style-type: none;



}

.submenu li {
margin: 0;
padding: 5px 3px 5px 0px;
list-style-type: none;
float: left;


}



.submenu a {
/*height: 12px; */
border: 1px solid #b8b8b8;
/*position:relative; */
color: #858585;
padding: 4px;
font-size : 11px; 
text-decoration : none; 
}

.submenu a:hover {
background-color:#879cb9; 
font-size : 11px; 
color : #fff; 
text-decoration : none; 
}  



#mammal .mammal, #insect .insect, #bird .bird, #reptile .reptile, #other .other.li{
font-weight:bold;
display:inline;
background-color:#879cb9; 
color:#fff;
text-decoration:none;
}

/*still used in video page menus - keep this */
#arizona .arizona, #california .california, #colorado .colorado, #nevada .nevada, #newmexico .newmexico, #utah .utah, #texas .texas, #other .other.li{
font-weight:bold;
display:inline;
background-color:#879cb9; 
color:#fff;
text-decoration:none;
}





.rightcol .graybox ul li {
	list-style-position: outside;
margin-left:18px;

}

.adright_textarea {float:none;text-align:center;margin:15px; padding:10px;}

.adleft_textarea {float:none;text-align:center;margin:15px; padding:10px;}

.a-products {text-align:center;}

.a-products img {padding:10px;}

 .row .col-xs-6.col-sm-3 .thumbnail .caption p, .row .col-xs-6.col-sm-3 .thumbnail .caption h3 {text-align:center;}


/* YouTube Responsive CSS */
.responsive-embed-youtube {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 25px;
height: 0;
margin-bottom:25px;
}
 
.responsive-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}


/*search styling new KB*/
.block-search .form-search .form-control {
    height: 49px;
    border: 1px solid #aaaaaa;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 14px;
    color: #888888;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ececec;
}

.block-search .form-search .btn-search {
    width: 60px;
    padding: 0;
    background-color: #fca53c;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1px;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/index1/search.png);
    
    }


.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    height: 26px !important;
    margin-top: 0 !important;
    min-width: 13px !important;
    padding: 5px 26px !important;
    width: 68px !important;
    background-color: #B45F06!important;
}

#cse-search-results iframe {width: 100%;}

  /* Switch to desktop layout*/
  
  
 @media (min-width: 768px) and (max-width:1200px) {
  
#content {
 
max-width: 900px;
padding-top:60px;

}
  }
  
  

/*monitor size menu vertical align*/

@media (min-width: 768px) {


.adright_textarea {float:right;margin:15px; padding:10px;}

.adleft_textarea {float:left;margin:15px; padding:10px;}
.adcenter_textarea {float:none;margin:15px; padding:10px;text-align:center;}
.adtop_textarea {float:none;margin:12px 15px 15px 15px; padding:0px;text-align:center;}




.newsearch  {text-align:center;padding: 0 10px 15px 10px;margin:0 auto;width:100%;}




.nav.navbar-nav {margin-top:14px;	 font-family: Verdana, Arial, Helvetica, sans-serif;}


/*padding-top was the value we altered to make extra for top ad load issue */



.leftcol {
	float:left;
	width: 69%;
	margin:0 1%;
	padding-left:1%;
	padding-right:1%;
	/*border:1px solid #b7ad9f;*/

}


.rightcol {
	float:left;
	text-align: center;
	width:27%;
	/*margin-top:0;
	padding-top:0;*/

}

.rightcolnewsletter  {display:block;}


 .minicontent {
 
 position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  width:25%;
    padding-bottom:0px;
    }
	
}

@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
   	body {padding-top: 40px;}

	
@media (min-width: 1200px) {
.container.videocontainer {
    width: 95%;
}	

}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
   	body {padding-top: 40px;}

 	}
   	
@media only screen and (max-device-width: 480px) and (orientation:portrait) { 	body {padding-top: 40px;}

}
	

@media only screen and (max-device-width: 1200px) {

#mobilesearch {display:inline-block;margin:20px 0 0 20px;text-align:center;}

   
.submit::-moz-focus-inner { 
    border: 0;
}

#navlist {
/*position:relative; */
position: static;
height: 20px; 
margin: 0; 
padding: 10px 0 30px 0; 
/*overflow: hidden;*/
text-align:center;
}

}