/**************** Body *********************/
*{margin:0;padding:0;}
#wrapper{margin:0px auto; width:750px; }

body {
margin: 0px 35px 0px 35px;
padding: 5px 0px 0px 0px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, Verdana, sans-serif;
background:url(http://www.resperate.com/us/images/general/bg_pagedropshadow.gif) 0 0 repeat-y #F5F5F5;
background-position:center;
color:#1B1B1B;
font-size:12px;
line-height:16px;
}
//div.main { text-align: left; width: 70%; margin-left: auto; margin-right: auto; } 


/**************** Header *********************/
/*#logo {float:left;}
#logo h1 {text-indent:-10000px;margin:0;padding:0;}
#logo h1 a {display:block;background:url(/images/logo.jpg) no-repeat left;width:152px;height:33px; }
*/
/**************** Header *********************/
#welcome {padding-top:80px; font-size:14px; color: #666666;}
#welcome h1 {font-size:25px; font-weight:normal; letter-spacing:-1px; margin-bottom:15px; color:#000000;}
#welcome span a{font-weight:bold; color: #9F2500; float:left; padding:10px 0px 0px 2px;}

/**************** Text *********************/
h2 { font-size:18px; text-decoration:none;}
h2 a:link,h2 a:visited{ font-size:18px; color: #C9254A; text-decoration:none;}
h2 a:hover{color: #C9254A;}
.spacer {border-bottom:1px solid #CCCCCC; margin-top:10px; margin-bottom:10px;}
h2.search {font-weight:lighter; font-size:12px; padding-left:20px; font-style:italic; background-color:#EFE7CB; width:500px; margin:auto; padding:2px 0px 2px 10px;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:2px;width:550px;}
.entry h2{padding-bottom:6px; line-height:30px;}
.entry p{padding:0 0 10px 0;}
.post{padding:5px 20px 20px 20px;text-align:left; margin-bottom:20px; background:url(/images/postee.gif) repeat-x top;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.lightgray { color: #006699; font-size:15px; padding-top:5px; padding-bottom:15px;}
.meta {background-color: #FAF8DA; padding:5px; font-size:12px; border:1px dashed #cccccc;}

/**************** Links *********************/
a:link, a:visited{color: #00458A;text-decoration:underline;}
a:hover{color: #3E76AC;}

/**************** Navigation *********************/
#navigation{clear:both;	width:750px; position:absolute;	top:100px; margin:0px auto; padding:2px;}
#menu {height: 30px; list-style:none;}

/**************** Sidebars *********************/
#sidebar1{ width:200px; float:left; margin-top:5px;}
#sidebar1 h2{background: url(/images/bullet.png) left no-repeat; font-weight:normal; font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 0px; text-transform:uppercase;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}
.postform {font:13px Trebuchet MS; width:150px; color:#9F2500; }
.archivedropdown {font:13px Trebuchet MS; width:150px; color:#9F2500;}


#sidebar2{ width:100px; float:left; margin-top:5px;}
#sidebar2 h2{background: url(/images/bullet.png) left no-repeat; font-weight:normal;font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 20px; text-transform:uppercase;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{float:right;}
#topsearch input[type="text"]{background: #ffffff url(/images/search.png) right no-repeat; border: 3px solid #CF5833; width:10em; color: #333333; font:12px Trebuchet MS, Arial, sans-serif;padding:2px 16px 2px 2px;}
#searchbutton {padding:1px;} 

/**************** Comments *********************/
.comlabel { background:url(/images/comment.gif) left no-repeat; font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px;margin-top:10px;}
.postlabel {background:url(/images/comment_new.gif) left no-repeat;font-weight:lighter; font-size:12px; padding:10px 0px 10px 0px; margin:10px 0px 10px 0px;}
.commentlist{list-style:none;}
.tip {height:15px; width:500px; display:block;margin:10px 0px 0px 0px;}
.authorcomment {padding:3px; margin:10px 0px 0px 0px;}
.odd{color: #006699; font-size:12px; padding:2px 10px 2px 0px; border-bottom:1px solid #CCCCCC; }
.odd a:link{color:#006699;}
.commenttext {color: #000000; padding:5px 10px 0px 0px;  margin:0px; font-size:12px;}
#author, #email, #url {width:35%;border:1px solid #cbcbcb; font:12px Trebuchet MS; margin-bottom:0.6em;margin-top:5px;padding:1px 15px 1px 1px;}
#author {background:url(/images/user.png) no-repeat right;}
#email {background:url(/images/email.png)  no-repeat right;}
#url {background:url(/images/link.png) no-repeat right;}
#comment{width:98%;border:1px solid #cbcbcb;margin-bottom:0.6em;margin-top:5px;padding:3px;}
#submit {background:#FFFFFF; padding:1px; font:12px Trebuchet MS;  border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #E4E4E4; border-top:1px solid #E4E4E4;}

/**************** Footer *********************/
#footer{ border-top:1px solid #CCCCCC;margin:20px auto; padding-top:10px; text-align:center;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{background:url(/images/arrow_right.png) no-repeat right;float:right;padding-right:20px; margin-right:20px; font-size:14px; font-weight:bold;}
.alignleft{ background:url(/images/arrow_left.png) no-repeat left; float:left;padding-left:20px; margin-left:20px; font-size:14px; font-weight:bold;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/* ------------------ CONSUMER SITE INDEX (aka pre-footer) ------------------------ */
#PreFooter {
margin: 20px 0px 35px 0px;
font-size: 11px;
color: #777777  !important;
}

#PreFooter .bx2, #PreFooter .bx3, #PreFooter .bx4 {background:#FFFFFF !important;}

#PreFooter p {
font-family: Arial, Verdana, sans-serif;
font-size:11px;
line-height:16px;
font-weight:bold;
color:#444444;
padding: 2px 0px 4px 6px;
margin:0px;
}

#PreFooter p.GoProfessional {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:11px;
line-height:16px;
font-weight:bold;
padding: 8px 0px 0px 8px !important;
}

#PreFooter p.GoProfessional a {
color:#777777;
text-decoration(http://www.resperate.com/us/images/general/arrow-minigrey.gif)  right center no-repeat;
padding-right:10px;
margin:10px;
}

#PreFooter p.GoProfessional a:hover {
color:#00458A;
text-decoration:underline;
}

#PreFooter ul{
list-style: none;
text-align:left;

padding: 2px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}

#PreFooter li {
font-size:11px;
line-height:16px;
font-weight:bold;
color:#555555;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#PreFooter li a {
color:#777777;
font-weight:normal;
background: url(http://www.resperate.com/us/images/general/arrow-minigrey.gif)  0 -.1em no-repeat;
padding-left:10px;
}

#PreFooter li a:hover {
color:#00458A;
}


table.ConsumerIndex td {
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:6px 10px 10px 8px;
vertical-align: top;
background: #FFFFFF url(http://www.resperate.com/us/images/general/boxbg-consumerindex.jpg) bottom left repeat-x;

}

table.ConsumerIndex td.last {
border-right: 0px;
}

	/*Theses styles area matrix that control page-on indicator in Consumer Index*/
#discover 	 	ul.Index_Discover 		li.SectionName {color:#222222;}
#testimonials	ul.Index_Testimonials 	li.SectionName {color:#222222;}
#support 		ul.Index_Support 		li.SectionName {color:#222222;}
#shop 		 	ul.Index_Shop 			li.SectionName {color:#222222;}


#discover #containerSN1 ul.Index_Discover li.Page1 a, 
#discover #containerSN1 ul.Index_Discover li.Page1 a:hover,
#discover #containerSN2 ul.Index_Discover li.Page2 a, 
#discover #containerSN2 ul.Index_Discover li.Page2 a:hover,
#discover #containerSN3 ul.Index_Discover li.Page3 a, 
#discover #containerSN3 ul.Index_Discover li.Page3 a:hover,
#discover #containerSN4 ul.Index_Discover li.Page4 a, 
#discover #containerSN4 ul.Index_Discover li.Page4 a:hover,
#discover #containerSN5 ul.Index_Discover li.Page5 a, 
#discover #containerSN5 ul.Index_Discover li.Page5 a:hover,
#testimonials #containerSN1 ul.Index_Testimonials li.Page1 a, 
#testimonials #containerSN1 ul.Index_Testimonials li.Page1 a:hover,
#testimonials #containerSN2 ul.Index_Testimonials li.Page2 a, 
#testimonials #containerSN2 ul.Index_Testimonials li.Page2 a:hover,
#testimonials #containerSN3 ul.Index_Testimonials li.Page3 a, 
#testimonials #containerSN3 ul.Index_Testimonials li.Page3 a:hover,
#testimonials #containerSN4 ul.Index_Testimonials li.Page4 a, 
#testimonials #containerSN4 ul.Index_Testimonials li.Page4 a:hover,
#support #containerSN1 ul.Index_Support li.Page1 a, 
#support #containerSN1 ul.Index_Support li.Page1 a:hover,
#support #containerSN2 ul.Index_Support li.Page2 a, 
#support #containerSN2 ul.Index_Support li.Page2 a:hover,
#support #containerSN3 ul.Index_Support li.Page3 a, 
#support #containerSN3 ul.Index_Support li.Page3 a:hover,
#support #containerSN4 ul.Index_Support li.Page4 a, 
#support #containerSN4 ul.Index_Support li.Page4 a:hover,
#shop #containerSN1 ul.Index_Shop li.Page1 a, 
#shop #containerSN1 ul.Index_Shop li.Page1 a:hover,
#shop #containerSN2 ul.Index_Shop li.Page2 a, 
#shop #containerSN2 ul.Index_Shop li.Page2 a:hover,
#shop #containerSN3 ul.Index_Shop li.Page3 a, 
#shop #containerSN3 ul.Index_Shop li.Page3 a:hover,
#shop #containerSN4 ul.Index_Shop li.Page4 a, 
#shop #containerSN4 ul.Index_Shop li.Page4 a:hover
{font-weight:bold; text-decoration:none; color:#222222;}
	/*//Theses styles area matrix that control page-on indicator in Consumer Index*/
/* ------------------- //CONSUMER SITE INDEX (aka pre-footer) ------------------------ */
/* ------------------------------- ALL BOX STYLES ------------------------------ */

/* GENERIC ROUND BOX - generates a round box without images, width of box is set in the html */

#RBxContainer {
background: transparent;
margin: 2px 0px 9px 0px;
width:224px;
}

.RBxtop, .RBxbottom {display:block; background:transparent; font-size:1px;}
.bx1, .bx2, .bx3, .bx4 {display:block; overflow:hidden;}
.bx1, .bx2, .bx3 {height:1px;}
.bx2, .bx3, .bx4 {background:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}

.RBxbottom .bx2,
.RBxbottom .bx3,
.RBxbottom .bx4 {background:#FFFFFF;}
.RBxbottom .bx2 {background:#EDEDED;} /* drop shadow only on the sidebar boxes */



.bx1 {margin:0 5px; background:#CCCCCC;}
.bx2 {margin:0 3px; border-width:0 2px;}
.bx3 {margin:0 2px;}
.bx4 {height:2px; margin:0 1px;}

.RBxContent {
display:block;
background:#FFFFFF;
border:0 solid #CCCCCC;
border-width:0 1px;
padding: 0px 0px 7px 0px;
text-align:left;
}

.RBxContent h1 {
font-size:12px;
line-height:16px;
color:#333333;
background:#e2e2e2;
margin:0px 0px 10px 0px;
padding:1px 5px 3px 10px;
}

.RBxContent p {
font-size:12px;
line-height:15px;
color:#444444;
padding: 0px 10px 3px 10px;
}

	/* color exceptions on some uses of boxes (allowing the grey top stripe) */
#ContactUsBoxes .RBxtop .bx2,
#ContactUsBoxes .RBxtop .bx3,
#ContactUsBoxes .RBxtop .bx4 {background:#e2e2e2 !important;}
#ContactUsBoxes .RBxContent {padding:0px;}


#BoxException .bx2, /* this is used on dr. rowena choice box, and support choice box */
#BoxException .bx3,
#BoxException .bx4 {background:#e2e2e2 !important;}
#BoxException .RBxContent {padding-bottom:0px;}
	/* //color exceptions on some uses of boxes (allowing the grey top stripe) */
/* FOOTER */
#Footer {
text-align:center;
margin: 15px 0px 20px 0px;
padding: 0px;
font-size: 11px;
line-height: 11px;
color: #777777  !important;
}
#Footer a {
color:#00458A;
text-decoration:underline;
}




#Footer ul {
list-style: none;
font-size: 11px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

#Footer li{
display: inline;
padding: 0px;
margin: 3px;
border-right: 1px solid #777777;
}

#Footer li a {
color: #777777  !important;
text-decoration:underline  !important;
margin-right: 9px;
}

#Footer li a:hover {
color: #555555  !important;
text-decoration:underline  !important;
}

#Footer li.last {
border:0;
}


.siteMapLink0 {text-decoration:none; color:Black; font-size:17px;}
.siteMapLink1 {text-decoration:none; color:#C9254A; font-size:13px;}
.siteMapLink2 {text-decoration:none; color:gray; font-size:11px; padding-left:9px;}

/* //FOOTER */
/******************************Navigation***************************************/
#MastNav {
padding: 0px 0px 20px 0px;
}

table.Mast {
border-bottom: 1px solid #CACAC8;
}

td.ResperateLogo {vertical-align:top;}

td.ResperateLogo img {
width:164px;
height:57px;
border:0px;
vertical-align:top;
}


/* //NAVIGATION: Top Mini Information */
td.TopNav {vertical-align:top;}

div#TN {
top:0px;
left:0px;
height:50px;
font-size:11px;
color: #333333;
vertical-align:top;
}

div#TN a {color: #05458D;}
div#TN a:hover {color: #3E76AC; /*#00335F;*/}

div#TN0, div#TN1, div#TN2, div#TN3, div#TN4, div#TN5, div#TN6 {
position: relative;
display: inline;
left: 0px;
top:-12px;
}

div#TN0 {
top: -2px !important;
width:78px; 
height:26px;
padding-right:5px;
}

div#TN1 {
top: -6px !important;
width:16px; 
height:20px; 
}

div#TN2 {
font-weight:bold;
left:-2px;
margin-right: 5px;
}

div#TN3 {
font-weight:bold;
padding: 0px 7px 0px 10px;
border-left: 1px solid #333333;
}

div#TN4 {
padding: 0px 5px 0px 0px;
}

