/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body     {
	text-align: center;
	background-color: red; 
	background-image: url("art/bckg-red.gif");
	background-repeat: repeat;
	font-size: 12px;
	font-family:  Trebuchet, Verdana, Lucida Grande, Geneva, sans-serif;
	}
#wrapper {
margin: 0px auto;
width: 772px;
margin-bottom: 15px; 
text-align: left;
border: 1px solid black;
background-color: white; 
}	
	
#brandhead {
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  background: url(art/brand-head.jpg) no-repeat 0 0px; 
  width: 772px;
height: 155px;
border-top: 0px solid #ccc;
}
#navcontainer {
  padding-top: 109px;
  padding-left: 15px;
}
#nav {
  margin: 0;
  margin-top: 0px;
  margin-left: 15px;
  padding: 0;
  padding-left: 5px;
  padding-top: 4px;
  background: url(art/nav-bckg.gif) no-repeat 0 2px; 
  width: 750px;
height: 34px;
font-family: Verdana;
font-size: 12px;
font-style: italic;
color: black;
border: 0px solid black;
}
#nav a:link, #nav a:visited {
color: black;
}

#nav-home {
  margin: 0;
  padding: 0px 0px 0px 0px;
  background:  url(art/rnav-home.gif) no-repeat 0 0px; 
  width: 75px;
height: 32px;
float: left;
}
#nav-home-on #nav-home {
  background:  url(art/rnav-home.gif) no-repeat 0 -34px; 
}

.nav-roll-home, .nav-roll-home a:link {
width: 75px;
height: 22px;
display: block;
text-align: center;
text-decoration: none;
padding-top: 10px;
}
a.nav-roll-home:hover {
background:  url(art/rnav-home.gif) no-repeat 0 -34px; 
}

#nav-locations {
  margin: 0;
  padding: 0px 0px 0px 0px;
  background:  url(art/rnav-locations.gif) no-repeat 0 0px; 
  width: 165px;
height: 32px;
float: left;
}

.nav-roll-locations, .nav-roll-locations a:link {
width: 165px;
height: 22px;
display: block;
text-align: center;
text-decoration: none;
padding-top: 10px;
}
a.nav-roll-locations:hover {
background:  url(art/rnav-locations.gif) no-repeat 0 -34px; 
}

#nav-locations-on #nav-locations {
  background:  url(art/rnav-locations.gif) no-repeat 0 -34px; 
}

#nav-brands {
  margin: 0;
  padding: 0px 0px 0px 0px;
  background:  url(art/rnav-brands.gif) no-repeat 0 0px; 
  width: 148px;
height: 32px;
float: left;
}

#nav-brands-on #nav-brands {
  background:  url(art/rnav-brands.gif) no-repeat 0 -34px; 
}

.nav-roll-brands, .nav-roll-brands a:link {
width: 148px;
height: 22px;
display: block;
text-align: center;
text-decoration: none;
padding-top: 10px;
}
a.nav-roll-brands:hover {
background:  url(art/rnav-brands.gif) no-repeat 0 -34px; 
}

#nav-deals {
  margin: 0;
  padding: 0px 0px 0px 0px;
  background:  url(art/rnav-deals.gif) no-repeat 0 0px; 
  width: 138px;
height: 32px;
float: left;
}

#nav-deals-on #nav-deals {
  background:  url(art/rnav-deals.gif) no-repeat 0 -34px; 
}

.nav-roll-deals, .nav-roll-deals a:link {
width: 138px;
height: 22px;
display: block;
text-align: center;
text-decoration: none;
padding-top: 10px;
}
a.nav-roll-deals:hover {
background: url(art/rnav-deals.gif) no-repeat 0 -34px; 
}

.content  { text-align: left;  width: 742px; height: auto; min-height: auto; clear: both; margin-left: 15px; margin-top: 10px; margin-right: 15px; padding-bottom: 12px; }	

	/* listomici nav here */
	
/* mainNav
------------------------------------*/

#mainnav2 {
color: #ffff99; 
 /* background: #003399; */
background: url(art/nav-bckg.gif) repeat-y;
width: 772px;
height: 29px;
margin: 0px;
padding: 0px;
padding-top: 2px;
border-bottom: 2px solid #003399;
}

