/*

** Procter Health Care

**

** default.css

*/



/* Redefine HTML tags */

* { padding:0; margin:0; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:75%; }

html > body { font-size: 12px; }



h1 { color: #10147E; padding:0; margin:0; font-size:1.8em; }

table, table td { border:0; padding:0; margin:0; }

form { display:inline; }

img { border:0; }

a { text-decoration:none; color: #10147E; }

a:hover { text-decoration:none; color: #10147E; }

label { cursor:pointer; }

p { font-size:1em; }

h1 { margin-bottom:10px; }

h4 { font-size:1em; }




/* Wrappers */

/*#wrapper { margin:0px auto; width:780px; background-image: url('/images/contentbg.jpg'); background-repeat: repeat-y; }*/

#wrapper { margin:0px auto; width:950px; background-image: url('/images/contentbg_950.jpg'); background-repeat: repeat-y; }

.clear { clear:both; }

.bold { font-weight:bold; }

.left { float:left; }

.right { float:right; }

.hide { display:none; }



.creativeedge { margin:0px auto; width:780px; font-size:0.9em; }

.creativeedge div.right { text-align:right; }

.creativeedge a:hover { text-decoration:underline; }



/* Brand colours */

.blue { color: #10147E; }

.paleblue { color: #CFD0E5; }

.orange { color: #FF7800; }

.white { color: #FFFFFF; }

.black { color: #000000; }

.red { color: #FF0000; }



/* Page header styles */

.header { background-color: #10147E; height:62px; }

.header div.logo { float:left; }

.header div.logo a { display:block; width:340px; height:62px; background-image: url('/images/headerlogo.jpg'); background-position: top left; background-repeat: no-repeat; }

/* .header div.image { float:left; width:314px; height:62px; background-image: url('/images/headerpic_1.jpg'); background-position: top left; background-repeat: no-repeat; } */

.header div.image { float:left; width:314px; height:62px; background-color: #10147E; }

.header div.links { float:right; background-color: #10147E; width: 250px; height:62px; margin-right:10px; text-align:right; color: #ffffff; }

.header div.links div { padding:3px; }

.header div.links a { color: #FFFFFF; }

.header div.links a.sitemap { color: #FF7800; }

.header div.topsearch { margin:0; padding:0; text-align:right; }

.header div.topsearch table { border:0px solid #CFD0E5; margin:0; padding:0; }

.header div.topsearch input { font-size:1em; width:90px; }



/* Header navigation styles */



.topnavigation { height:1.1em;  }

html>body .topnavigation { height:1.1em; }

.topnavigation { background-color: #FF7800; padding:5px 0px 5px 5px; color: #ffffff; font-size: 0.97em; }

.topnavigation div.left { float:left; }

.topnavigation div.left a { color: #10147E; text-transform: uppercase; padding:0px 4px; }

.topnavigation div.left a:hover { color: #10147E; text-decoration:underline; }

.topnavigation div.right { float:right; margin-right:5px; }

.topnavigation div.right a { color: #10147E; text-transform: none; padding:0px 0px; }

.topnavigation div.right a:hover { color: #10147E; text-decoration:underline; }



/* Left-hand side navigation */

.leftnavigation { width:153px; float:left; }

.leftnavigation ul { list-style:none; padding:0; margin:0; }

.leftnavigation ul li { width:153px; font-family:Arial, Helvetica, sans-serif; }

.leftnavigation ul li a { font-size:1em; }

.leftnavigation ul li a { display:block; padding:5px 5px 5px 20px; color: #FFFFFF; background-color: #10147E; border-bottom:1px solid #FF7800; background-image: url('/images/orangebullet.gif'); background-repeat: no-repeat; background-position: left center; }

.leftnavigation ul li a:hover { background-color: #CFD0E5; color: #10147E; border-bottom:1px solid #FF7800; }

.leftnavigation ul li a.selected { font-weight:bold; color: #10147E; background-color: #CFD0E5; border-bottom:0px; }

.leftnavigation ul li a.shoponline { font-weight:bold; color: #000000; background-color: #FFFFFF; border-bottom:0px; }

.leftnavigation ul li a.specialoffers { font-weight:bold; color: #10147E; background-color: #FF7800; border-bottom:0px; background-image: url('/images/whitebullet.gif'); background-repeat: no-repeat; background-position: left center; }

/* Left-hand side navigation footer */

.leftnavigation div.leftfooter { background-color: #10147E; }

.leftnavigation div.leftfooter ul { margin:0; padding:5px; list-style:none; border:0; background-image: none; }

.leftnavigation div.leftfooter ul li { padding:1px; margin:0; border:0; background-image: none; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; }

.leftnavigation div.leftfooter a { color: #ffffff; font-size:0.95em; padding:0; margin:0; border:0; background-image: none; background-color: #10147E; }

.leftnavigation div.leftfooter a:hover { text-decoration:underline; color:#ffffff; padding:0; margin:0; border:0; background-image: none; background-color: #10147E; }



/* Right-hand side column */

.rightcolumn { float:right; width: 200px; padding:7px; background-color: #CFD0E5; font-size:0.97em; }

.rightcolumn p { padding:0; margin:0; }

.rightcolumn div.titleblock { padding:2px 2px 2px 20px; margin-bottom:3px; background-color: #10147E; color: #ffffff; background-image: url('/images/orangebullet.gif'); background-repeat: no-repeat; background-position: left center; }



/* Right-hand side column images */

.rightside_topimage { text-align:center; margin-bottom:5px; }



/* Right-hand side category title */

.rightside_categorytitle { font-weight:bold; color: #10147E; font-size:1.1em; margin:0px 0px 3px 0px; }



/* Right-hand side descriptive text */

.rightside_descriptivetext { font-size:1em; margin-bottom:10px; }



/* Content */

.content { margin:10px 225px 5px 160px; }



/* Content - index/home page */

.homepage { overflow:auto; }

.homepage div.left { float:left; width:50%; }

.homepage div.right { float:right; width:50%; }

.homepage p { padding:3px 0px; }

.homepage img {
float: right;
clear: right;
padding: 0px 0px 10px 10px; }

.homepage hr {
	clear: both;
	float: left;
	width: 99%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #0000CC;
}



/* Footer */

.footer { overflow:auto; clear:both; background-color: #FF7800; color: #10147E; }

.footer div.leftbit { float:left; width:153px; height:63px; background-color: #10147E; }

.footer div.rightbit { padding-top:3px; height:60px; padding-left:10px; margin-left:153px; }

.footer a { font-weight:bold; }

.footer a:hover { font-weight:bold; }



/* Back-page link */

.backlink { margin-top:10px; padding-left:10px; margin-bottom:10px; background-image: url('/images/backarrow.gif'); background-position: left center; background-repeat: no-repeat; }

.backlink a { }

.backlink a:hover { }



/* Breadcrumb */

.breadcrumb { margin-bottom:10px; }



/* Promotional tiles, type 1 */

.promoTileType1 { border:1px solid #10147E; margin:7px 0px; width:100%; background-color:white; font-family:Arial, Helvetica, sans-serif; }

.promoTileType1 div.tileLeft { float:left; }

.promoTileType1 img { margin:5px 5px 5px 2px; border:1px solid #10147E; }

.promoTileType1 div.tileHead { background-color: #10147E; padding:5px 2px 5px 4px; }

.promoTileType1 div.tileBody { background-color: white; color: #10147E; font-size:1em; padding:3px; }

.promoTileType1 h3 { color:white; font-size:1.2em; margin:0; padding:0; font-weight:bold; }

.promoTileType1 h3 a { color:white; text-decoration:none; }

.promoTileType1 h3 a:hover { color:white; text-decoration:none; }



/*h1 { font-size:20px; }*/





/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */



.newclear { display: inline-block; }   

.newclear:after, .container:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

}

* html .newclear { height: 1%; }

.newclear { display: block; }