div#TN4 select {
font-family:  Helvetica, Verdana, sans-serif;
font-size: 11px;
color: #333333;
height:17px;
border:1px solid #ABABAB;
padding:3px 0px 1px 0px;
}

div#TN5 {
padding: 0px 10px 0px 16px;
margin: 0px 0px 0px 3px;
border-left: 0;
}

div#TN5 img {
position: relative;
display: inline;
left: 0px;
top:10px;
}

div#TN6 {
top:0px !important;
}
/* //NAVIGATION: Top Mini Information */

/* NAVIGATION TABS */
#TabbedNav {
width:573px;
height: 36px;
padding: 0;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
position:relative;
border: 1px
left:0px;
top:1px;
}

ul#nav {
position: relative;
top: 0px;
left: 0px;
width: 100%;
margin: 0px 0px 0px 0px;
height: 36px;
list-style-type: none;
overflow: hidden;
}


body#welcome ul#nav {
background: transparent url(http://www.resperate.com/us/images/nav/nav_allstates.jpg) no-repeat 0px 0px;}

body#discover ul#nav {
background: transparent url(http://www.resperate.com/us/images/nav/nav_allstates.jpg) no-repeat 0px -36px;}

body#testimonials ul#nav {
background: transparent url(http://www.resperate.com/us/images/nav/nav_allstates.jpg) no-repeat 0px -72px;}

body#support ul#nav {
background: transparent url(http://www.resperate.com/us/images/nav/nav_allstates.jpg) no-repeat 0px -108px;}

body#shop ul#nav {
background: transparent url(http://www.resperate.com/us/images/nav/nav_allstates.jpg) no-repeat 0px -144px;}

body#miscpages ul#nav {
background: transparent url(http://www.resperate.com/us/images/nav/nav_allstates.jpg) no-repeat 0px -180px;}


ul#nav li a {
position: absolute;
top: 0;
width: 113px;
text-indent: -9000px;
text-decoration: none;
padding: 36px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:36px; /* IE5/Win */
background: transparent url(http://www.resperate.com/us/images/nav/nav_allstates.jpg) no-repeat;
}

body#discover li#tab_1 a 		{ background-position:    0px -180px; width: 113px; left: 0; }
body#discover li#tab_1 a:hover	{ background-position:    0px -36px; }
body#discover li#tab_2 a 		{ background-position: -115px -36px; left: 115px; }
body#discover li#tab_2 a:hover	{ background-position: -115px -36px; }
body#discover li#tab_3 a 		{ background-position: -230px -180px; left: 230px; }
body#discover li#tab_3 a:hover	{ background-position: -230px 0px; }
body#discover li#tab_4 a 		{ background-position: -345px -180px; left: 345px; }
body#discover li#tab_4 a:hover	{ background-position: -345px 0px; }
body#discover li#tab_5 a 		{ background-position: -460px -180px; left: 460px; }
body#discover li#tab_5 a:hover	{ background-position: -460px 0px; }

body#support li#tab_1 a 		{ background-position:    0px -180px; width: 113px; left: 0; }
body#support li#tab_1 a:hover	{ background-position:    0px -36px; }
body#support li#tab_2 a 		{ background-position: -115px -180px; left: 115px; }
body#support li#tab_2 a:hover	{ background-position: -115px 0px; }
body#support li#tab_3 a 		{ background-position: -230px -180px; left: 230px; }
body#support li#tab_3 a:hover	{ background-position: -230px 0px; }
body#support li#tab_4 a 		{ background-position: -345px -108px; left: 345px; }
body#support li#tab_4 a:hover	{ background-position: -345px -108px; }
body#support li#tab_5 a 		{ background-position: -460px -180px; left: 460px; }
body#support li#tab_5 a:hover	{ background-position: -460px 0px; }

/* NAVIGATION: SECOND LEVEL NAV STRIP*/
ul#SubNav {
list-style: none;
height: 23px;
background: #e5e5e5;
margin: 0px;
padding: 0px;
border-bottom:1px solid #CACAC8;
}

ul#SubNav li {
display: inline;
color: #D12045;
font-size: 12px;
line-height: 13px; /*was 30px*/
font-weight: bold;
margin: 0px;
padding: 0px 10px 0px 7px;
border-right: 1px solid #888888;
}

ul#SubNav li a {
color: #444444;
text-decoration: none;
}

ul#SubNav li a:hover {
color: #121212;
text-decoration: none;
}

ul#SubNav li.last { border: none; }

/*#SN1 .SNlink1 a, #SN1 .SNlink1 a:hover {color: #D12045;}
#SN2 .SNlink2 a, #SN2 .SNlink2 a:hover {color: #D12045;}
#SN3 .SNlink3 a, #SN3 .SNlink3 a:hover {color: #D12045;}
#SN4 .SNlink4 a, #SN4 .SNlink4 a:hover {color: #D12045;}
*/


#containerSN1 .SNlink1 a, #containerSN1 .SNlink1 a:hover {color: #D12045;}
#containerSN2 .SNlink2 a, #containerSN2 .SNlink2 a:hover {color: #D12045;}
#containerSN3 .SNlink3 a, #containerSN3 .SNlink3 a:hover {color: #D12045;}
#containerSN4 .SNlink4 a, #containerSN4 .SNlink4 a:hover {color: #D12045;}
#containerSN5 .SNlink5 a, #containerSN5 .SNlink5 a:hover {color: #D12045;}
#containerSN6 .SNlink6 a, #containerSN6 .SNlink6 a:hover {color: #D12045;}

		/* all of these are pages that don't have a matching container, ie, don't need to have a matching configuration/selection in consumer site index */

/* #SN3 ul {
padding-left:172px;
}*/

#SNdiv { /* check this*/
text-align:right;
padding-top:10px;/*addedin*/
background: #e5e5e5;/*addedin*/
}

/* //NAVIGATION: SECOND LEVEL NAV STRIP*/