/* common */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	background-color: #e3e3e3;
}

fieldset,
a img {
	border: none;
}

a,a:link{
	text-decoration: none;
	color: #333;
	outline: none;
}
a:hover {
	text-decoration: none;
}

input,
select,
textarea {
	font: normal normal 1.1em Arial, Helvetica, sans-serif;
	color: #333;
}

/* container */
body {
	margin: 0px;
	padding: 0px;
}
#container {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}

/* header */

#header{
	width:100%;
	overflow:hidden;
}

#header .headerWrapper{
	width:994px;
	overflow:hidden;
	margin:0 auto;
}

#header .headerContents{
	background: url(../../images/new/color-w/header-bg.gif);
	width:976px;
	height:96px;	
}

#header .headerLeft{
	background: url(../../images/new/color-w/header-left.gif) no-repeat;
	width:7px;
	height:96px;
}

#header .headerRight{
	background: url(../../images/new/color-w/header-right.gif) no-repeat;
	width:11px;
	height:96px;
}

#header .headerContents,
#header .headerLeft,
#header .headerRight{
	float:left;
}

#header .headerContents .blackSection{
	background:#000;
	float:right;
	width:780px;
	height:48px;
	margin-top:-84px;
	position:relative;
	top:100%;
}

#header .headerContents .blackSection .blackSectionBegin{
	background: url(../../images/new/color-w/header-black-start.gif) no-repeat;
	width:5px;
	height:48px;
	float:left;	
}

#header #logo{
	background: url(../../images/new/color-w/ztail-logo.gif) no-repeat;
	width:128px;
	height:53px;
	float:left;
	margin:16px 0 0 18px;
}

#header .linksA{
	font-size:12px;
	float:right;
	height:22px;
	padding:8px 10px 0 0;
}

#header .linksA, #header .linksA a{
	color:#fff;
}

#header .sectionElements{
	margin:14px 0 0 6px;
}

#header .sectionElements, #header .sectionElements a{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#header .sectionElements ul{
	list-style:none;
	margin-top:4px;
	padding:0;
	float:left;
}

#header .sectionElements ul li{
	display:inline;
	margin:0 16px 0 10px;
}

#header .sectionElements ul li.active a{
	color:red;
}

#header .sectionElements .text{
	background: url(../../images/new/color-w/search-bg.gif) no-repeat;
	width:250px;
	height:22px;
	border:none;
	float:left;
}

#header .sectionElements .button{
	background: url(../../images/new/color-w/search-button.gif) no-repeat;
	width:54px;
	height:20px;
	border:none;
	float:left;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

#header .sectionElements input{
	margin-left:8px;
}

#sideNav{
	width:184px;
	float:left;
}

.sideNavBar{
	background: url(../../images/new/color-w/side-menu-bg.gif) no-repeat;
	width:184px;
	height:600px;
	
}

.sideNavBar a{
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

.sideNavBar ul{
	list-style:none;
	margin:0;
	padding:22px 0 0 18px;
}

.sideNavBar ul li{
	height:18px;
}

.sideNavBar h4{
	margin:0;
}

.sideNavBar h4 a{
	font-size:18px;
}

.sideNavBar .subtitle a{
	color:#dc0004;
	font-size:14px;
	font-weight:bold;
}

.sideNavBar .subtitle{
	margin-top:8px;
}

.contentWrapper{
	width:994px;
	overflow:hidden;
	margin:0 auto;
}

.sideNavClose{
	background: url(../../images/new/color-w/side-menu-bg-close.gif) no-repeat;
	width:184px;
	height:11px;
}

#mainContent{
	width:800px;
	float:left;
	margin-left:8px;
}

.getWorth{
	background: url(../../images/new/color-w/getworth.png) no-repeat;
	width:495px;
	height:158px;
	float:left;
	color:#fff;
}

.getWorthContents{
	width:262px;
	height:76px;
	margin:72px 0 0 196px;
	font-size:12px;
}

.getWorthContents .text{
	background: url(../../images/new/color-w/getworth-search-input.gif) no-repeat;
	width:180px;
	height:22px;
	border:none;
	float:left;
}

.getWorthContents .button{
	background: url(../../images/new/color-w/search-bg-green.gif) no-repeat;
	width:57px;
	height:24px;
	border:none;
	float:left;
}

.advertisement{
	background: url(../../images/new/color-w/advertise.gif) no-repeat;
	width:300px;
	height:250px;
	float:left;
}

.mainBanner{
	background: url(../../images/new/color-w/banner-info.png) no-repeat;
	height:318px;
	width:800px;
	color:#333;
}

.mainBannerContent{
	height:130px;
	width:216px;
	position:relative;
	left:224px;
	top:138px;
	font-size:13px;
	font-weight:bold;
}

