body {
  font-family: verdana;
  font-size: 62.5%;
  }

form {
  margin: 0;
  padding: 0;
  }

#logo {
  border: 0;
  float: left;
  }

a img {border: none;}

#banner {
  float: left;
  }

#banner img {
  border: 0;
  margin: 0;  
  }

#container {
  width: 960px;
  overflow:hidden;
  margin: 0 auto;
  }

/*.column {
  float: left;
  }*/

#main_nav {
  float: left;
  width: 960px;
  background-color: #4EC0DA;
}


#main_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 2em;
  float: left;
}

#main_nav li {
  float: left;
  color: #FFFFFF;
  line-height: 2em;
  text-transform: uppercase;
  /*border-right: 1px solid #FFFFFF;*/
  /*height: 10px;*/
  position: relative;
  /*overflow: hidden;*/
  text-align: center; 
  }

#main_nav .last_nav {
  background-image: none;
  }
#footer .last_nav {
  background-image: none;
  }
#main_nav li a {
        color: #D5F2F8;
  text-decoration:  none;
  /*border: 1px solid red;*/
  display: block;
  /*background-color: #ABABAB;*/
  font-size: 12px;
  letter-spacing: 1px;
  padding: 0 0 0 0;
}

#main_nav li a:hover {
        xcolor: #FFFFFF;
        background-color: #EFF9F9;
  	color: #0C479D;
}

#main_nav li a:active {
        color: #FFFFFF;
}

/* Suckerfish dropdown code */

#main_nav li ul {
  display: none;
  position: absolute; 
  top: 2em;
  left: 0;
  }

#main_nav li > ul {
  top: auto;
  left: auto;
  }



#main_nav li:hover ul, #main_nav li.hover ul { display: block; }

#nav_advice {
       width: 185px;
}

#nav_about {
       width: 158px;
}

#nav_products {
       width: 185px;
}

#nav_exchange {
       width: 263px;
}

#nav_contact {
       width: 169px;
}


/* Sub Nav Styling */

#main_nav li ul {
  background-color: #AFE0E2;
  margin: 0;
  padding: 0 0 0 0;
  border: 1px solid #4EC0DA;
  height: auto;
  }

#main_nav li li {
  width: 184px;
  color: #0C479D;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 2em;
  line-height: 2em;
  float: none;
  background-image: none;
  border-bottom: 1px solid #4EC0DA;
  overflow: hidden;
  }
  

#main_nav #nav_exchange ul li {
  width: 260px;
}

#main_nav #nav_about ul li {
  width: 157px;
}

#main_nav #nav_contact ul li {
  width: 167px;
}

#main_nav li li.last_subnav {
  border-bottom: none;
  }
 

#main_nav li li a {
  color: #0C479D;
  padding: 0 0 0 10px;
  margin: 0;
  width: 100%;
  }

#main_nav li li a:hover {
  background-color: #EFF9F9;
  color: #0C479D;
  }


/* End of Sub Nav styling */

#main {
  float: left;
  width: 960px;
  background-color: transparent;
  }

#sidebar {
  width: 230px;
  /*border-top: 22px solid #AFE0E2;*/
  /*background-color: #FFFFFF;*/
  float: left;
  }

#content {
  width: 730px;
  /*background-color: #EDEDED;*/
  background-color: transparent;
  /*border-left: 3px solid #4EC0DA;*/
  border-left: 230px solid #FFFFFF;
  margin-left: -230px;
  float: right;
  padding-bottom: 36px; /* the footer margin is pulled up so add padding here to make the content OK */
  }

#footer {
  float: left;
  overflow: auto;
  width: 727px;
  background-color: #4EC0DA;
  margin: -18px 0 0 239px; /* pull up footer to be level with the bottom of the sidebar */
  display: inline;
  padding: 0;
  }

#footer ul {
  padding: 3px 0 0 0;
  margin: 0;
  list-style: none;
  width: 720px;
        height: 15px;
  text-align: justify;
  }

#footer ul li {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.0em;
  float: left;
        text-align: center;
  padding: 0px 0px 0px 0px;
  }

#footer ul li a {
  color: #D5F2F8;
  text-decoration: none;
  }

#footer ul li a:hover {
        color: #FFFFFF;
}

#footer ul li a:active {
        color: #FFFFFF;
}

