html, body { 
height: 100%;
margin:0px;
padding:0px;
}

body {
background-image:url(../images/bodybg.jpg);
background-repeat:repeat-x;
}

.container {
min-height:100%;
position:relative;
background-image:url(../images/page-bg.jpg);
background-repeat:no-repeat;
background-position:top center;
padding:0px 19px;
width:961px; /*this plus padding equals full width of page background*/
min-height:650px;
margin:0px auto;
}

/** header **/
#header {
}

#header-inner{
}

.logo{
float: left;
margin:0px 0px 0px 18px;
padding:0px;
}

.logo h2 {
font-size:30px;
letter-spacing:1px;
color:#666;
font-weight:lighter;
margin:0px 0px 0px 20px;
padding:0px;
}

.secondary {
background-image:url(../images/secondary-nav-bg.jpg);
background-repeat:repeat-x;
float:right;
display:block;
}

.secondary .inner {
background-image:url(../images/secondary-nav-Ledge.jpg);
background-repeat:no-repeat;
background-position:left;
}

.secondary ul.menu {
background-image:url(../images/secondary-nav-Redge.jpg);
background-repeat:no-repeat;
background-position:right;
line-height:32px;
padding:0px 10px;
display:block;
text-align:right;
}

/** navbar **/
#navbar{
float: left;
width: 943px;
position:relative;
z-index:1000;
margin: 21px 0px 0px 0px;
padding: 0px 0px 0px 18px; /*use padding to prevent IE6 doubling the margin*/
}

#navbar .primary-right {
background-image:url(../images/top-right-tabs-bg.jpg);
background-repeat:repeat-x;
float:right; /*expand to contain floated children*/
}

/**banner**/
.banner{
width:961px;
height:228px;
padding:0px;
color:#fff;
clear:both;
position:relative; /*nearest positioned ancestor of .toupee*/
}

.inner .banner {
background-image:url(../images/inner-banner.jpg);
background-repeat:no-repeat;
height:142px;
}

.front .banner {
background-image:url(../images/home-banner.jpg);
background-repeat:no-repeat;
}

.toupee {
background-image:url(../images/toupee.jpg);
background-repeat:no-repeat;
position:absolute; /*nearest positioned ancestor is .banner*/
top:-10px;
left:145px;
width:69px;
height:10px;
}

.front .banner h1 {
padding:30px 0px 0px 296px;
font-size:23px;
color:#fff;
}

.front .banner h1 div{
font-size:34px;
margin:0px 0px 0px -20px;
padding:0px;
}

.inner .banner h1 {
padding:38px 0px 0px 187px;
font-size:34px;
color:#fff;
}

.inner .banner h1 div{
font-size:34px;
margin:0px 0px 0px 31px;
padding:0px;
}

.front .banner h1 div div {
margin-left: 135px;
}

.banner p.intro {
font-size:12px;
padding:10px 250px 0px 296px;
}

/*featured offer*/
.front .banner .tab-block {
position:absolute;
left:720px;
top:22px;
width:230px;
color:#009;
font-size:10px;
}

.front .offer {
width:96px;
height:125px;
margin:0px 14px 8px 0px;
float:left;
background-color:#cbcacd;
}

.inner .banner .tab-block {
position:absolute;
left:740px;
top:17px;
width:205px;
color:#009;
font-size:10px;
}

.inner .offer {
width:88px;
height:115px;
margin:0px 14px 8px 0px;
float:left;
background-color:#cbcacd;
}

body.front .banner .tab-block h4 {
padding-top:28px;
font-size:14px;
}

body.inner .banner .tab-block h4 {
padding:26px 0px 4px 0px;
font-size:14px;
}

.banner .tab-block a {
font-weight:bold;
font-size:12px;
}
/*end featured offer*/

/** main (container for everything else) **/
#main{
}

.left-and-center {
background-image:url(../images/content-bg.jpg);
background-repeat:no-repeat;
background-position:bottom left;
float:left; /*expand to contain columns*/
padding-bottom:20px;
}

/** sidebar-left **/
#sidebar-left{
float: left;
width: 186px;
margin: 0px;
padding: 0;
border-top:1px solid #c6c6c6;
position:relative; /*stay on top of banner*/
}

#sidebar-left-inner{
margin: 50px 0px 0px 0px;
padding: 0px 0px 20px 18px;
}

/** center **/

.center {
float:left;
}

body.front .center {
width: 724px; /*width of left plus center cols*/
float:left;
}

body.inner .center{
width: 538px; /*width of center col*/
float: left;
}

body.front .center-inner{
margin: 0px;
padding:0px;
}

body.inner .center {
margin: 0px;
padding: 0;
border-top:1px solid #c6c6c6;
position:relative; /*stay on top of banner*/
}

body.inner .center-inner {
padding:16px 20px 20px 0px;
}

.center h2 {
font-size:16px;
}

.center .tab-block {
clear:both;
padding-bottom:16px;
}

.center ul.hometabs {
background-image:url(../images/hometabs-bg.gif);
background-repeat:no-repeat;
background-position:15px bottom;
float:left; /*expand to contain floats*/
margin:0px;
width: 690px; /*width of left plus center cols minus padding*/
padding: 0px 0px 0px 34px;
margin:0px;
}

ul.hometabs li {
float:left;
list-style-type:none;
margin:0px;
padding:0px;
width:151px; /*could be left to auto, but if so, add width to ie6.css*/
border-top:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
border-left:1px solid #c6c6c6;
}

ul.hometabs li a {
height:30px; /*standardized tall in case an item wraps onto 2 lines*/
font-size:12px;
display:block;
padding:6px 16px 8px 16px;
}