.mainBannerContent a{
	color:#0066cc;
	font-size:18px;
}

.mainBannerContent .getStarted{
	color:#fff;
	height:24px;
	width:97px;
	text-indent:-999em;
	background: url(../../images/new/color-w/get-started-button.png) no-repeat;
	cursor:pointer;
}

/* footer */
#footer {
	font-size: 12px;
	margin: .5em 0;
}
#footer #bottomNav {
	width: 1000px;	
}
#footer #bottomNav #bottomNavWrapper {
}
#footer #bottomNav #bottomNavWrapper ul {
	background: url(../../images/new/bg-logo-small.gif) no-repeat left center;
	padding: 1em 30px 1em 70px;
	margin: 0 2em;
	list-style: none;
}
#footer #bottomNav ul li {
	display: inline;
	border-left: #999 solid 1px;
	padding: 0 7px 0 9px;
	margin: 0px;
}
#footer #bottomNav ul li.FirstItem {
	border-left: none;
	padding-left: 0px;
}
#footer #bottomNav ul li a:link,
#footer #bottomNav ul li a:visited {
	color: #999;
	text-decoration: none;
	font-weight: bolder;
}
#footer #bottomNav ul li a:hover {
	text-decoration: underline;
}
#footer p {
	text-align: center;
	color: #666;
	margin: 0px;
	padding: .5em 0;
}
#footer p a:link,
#footer p a:visited {
	color: #666;
	font-weight: bolder;
}

/*LIST ITEM PAGES*/
.clear{
	clear:both;
}

.itemPage{
	color:#000;
}

.itemPage .itemPageHead{
	background: url(../../images/new/color-w/item-display-pager-top.gif) no-repeat;
	height:27px;
	padding:6px 0 0 12px;
	width:800px;	
}

.itemPageHead, .itemPageHead a{
	font-size:12px;
    font-weight:bold;
	color:#fff;
}

.itemPageClose{
	background: url(../../images/new/color-w/item-display-pager-bottom.gif) no-repeat;
	width:800px;
	height:10px;
}

.items{
	width:754px;
	margin:28px 0 0 28px;
	overflow:hidden;
}

.item{
	width:162px;
	height:216px;
	float:left;
	margin-left:28px;	
}

.firstItem{
	margin-left:0px;
}

.itemPageContents{
	overflow:hidden;
	width:100%;
	background: url(../../images/new/color-w/item-display-pager-bg.gif) repeat-y;
}

.itemPageContents ul{
	list-style:none;
	margin:0;
	padding:0;
}

.itemPageContents ul li{
	border-top:1px solid #ececec;
	padding:18px 0 0 0;
	width:754px;
	height:216px;
}

.itemImage, .itemName, .itemDesc{
	text-align:center;
}

.itemName{
	margin-top:18px;
	font-size:12px;
	font-weight:bold;
}

.itemDesc{	
	padding-bottom:8px;
	margin:0 4px 0 4px;
	border-bottom:1px solid #ececec;
}

.itemDesc, .itemPrice{
	color:#666;
	font-size:12px;	
}

.itemPrice{
	position:relative;
	margin:4px 4px 0 4px;
}

.itemPrice .price{
	position:absolute;
	right:0;
	top:0;
	font-weight:bold;
}

.rsvpPrice .price{
	color:#0066cc;
}

.itemProductsHead{
	width:500px;
	float:left;
	font-size:20px;
	font-weight:bold;
}

.itemPager{
	/* width:186px; */
    width:275px;
	float:right;
	font-size:11px;
	font-weight:bold;
	/*text-align:right;*/
}

.itemPager a{
	text-decoration:underline;
}

.itemPager span{
	color:#ccc;
}

.productContent{
	width:754px;
	margin:18px;
	overflow:hidden;
	font-size:12px;
}

.productImage{
	float:left;
	width:100px;
}

.productDetails{
	width:580px;
	float:left;
	margin-left:26px;
}

.productDetails h3{
	font-size:16px;
	margin:0px;
}

.rsvpTag{
	width:572px;
	height:57px;
	background: url(../../images/new/color-w/rsvp-tag-bg.gif) no-repeat;
}

.rsvpTag h4{
	font-size:14px;
	margin:0;
	padding:20px 0 0;
	position:relative;
}


.howItWorks{
	color:#fff;
	height:24px;
	width:129px;
	text-indent:-999em;
	background: url(../../images/new/color-w/see-how-it-works.gif) no-repeat;
	cursor:pointer;
	position:absolute;
	right:0;
	top:20px;
}

.storeDetails{
	width:720px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
}

.storeNav{	
	width:240px;
	float:left;	
}

