/*
Name: Medichem
URL: http://www.Medichem.com, Medichem.co.uk
Description: 
Version: 1
Author: Toby Powell
Author URL: http://www.toby-powell.co.uk
*/
* {
	margin:0;
	padding:0;
	font-size:12px;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,form,ul,ol,li,blockquote,fieldset,address,table {
	margin:5px 0;
}

fieldset {
	padding:10px 0;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.8em;
	color:#676767;
	border-top:10px solid #22292b;
	min-width:960px;
}

img {
	outline:none;
}

h1, h2, h3, h4{
	font-family:Gill sans, Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:9px 0;
}

h1{
	font-size:24px;
}

h2, h2 a {
	font-size:22px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

ul, ol {
	margin-bottom:18px;
}

li {
	margin:9px 0;
}

p{
	
	margin:9px 0 18px 0;
}

a img{
	outline:none;
	border:none;
	margin:0;
	padding:0;
}


a:link, a:visited {
	color:#01A042;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#676767;
}

h2 a:link, h2 a:visited {
	color: #676767;
}

h2 a:hover {
	color: #01A042;
	}


li h3 a:link, li h3 a:visited{
	font-size:16px;
	color: #676767;
}

li h3 a:hover {
	color: #01A042;
	text-decoration:none;
}

li h3{
	height:40px;
}


input{
	width:165px;
	background:#fff url(../imgs/input-bg.gif) repeat-x top left;
	margin:0;
	height:14px;
	padding:5px;
	border-top:1px solid #777;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #777;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#676767;
}



input.arrowBtn {
	width:30px;
	height:28px;
	background:url(../imgs/arrowBtn.png) no-repeat 0 -2px;
	border:none;
	padding:0;
	margin:0;
	cursor:pointer;
	vertical-align:top;
}

input.arrowBtn:hover {
	background-position:0 -32px;
}


#username:focus,#password:focus,#searchbar #keywords:focus, #emailinput:focus {
	background:#efefef;
	outline:none;
}



#wrapper {
	width:960px;
	margin:0 auto;
	padding-top:0;
/* 	background:url(../imgs/grid.jpg) repeat-y; */
	position:relative;

}

#login {
	display:none;
	background-color:#22292b;
	color:#fff;
	padding:40px 40px 20px 40%;
}

#login h1 {
	margin:0 0 18px;
	padding:0;
	color:#fff !important;
}

a#logindropdown:link,a#logindropdown:visited {
	width:87px;
	height:19px;
	line-height:1em;
	padding-top:3px;
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:url(../imgs/login_bg.jpg) no-repeat;
	outline:none;
	margin:0 auto;
	position:relative;
	left:430px;
}

a#logindropdown:hover {
	color:#01A042;
}

input#password,input#username {

	display:block;
}

input#loginBtn {
	background:url(../imgs/loginBtn.png) no-repeat 0 0;
	width:56px;
	height:28px;
	border:none;
	cursor:pointer;
}

input#loginBtn:hover {
	background-position:0 -28px;
}

/* =================== HEADER =========================*/
#header {
	margin:0 10px;
	height:155px;
}

#header #logo a {
	display:block;
	width:210px;
	height:100px;
	background:url(../imgs/medichem_Logo.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:0;
	margin-top:-30px;
}


#header #sign_top{
	width:228px;
	margin-bottom:0;
	position:absolute;
	top:60px;
	right:5px;
	z-index:100;
}

#sign_top p{
	margin:0;
}

#header #sign_top input#emailinput{
	border:1px solid #ccc;
	width:180px;
	font-size:11px;	
}

#header p#site_toggle {
	width:300px;
	height:18px;
	padding:5px 0 0 0;
	float:right;
	text-align:right;
	margin:0;
	display:block;
}

#header p#site_toggle a.activesite {
	background-color:#01A042;
	color:#fff;
}

#header p#site_toggle a {
	padding:4px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#header p#site_toggle a:hover {
	text-decoration:none;
	background-color:#01A042;
	color:#fff;
}