#mainnav2 ul {
margin: 0;
  padding: 0;
  padding-left: 2px;
  float: left;
  list-style: none;
 /* text-transform: uppercase; */
}

#mainnav2 li {
  list-style: none;
  margin: 0;
}

#mainnav2 ul li {
  float: left;
  background: url(art/ftab-rightlime.gif) no-repeat top right;
background: url(art/tab-rightnew.gif) no-repeat top right; 
}


/* Hack to make IE/Mac play nice */
#mainnav2 li a {
  padding: 0 2em;
  line-height: 2.7em;
  background: url(http://www.h/art/tab-leftlime.gif) no-repeat top left;
background: url(http://www.hotelscheapchicago.com/art/tab-leftnew.gif) no-repeat top left; 
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;

}

#mainnav2 ul a:hover {
  color: #333;
}
	
/* The Core Technique
================================= */




/* now sitewide default styles */
a:link    { color: #900; text-decoration: none }
a:visited   { color: #333; text-decoration: none }
a:hover  { color: #900; text-decoration: underline }
p      { color: black; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin-top: 15px; margin-right: 0px; margin-left: 0px; line-height: 16px; }
/*table      { color: #630; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin-right: 10px; margin-left: 15px ; } */
h1      { color: #000; font-size: 13px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 15px 0 -5px; }
h2      { color: #c60; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; margin: 15px 0 -3px; }
h3      { color: #c00; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 15px; margin-right: 0px; margin-left: 0px; margin-bottom: -5px; }
h4      { color: #c00; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 10px; margin-right: 10px; margin-left: 0px; margin-bottom: -5px; }
h5      { color: #CC6600; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 10px; margin-right: 10px; margin-left: 0px; margin-bottom: -5px; text-align: right; }
li   { color: #900; font-size: 11px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; line-height: 14px; list-style-type: square; list-style-position: inside; margin-left: 25px; margin-top: 15px; margin-right: 10px; }
.selectmenu    { color: #666666; font-size: 11px; line-height: 12px; font-family: Trebuchet, SunSans-Regular, Arial, Helvetica, Swiss; background-color: white; border: 1px solid #666666; }

/* end sitewide default styles */


#twoColumnContent { 
  width: 535px;
float: left; 
  margin: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 10px;
/* background-color: blue; */
border: 0px solid #ccc; 
position: relative;
}

#twoColumnContent p { 
/* font-size: 11px; 
 line-height: 14px; */
 color: #666666;
 margin-top: 10px;
}


#twoColumnSideBar { 
  width: 200px;
/*   float: right; */
 /* margin: 0px;*/
 margin: 0px;
  margin-left: 572px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px; 
/*  background-color: #BCDAF7; 
  border: 1px solid #ccc; 
   border-left: 0px solid gray;  */
  }
  
  * html #twoColumnSideBar{
margin-left: 560px;
width: 190px;
}
  
#twoColumnSideBarSpace { 
padding-top: 15px;
margin-left: 20px;
margin-right: 7px;
} 
#twoColumnSideFoot {
 /*  background: url("art/sidebar-bottom.gif") no-repeat left bottom;   */
  background: url("art/sidebar-bottom.gif") repeat;
 height: 31px;
}




#intro p      { color: #333; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; margin-top: 15px; margin-right: 0; margin-left: 0; line-height: 17px; }
#intro h1      { color: #c60; font-size: 15px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 10px 0 -10px 0; }
#intro h1  b    { color: #900; }
#intro h2      { color: #c60; font-size: 12px; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; margin: 15px 0 -5px; }
#intro a:link    { color: #900; text-decoration: none }

div.clearfloats  { clear: both; }
.clearfix:after { content: "."; display:block; height: 0; clear: both; visibility: hidden;}
.clearbefore:before { content: "."; display:block; height: 0; clear: both; visibility: hidden;}


#footer { clear: both; background-color:#666; width: 772px; height: 35px;
padding: 1px 0px 0px 0px; }

.footer { color: #ccc ; font-size: 10px; margin-top: 7px; margin-bottom: 5px;
text-align: center; }

.footer a:link  {
	color: #ccc;
	text-decoration: none }
.footer a:visited {
	color: #333;
	text-decoration: none }
.footer a:hover {
	color: #ccc;
	text-decoration: underline }
	
#breadcrumb { clear: both; width: auto; height: 17px; padding: 1px 0px 0px 0px; }

#breadcrumb p { color: #ccc ; font-size: 11px; margin-top: 6px; margin-bottom: 9px;
text-align: left; }
* html #breadcrumb p {
margin-bottom: 0px;
}
#breadcrumb p a:link  {
	color: #333;
	text-decoration: none }
