/*	CSS Document for Rx-info
	Designed by : 
	Designer name :

*/

/*------------------------------
			GLOBAL
-------------------------------*/

body {
	background: #8c7b6c url(../images/bodybg.jpg);
	font-family: Calibri, Verdana, Arial, sans-serif;
    font-weight: lighter;
}

img {
	border: none;
}

.clear {
	clear:both;
}

a:active
{
  outline: none;
}

a:focus
{
  outline: none;
}



/*------------------------------
			LAYOUT
-------------------------------*/

#container {
   	width: 1000px;
	margin: 0 auto;
}

#header {
    position: relative;
    background: #fff;
    width: 1000px;
    height: 100px;
	text-align: left;
}

#headernav {
    position: absolute;
    top: 62px;
    left: 680px;
    width: 400px;
    height: 30px;
}


#navcontainer {
    background: #396e8f;
    width: 1000px;
    height: 30px;
    border-bottom: 1px solid #fff;
}

#navcontainer2 {
    background: #396e8f;
    width: 1000px;
    height: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#banner {
    position: relative;
    width: 1000px;
    height: 200px;
}

#addressbox {
    position: absolute;
    top: 0;
    left: 700px;
    width: 300px;
    height: 200px;
    background: url(../images/addressbg.png);
}


#maincontent {
    float: left;
    background: #fff url(../images/maincontentbg.gif) repeat-y;
    width: 1000px;
}


#sidebarproduct {
    float: left;
    background: #fff;
    width: 200px;
}


#content {
    float: left;
    background: #fff;
    width: 500px;
    text-align: justify;
}

#content .inner {
	padding: 16px 30px;
	line-height: 1.8;
}

#content .inner .readmore {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
}

.map {
	position: relative;
	background: url(../images/map.gif) no-repeat;
	width: 380px;
	height: 420px;	
}

* {margin:0; padding:0}

#text {
	margin:50px auto;
	width:500px;
}

.hotspot {
	color:#900;
	padding-bottom:1px;
}


#tt {
	position:absolute;
	display:block;
}

#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	overflow:hidden;
}

#ttcont {
	display:block;
	padding: 2px 32px 3px 10px;
	margin-left:5px;
	background:#666;
	color:#FFF;
	font-size: 11px;
	line-height: 1.2;
}


#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	overflow:hidden;
	width: 200px;
}

.map1, .map2, .map3, .map4, .map5, .map6, .map7, .map8 {
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../images/pin.png) no-repeat;
	display: block;
}


.map1 {/*scotland*/
	top: 120px;
	left: 252px;
}

.map2 {/*east midlands*/
	top: 270px;
	left: 280px;
}

.map3 {/*east of England*/
	top: 270px;
	left: 320px;
}

.map4 {/*north west*/
	top: 246px;
	left: 250px;
}

.map5 {/*south central*/
	top: 310px;
	left: 280px;
}

.map6 {/*west midlands*/
	top: 278px;
	left: 246px;
}

.map7 {/*london*/
	top: 306px;
	left: 305px;
}

.map8 {/*south west*/
	top: 330px;
	left: 240px;
}





#ditto_pages {
	color: #4e7e98;
	font-size: 14px;
}

.ditto_currentpage {
	padding: 0 3px;
}


ditto_previous_off {
	color: red;
}

#sidebarnews .inner .readmore {
	border-bottom: 1px solid #4e7e98;
	padding-bottom: 10px;
}

#sidebarnews {
    float: left;
    background: #43280e;
    width: 300px;
    padding-bottom: 250px;
    text-align: justify;
}

#sidebarnews .inner {
	padding: 20px 10px;
	line-height: 1.4;
}

#navcontainer2 {
    clear: both;
}


#sitemap {
    background: #8c7b6c;
    width: 1000px;
    height: 200px;
    display: none;
}

#footer {
    background: #000;
    width: 1000px;
    height: 100px;
    border-top: 1px solid #000;
}









/*------------------------------
			NAVIGATION
-------------------------------*/

#navcontainer ul, #navcontainer2 ul {
    margin-top: 0;
}

#navcontainer li, #navcontainer2 li {
	display: inline;
	font-size: 16px;
	list-style: none;
    line-height: 1.6em;
}

#navcontainer a:link, #navcontainer a:visited {
    padding: 10px;
	color: #fff;
	text-decoration: none;
}
#navcontainer2 a:link, #navcontainer2 a:visited {
    padding: 10px;
	color: #fff;
	text-decoration: none;
}
#navcontainer a:hover, #navcontainer2 a:hover {
	color: #000;

}


#headernav li {
	display: inline;
	font-size: 14px;
	list-style: none;
    color: #64b17d;
}

#headernav a:link, #headernav a:visited {
    padding-left: 20px;
    padding-right: 20px;
	color: #4e7e98;
	text-decoration: none;
}

#headernav a:hover {
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    text-decoration: none;
}








/*------------------------------
			TEXT
-------------------------------*/

p {
    color: #4e7e98;
    font-size: 14px;
}

strong {
    font-weight: bold;
}


#addressbox p {
    color: #000;
    font-size: 14px;
    padding: 0px 0 0 10px;
    line-height: 1.4;
}

