/* CSS Document */

<iframe src="http://www.control-your-blood-pressure.com/demoslider.html" 
style="border:1px #CCCCCC solid;" name="frame1" scrolling="auto" frameborder="no" 
align="center" height = "400px" width = "760px">
</iframe>

* {margin: 0; padding: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* headers */



#top-gradient {
	height: 82px;
        width: 100%;
	margin-right: auto;
	margin-left: auto;
        background-color: #EDF3FE;
}

#top-gradient #top-gradient-container {
        vertical-align: top;
	width: 800px;
        height: 82px;
	margin-right: auto;
	margin-left: auto;
}

#navbar {
	background-image: url(images/bg_navbar.gif);
	height: 22px;
	width: 100%;
	background-repeat: repeat-x;
        vertical-align: center;
        text-align: center;
}

#navbar #navbar-container {
        vertical-align: center;
	width: 800px;
        height: 22px;
	margin-right: auto;
	margin-left: auto;
        text-align: center;
}

#header {

	background-image: url(images/dotbg.png);
	height: 150px;
	width: 100%;
	background-repeat: repeat-x;
}

#header #header-container {
        vertical-align: top;
	width: 900px;
        height: 150px;
	margin-right: auto;
	margin-left: auto;
}

#header-container-box {
	height: 50px;
	width: 125px;
	float: right;
	margin-top: 0;
}

#header-container-box2 {
	height: 50px;
	width: 125px;
	float: left;
	margin-top: 0;
}

#header-container2 {
	height: 150px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

#header2 {
        background-color: #EDF3FE;
	height: 50px;
	width: 100%;
        border-bottom: 1px solid #C0C0C0;
}

#header2 #header-container2 {
	text-align: center;
	width: 800px;
        height: 50px;
	margin-right: auto;
	margin-left: auto;
}

#header2 #header-container3 {
	text-align: center;
	width: 740px;
        height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
}






#footer {
	margin-top: 0px;
        width: 100%;
	background-image: url(images/bg_bot.gif);
        valign: top;
	background-repeat: repeat-x;
}

#footer-container {
	width: 650px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
        text-align: center;
}
        

/* site structure */

#wrapper {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
        border-left: 1px solid #C0C0C0;
        border-right: 1px solid #C0C0C0; 
}


#wrapper #right-box {
	position: relative;
	float: right;
	width: 280px;
        margin: 0 20px 20px 20px;
}

.user_comments {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	border: 1px solid #CCCCCC;	
}


#right-box p {
	padding: 0 15px 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;	
}

#box-text {
	text-align: left;	
}

#wrapper #right-box #testimonial {
	padding: 10px 10px 0px 10px;
	
}


#wrapper #leftcol {
	width: 440px;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
}

#wrapper #leftcol1 {
	width: 390px;
        padding-left: 170px;
}

#wrapper #leftcol2 {
	width: 580px;
        padding-left: 170px;
}
#wrapper #leftcol3 {
	width: 710px;
        padding-left: 170px;

}

#wrapper #leftcol4 {
	width: 370px;

}


/* heading formats */

h1 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 29px;
        font-weight: normal;
	text-align: center;
        line-height: 38px;
	margin: 0px 0 10px;
	color: #CC0000;
        padding-top: 15px;
}

.subhead {
        margin: 0 0 15px 0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #063350;
	line-height: 20px;
}

/*h2 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #063350;
	font-size: 18px;
	text-align: left;
        padding-top: 5px;
        padding-bottom: 20px;
}*/

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #063350;
	font-size: 16px;
        font-weight: bold;
	text-align: left;
	line-height: 24px;
        padding-top: 10px;
        padding-bottom: 10px;
}
h4 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 16px;
        color: #990000;
        display: inline; 
        text-align: left;
        font-weight: bold;
}



h5 {
	font-size: 18px;
}

h6 {
	font-size: 18px;
	background-color: #E8E8FF;
	text-align: center;
	padding-right: 50px;
	padding-left: 50px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
h7 {
	font-size: 18px;
        font-color: #000000;
        text-align: center;
}

a:link {
	font-weight: bold;
	color: #0066FF;
	
}
a:visited {
	font-weight: bold;
	color: #666666;
	
}
a:hover {
	color: #0099FF;
	text-decoration: underline;
}
a:active {
	color: #FF3300;
	
}

.ask-the-experts-image {
	background-image: url(images/ask-the-experts.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 90px;
}



p, #wrapper ul, #ol {
	color: #204063;
	padding-bottom: 0;
	font-size: 14px;
	line-height: 24px;
}

#wrapper ol {
	list-style-position: inside;
		margin-top: 10px;
	color: #204063;
	margin-bottom: 10px;
	padding: 0 0 10px 60px;
}