#footer_privacy {
       width: 228px;
}

#footer_disclaimer {
       width: 261px;
}

#footer_accessibility{
       width: 230px;
}

#content h1 {
  text-transform: uppercase;
  margin: 20px 0 10px 40px;
  font-size: 3em;
  color: #0C479D;
  }

#content h2 {
  text-transform: uppercase;
  margin: 10px 0 10px 40px;
  font-size: 2em;
  color: #0C479D;
  }

#content p {
  margin: 0 0 10px 40px;
  font-size: 1.3em;
  line-height: 1.8;
  /*color: #4EC0DA;*/
  color: #4EC0DA;
  width: 440px;
  }

#content img {
  float: right;
  }

/*Paragraph widths for home page copy */
#expert_advice #content p {width: 420px;}
#professional_exchange #content p {width: 400px;}
#home #content p {width: 250px;}
#home #content p.intro_para {width: 690px; color: #0C479D; overflow: hidden;}
#products #content p {width: 400px;}



em {
  font-style: normal;
  font-weight: bold;
  }


#product_range {
  margin: 0 !important;
  border: 0;
  float: right;
  }

/* ----------------- Contact form ------------------------ */

#content form p.field_note {font-size: 1em; margin: 0; padding: 0;}

#ccs_contact p.err, #content #prof_exchange_form p.err {
  width: 100% !important;
  clear: left;
  margin: 0 0 0 0;
  padding: 2px 0 2px 0;
  /*background: url(res/img/error_arrow.gif) no-repeat 0 100%;*/
  font-size: 1.1em;
  color:  #cd0000;
  }

div.obj {
  padding-bottom: 8px;
}

div.obj input, div.obj textarea {
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  padding: 2px;
  font-family: verdana, sans-serif;
  font-size: 1.2em;
  width: 400px;
}

div.obj select {
  font-family: verdana, sans-serif;
  font-size: 1.2em;
  }


textarea {
  height: 150px;
}

div.obj input:focus, textarea:focus {
  background: #f2f2f2;
}

div.obj input.err, textarea.err {
  border-color: #cd0000;
}

#sendme {
  margin-top: 12px;
}

form {
  margin: 0;
  padding-bottom: 20px;
  overflow: none; 
}

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

#mandatory {
  margin-left: 15px;
}

fieldset {
  border: none;
  padding: 0;
}

label, form p {
  font-size: 1.1em;
  color: #074BA0;
  margin: 0;
  padding: 0 0 12px 0;
}



#prof_exchange_form {
	padding: 0 0 0 0;
	margin: 0 0 0 40px;
	width: 390px;
	border-top: 1px solid #DDDDDD;
	}

#content #prof_exchange_form p {
        padding: 10px 0 8px 0;
        margin: 0;
        color: #074BA0;
        font-size: 1.1em;
}

#prof_exchange_form input {
  width: 380px;
}


#submit_button_list input {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        width: 70px;
        float: right;
}

#formsection1 {
  padding: 10px 0 10px 0;
  margin: 0 0 0 40px;
  width: 410px;
  border-top: 1px solid #DDDDDD;
}

#formsection2 {
        padding: 12px 0 0 0;
        margin: 0 0 0 40px;
  width: 410px;
        border-top: 1px solid #DDDDDD;
}

#set_permissions {
        padding: 0;
        margin: 0;
}

#content #set_permissions p {
        padding: 0 0 0 2px;
        margin: 0;
        color: #074BA0;
        font-size: 1.1em;
}

#set_terms {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        overflow: hidden;
}

#set_terms input {
  margin-right: 0;
  float: left;
}

#set_terms label {
  float: left;
  display: block;
  margin: 6px 0 0 7px;
}

#submit_button {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        width: auto;
        border-top: 2px solid #DDDDDD;
        clear: both;
}

#submit_button input {
        margin: 6px 0 0 0;
        border-style: solid;
  border-width: 1px;
  border-color: silver;
  padding: 2px;
  font-family: verdana, sans-serif;
  font-size: 1.1em;
  width: 70px;
        float: right;
}

#ccs_contact img, #content .lbl label img {
  float: none;
  margin: 0;
  }

/* ----------------- end of contact styles ------------------------------------ */

