/**** Import CSS ****/
@import url("angelType.css");

/**** Reset ****/
body,  div,  dl,  dt,  dd,  ul,  ol,  li, pre,  form, fieldset, input, p, blockquote, th, td{margin: 0; padding: 0;}
h1,  h2,  h3,  h4,  h5,  h6{margin: 0; padding: 0}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}
img{border: 0;}
caption, th{text-align: left;}
q:before, q:after{content: '';}
a:link, a:visited, a:hover, a:active{outline: none;}

html{background-color: #ffffff; background: url(/images/BG.png) repeat-x; color: #7d7d7d; font-size: 14px; font-family: Helvetica, Arial, sans-serif; text-align: center; line-height: 155%;}

/**** mainBG ****/
#mainBG{background: url(/images/cloudBG.png) no-repeat; margin: 0 auto; text-align: left; width: 1021px; height: 361px;}

/**** main ****/
#mainWrap{width: 955px; margin-left: 26px;}

/**** masthead ****/
#masthead{padding-top: 19px; position: relative;}

/**** mastheadMenu ****/
#mastheadMenu{position: absolute; top: 2px; right: 0; color: #0E9AA4; text-decoration: none; font-size: 11px;}

/**** logo ****/
#logo{width: 288px; height: 106px; float: left;}

/**** mainNav ****/
#mainNav{width: 581px; height: 106px; background: url(/images/navBG.png); float: left; margin-left: 86px;}

/**** navMenu ****/
#navMenu{margin-left: 60px;}

/**** navItems ****/
#navItems{text-decoration: none;}
#navItems a{text-decoration: none;}
#navItems a i{visibility: hidden;}
#navItems li{float: left; margin-right: 18px;}

/**** subNavMenu ****/
ul#subNavMenu { display: none; }
ul#subNavMenu li { float: none; }
ul#subNavMenu li a{padding: 0px; margin: 0px;}
ul#navMenu li{position: relative;}
ul#navMenu li:hover ul#subNavMenu{display: block; position: absolute; top: 81px; left: 3px; font-size: 13px; background: #11b5c1; border-top: 2px solid #a1e2e7; z-index: 5000; width: 170px;}
ul#navMenu li:hover ul#subNavMenu li a{display: block; width: 160px; border: none; padding: 5px; color: #ffffff; background: #11b5c1; font-weight: bold;}
ul#navMenu li:hover ul#subNavMenu li a:hover{background: #0E9AA4;}

/**** subContent ****/
#subContent{float: left; width: 354px; margin-left: 10px;}
#subContentReserve{float: left; width: 354px;}
#subContentTop{width: 354px; height: 20px; background: url(/images/subContentTop.png);}
.subContentMid{width: 299px; background: url(/images/subContentMid.png) repeat-y; padding: 0 20px 0 35px;}
#subContentBottom{width: 354px; height: 20px; background: url(/images/subContentBottom.png);}

/**** subContentList ****/
.subContentList li{clear: both;}
.subContentList li.last{border-bottom: none;}

/**** subContentListIcon ****/
.subContentListIcon{float: left; width: 57px;}

/**** subContentListText ****/
.subContentListText{float: left; width: 237px; font-size: 15px; padding-left: 4px; line-height: 120%;}

/**** dottedDivide ****/
.dottedDivide{border-bottom: 1px dotted #DEDEDE; margin-bottom: 10px; padding-bottom: 13px;}
.reservedDottedDivide{border-bottom: 2px dotted #DEDEDE; margin-bottom: 25px; padding-bottom: 25px;}
.directionsDottedDivide{border-bottom: 2px dotted #DEDEDE; margin-bottom: 15px; padding-bottom: 15px;}

/**** mainConten ****/
#mainContent{float: left; width: 581px; margin-left: 10px;}
#mainContentReserve{float: left; width: 581px; margin-left: 20px;}
#mainContentTop{width: 581px; height: 20px; background: url(/images/mainTop.png);}
#mainContentMid{width: 511px; background: url(/images/mainMiddle.png) repeat-y; padding: 15px 35px 15px 35px;}
#mainContentBot{width: 581px; height: 20px; background: url(/images/mainBottom.png);}
#mainContentWide{float: left; width: 945px; margin-left: 10px;}
#mainContentWideTop{width: 945px; height: 20px; background: url(/images/mainContentWideTop.png);}
#mainContentWideMid{width: 875px; background: url(/images/mainContentWideMid.png) repeat-y; padding: 15px 35px 15px 35px;}
#mainContentWideBot{width: 945px; height: 20px; background: url(/images/mainContentWideBot.png);}

/**** mainContent ****/
#mainContentHome{float: left; width: 546px; height: 325px; background: url(/images/mainContentHomeBG.png); padding: 35px 0 0 35px; margin-left: 10px;}

/**** nameYourPriceText ****/
#nameYourPriceText{width: 275px;}
#nameYourPriceText p{line-height: 135%;}

/**** footerWrap & footer ****/
#footerWrap{clear: both; padding-top: 20px; margin-bottom: 20px;}
#footer{height: 89px; width: 955px; background: url(/images/footerBG.png); position: relative;}

/**** footerLinks ****/
#footerLinks{position: absolute; top: 22px; left: 35px; color: #ede7db;}

/**** copyright ****/
#copyright{position: absolute; bottom: 17px; right: 25px; color: #cfc3b5; font-size: 10px; font-style: italic;}

/**** directions and map ****/
#directionsWrap {margin: 0 auto; position: relative; width: 895px;}
#mapBorder{border: 1px solid #BFBFBF; padding: 10px;}
#map_canvas{ height: 478px; width: 553px; border: 1px solid #DEDEDE;}
#directions {float: none; width: 876px; clear: both; margin-left: -4px;}        
#addresses{width: 280px; margin-right: 20px;}

/**** pendingTableHeader ****/
.pendingTableHeader{background: #89DBE1;}
#pendingTableHeaderSpacer{height: 10px;}
.pendingTableSpacer{height: 10px;}