ol li {padding-bottom: 10px;}


#wrapper ul {
	margin-left: 25px;
}

.style1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
padding-top: 10px;
color: #000080;
}
.style2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-align: left;
padding-left: 20px;
padding-right: 20px;
color: #333333;
}
.style3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
padding-top: 10px;
color: #000000;
}
.style4 {
font-family: Arial, Helvetica, sans-serif;font-size: 14px;
font-weight: normal;
font-style: italic;
text-align: left;
padding-left: 80px;
padding-right: 60px;
color: #333333;
}
.style5 {
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 5px 0 20px;
color: #000000;
}
.style6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
text-align: center;
padding-top: 10px;
color: #063350;
line-height: 20px;
}
.style7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #0066FF;
display: inline; text-align: center;
font-weight: bold;
}
.style8 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #666666;
display: inline; text-align: center;
font-weight: normal;
}
.style9 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #204063;
text-align: left;
padding: 10px 0 10px 0;
}
.style11 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
display: inline;
text-align: center;
font-weight: normal;
}
.style12 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #990000;
display: inline; text-align: left;
font-weight: bold;
}
.style13 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
display: inline; text-align: left;
font-weight: normal;
margin-left: 50px;
}



.indent li {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 0 0 70px;
	list-style-type: none;
}

#special {
	/*background: url(images/special_offer.jpg) no-repeat;*/
	width: 718px;
        height: 447px;
        margin-right: auto;
        margin-left: auto;
}


#offer {
	background: url(images/offer_bg.gif) repeat-y;
	width: 580px;
        padding: 0 20px 0 20px;
}
#offer_bottom {
	background: url(images/banner.png) no-repeat bottom left;
	height: 140px;
}
#offer_top {
	background: url(images/offer_top.gif) no-repeat top left;
	margin: 0;
	height: 22px;
	color: #fff;
}


#case-study {
	padding: 20px 20px 20px 20px;
	margin: 0 0 20px 0;
	border: 2px solid #CCCCCC;
	background-color: #E1E2FD;
}

#box2 {
	width: 94%;
        padding: 15px;
        border: 4px dashed #ff0000;
        margin: 10px auto 15px auto;	
}

#case-study #box {
	position: relative;
	float: right;
	width: 287px;
        height: 600px;
        overflow: hidden;
        /*border: 1px solid #000000;
        margin-bottom: 20px;*/
}

#bio {
	padding: 20px 20px 20px 20px;
	margin: 0 0 20px 0;
	background-color: #EDF3FE;
	border: 1px solid #CCCCCC;
}

.invis {
   position: absolute;
   visibility: hidden;
   width: 1px;
   height: 1px;
   clip: auto;
   overflow: hidden;
}
#case-study-mini {
	padding: 10px 5px 10px 5px;
	margin: 0 0 20px 0;
	border: 2px solid #CCCCCC;
	background-color: #E1E2FD;
}

.case-study-image {
	background-image: url(images/casestudy.gif);
	background-repeat: no-repeat;
	padding: 5px 0 25px 60px;
}

#case-study2 {
	padding: 20px 20px 20px 20px;
	margin: 0 0 20px 0;
	border: 2px solid #000080;
	background-color: #FFFFE1;
}
#case-study3 {
	padding: 20px 20px 20px 20px;
	margin: 0 0 20px 0;
	border: 2px solid #000000;
}

.floatleft {
	float: left;
}
.ask-the-expert-text {
	padding-left: 20px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #A9ABFA;
	margin-left: 50px;
	margin-bottom: 30px;
	font-style: normal;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
}
.features li {
	background-image: url(images/blue-bullet.png);
	background-repeat: no-repeat;
	margin-top: 0px;
        margin-left: 15px;
	margin-bottom: 0px;
	padding: 0 0 0 40px;
	list-style-type: none;
}