ul#news {
	height:25px;
	list-style-type:none;
	margin:12px 0 20px;
	overflow:hidden;
}

ul#news li {
	margin:0;
}

ul#news li li a:hover {
	color:#01A042;
}


	
/* =============== LARGE SLIDESHOW AND SUB PAGE HEAD imgs==============*/
#imageslideshow, #sub_page_mainimage {
	height:340px;
	width:940px;
	margin:0 10px 27px;
	padding:0;
	border:1px solid #aaa;
	position:relative;
	top:0;
	clear:both;
	overflow:hidden;
}

#sub_page_mainimage {
	height:190px;
}

#imageslideshow ul{
	margin:0;
	list-style-type:none;
}

#imageslideshow ul li{
	margin:0;
}

#imageslideshow li p, #sub_page_mainimage p {
	height:30px;
	width:920px;
	color:#fff;
	position:relative;
	bottom:61px;
	padding:15px 10px 10px;
	background:url(../imgs/imagecaption_bg.png) repeat;
	font-weight:bold;
}

p#searchbar {
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:100;
	width:215px;
	overflow:hidden;
	height:30px;
	padding:0;
	margin:0;
	background:none;
}

/*
p#searchbar{
	margin:0;
}
*/

	
/* =============== PAGE HEAD CONTENT ============== */
#page_content {
	width:940px;
	margin:-20px 10px 0;
	padding:0;
}

ul#breadcrumb {
	list-style-type:none;
	margin:0 0 30px;
}

ul#breadcrumb li {
	display:inline;
	text-transform:capitalize;
}


	
/* =============== DETAIL PAGE TABBED CONTENT ============== */
ul#tabs {
	clear:both;
	height:36px;
	list-style-type:none;
	border-bottom:1px solid #999;
	margin:27px 0 27px 0;
	padding:0;
}

#product_details_box{
	width:940px;
	padding:0 10px;
}

ul#tabs li {
	float:left;
	margin:0;
	padding:0;
	
}

ul#tabs #last_tab{
	border-right:1px solid #999;
}

ul#tabs a{
	display:block;
	padding:7px 20px;
	border:1px solid #999;
	border-right:none;
	border-bottom:none;
	background:#efefef;
	margin:0;

}

html>body ul#tabs a{
	height:21px;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul#tabs a.current, ul#tabs a.current:hover, ul#tabs li.current a {
	border-bottom:1px solid #fff;
	outline:none;
	color:#22292b;	
	background:#fff;
}

ul#tabs a:hover{
	text-decoration:none;
	outline:none;
	background:#ddd;
}

#panes img#product_shot {
	float:right;
	width:370px;
}

.specs {
	width:530px;
	float:left;
}

.specs ul{
	margin-left:20px;
	list-style-type:none;
}

.pdf a{
	padding:10px 0 10px 60px;
	background:url(../imgs/pdf.jpg) no-repeat;
	height:32px;
	display:block;
}


/* =============== MEMBERS AREA ==============*/

#member_downloads{
	margin-bottom:40px;
	min-height:200px;
}

#member_downloads .specs li{
	height:37px;
	display:block;
	padding:15px 0 15px 60px;	margin:0;
	border-bottom:1px dotted #888;
}

#member_downloads .specs li.PDF{
	background:url(../imgs/pdf.jpg) no-repeat 0% 50%;
}

#member_downloads .specs li.InDesign{
	background:url(../imgs/id.jpg) no-repeat 0% 50%;
}

#member_downloads .specs li.Photoshop{
	background:url(../imgs/ps.jpg) no-repeat 0% 50%;
}

#member_downloads .specs li.Illustrator{
	background:url(../imgs/ai.jpg) no-repeat 0% 50%;
}

#member_downloads .specs li.WordDoc{
	background:url(../imgs/word.jpg) no-repeat 0% 50%;
}
#member_downloads .specs li.Excel{
	background:url(../imgs/excel.jpg) no-repeat 0% 50%;
}
#member_downloads .specs li.Powerpoint{
	background:url(../imgs/ppt.jpg) no-repeat 0% 50%;
}

#member_downloads .specs{
width:100%;

}