ul.hometabs li a.on {
background-color:#fff;
background-image:url(../images/tabs-bg-on.jpg);
background-repeat:repeat-x;
background-position:top left;
margin-top:-4px;
padding-top:9px;
border-top:1px solid #c6c6c6;
position:relative; /*stay on top of banner*/
}

ul.hometabs li a.off {
background-color:#f8f8f8;
background-image:url(../images/tabs-bg-off.jpg);
background-repeat:repeat-x;
background-position:bottom left;
} 

div.hometab-body {
background-image:url(../images/content-bg.jpg);
background-repeat:no-repeat;
background-position:bottom center;
clear:left;
float:left; /*expand to contain floated children*/
padding:16px 66px 20px 14px;
min-height:92px;
width:644px;
}

div.hometab-body .tab-left {
display:block; /*kills the 3px jog*/
float:left;
position:relative; /*brings image back on top after hometab foot is pulled up to overlap green bg*/
padding:5px 30px 0px 20px;
width:165px;
height:117px;
}

.center div.hometab-body .tab-left ul {
margin:0px 0px 0px 0px;
padding:0px;
}

.center div.hometab-body .tab-left li {
list-style-type:none;
margin:0px;
padding:6px 0px;
color:#666;
font-size:10px;
font-weight:bold;
}

.center div.hometab-body .tab-left li a {
font-size:10px;
font-weight:bold;
}

div.hometab-body h2, div.hometab-body h4 {
padding-top:4px;
}

.center .social-media-icons {
margin-top:30px;
}

/** sidebar-right **/
#sidebar-right{
float: right;
width: 237px;
margin: 0px;
padding: 0px 0px 16px 0px;
}

body.inner #sidebar-right {
background-image:url(../images/right-col-top.jpg);
background-repeat:no-repeat;
background-position:right top;
}

body.front #sidebar-right-inner{
margin: 20px 0px 0px 0px;
padding: 0;
}

body.inner #sidebar-right-inner{
margin: 40px 0px 0px 0px;
padding: 0;
}

#sidebar-right-inner .block-inner {
clear:both;
margin:16px 0px;
}

#sidebar-right-inner .block-inner /*spotlight boxes padder*/{
padding:12px 20px 6px 40px; /*paragraphs and other elements have bottom padding so not too much on these containers*/
margin:0px;
}

#sidebar-right-inner .trial .block-inner {
padding:12px 20px 6px 20px;
}

#sidebar-right-inner .trial img {
float:left;
margin:0px 8px 8px 0px;
}

#sidebar-right-inner .trial ul {
padding-left:95px;
}

.feed  h2{
margin-top:26px;
font-weight:bold;
}

.feed ul {
list-style-type:none;
margin:0px;
padding:0px;
}

.feed li {
list-style-type:none;
margin:0px;
padding:5px 0px;
}

.feed a {
color: #666;
font-weight:normal;
}

.feed a.main-link {
color:#009;
padding-top:3px;
display:block;
}



/*hiding all but default blocks that load on front page*/ 

.front .tab-block{
display:none;
}

.front .show{
display:block;
}
/*end hiding all but default blocks that load on front page*/ 

.addthis {
margin:16px 0px 0px 0px;
}

/** footer **/
#footer{
width:961px;
clear:both;
font-size:10px;
font-weight:normal;
margin:0px auto;
}

#footer a{
color: #666;
}

#footer-inner{
line-height:29px;
font-size:10px;
padding:0px 41px;
}

.footer-links{
float:left;
margin-left:20px;
text-align:center;
}

.footer-right {
float:right;
text-align:right;
text-transform:uppercase;
}

/*pop up form*/

.pop {
display:none;
}


.greyout {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color: #666;
opacity: .7; filter: alpha(opacity=70);
z-index:1000; /*be above everything but .popform*/
}

.popform {
position:fixed;
top:50%;
left:50%;
margin-top: -160px;  /*a bit more than div's estimated height*/
margin-left: -119px; /*half div's width*/
border:1px solid #666;
z-index:1001; /*be above everything*/
background-color:#fff;
}

.close {
background-color:#af412b;
color:#fff;
font-weight:bold;
position:absolute; /*nearest positioned ancestor is .popform*/
top:0px;
right:0px;
padding:0px 2px;
}

* html .popform { position:absolute; }
* html .greyout { position:absolute; }

.popform .inner {
margin:12px 20px 20px 20px;
background-color:#fff;
float:left;
}

#popupform {
width:238px;
}

#popupform ul {
margin:0px;
padding:16px 0px 0px 0px;
float:left;
}

#popupform li {
list-style-type:none;
margin:0px;
padding:3px 0px;
clear:both;
}

label {
display:block;
width:80px;
display:inline-block;
clear:both;
}

input {
display:inline;
}

#state, #province {
width:131px;
}

#country {
width:213px;
margin:5px 0px;
}

.button {
margin:12px 0px 0px 0px;
text-align:right;
position:relative;
float:left;
}

.button div{
display:block;
float:left; /*force width collapse*/
text-align:center;
background-image:url(../images/button-bg.gif);
background-repeat:repeat-x;
text-decoration:none;
white-space:nowrap;
}

.button div div{
background-image:url(../images/button-right-edge.gif);
background-repeat:no-repeat;
background-position:top right;
float:left; /*force full width in IE6*/
}

.button input {
background-color:transparent;
border:0px;
height:34px;
color:#fff;
font-weight:bold;
font-size:14px;
line-height:34px;
background-image:url(../images/button-left-edge.gif);
background-repeat:no-repeat;
background-position:top left;
float:left; /*force full width in IE6*/
}

*html .button input {
background-color:#fd7400;
border:1px solid #666;
}