.features12 li {
	background-image: url(images/check3.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
        margin-left: 40px;
	margin-bottom: 0px;
	padding: 0 0 0 20px;
	list-style-type: none;
}

.features2 li {
	background-image: url(images/check.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
        margin-left: 15px;
	margin-bottom: 0px;
	padding: 0 0 0px 25px;
	list-style-type: none;
}
.features3 li {
	background-image: url(images/check3.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
        margin-left: 15px;
	margin-bottom: 0px;
	padding: 0 0 0 20px;
	list-style-type: none;
}


.demo_hve {
	background: url(images/demo_hve_bg.gif) repeat-y;
	width: 580px;
}
.demo_hve .bottom{
	background: url(images/demo_hve_bottom.gif) no-repeat bottom left;
	height: 15px;
}
.demo_hve h5{
	background: url(images/demo_hve_head.gif) no-repeat top left;
	margin: 0;
	padding: 7px 10px 20 10px;
	height: 62px;
	color: #fff;
        font-weight: bold;
        font-size: 18px;
}

.demo_hve22 {
	background: url(images/demo_hve_bg22.gif) repeat-y;
	width: 580px;
}
.demo_hve22 .bottom22{
	background: url(images/demo_hve_bottom22.gif) no-repeat bottom left;
	height: 15px;
}
.demo_hve22 h5{
	background: url(images/demo_hve_head22.gif) no-repeat top left;
	margin: 0;
	padding: 7px 10px 20 10px;
	height: 62px;
	color: #fff;
        font-weight: bold;
        font-size: 18px;
}

.demo_hve3 {
	background: url(images/demo_hve_bg.gif) repeat-y;
	width: 580px;
}
.demo_hve3 .bottom{
	background: url(images/demo_hve_bottom.gif) no-repeat bottom left;
	height: 15px;
}
.demo_hve3 h5{
	background: url(images/demo_hve_head3.gif) no-repeat top left;
	margin: 0;
	padding: 7px 10px 20 10px;
	height: 62px;
	color: #fff;
        font-weight: bold;
        font-size: 18px;
}

#orderseal {
	background-image: url(images/seals.jpg);
        width: 580px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
}

#review {
        width: 540px;
        border: 2px solid #CCCCCC;
        padding: 20px;
}

#order {
        width: 580px;
        border: 4px red dashed;
        margin: 30px 0 30px 0;
}

.pbtn {
margin: auto;
background-color: #ff0000;
width: 258px;
height: 94px;
}

.pbtn:hover {
background-color: #00cc00;
}




.rollover a {
display:block;
width: 202px; height:144px;
text-align:center;
padding:0px; margin:0px;
background: url("images/demo3.jpg") 0 0 no-repeat;
text-decoration: none;
margin-bottom:5px;
border: 1px solid #0570ff;
}
.rollover a:hover { background: url("images/demo4.jpg") 0 0 no-repeat;
border: 1px solid #0570ff;
}

.citation {
	margin: 10px 10px 20px 20px;
 	padding: 15px 15px 5px 15px;  	
  	background: #FAFAFA;
	border: 1px solid #d5d5d5; 
	border-left: 4px solid #4284B0;   
	color: #666666;
        font: normal 11px Verdana, Arial, Helvetica, sans-derif; 
}

.citation p {
	color: #4284B0;
}

.quote {
	margin: 10px 10px 20px 20px;
 	padding: 15px 15px 5px 15px;  	
  	background-color: ##FFFF99;
	border: 1px solid #d5d5d5; 
	border-left: 4px solid #4284B0;   
	color: #333333;
        font: normal 11px Verdana, Arial, Helvetica, sans-derif; 
}

.box {
	background-color: #FAFAFA;
	padding: 15px; 
        margin: 20px 0px 20px 0;
	border: 1px solid #d5d5d5;	
}

.guarantee {
	background-color: #FFFFFF; 
        margin: 20px 0px 20px 0;
	border: 1px solid #9BAC5D;	
}

.guarantee-box {
	background-color: #FFFFFF; 
        padding: 15px;	
}


.yellowbox {
	background-color: #FFFF66;
	padding: 15px 15px 0 15px; 
        margin: 20px 0px 20px 0;
        border: 2px solid #000000;	
}

.yellowbox p {
	color: #000000;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
}

.specialbox {
	padding: 15px 15px 0 15px; 
        margin: 20px 0px 20px 0;
        border: 2px solid #3333FF;	
}

.specialbox p {
	color: #000000;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
}


#scrollbox {
	width: 530px;
        height: 200px;
        border: 1px solid #000066;
        overflow: scroll;
        padding: 20px 20px 20px 20px;
}

.scrollbox-text {
	border-bottom-style: solid;
	border-bottom-color: #D3E5F9;
        margin-bottom: 20px;
}

#special {
	background: url(images/special-banner.gif) no-repeat;
	width: 580px;
	height: 470px;
        margin-right: auto;
        margin-left: auto;
}


/* MENU */

.chromestyle{
width: 100%;
font-weight: bold;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: inline; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
background: url(images2/bg_navbar.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images2/bg_navbar-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/* END MENU */