@import "/stylesheets/screen.css";

/* HEADERS
---------------------------------------------------------*/
h1{
 text-indent: -9999px;
 overflow:hidden;
 /* position:relative; added by Jay */
 /* top:50px; added by Jay */
}

h1.attract-prospects{
 background:url(/images/design/title_attractprospects.gif) no-repeat top left;
 width: 228px;
 height:60px;
 margin-bottom: 10px;}

h1.checkitout{
 background:url(/images/design/title_checkitout.png) no-repeat top left;
 width: 291px;
 height:54px;}

h1.getaquote{
 background:url(/images/design/title_getaquote.png) no-repeat top left;
 width: 173px;
 height:59px;}

/*FIND OUT MORE HEADER*/
h1.findoutmore{
 background:url(http://s3.amazonaws.com/bwacmcms.uploads/assets/0000/0123/findoutmore.png) no-repeat top left;
 width: 200px;
 height:60px;
 clear: right;}
/*END*/

/*MARKETING DOWNLOAD HEADER*/
h1.marketingdownload{
 background:url(/images/design/marketingdownload.gif) no-repeat top left;
 width: 300px;
 height:60px;
 clear: right;}
/*END*/

h1.retainloyalty{
 background:url(/images/design/title_retainloyalty2.gif) no-repeat top left;
 width: 193px;
 height:52px;}

h1.mktgdash{
 background:url(/images/design/title_mktgdash.gif) no-repeat top left;
 width: 325px;
 height:54px;}

h1.clientlogin{
 background:url(/images/design/title_clientlogin.png) no-repeat top left;
 width: 109px;
 height:25px;}

h1.renewresidents{
 background:url(/images/design/title_renewresidents.gif) no-repeat top left;
 width: 225px;
 height:53px;} /* width: 215px - 225px */

h1.ourstory{
 background:url(/images/design/title_ourstory.gif) no-repeat top left;
 width: 149px;
 height:55px;}

h1.pingus{
 background:url(/images/design/title_pingus.png) no-repeat top left;
 width: 129px;
 height:63px;}

h1.news-and-announcements{
 background:url(/images/design/title_newsannouncements.png) no-repeat top left;
 width: 310px;
 height:63px;}

h1.seen-and-heard{
 background:url(/images/design/title_seenheard.png) no-repeat top left;
 width: 200px;
 height:63px;}

h1.success-stories{
 background:url(/images/design/title_successstories.png) no-repeat top left;
 width: 214px;
 height:63px;}

h1.newsannouncements-details{
 background:url(/images/design/title_newsannouncements2.png) no-repeat top left;
 width: 271px;
 height:63px;}

h4{
 text-indent:-99999px;
 overflow:hidden;}

/* h4.naa{
 background:url(http://s3.amazonaws.com/bwacmcms.uploads/assets/0000/0056/WSOP_WT.jpg) no-repeat top left;
 text-indent:-99999px;
 }*/

/* FORMS
-----------------------------------------------------------------------------------*/
input.text-areacode{
 width: 32px !important;
 border:1px solid #908578;
 height:13px;
 font-size:11px;}
 
input.text-phonenumber{
 width: 91px !important;
 border:1px solid #908578;
 height:13px;
 font-size:11px;} 

input.text-city{
 width: 94px !important;
 border:1px solid #908578;
 height:13px;
 font-size:11px;
 margin: 0 8px 0 0;} 

input.text-state{
 width: 28px !important;
 border:1px solid #908578;
 height:13px;
 font-size:11px;
 margin: 0 8px 0 0;} 

input.text-zip{
 width: 56px !important;
 border:1px solid #908578;
 height:13px;
 font-size:11px;}

label.street{
 color:#8b8173;
 font-weight:normal !important;
 padding:0 !important;}

label.city{
 width: 100px;
 float:left;
 color:#8b8173;
 font-weight:normal !important;
 margin: 0 8px 0 0;
 padding:0 !important;}

label.state{
 width: 34px;
 float:left;
 color:#8b8173;
 font-weight:normal !important;
 margin: 0 8px 0 0;
 padding:0 !important;}
 

/* PAGE LAYOUT
----------------------------------------------------------------------------------*/
#content {
 padding: 0px 87px 0 108px;
 clear:both;}

