* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 color:#333;
 background:#84b0c5 url(images/body_bg.jpg) top center repeat-y;
}

#wrapper{
width:920px;
margin: 0 auto;
background:#fff url(images/container_bg.jpg);
}
#container{
margin: 0 auto;
width:900px;
}
#header{
width:900px;
height:145px;
background:url(images/header_bg.jpg) bottom left;
}
#nav{
clear:both;
margin:0px;
padding:0px;
width:auto;
height:53px;
background:#fff url(images/top_faux_bg.jpg) bottom center; 
}
#top_round_legal{
clear:both;
margin:0px;
padding:0px;
width:auto;
height:23px;
background:#fff url(images/top_faux_bg.jpg) bottom center; 
}
#faux{
clear:both;
padding:15px 25px;
margin:0px;
/*overflow: auto; /*Fix for IE */
background:#fff url(images/faux_bg.jpg) top center repeat-y; 
}
#top_footer{
margin:0px;
clear:both;
height:23px;
width:auto;
background:url(images/bottom_faux_bg.jpg) top center;
}
#footer{
color:#b9e5fa;
padding:6px 25px 6px 25px;
clear:both;
font-size: 11px;
text-align: center ;
background:#fff url(images/footer_bg.jpg) top center repeat-x;
}


#menu{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	background:transparent url("images/menu_bg.jpg") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #ceecfa;
}
#menu  li{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	}
#menu  li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 0 10px;
	height:30px;
	background:transparent url(images/divider1.jpg) no-repeat top right;
	}
#menu  li a:hover{
	background:transparent url(images/menu_on.jpg) repeat-x top right;	
	}
	
.menu_on{
	background:#b9e5fa url(images/menu_on2.jpg) repeat-x top right;	
	}	

/* web settings */
.clear{clear:both;}
h1{font-size: 20px; color:#f7941d; margin:0 0 3px 0 ; letter-spacing: -0.5px;}
h2{}
h3{font-size: 15px; color:#f7941d;}
table{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
td{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}



h1#logo {
display:block;
width:241px;
height:82px;
text-indent:-9000px;
background:transparent url(images/pocketdoc-logo.png) no-repeat 0 0;
position:relative;
left:35px;
top:35px;
}

h1#logo a {
display:block;
width:100%;
height:100%;
outline:none;
}
.float_left{float:left;}
.float_right{float:right;}


.A{font-size: 18px; color:#20bed7; font-weight:bold;
float:left; line-height:18px;
margin:0 2px 10px 0;
}
.Q {font-size: 18px; color:#f7941d; font-weight:bold;
float:left; line-height:18px;
margin:0 2px 10px 0;
} 



/*web links*/
#faux a:link {text-decoration: none; color:#4891ce;}
#faux a:visited {text-decoration: none; color:#4891ce;}
#faux a:active {text-decoration: none; color:#4891ce;}
#faux a:hover {text-decoration: none; color:#ff9933;}

#footer a:link {text-decoration: none; color:#b9e5fa;}
#footer a:visited {text-decoration: none; color:#b9e5fa;}
#footer a:active {text-decoration: none; color:#b9e5fa;}
#footer a:hover {text-decoration: none; color:#ff9933;}


#small_text a:link {text-decoration: none; color:#fff; font-size:11px;}
#small_text a:visited {text-decoration: none; color:#fff; font-size:11px;}
#small_text a:active {text-decoration: none; color:#fff; font-size:11px;}
#small_text a:hover {text-decoration: none; color:#ff9933; font-size:11px;}

/*home page settings*/
#homepage{
float:left;
width:630px;
}
#right_side{
float:right;
width:200px;
}
.products_right{
float:right;
width:600px;
padding:0 60px 0 0;
}
.products_left{
float:left;
width:160px;
text-align:center;
}