.storeNav ul{
	margin:0;
	padding:0;
	background:#fff;
}

.storeNav ul li{
	margin:0;
	padding:0;
	width:240px;
	height:52px;
	border:none;
}

.storeNav .heading{
	color:#fff;
	background: url(../../images/new/color-w/store-name-bg.gif) no-repeat;
	height:33px;
}

.storeNav ul li .storeName{
	width:60%;
}

.storeNav ul li .storePrice{
	width:30%;
}

.storeNav ul li .storeName,
.storeNav ul li .storePrice{
	float:left;
	margin:6px 0 0 8px;
}

.storeNav .active{
	background:#ececec;	
}

.goToStore{
	background: url(../../images/new/color-w/go-to-store.gif) no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	height:24px;
	position:absolute;
	right:25px;
	text-indent:-999em;
	top:47px;
	width:96px;
}

.storeDescription{
	background:#ececec;
	min-height:324px;
	width:476px;
	float:left;
	position:relative;
}

.storePriceTable{
	width:298px;
	overflow:hidden;
	background:#fff;
	margin:22px 0 0 32px;
}

.storePriceTable table{
	color:#666;
	border-collapse:collapse;
}

.storePriceTable table td{
	width:74px;
	padding:10px;
}

.bold{
	font-weight:bold;
}

.rsvpBlue{
	color:#0066cc;
}
/*-------TAKEOFF PAGE---------*/
#takeoff{
    font-size:12px;
    color:#666;
}

#takeoffContainer{
    width:936px;
    margin:14px auto 0 auto;
    background: url(../../images/new/color-w/takeoff-page-bg.gif) no-repeat;
    overflow:hidden;
}

#takeoffContainer #primaryCol{
    float:left;
    width:600px;
}

#takeoffContainer #secondaryCol{
    float:left;
    width:320px;    
    margin-left:14px;
}

.pColProduct{
    float:left;
    width:124px;
    text-align:center;
}

.pColProduct div{
    margin-top:8px;
}

.pColProductName{
    font-weight:bold;
    color:#000;
}

.pColDesc{
    float:left;
    width:376px;
    margin-left:8px;
}

.pColHead{
    font-size:20px;
    font-weight:bold;
    color:#000;
}

.pColContainer{
    margin:130px 0 0 76px
}

.sColContainer{
    width:319px;
    margin-top:5px;
    background: url(../../images/new/color-w/signup-bg.gif) no-repeat;
    
}

.sColContainerClose{
    width:319px;
    height:6px;
    background: url(../../images/new/color-w/signup-bg-close.gif) no-repeat;    
    font-size:1px;
}

.signupMargin{
    margin-top:86px;
}

#signUp{
    color:#333;
    padding-top:30px;
}

.ztailEntry{
    clear:both;
    height:32px;
    width:256px;
    margin:4px auto 0 auto;
}

.ztailEntry .label{
    font-weight:bold;
    width:72px;
    float:left;
}

.ztailEntry .input{
    width:184px;
    float:left;
}

.ztailEntry .input .text{
    border:2px solid #fff;
    border-top:2px solid #a7a7a7;
    border-left:2px solid #a7a7a7;
    width:174px;
    height:18px;
}

.ztailEntry.profile .label{
    width:88px;
}

.ztailEntry.profile .input{
    width:162px;
}

.ztailEntry.profile .input .text{
    width:158px;
}


#signUp h2, 
.ztailPurpose,
.sslAssurance{
    text-align:center;
}

.ztailPurpose{
    margin-bottom:20px;
}

.sslAssurance{
    font-size:10px;
    padding-left:16px;
    width:162px;
    height:14px;
    margin:0 auto;
    clear:both;
    background: url(../../images/new/color-w/lock-icon.gif) no-repeat;
}

#signUp h2{
    font-size:16px;
    margin:0;
}

#no-go-to-store{
    text-align:center;
    padding:8px 0 8px 0; 
}

#no-go-to-store a{
    color:#666;
    text-decoration:underline;
}

.ztailEntry.buttons{
    text-align:center;
}

#signUp .submitButton,
#signUp .cancelButton{
    width:61px;
    height:24px;    
    border:none;
    margin:0 10px 0 10px;
}

#signUp .submitButton{
    background: url(../../images/new/color-w/submit-button.gif) no-repeat;
}

#signUp .cancelButton{
    background: url(../../images/new/color-w/cancel-button.gif) no-repeat;
}


#signUp form{
    padding-bottom:12px;
}

#takeoffFooter{
    width:1000px;
    overflow:hidden;
    text-align:center;
    color:#797979;
    margin:10px auto 0 auto;
    padding-top:12px;
    border-top:1px solid #ececec;
}

#takeoffFooter a{
    color:#000;
}