#main_column {
  width: 490px;
  overflow: hidden;
  margin: 0px 0px 0px 40px;
  padding: 0px 0px 0px 0px;
  float: left;
  display: inline;
  }

#main_column p {
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  width: 480px;
  line-height: 1.8em;
  /*color: #4EC0DA;*/
  color: #4EC0DA;
  }

#content a {
  color: #4EC0DA;
  }

#main_column ul {
  margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
        width: 480px;
        list-style: none;
  }

#main_column ul li {
	margin: 0 0 0 0;
	padding: 0 0 5px 50px;
	width: 430px;
	font-size: 1.3em;
	line-height: 1.8em;
	/*color: #4EC0DA;*/
	color: #4EC0DA;
	background: url({image_dir}bullet.gif) 0px 7px no-repeat transparent;
  	}


#main_column h2 {
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  padding: 12px 0px 10px 0px;
  color: #0C479D;
  width: 430px;
  }

#main_column h4 {
  margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
  font-size: 1.2em;
  line-height: 1.8em;
  color: #4EC0DA;
  }

#secondary_column {
  width: 200px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
  /*background-color: silver;*/
  overflow: hidden;
  }

#secondary_column h2 {
  text-transform: uppercase;
  margin: 0px 12px 12px 14px;
  width: auto;
  color: #0C479D;
  }

#secondary_column p {
  margin: 0 13px 10px 14px;
  font-size: 1.1em;
  line-height: 1.4em;
  /*color: #4EC0DA;*/
  color: #999999;
  width: auto;
  }

#secondary_column p a {
  color: #999999;
  }

#buy_now {
	display: block;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	}


#buy_now img {
  border: none;
  margin: 0px;
  padding: 0px;
  float: none;
  }

#feedback_panel {
	width: 480px;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	border-top: 1px solid #DDDDDD;
  }

#feedback_panel p {
	margin: 0px 0px 10px 0px;
	font-size: 1.3em;
	width: 480px;
	line-height: 1.8em;
	/*color: #4EC0DA;*/
	color: #4EC0DA;
	}

#feedback_panel p a {
	color: #4EC0DA;
  	}

#product_info {
	width: 390px;
	/*overflow: hidden;*/
	margin: 10px 0px 0px 40px;
	padding: 0px;
	/*float: left;*/
	border-top: 1px solid #DDDDDD;
	}

#product_info p {
	margin: 0px 0px 10px 0px;
	font-size: 1.3em;
	width: 350px;
  	line-height: 1.8em;
  	/*color: #4EC0DA;*/
  	color: #4EC0DA;
  	}

#product_info p a {
  color: #4EC0DA;
  }

#main_column_contact {
  width: 480px;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
  }

#main_column_contact p {
  margin: 0px 0px 10px 40px;
  font-size: 1.3em;
        width: 425px;
  line-height: 1.8em;
  /*color: #4EC0DA;*/
  color: #4EC0DA;
  }

#main_column_contact p a {
  color: #4EC0DA;
  }

#pipcodes {
	font-size: 1.1em;	
	margin: 3px 14px 12px 14px;
	color: #999999;
	border: 1px solid #DEDEDE;
	border-bottom: none;
	
	}

#pipcodes th, #pipcodes td {
	text-align: left;
	padding: 2px 2px;
	border-bottom: 1px solid #DEDEDE;
	}
	
/*#pipcodes th {border-bottom: 1px solid #DEDEDE;}*/

#pipcodes tr.middle_row td {
	/*background-color: #BBBBBB;
	color: #FFFFFF;*/
	}

#fast_acting {
	float: left !important;
	margin: 0;
	}
	
/* support materials styling */
.support_material {
	/*border: 1px solid red;*/
	margin: 0 0 0 40px;
	float: left;
	overflow: hidden;
	display: inline;
	}
	
#content .support_material a img {
	border: none;
	float: none;
	}
	

#content .support_material p {
	margin: 3px 0 0 0;
	line-height: 1.2;
	font-size: 1.1em;
	width: 140px;
	}

#content .support_material p em {
	color: #0D489E;
	}

#content .ext_links {
	list-style: none;
	margin: 0 20px 30px 40px;
	padding: 0;
	}

#pro_centre #content .ext_links li p {
	margin: 0 0 0 0;
	width: auto;
	}
	