#breadcrumb p a:visited {
	color: #333;
	text-decoration: none }
#breadcrumb p a:hover {
	color: #999999;
	text-decoration: underline }


.boxoutside, .boxoutside-bckg
{
  width: 772px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
/*  background-color: #0066CC; 
background: green;*/
}
.boxoutside-bckg
{
 background: url("art/bckg-column.gif") repeat-y left top;
/*  background-color: #0066CC; 
background: green;*/
}


#bottomcurve { 
  clear: both; 
  margin-left: 0px;
  background: url(art/bottomcurve.gif) no-repeat;
  height: 32px;
  width: 772px;
  margin-bottom: 10px;
}

.tabcontent-red, .tabgreen, .tabgreenbig {
  width: 525px;
  height: 45px;
background: url(art/tabline-green.gif) no-repeat  left;
  margin-bottom: -15px;
  margin-top: 15px;
  margin-left: 0px;
  padding-top: 2px;
  padding-left: 20px;
  padding-bottom: 10px;
  clear: both;
}

.tabgreen {
background: url(art/tabline-green.gif) no-repeat  left;
}
.tabgreenbig {
background: url(art/tabline-greenbig.gif) no-repeat  left;
}

.tabcontent-red h2, .tabgreen h2, .tabgreenbig h2 {
  color: black;
  font-style: italic;
margin-top: 14px;
}

*html .tabcontent-red h2, .tabgreen h2, .tabgreenbig h2 {
margin-top: 18px;
}

.sidebartab-red, .sidebartab-orange {
  width: 160px;
  height: 45px;
background: url(art/tabsidebar-red.gif) no-repeat  left;
  margin-bottom: -11px;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
}

.sidebartab-orange {
background: url(art/tabsidebar-orange.gif) no-repeat  left;
}

.sidebarbox {
width: 150px;
height: auto;
background: url(art/yellow-bckg3.gif) repeat-y left top;
border: solid 1px #999999;
border-top: none;
padding: 5px;
margin: 0px;
}

.sidebartab-red h2, .sidebartab-orange h2 {
  color: white;
  margin-top: 14px
}

*html .sidebartab-red h2, .sidebartab-orange h2 {
  margin-top: 17px
}

.footertab-blue {
   margin: 0px;
   width: 300px;
  height: 45px;
background: url(art/tab-blue.gif) no-repeat  left;

  margin-bottom: -9px;
  margin-top: 15px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 2px;
  clear: both;
/* */ border: solid 0px #a3a9b6;
  margin-bottom: -10px;
  margin-top: 15px;
  margin-left: 0px;
  padding-top: 2px;
  padding-left: 20px;
  padding-bottom: 3px;
  clear: both;
}

.footertab-blue h2 {
  color: #36c;
  font-style: italic;
padding-top: 3px;
}

* html .footertab-blue h2 {
margin-top: 17px;
}

.hotellist { 
margin: 10px 0px 3px 0px; 
padding: 0; 
width: 175px; 
/* border: solid 1px #a3a9b6; */
display: block; 
float: left; 
color: #900;
}

.hotellist ul {
/*  width: 770px; */
/*  background: #FAA819 url(images/mainNavBg.png) repeat-x; 
  background: none url(images/mainNavBg.png) repeat-x; */
  list-style: none;
}