#home #content {
 padding: 7px 0 0 22px;
 clear:both;}

/*#content .story {
	padding: 0 47px 0 108px;
	clear:both;*/
}

/* HEADER
----------------------------------------------------------------------------------*/
a.logo{
 clear:both;
 /*background:url("http://s3.amazonaws.com/bwacmcms.uploads/assets/0000/0001/BWACM-Logo3_195px_OrgDith.gif") no-repeat top left; -- moved to HTML
 width: 195px;
 height:152px;
 text-indent:-99999px;*/
 overflow:hidden;
 float:left;}

.top-right{
 float:right;
 padding: 10px 0 0 0;}

.slogan{
 background:url(/images/design/slogan.gif) no-repeat top left;
 width: 374px;
 height:33px;
 text-indent:-99999px;
 overflow:hidden;
 margin: 0 0 0 76px;}

ul#main-nav li{
 float:left;
 padding: 0 0 0 3px;}

ul#main-nav li a{
 display:block;
 width: 50px;
 height:50px;
 text-indent:-99999px;
 overflow:hidden;}

ul#main-nav li a:hover{
 background-position: 0 -50px !important;}

ul#main-nav li.nav1 a{
 background:url(/images/design/nav_1.gif) no-repeat top left;}

ul#main-nav li.nav2 a{
 background:url(/images/design/nav_2.gif) no-repeat top left;}

ul#main-nav li.nav3 a{
 background:url(/images/design/nav_3.gif) no-repeat top left;}

ul#main-nav li.nav4 a{
 background:url(/images/design/nav_4.gif) no-repeat top left;}

ul#main-nav li.nav5 a{
 background:url(/images/design/nav_5.gif) no-repeat top left;}

ul#main-nav li.nav6 a{
 background:url(/images/design/nav_6.gif) no-repeat top left;}

ul#main-nav li.nav7 a{
 background:url(/images/design/nav_7.gif) no-repeat top left;}

ul#main-nav li.nav8 a{
 background:url(/images/design/nav_8.gif) no-repeat top left;}

#nav1 {
 clear:both;
 margin: 0 0 0 180px;
 text-indent:32px;
 font-size: 24px;
 height: 28px;
/* overflow:hidden;*/
 background:url(/images/design/arrow.png) no-repeat center left;
}

/* CONTENT
---------------------------------------------------------*/
.rounded-box{
 background:url(/images/design/bg_roundedtop.png) no-repeat left top;
 width: 522px;
 padding: 10px 36px 0 42px;}

.rounded-bottom{
 background:url(/images/design/bg_roundedbottom.png) no-repeat bottom left;
 padding: 0 0 6px 0;}

.rounded-box a{
 color:#000 !important;
 background:url(/images/design/icon_arrow.gif) no-repeat center right;
 padding: 3px 25px 4px 0;}

.rounded-box a:hover{
 text-decoration:underline;}

.rounded-box img{
 float:right;}

.rounded-box h2{
 color:#8F0000;
 font-size:2em;
 margin: 43px 0 0 0;}
 
.rounded-box h3{
 color:#000;
 font-size:1.7em;}

.rounded-box p{
 color:#58595B;
 font-size: 1.3em;
 margin: 13px 0px 0 0;
 position:relative;}

.mktgdash h2{
 color:#8F0000;
 font-size:2em;
 margin: 15px 0 0 0;}
 
.mktgdash h3{
 color:#000;
 font-size:1.7em;
 padding: 1em 3em;}