#member_downloads .specs p{
margin:0;
}

/* =============== TEASER BOXES ==============*/

ul#boxes, ul.teasers {
	list-style-type:none;
	padding:0;
	width:964px;
	overflow:hidden;
	clear:both;
	margin:0;
}



/* ====IE 6 HACK ===*/
html>body ul#boxes, html>body ul.teasers {
	width:960px;
}

ul.teasers li{
	border:none;
}

ul.teasers li+li {
	border-left:1px dotted #ccc;
}
ul.teasers{
	margin-bottom:27px;
}

ul#boxes li, ul.teasers li {
	width:225px;
	float:left;
	margin:0px;
	padding:0px 5px 0px 9px; 
}

ul#boxes li{
	padding-left:10px;
	margin-bottom:27px;
}

ul#boxes li a img, ul.teasers li a img{
	border:1px solid #ccc;
	width:220px;
	height:120px;

}


/*
ul#boxes li a.pics{
	border:1px solid red;
	display:block;
	width:210px;
	height:120px;
}
*/


ul#boxes h1, ul#boxes h3, ul#boxes p {
	position:relative;
	width:225px;
}

.teasers h1, #boxes h3 {
	height:45px;
	overflow:hidden;
	
}

ul#boxes h3 a{
	font-size:18px;
}


#pagination{
width:700px;
}


ul.teasers h1 a:link, ul.teasers h1 a:visited {
	font-size:24px;
	color:#676767;
}

ul.teasers h1 a:hover{
	text-decoration:none;
	color:#01A042;
}

/* =============== GENERIC PAGE LAYOUT ============== */

#nine_column{
	width:700px;
	float:left;
}

#nine_column #map{
	margin-top:36px;
}

ul#right_column{
	width:220px;
	border-left:1px dotted #888;
	float:right;
	padding-top:1px;
	padding-left:10px;
	list-style-type:none;
	margin:0;
	
}

#right_column li{
	border-bottom:1px dotted #888;
	padding-bottom:5px;
/* 	padding-left:5px; */
}

#right_column li + li{
	padding:5px 0px 5px 0px;
	margin:0;
}

#right_column li#rssfeed{
	background:url(../imgs/rssfeedBtn.jpg) no-repeat 0 15px;
	padding:18px 0 9px 0;
	padding-left:70px;
}

#right_column li#rssfeed a{
	display:block;
	padding:0;
	margin-top:-9px;
}

input#from, input#subject, input#message, #right_column input#emailinput {
	border:1px solid #999;
}

#right_column #archive_list ul{
	margin-left:20px;
}

#right_column #archive_list ul li{
	border:none;
	margin:9px 0;
	padding:0;
}	

#right_column .last{
	border:none;
}

#faqs_page{
	list-style-type:none;
}

#faqs_page h3{
	color:#01A042;
}
/* =============== NEWS PAGES ============== */



.news_snippet{
	margin:0;
	list-style-type:none;
	padding:9px 0 8px 0;
 	overflow:hidden;
 	height:160px;
 	border-bottom:1px dotted #888;
 	width:700px;
}

.news_snippet .last{
	border:none;
}	

#wrapper .news_snippet li + li{
	padding:9px 0 9px 0;
}


.news_snippet h1, .news_snippet p{
	width:460px;
	float:left;
	margin:9px 0 9px 0;
}

.news_snippet h1{
	margin-bottom:0;
}

.smll_news_pic{
	float:right;
	margin:9px 0 9px 10px;
}

.author{
	font-weight:bold;
}

#pagination{
	clear:both;
}

/* =============== NEWS ARCHIVE PAGES ============== */

ul#news_archive_col1, ul#news_archive_col2, .address_col1,  .address_col2{
	width:340px;
	list-style-type:none;
	float:left;
	margin:0;
}

ul#news_archive_col2{
	padding-left:10px;
	float:right;
	border-left:1px dotted #888;
}

ul#news_archive_col1 li, ul#news_archive_col2 li{
	border-bottom:1px dotted #888;
}