#pro_centre #content .ext_links li a {
	float: left;
	width: 150px;
	text-align: left;
	padding: 0 10px 10px 0;
	}


#pro_centre #content .ext_links li {
	margin-top: 10px;
	padding: 0 10px 20px 0;
	border-bottom: 1px solid #4EC0DA;
	clear: both;
	}

#pro_centre #content .ext_links li a img {
	border: none;
	float: none;
	}

#buy_online {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	}

#buy_online img {
        margin: 0 0 6px 0;
	padding: 0 0 0 0;
	float: left;
	}

#buy_online li {
	/*border-bottom: 1px solid #999999;*/
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	display: block;
	float: left;
	}
	
#buy_online ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 200px;
	}
	
#buy_online li p {padding: 0 0 5px 0; margin: 0 0 0 0; display: block; width: 150px; color: #0C479D;}

#buy_online li li {
	border-bottom: none;
	padding: 0 0 0 0;
	float: left;
	clear: none;
	text-align: center;
	margin: 0 0 8px 0;
	}
	
#buy_online a {
	color: #999999;
	}
	
.simplyfeet_logo {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 75px;
	height: 40px;
	}
	
.pharmacy2u_logo {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 80px;
	height: 40px;
	}

.mobilis_logo {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 150px;
	height: 67px;
	}


#pro_centre #content p {width: 570px;}

#pro_nav {padding: 0; margin: 0 20px 0 0; background-color: #AFE0E2;}
#pro_nav li {color: #FFFFFF; line-height: 2em; text-transform: uppercase; margin: 0; padding: 0; font-size: 1.2em; border-bottom: 1px solid #4EC0DA;}
#pro_nav li.last {border-bottom: none;}
#pro_nav li a {display: block; padding: 4px 10px 4px 10px; color: #0C479D; text-decoration: none;}
#pro_nav li a:hover {background-color: #EFF9F9; color: #0C479D;}

#user_actions {padding: 0; margin: 0; list-style: none; font-size: 1.2em;}
#user_actions a {color: #0C479D;}

/*

background-color: #AFE0E2;
border: 1px solid #4EC0DA;
border-bottom: 1px solid #4EC0DA;

background-color: #EFF9F9; color: #0C479D;

*/

#secondary_column #pro_events_title {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #CECECE;}

#pro_events {padding: 0; margin: 0; list-style: none;}
#pro_events li {margin: 0; padding: 0;}
#pro_events h4 {font-size: 1.2em; margin: 0; color: #0C479D; line-height: 1.3;}

#pro_events p {margin: 0; font-size: 1.1em;}
#pro_events p .dates {font-weight: bold;}

#content .sample_item {width: 500px; float: left; margin: 0 0 10px 40px; display: inline; padding: 0;}

#content .sample_item h3 {font-size: 1.4em; margin: 0 0 5px 0; padding: 0;}
#pro_centre #content .sample_item p {width: auto; margin: 0; font-size: 1.1em;}
#pro_centre #content .sample_item p.order_info {xclear: both;}
#content .sample_item img {float: left; margin-right: 10px;}
#content .sample_item input {width: 30px;}

#sample_order {overflow: hidden; margin-bottom: 0; padding-bottom: 0; clear: both;}
#sample_order #submit_button {overflow: hidden; margin-left: 40px; margin-bottom: 20px; margin-top: 0px; clear: both;}
#sample_order #submit_button input {float: left; width: auto;}

#sample_order div {border: none;}

#content .education_guide {height: 160px; margin-left: 40px; margin-top: 10px; background-color:#EFF9F9; padding:10px 15px 15px 15px; overflow: hidden; clear: both;}
#content .education_guide h4 {font-size: 1.4em; margin: 0 0 10px 0;}
#content .education_guide h4 a {color: #114B9F; text-decoration: none;}
#content .education_guide h4 a:hover {text-decoration: underline;}
#pro_centre #content .education_guide p {margin-left: 0; float: left; width: 450px;}
#content .education_guide a.asset {float: left; margin-right: 20px; display: inline;}
#content .education_guide img {float: none;}

#content #view_profile p {margin: 0;}
#view_profile div.obj {padding-bottom: 0;}

.clear_div {clear: both; height: 0;}

#main #main_column .login_field {width: 230px;}