#sidebarproduct p {
    font-size: 14px;
	padding: 10px;
}
}

#sidebarnews .inner p {
    color: #b9deb7;
    font-size: 14px;
}

#footer p {
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 1.6em;
}

blockquote {
	background: #f2f2f2;
	border: 1px solid #d5d5d5;
	padding: 2px 10px;
	margin: 0;
	font-style: italic;
}


/*------------------------------
			LINKS
-------------------------------*/

a:link, a:visited {
	color: #4e7e98;
    text-decoration: none;
}
a:hover, a:active {
	color: #555;
    text-decoration: underline;
}

#sidebarnews a:link, #sidebarnews a:visited {
	color: #ffff00;
    text-decoration: none;
    padding-top: 20px;
}
#sidebarnews a:hover, #sidebarnews a:active {
	color: #4e7e98;
    text-decoration: none;
}

#content a:link, #content a:visited {
	color: #00cc33;
    text-decoration: none;
}
#content a:hover, #content a:active {
	color: #00cc33;
    text-decoration: underline;
}

#footer a:link, #footer a:visited {
	color: #fff;
    text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color: #4e7e98;
    text-decoration: underline;
}




/*------------------------------
			LISTS
-------------------------------*/

.inner li {
    color: #4e7e98;
    font-size: 14px;
}






/*------------------------------
			HEADINGS
-------------------------------*/

h1, h2, h3, h4, h5 {
    color: #4e7e98;
    text-align: left;
}

h1 {
    font-size: 24px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}



#header h2 {
	position: absolute;
	top: 61px;
	left: 214px;
	width: 200px
	height:	30px;
	font-style: italic;
	font-weight: normal;
	color: #64b17d;
	font-size: 18px;
	text-align: left;

}



#sidebarproduct h1 {
	padding: 23px 10px 0 10px;
}

.adios {
    background: url(../images/adios.jpg) no-repeat;
    text-indent: -9999px;
    height: 50px;
    margin-top: 20px;
}
.adiosprimary {
    background: url(../images/adiosprimary.jpg) no-repeat;
    text-indent: -9999px;
    height: 65px;
    margin-top: 20px;
}
.reportplus {
    background: url(../images/reportplus.jpg) no-repeat;
    text-indent: -9999px;
    height: 65px;
    margin-top: 20px;
}
.hpas {
    background: url(../images/hpas.jpg) no-repeat;
    text-indent: -9999px;
    height: 50px;
    margin-top: 20px;
}
.translabel {
    background: url(../images/translabel.jpg) no-repeat;
    text-indent: -9999px;
    height: 50px;
    margin-top: 20px;
}
.define {
    background: url(../images/define.jpg) no-repeat;
    text-indent: -9999px;
    height: 65px;
    margin-top: 20px;
}
.embox {
    background: url(../images/embox.jpg) no-repeat;
    text-indent: -9999px;
    height: 50px;
    margin-top: 20px;
}
.cdregister {
    background: url(../images/cdregister.jpg) no-repeat;
    text-indent: -9999px;
    height: 65px;
    margin-top: 20px;
}
.insight {
    background: url(../images/insight.jpg) no-repeat;
    text-indent: -9999px;
    height: 65px;
    margin-top: 20px;
}

/*------------------------------
			IMAGES
--------------------------------*/

.logo {
    margin-top: 25px;
    margin-left: 36px;
}

.imageleft {
	float: left;
	padding: 0 10px 10px 0;
}

.imageright {
	float: right;
	padding: 0 0 10px 10px;
}


/*------------------------------
			FORMS
-------------------------------*/

fieldset {
	border: none;
}

form {
	width: 430px;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	background: #efefef;
}

form p {
	padding-left: 10px;
}


label {
	display:  block;
}

input {
	font-size: 1.3em;
	line-height: 1.1em;
	padding: 5px;
	padding-right: 0;
	width:  276px;
	height: 23px;
	color: #555;
	background: #fff;
	border: 1px solid #999;
}
textarea {
	font-family: Helvetica, Georgia, serif;
	font-size: 1.3em;
	line-height: 1.1em;
	padding: 5px;
	width: 273px;
	height: 88px;
	color: #555;
	border: 1px solid #999;
}

input.btn {
	width: 120px;
	height: 25px;
	background: #e1e1e1;
	color: #4e7e98;
	line-height: 0.6;
}




/*--------------------------------
       FORM STYLES
---------------------------------*/


/*--------------------------------
       TABLES
---------------------------------*/
.maparea {
	background: red;
	width: 300px;
	height: 440px;
	position: relative;
}


#map {
	margin:0;
	padding:0;
	width:400px;
	height:440px;
	background: url(../images/map.gif) top left no-repeat;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
}

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

#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(blank.gif);
}

#map li a span { display:none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#map a.bunny {
	top:20px;
	left:60px;
	width:80px;
	height:90px;
}
#map a.parrot {
	top:1px;
	left:275px;
	width:50px;
	height:50px;
}
#map a.snail {
	top:135px;
	left:30px;
	width:50px;
	height:50px;
}
#map a.dog {
	top:100px;
	left:150px;
	width:115px;
	height:95px;
}
#map a.cat {
	top:65px;
	left:315px;
	width:70px;
	height:120px;
}