html>body ul#news_archive_col1 li, ul#news_archive_col2 ul{
	border-bottom:none;
}



ul#news_archive_col1 li + li, ul#news_archive_col2 li + li{
	border-top:1px dotted #888;
	padding:8px 0 9px 0;
}


.address_col1 img,  .address_col2 img{
	float:left;
}


.address_col1,  .address_col2{
	border-bottom:1px dotted #888;
}

.address_col1 p,  .address_col2 p{
	float:right;
	width:220px;

}

.address_col2{
	padding-left:10px;
	border-left:1px dotted #888;
}

/* =============== JOBS POSTS PAGES ============== */

.job_full ul {
	margin:0 25px;
}

ul#job_posts li{
	margin:0;
	list-style-type:none;
	padding:8px 0 8px 0;
 	border-bottom:1px dotted #888;
}

/* =============== COUNTRY DETAIL PAGES ============== */

#eight_column{
	width:620px;
}

#country_pic{
	float:right;
}	

#eight_column ul{
	width:250px;
	float:left;
	list-style-type:none;

}

#eight_column .country_products{
	float:right;
}

#eight_column .country_products h3, #eight_column .country_products ul{
	margin:0;
}



#eight_column .country_details{
	border-top:1px dotted #888;
	list-style-type:none;
}

#eight_column .country_products ul li{
	list-style-type:disc;
	margin-left:20px;
}
/* ===============SEARCH RESULTS ============== */

ul#search_results{
	list-style-type:none;
}

ul#search_results li{
	border-bottom:1px dotted #888;
	padding:10px 0;
	margin:0;
}


/* =============== ALPHABET ============== */
#alphabet{
	text-align:center;
	margin-bottom:20px;
}

#alphabet a:link, #alphabet a:visited{
	padding:0 5px;
	font-size:14px;
	font-weight:bold;
	}


.gloss h3{
	width:240px;
	float:left;
	color:#01A042;
}

.gloss p{
	width:440px;
	float:left;
	margin-left:10px;
}

.gloss:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

}

/* for IE6 */
*html .gloss{
	height:1%;
}

/* =============== FOOTER ============== */
#footer {
	margin:30px 10px 10px 10px;
	width:940px;
	height:130px;
	padding:0;
	clear:both;
}

#footer p {
	margin:0;
	padding-top:110px;
	background:url(../imgs/footer.jpg) no-repeat;
}

ul#twitter {
	list-style-type:none;
	height:32px;
	background:url(../imgs/birdyGreen.jpg) no-repeat;
}

ul#twitter li {
	margin-left:60px;
}

.addthis_button {

margin-left:420px;
/*
	position:relative;
	top:-20px;
	left:720px;
*/
}

#tobylink {
	display:none;
}


#screenname{
	border:1px dotted #01A042;
	width:250px;
	padding:10px;
	background-color:#ddd;
}

.clear {
	clear:both;
}

.hide{
	display:none;
}

#docs_headings {
	margin-left:40px;
}

body#documents_pages #nine_column h1{
	margin-bottom:27px;
}

.thickbox img{
	border:2px solid #777;
}

/* ============ PRODUCT STYLES ================= */

body#Red h1, body#Red h2, body#Red h3{
	color:#dd013e;
}
body#Orange h1, body#Orange h2, body#Orange h3{
	color:#e27223;
}
body#Pink h1, body#Pink h2, body#Pink h3{
	color:#d94c7b;
}
body#Blue h1, body#Blue h2, body#Blue h3{
	color:#005185;
}
body#DarkGreen h1, body#DarkGreen h2, body#DarkGreen h3{
	color:#008f39;
}
body#LightGreen h1, body#LightGreen h2, body#LightGreen h3{
	color:#62ae34;
}
body#Yellow h1, body#Yellow h2, body#Yellow h3{
	color:#f7c41b;
}
body#Grey h1, body#Grey h2, body#Grey h3{
	color:#777e81;
}
body#Purple h1, body#Purple h2, body#Purple h3{
	color:#a74dc3;
}


a#international{
	color:#dd013e;
	font-weight:bold;
}