/* Nati: commented out - login screen css
#h3_login_top{width:200px; height:30px; background:url(images/logintop_bg.gif) top left;}
#login{width:200px; margin:14px 0 0 0; background:url(images/login_bg.gif) repeat-y;}
#login_inside{padding:8px 0 8px 13px;}
.input_login{width:165px; height:14px; padding:2px; margin:2px 0 2px 0;}
.login_butt{float:right; margin:2px 18px 0 0;}
#login_bottom{width:200px; height:40px; background:url(images/login_bottom_bg.gif) top left;}
*/

.photo{border:0px solid; margin:0 0 90px 12px;}
.float_right_examples{float:right; width:405px;}

.h3_header{border-bottom:1px solid #b9e5fa;clear:both; color:#20bfd5;}
.blue{color:#20bfd5;}
p{margin:0 0 10px 0}
hr{border:1px solid #b9e5fa; clear:both; margin:10px 0;}

.round {
width: 100%;
background-color: #e7f3f8;
margin:12px 0 12px 0;
clear:both;
}
.round p {
margin: 0 10px;
}
.roundtop { 
background: url(images/tr.gif) no-repeat top right; 
}
.roundbottom {
background: url(images/br.gif) no-repeat top right; 
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}

.pro_holder{
width:825px;
clear:both;
padding:0;
margin:0 0 0 15px;
height: 100%;
overflow: auto; /*Fix  */
}
.products_holder{float:left; width:410px; margin:0 15px 0 0;}
.icon{float:left; margin:0 10px 0 0; height:100%;}



/* Button Rollovers */
#First_Aid{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/First_Aid.jpg) top left no-repeat;
	display: block;
}
#First_Aid:hover{
	background-position: bottom left;
}

#Prevention{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Prevention.jpg) top left no-repeat;
	display: block;
}
#Prevention:hover{
	background-position: bottom left;
}

#Illustrations{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Illustrations.jpg) top left no-repeat;
	display: block;
}
#Illustrations:hover{
	background-position: bottom left;
}

#Medications{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Medications.jpg) top left no-repeat;
	display: block;
}
#Medications:hover{
	background-position: bottom left;
}

#Interactions{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Interactions.jpg) top left no-repeat;
	display: block;
}
#Interactions:hover{
	background-position: bottom left;
}

#Calculators{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Calculators.jpg) top left no-repeat;
	display: block;
}
#Calculators:hover{
	background-position: bottom left;
}

#Tests_Results{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Tests_Results.jpg) top left no-repeat;
	display: block;
}
#Tests_Results:hover{
	background-position: bottom left;
}

#Help_Guide{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Help_Guide.jpg) top left no-repeat;
	display: block;
}
#Help_Guide:hover{
	background-position: bottom left;
}

#Records{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Records.jpg) top left no-repeat;
	display: block;
}
#Records:hover{
	background-position: bottom left;
}

#Legal_Resources{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Legal_Resources.jpg) top left no-repeat;
	display: block;
}
#Legal_Resources:hover{
	background-position: bottom left;
}

#Plus_More{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/Plus_More.jpg) top left no-repeat;
	display: block;
}
#Plus_More:hover{
	background-position: bottom left;
}

#main{margin:5px 0 5px 0;
	height:64px;
	width: 64px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(icons/main.jpg) top left no-repeat;
	display: block;
}
#main:hover{
	background-position: bottom left;
}




/* tutorial_menu start*/
#buttonscontainer {width: 200px; background: url(images/round_center.jpg) top center repeat-y;}

#buttonscontainer a:link{
color: #666;
padding:2px;
padding-left: 10px;
display: block;
font: 11px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#buttonscontainer a:visited{
color: #666;
padding:2px;
padding-left: 10px;
display: block;
font: 11px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#buttonscontainer a:hover {

color: #34adca;
text-decoration: none;
}

/* Tutorial botton*/
#tutorial{margin:5px 0 5px 0;
	height:22px;
	width: 90px;
	 font-size: 1px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(images/botton-tutorial.png) top left no-repeat;
	display: block;
}
#tutorial:hover{
	background-position: bottom left;
}