.hotellist li { list-style: none url(art/bullet.gif) outside; margin: 5px 4px 0px 18px; color: #900; border-color: gray; font-size: 11px; vertical-align: 5px; }

*html .hotellist li { list-style: none url(art/bullet.gif) outside; margin: 5px 4px 2px 18px; color: #337ecc; border-color: gray; font-size: 11px; vertical-align: 5px; }

.hotellist li a { color: #900; }

.hotellist ul a:hover {
  color: #900;
}

.hotellist h2 { 
 font-size: 11px; 
 line-height: 14px;
 color: #003366;
 margin-top: 5px;
}

.divider      { margin: 0px 5px 0px 0px; clear: both; display: block; }

.rss { 
 margin-right: 10px;
}

.rss h2 { 
 font-size: 12px; 
 line-height: 14px;
 color: #003366;
 margin-top: 10px;
}

.rss p { 
 font-size: 10px; 
 color: #337ecc;
}

.rss a { 
 font-size: 10px; 
 color: #003366;
 margin: 0px;
 padding: 0px;
}

.rss li {   list-style: none outside; background: url(art/bullet2.gif) no-repeat  left top;
 margin: 10px 0px 10px 0px; color: #337ecc;  padding-left: 16px; font-size: 10px; }
 
/* *html .rss li {
 text-indent: -16px;
 } */


.rss a:hover { 
 color: #900;
}


.footerbox {
width: 725px;
height: auto;
background: url(art/yellow-bckg.gif) repeat-x  left;
border: solid 1px #337ecc;
margin-bottom: 12px;
padding: 0px 5px 10px 10px;
padding-top: -5px;
clear: both;
display: block;
}

.footerbox2 {
width: 525px;
height: auto;
border: solid 1px #ccc;
margin-bottom: 12px;
padding: -5px 5px 10px 10px;
clear: both;
display: block;
}

.graydivider {
width: 96%;
height: 20px;
border-bottom: solid 1px #ccc;
margin: 0px 15px 10px 15px;
clear: both;
display: block;
text-align: center;
}

.linklist
{
margin-left: -1.0em;
/* margin: 15px 0px 0px 0px;
padding: 0px 5px 0px 5px; */
}

*html .linklist
{
margin-left: -1.4em;
display: block;
width: 725px;
/* margin: 15px 0px 0px 0px;
padding: 0px 5px 0px 5px; */
}

.linklist li
{
list-style: none;
font-size: 11px;
color: #337ecc;
border-left: 1px solid #337ecc;
float: left;
line-height: 14px;
height: 14px;
margin: 11px 7px 0px 0px;
padding: 0px 1em 0px 1.1em;
}

.linklist li a:link {
color: #337ecc;
}

.linklist li a:hover { 
 color: #900;
 text-decoration: underline;
}

.linklist li:first-child a { border-left: 0; } 

*html .linklist li:first-child a { border-left: 0; }

.linklist2 { 
 margin-right: 10px;
 margin-top: 10px;
}

.linklist2 li {   list-style: none outside; background: url(art/bullet.gif) no-repeat  left;
 margin: 0px 15px 5px 0px; color: #337ecc;  padding-left: 14px; font-size: 11px; float: left;   white-space:nowrap;
 }

*html .linklist2 { 
padding-left: 15px;
} 
 
.linklist2 li a:link {
color: #337ecc;
}

.linklist2 li a:hover { 
 color: #900;
}

#privacy { 
margin: 0px auto;
margin-top: 5px;
margin-bottom: 20px;
padding-bottom: 10px;
width: 772px;
height: auto;
text-align: center;
display: block;
clear: both;
}

*html #privacy { 
margin-top: -15px;
}

#privacy ul, #privacy p {  
margin: 0px auto; width: 771px; display: block;
margin-top: 0px; font-size: 10px; color: #003399; clear: both;  }

#privacy li { list-style: none outside; color: #000033; 
padding: 0 -20px 10px; float: left; }
 
#privacy li a:link, #privacy li a:link, #privacy p a:link, #privacy p a:visited {
color: #003399;
}

#privacy li a:hover, #privacy p a:hover { 
 color: white;
}

.center { 
width: 770px;
margin: 0 auto;
display: block;
text-align: center;
 }

#detail p b      { color: #900;  }

.bigsearchtab {
background: url(art/tab-bigsearch.gif) no-repeat  left; width: 398px;
height: 45px;
  margin-bottom: -11px;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
}
*html .bigsearchtab {
margin-top: 10px;
}

.bigsearchtab h3 {
color: white; font-size: 12px; margin-top: 5px;
padding-bottom: 4px;
padding-top: 14px;
margin-bottom: 0px;
}

*html .bigsearchtab h3 {
color: white; font-size: 12px; margin-top: 17px;
padding-top: 0px;
}