p.register {
  color:#000;}

p.bottom-links{
 margin: 30px 0 0 0;
 text-align:center;
 font-size: 1.1em;}

p.bottom-links a{
 margin: 0 0px 0 15px;}


p.intro {
 margin: 20px 0 0 30px;
 color:#666666;
 font-size:1.1em;
 line-height:1.6em;}

p.intro span{
 color:#000;}

span.font-20{
 font-size: 1.9em;}

span.font-13{
 font-size: 1.2em;}

span.font-13bold{
 font-size: 1.2em;
 font-weight:bold;}

span.font-14{
 font-size: 1.3em;}

p.get-started{
 text-align:right;
 font-size: 1.3em;
 background:url(/images/design/icon_arrow.gif) no-repeat center right;
 padding: 0 25px 0 0;
 height:21px;
 margin: 4px 0 0 0;}

p.get-started a{
 color:#000 !important;}

p.get-started a:hover{
 text-decoration: underline;}

.slantedbox-prospect,
.slantedbox-naa,
.slantedbox-mktgdash{
 background:url(/images/design/box-prospect.png) no-repeat top left;
 width: 495px;
 height:554px;
 margin: 15px 0 0 0;
 padding: 58px 42px 0 54px;}

.slantedbox-prospect h4,
.slantedbox-retain h4{
 background:url(/images/design/title_clickdownloadprint.gif) no-repeat top left;
 width: 213px;
 height:19px;
 margin: 0 0 30px 0;}

.slantedbox-retain{
 background:url(/images/design/box-retain.png) no-repeat top left;
 width: 504px;
 height:404px;
 padding: 58px 42px 0 54px;}

/* ------ CHANGE THE SLANTEDBOX HEADER ------*/
.slantedbox-naa h4{
 background:url(http://s3.amazonaws.com/bwacmcms.uploads/assets/0000/0061/Go-See-Do.gif) no-repeat top left;
 width: 213px;
 height:19px;
 margin: 0 0 30px 0;}

.slantedbox-mktgdash h4{
 background:url(/images/design/create-distribute-monitor.gif) no-repeat top left;
 width: 350px;
 height: 19px;
 margin: 0 0 30px 0;}
/* ------ END ATTEMPT ------*/

ul.thumb-list li{
 height: 61px;
 font-size: 1.1em;
 margin: 0 25px 11px 0; /* 0px-25px */
 position:relative;}

ul.thumb-list li img{
 float:left;
 margin: 0 15px 0 0;
 border:1px solid #908578} /* border: */

ul.thumb-list li span.title{
 font-size: 1.3em;
 display:block;}

ul.thumb-list li img:hover {
  border:1px solid #ffffff;
}

/* Index - Remember to Change IE.css file */
#home .rounded-box{
 background:url(images/design/HPBanner-Sense.png) no-repeat top left; /* CHANGE THIS URL FOR MAIN BANNER GRAPHIC */
 width: 340px;
 height:200px;
 padding:0 385px 0 27px !important;}

#home .rounded-box h2{
 margin: 0;
 padding: 32px 0 0 0;}

#home p.intro{
 width: 444px;
 padding: 0 152px;}

p.intro-links{
 text-align: left;
 width: 444px;
 padding: 20px 152px 20px 152px;
 font-size: 1.2em;}

p.intro-links a{
 color:#000 !important;
 margin: 0 5px 0 0;
 font-weight:bold;
 background:url(/images/design/icon_arrow.gif) no-repeat center right;
 padding: 2px 25px 2px 0;}

p.intro-links a:hover{
	text-decoration: underline;
}

.whats-new {





 background:url(/images/design/box-whatsnew.png) no-repeat top left;
 width: 379px;
 height:299px;
 float:left;
 padding: 37px 20px 0 60px;}

.whats-new h3{
 background:url(/images/design/title_whatsnew.gif) no-repeat top left;
 width: 83px;
 height:24px;
 text-indent:-9999px;
 overflow:hidden;}

.whats-new ul li{
 color:#666;
 padding: 15px 0 0 0;
 font-size: 1.1em;
 clear:both;
 position:relative;}

.whats-new ul li img{
 float:left;
 margin: 0 12px 0 0;}

.whats-new ul li a{
 color:#666 !important;}

.whats-new ul li span.title{
 display:block;
 color:#000;
 font-size: 1.1em;}

.whats-new ul li span.desc{
 float:left;
 width: 300px;
 position:relative;}

.client-login{
 background:url(/images/design/box-login.png) no-repeat top left;
 width: 164px;
 height:277px;
 float:left;
 font-size: 1.1em;
 padding: 59px 87px 0 42px;}


p.login-desc{
 color:#666;
 text-align:left;
 padding: 2px 0 0 0;
 position:relative;}

.client-login h3{
 background:url(/images/design/title_clientlogin.gif) no-repeat top left;
 width: 87px;
 height:25px;
 text-indent:-9999px;
 overflow:hidden;}

fieldset.login-form label{
 padding: 5px 0 0 0;}

fieldset.login-form input.text{
 width: 163px;
 position:relative;}

fieldset.login-form p{
 text-align:right;
 padding: 5px 0 0 0;
 position:relative;}

fieldset.login-form p.login{
 text-align:right;
 padding: 10px 0 0 0;}



/* Client Login */
.login-box {
 width: 195px;
 margin: 17px 0 0 0;
 padding: 0 43px 0 0;
 border-right: 2px solid #c4b6a0;
 min-height:222px;
 height:auto !important;
 height:222px;
 float:left;
 font-size: 1.1em;}

.sign-up{
 float:left;
 width: 327px;
 color:#666;
 margin: 17px 0 0 0;
 padding: 0 0 0 30px;}

.sign-up h3{
 color:#000;
 font-weight:normal;
 font-size: 1.6em;
 margin: 0 0 10px 0;}

.sign-up li{
 font-size: 1.1em;
 margin: 0 0 0 13px;
 list-style-type:disc;}

.sign-up p{
 text-align:right;
 font-size: 1.3em;
 padding: 10px 0 0 0;}

.sign-up p a{
 color:#000;
 background:url(/images/design/icon_arrow.gif) no-repeat top right;
 padding: 3px 25px 4px 0;}

/*Checkout */
.checkout-box-big{
 background:url(/images/design/box-checkout-top.png) no-repeat top left;
 width: 586px;
 height:336px;
 padding: 18px 0 0 25px;}

.checkout-box-small{
 background:url(/images/design/box-checkout-bottom.png) no-repeat top left;
 width: 611px;
 height: 75px;
 padding: 16px 0 0 0;}

p.theme-title{
 font-weight:bold;
 font-size:1.2em;
 float:left;}

ul.checkout-top{
 float:right;
 padding: 0 127px 0 0;}

ul.checkout-top li{
 float:left;
 padding: 0 8px 4px 0;
 font-size: 1.1em;
 position:relative;}

ul.checkout-top li a{
 color:#9a948b !important;}

ul.checkout-top li a:hover, ul.checkout-top li a.selected {
 color:#000 !important;
 border-bottom:3px solid #000;}

.image-desc{
 float:left;
 clear:both;
 padding: 5px 0 0 0;
 width: 450px;
 position:relative;}

.image-desc p{
 text-align:center;
 margin: 12px 0 0 0;}

.image-desc p.theme-desc{
 color:#79736a;}

ul.checkout-right{
 float:left;
 position:relative;
 border-left: 3px solid #666;
 height:181px;
 width: 87px;
 padding:39px 0 0 0;
 margin: 5px 0 0 18px;}

ul.checkout-right li{
 font-size: 1.1em;
 text-align:center;
 width: 84px;
 margin: 0 0 12px 0;}

ul.checkout-right li a{
 color:#9a948b !important;} 

ul.checkout-right li a:hover, ul.checkout-right li a.selected {
 color:#000 !important;}

a.prev{
 background:url(/images/design/icon_prev.gif) no-repeat top left;
 width: 21px;
 height:19px;
 float:left;
 margin: 20px 0 0 30px;
 text-indent:-9999px;
 overflow:hidden;}

a.next{
 background:url(/images/design/icon_next.gif) no-repeat top left;
 width: 21px;
 height:19px;
 float:right;
 margin: 20px 30px 0 0;
 text-indent:-9999px;
 overflow:hidden;}

p.checkout-thumbs{
 width: 100%;
 text-align:center;
 float:left;
 padding: 0;} 

p.checkout-thumbs img{
 margin: 0 5px;
 border:1px solid #908578} /* border: */

/* Get a Quote */
#getaquote fieldset {
 width: 365px;
 padding: 0 0 20px 0;
 background:url(/images/design/dotted_horizontal.gif) repeat-x bottom left;}

#getaquote #content  p{
 font-size: 1.2em;
 width: 365px;
 margin: 12px 0 0 0;}

#getaquote  input.text{
 width: 181px;}

#getaquote  fieldset p{
 font-size:1.1em !important;}
 
.get-price{
 border-bottom:2px solid #666666;
 padding: 10px 0;
 margin: 10px 0;}

.get-price p{
 margin: 0 0 12px 0 !important;}

.get-price fieldset{
 background:url(/images/design/dotted_vertical.gif) repeat-y 130px 0 !important;
 width: 269px !important;
 height:80px;}
 
.get-price input.text{
 width: 105px !important;
 margin: 0 0 5px 0 !important;}


.get-price input.button{
 float:right;}

.number-units{
 float:left;
 width: 110px !important;}

.monthly-pricing{
 float:right;
 width: 110px !important;}

.company-name{
/* float:left;*/
 width: 181px !important;
 margin: 0 27px 0 0 !important;}

.company-type{
/* float:left;*/
 width: 150px !important;
 color:#231f20 !important;}

.note{
 color:#8b8173;
 font-size:1.1em !important;}

fieldset.payment{
 background:none !important;
 color:#666;
 font-weight:bold;}

fieldset.payment label{
 color:#000;
 margin: 0 0 5px 0;}

fieldset.payment span{
 color:#000;}

/* OUR STORY */
.story{
 width: 522px; /*377px;*/
 padding: 0 0 40px 0;
 /*border: 1px solid gray;*/
 }
 
.story h2{
 font-size: 1.8em;
 font-weight:normal;
 margin: 0 0 16px 0;}

.story p{
 margin: 0 0 1em 0; /* 0 0 19px 0 */
 color:#333;}

.story p img{
 float:left;
 margin: 0 13px 13px 0;
 border: 1px solid #6C4831;}

.story li{
 list-style-type: disc;
 margin-left: 1em;}

.info-box {
 padding: 5px 20px;
 margin: 0px 20px 20px 20px;
 background: #FFFFAF;
 color: #8F0000;
 border: 5px solid #6C4831;}

/* PING US */
.contactinfo p{
 font-size: 1.2em;
 width: 304px;
 padding: 0 0 25px 0;
 font-weight:bold;}

.contactinfo  a,
.contactinfo  p span{
 font-size:0.8em;
 display:block;
 color:#990000;}

.findoutmore{
 width: 304px;
 /*float:left;*/
 font-weight:bold;}

.findoutmore span{
 display:block;
 font-size: 1.2em;} 

.findoutmore form{
 padding: 20px 0 0 0;}

.findoutmore input.text{
 width:206px !important;
 display:block;
 margin: 0 0 14px 0;}

.findoutmore input.button{
 margin: 0 0 0 150px;}

.getadobe{
 text-align:right;
 width: 240px;
 padding: 97px 0 0 0;
 float:right;}

.getadobe a{
 color:#000 !important;}

.getadobe a:hover, .findoutmore a:hover, .news-details a:hover,
 .news-summary a:hover, .whats-new a:hover, .story a:hover,
 .contactinfo a:hover, .login-desc a:hover, .title a:hover {
 text-decoration:underline;}

/* news announcements */
.more-articles{
 float:right;
 color:#666;
 text-align:right;
 padding: 18px 0 0 0;}

.news-details .more-articles{
 border-left:1px solid #666666;
 text-align:right;
 padding: 18px 0px 0 30px;}

.news-summary p {
 font-size: 1.2em;
 padding: 0 0 25px 0;}

.news-list{
 border-top:1px solid #8c8c8c;
 width: 400px;
 padding: 0 40px;
 margin: 0 0 0 40px;}

.news-list .news {
 padding: 2em 0 0 0;}

.news-list .news h2{
 font-size: 1.4em;
 padding: 0 0 5px 0;}

.news-list .news h3{
 font-size: 1.2em;
 color:#666666;
 font-weight:normal;
 padding: 0 0 5px 0;}

.news-list .news p{
 font-size:1.15em !important; /* size: 1em->1.15em */
 color:#666;
 padding: 0 0 10px 0;}

.news-list .news p.more{
 text-align:right;
 color:#000;}

.news-details{
/* width: 552px;*/
}

.news-details h2{
 font-size:1.4em;}

.news-details h3{
 font-size:1.2em;
 padding: .5em 0 2px 0;}

.news-details .news {
 padding: 30px 0 0 60px;
 width: 420px;}

.news-details img{
 float:left;
 margin: 0 15px 0 0;} /* margin: 5px->15px */

.news-details p{
 font-size: 1.15em;
 padding: 1em 0 0 0;
 color:#666;}

.news-details li{
	margin-left: 13px;
	list-style-type:disc;
        font-size: 1.15em;
        color: #666;
}

/* RIGHT COLUMN */
.right-column {
	float: right;
	width: 205px;
	/*height: 100px;*/
        margin-right: -50px;
        /*border:1px solid gray;*/
}

.our-friends {
         float: right;
         border:1px solid gray;
           margin-right: 15px;
	  /*background-image: url(/images/design/ourfriends.png); **moved img to html code** 
           background-repeat: no-repeat; 
           background-attachment:scroll; 
           background-position: center right; */
}


.our-clients {

	float: right;
	width: 205px;
	height: 100px;
      /*border:1px solid gray;*/
}

our-clients p {
         margin-left: 10px

}

#our-clients img {
	margin-bottom: 20px;
} 
/* JAYS ATTEMPT TO CHANGE THE ATTRIBUTES OF THE HEADER LINKS */
#top-links {
         position:relative;
         left: 0px;
         top: 5px;
}

#top-top {
         position: relative;
         clear: both;
         top: 5px;
}

/*#header {
         position:relative;
         top:40px;
}*/

/* LAYOUT FOR FLASH DEMO PAGE */
#flash-promo {
         position:relative;
         left:-75px;
         top:50px;
	width: 700px;
	height: 450px;
         border:1px solid gray;

}
/* LAYOUTS FOR CHATBACK BADGE */
#habla-available_div {
         /*padding-right: 50px;*/
}
#habla-available_div p{
         vertical-align: middle;
         line-height: 12pt;
         font-size: 10pt;
         font-style: bold;
         float: left;
}

/* LAYOUT FOR HOME PAGE CLIENT LOGO MONTAGE */
#home-clients {
         float: right;
         padding-top: 50px;
         padding-right: 20px;
	width: 205px;
	height: 100px;
}

/* LAYOUT FOR TWITTER DIV */
#twitter_div {
         float: right;
         width: 185px;
         height: auto;
         padding: 5px 20px 20px 20px;
         margin: 0px 0 10px 10px;
         background: #FFFFAF;
         color: #8F0000;
         border: 5px solid #6C4831;
}

h2#twitter_div {
         font-size: 1.2em;
}

li, ul#twitter_update_list {
padding: 5px 0;
}

#twitter_update_list a {
          font-weight: bold;
}

/*#glance {
         background: #FFFFAF;
         color: #8F0000;
         border: 5px solid #6C4831;
}*/