/* New Branding Colors - September 2009

Light Green #41AA38
Dark Green #1C722E

*/

img
{
border				: none;
}

a
{
text-decoration		: none;
}

em.error
{
color				: red;
font-size 			: 0.8em;
font-style			: normal;
font-weight			: bold;
margin				: 10px 0 10px 20px;
}

body
{
margin-top			: 0px;
padding				: 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #666;
}

form /* No space around forms */
{
margin				: 0px;
padding				: 0px;
}

img /* no border round images with links */
{
border				: 0px;
}

form.hold
{
position			: relative;
width				: 980px;
margin				: 0px auto;
background-color	: #FFF;
padding				: 0px 0px 0px 0px;
/*border			: 1px solid #717173;*/
overflow			: hidden;
}

div.header
{
background      	: url(../images/generic/bg-header.gif) no-repeat;
margin				: 0px 0px 0px 0px;
min-height          : 100px;
overflow            : hidden;
}

* html div.header
{
height              : 100px;
}

div.header div.logo
{
width               : 214px;
float               : left;
display             : block;
padding             : 20px 0px 0px 20px;
}

div.header div.logo h1
{
margin              : 0px;
}

div.header div.logo h1 a
{
display             : block;
height              : 0px;
padding-top         : 61px;
width               : 214px;
background      	: url(../images/generic/martek-medical-logo.gif) no-repeat;
overflow            : hidden;
}


div.header div.contact
{
width               : 220px;
float               : left;
display             : block;
padding             : 25px 0px 0px 50px;
}

div.header div.basket
{
width               : 230px;
float               : left;
display             : block;
padding             : 25px 0px 0px 0px;
}

div.header div.search
{
width               : 230px;
float               : left;
display             : block;
padding             : 23px 0px 0px 0px;
}

div.header div.search input
{
border              : 1px solid #CCC;
padding             : 2px;
width               : 145px;
font-family         : Arial;
font-size           : 100%;
margin              : 0px 5px 0px 5px;
color               : #666;
}

div.header p
{
color               : #666;
font-size           : 70%;
line-height         : 15px;
margin              : 0px 0px 0px 0px;
font-weight         : normal;
}

div.header p a
{
color               : #666;
}

/* Top Nav */

div.topnav
{
width               : 980px;
overflow			: hidden;
}

div.contentwrapper
{
background      	    : url(../images/generic/bg-hold.gif) bottom left repeat-y;
width					: 980px;
overflow                : hidden;
}

div.contentwrapper#Home
{
background      	    : url(../images/generic/bg-hold-home.gif) bottom left repeat-y;
width					: 980px;
overflow                : hidden;
}

div.contentwrapper#Shop
{
background      	    : url(../images/generic/bg-hold-home.gif) bottom left repeat-y;
width					: 980px;
overflow                : hidden;
}

div.contentwrapper#Demonstration
{
background      	    : url(../images/generic/bg-hold-home.gif) bottom left repeat-y;
width					: 980px;
overflow                : hidden;
}

div.product, div.product1, div.product2 , div.product3, div.products, div.campaign1, div.campaign2, div.campaign3, div.demonstration
{
background      	    : url(../images/generic/bg-hold-home.gif) bottom left repeat-y;
width					: 980px;
overflow                : hidden;
}

/* NAV */

div.topnav
{
width					: 980px;
color					: #FFF;
font-size				: 75%;
line-height				: normal;
overflow				: hidden;
background      	    : url(../images/generic/bg-hold.gif) repeat-y;
padding                 : 0px 0px 10px 0px;
}

div.topnav ul
{
margin					: 0px 10px 0px 10px;
padding					: 0px 0px 10px 0px;
list-style				: none;
width					: 960px;
overflow                : hidden;
border-bottom           : 1px solid #CCC;
}

div.topnav li 
{
float					: left;
margin					: 0px;
padding					: 0px 0px 0px 14px;
border-right            : 1px solid #41AA38;
}

div.topnav a 
{
float					: left;
display					: block;
padding					: 3px 17px 3px 6px;
text-decoration			: none;
font-weight				: normal;
color					: #41AA38;
}

div.topnav a:hover
{
color					: #41AA38;
}

div.topnav #current 
{

}

div.topnav #current a
{
color					: #333;
padding					: 3px 20px 3px 6px;
}

/* breadcrumbs */

div.breadcrumbs
{
display					: block;
/*background-color		: #EEE;*/
padding					: 3px 0px 3px 17px;
border-bottom			: 3px solid #CBCEDD;
width					: 961px;
overflow				: hidden;
background-color        : #FFF;
border-right            : 1px solid #CCC;
border-left             : 1px solid #CCC;
}

div.breadcrumbs  a
{
color					: #666;
text-decoration			: none;
}

div.breadcrumbs div.left
{
float					: left;
padding-top				: 3px;
}

div.breadcrumbs div.left em
{
color					: #666;
font-size				: 70%;
font-style				: normal;
}


div.breadcrumbs ul#breadcrumb
{
clear					: both;
list-style-type			: none;
margin					: 0px 0px 0px 10px;
padding					: 0px 0px 10px 0px;
}

div.breadcrumbs ul#breadcrumb li
{
display					: inline;
margin					: 0px 5px 0px 5px;
padding					: 0px 0px 0px 0px;
}

div.breadcrumbs ul#breadcrumb li
{
list-style-type			: none;
font-size				: 70%;
}

div.breadcrumbs ul#breadcrumb li span
{
padding-left            : 10px;
}


div.breadcrumbs ul#breadcrumb li a
{
color					: #666;
text-decoration			: none;
}

div.breadcrumbs ul#breadcrumb li a:hover
{
text-decoration			: underline;
}

div.breadcrumbs span.right
{
float				: right;
font-size			: 70%;
font-weight			: bold;
color				: #666;
}

div.breadcrumbs span.right input
{
border				: 1px solid #CCC;
font-size			: 100%;
margin				: 0px 5px 0px 5px;
padding				: 3px;
}
* html div.breadcrumbs span.right input
{
vertical-align		: middle;
}

div.breadcrumbs span.right img
{
vertical-align		: middle;
}

/* footer */

#footer.home
{
width					: 980px;
background-color		: #CBCEDD;
overflow				: hidden;
padding					: 5px 0px 0px 0px;
margin					: 10px 0px 0px 0px;
border					: 0px;
}

#footer
{
width					: 980px;
overflow				: hidden;
padding					: 5px 0px 0px 0px;
margin					: 0px 0px 10px 0px;
}

#footer p.right
{
float					: right;
font-size				: 70%;
font-weight				: normal;
margin					: 0px 0px 0px 0px;
padding					: 0px 15px 6px 0px;
color					: #999;
line-height				: 18px;
}

#footer p.left a, #footer p.right a, #footer2 p.left a
{
color					: #999;
text-decoration			: none;
}

#footer p.left span, #footer p.right span
{
padding					: 0px 6px 0px 6px
}

#footer p.address
{
clear					: both;
font-size				: 70%;
font-weight				: normal;
margin					: 0px 0px 0px 0px;
padding					: 10px 0px 0px 0px; 
color					: #666;
line-height				: 18px;
text-align				: center;
background-color		: #FFF;
}

/* Generic header (h2) */
#header2
{
width					: 978px;
background-image		: url(../images/generic/bg_sliverheader.jpg);
background-position		: bottom;
background-repeat		: repeat-x;
border-bottom			: 1px solid #CCCDE1;
border-left				: 1px solid #CCCDE1;
overflow				: hidden;
}


#header2.withnav
{
padding					: 0px 0px 0px 228px;
width					: 750px;
}

#header2 h2
{
font-size				: 110%;
font-weight				: bold;
margin					: 0px;
padding					: 20px 0px 16px 20px;
color					: #1C722E;
line-height				: 20px;
display					: block;
float					: left;
}

#header2.withnav h2
{
border-left				: 1px solid #CCCDE1;
}

/* Page Containers */

div#container
{
display					: block;
width					: 980px;
/*background-color		: #EEE;*/
margin					: 0px;
padding					: 0px;
overflow				: hidden;
}

/* left nav */

div#container div#leftnav
{
display					: block;
float					: left;
width					: 228px;
font-size				: 70%;
background-color		: #FFF;
border-left				: 1px solid #CCCDE1;
}

div#container div#leftnav ul, div#container div#leftnav ul li ul
{
list-style-type			: none;	
margin					: 0px 0px 0px 0px;
padding					: 0px 0px 0px 0px;
}

div#container div#leftnav ul li
{
margin					: 0px;
padding					: 0px 0px 0px 0px;
font-size				: 100%;
line-height				: 24px;
border-bottom			: 1px solid #CDCFDE;
}

div#container div#leftnav ul li ul li
{
margin					: 0px;
padding					: 0px 0px 0px 0px;
font-size				: 100%;
line-height				: 24px;
border-bottom			: 0px solid #CDCFDE;
}

div#container div#leftnav ul li a
{
background-image		: url(../images/generic/icons/icon_nav_arrow.gif);
background-repeat		: no-repeat;
background-position		: 15px 8px;
display					: block;
text-decoration			: none;
padding					: 0px 0px 0px 25px;
color					: #666;
}

div#container div#leftnav ul li ul li a
{
background-image		: url(../images/generic/icons/icon_nav_arrow.gif);
background-repeat		: no-repeat;
background-position		: -1500px;
display					: block;
text-decoration			: none;
padding					: 0px 0px 0px 35px;
color					: #666;
}

div#container div#leftnav ul li a.on
{
background-color		: #EBF5EB;
}


div#container div#leftnav ul li ul li a.on
{
background-color		: #F2F3F7;
}

* html div#container div#leftnav ul li a /* White space under li IE hack */
{
width					: 203px;
clear					: left;
display					: block;
}

* html div#container div#leftnav ul li ul li a /* White space under li IE hack */
{
width					: 193px;
clear					: left;
display					: block;
}

div#content /* content div WITHOUT a nav on the left */
{
display					: block;
float					: left;
width					: 939px; /* - 41 for padding and border */
/*background-color		: #EEE;*/
padding					: 20px;
overflow				: hidden;
}

div#content.withnav /* content div WITH a nav on the left */
{
width					: 709px;
border-left				: 1px solid #CCCDE1;
overflow				: hidden;
float					: left;
}

div#content.products
{
width					: 979px;
padding					: 0px 0px 10px 0px;
background              : none;
}

/* need to fix this - IE6 does not recognise the div#content.withnav properties above??
Ive added this below and it seems to work? May effect other pages */

* html div#content 
{
width					: 938px;
border					: 1px solid #CCCDE1;
overflow				: hidden;
float					: left;
display					: inline;
}

* html div#content.withnav
{
width					: 709px;
}

div#content div.pageimage /* Div next to copy */
{
float					: right;
}

div#content div.column /* so the copy runs down in a column and not under an image on the right */
{
width					: 500px;
}

div#content h3
{
font-size				: 70%;
font-weight				: normal;
margin					: 0px 0px 15px 0px;
padding					: 0px;
color					: #666;
line-height				: 15px;
}


div#content h3.large
{
font-size				: 120%;
font-weight				: bold;
margin					: 0px 0px 15px 0px;
padding					: 0px;
color					: #666;
line-height				: 22px;
} 


div#content p
{
font-size				: 70%;
font-weight				: normal;
margin					: 0px 0px 15px 0px;
padding					: 0px;
color					: #666;
line-height				: 15px;
}



div#content ul
{
margin					: 0px 0px 15px 30px;
padding					: 0px;
}

div#content ul li
{
font-size				: 70%;
font-weight				: normal;
margin					: 0px 0px 0px 0px;
padding					: 0px;
color					: #666;
line-height				: 18px;
}

div#content p a,div#content ul li a
{
color					: #666;
text-decoration			: none;
}


/* Pagination */

div.content ul.paging
{
 width				: 400px;
 font-size			: 100%;
 font-weight		: normal;
 color				: #666;
 margin				: 0px 0px 0px 0px;
padding				: 0px;
 line-height		: 16px;
 clear				: both;
 overflow			: hidden;
}

div.content ul.paging li
{
 float:				left;
 list-style-type:	none;
 padding:			5px;
 margin				: 0px;
padding				: 0px;
}

div.content ul.paging li a
{
color				: #999;
font-weight			: normal;
text-decoration		: underline;
padding:			5px;
}

div.content ul.paging li a.number
{
color				: #666;
font-weight			: normal;
text-decoration		: none;
}

div.content ul.paging li a.number_on
{
color				: #000;
font-weight			: bold;
text-decoration		: none;
}

/* end  of pagination styles */

/* search results */

div.content ul#searchresults, div.content ul#searchresults li
{
margin				: 0;
padding				: 0;
}

div.content ul#searchresults li
{
list-style-type		: none;
}

div.content ul#searchresults li a
{
color				: #666;
font-weight			: normal;
text-decoration		: none;
font-size			: 100%;
}

div.content ul#searchresults li a:hover
{
text-decoration		: underline;
}

div#content div.sitemap ul li, div#content div.sitemap ul li ul li, div#content div.sitemap ul li ul li ul li
{
    font-size:90%;
}

/* Order details */

div#orderdetails
{
	border:			1px solid #000;
	background-color: #FFF;
	padding:		5px;
	position:		absolute;
	top:			1px;
	left:			1px;
	width:			260px;
	height:			80px;
	font-size:		70%;
}

div#orderdetails em
{
	font-style:		normal;
}

div#orderdetails b
{
	display:		block;
	float:			left;
	width:			110px;
}

div#orderdetails a
{
	color:			#666;
	text-decoration: underline;
}

div#orderdetails a:hover
{
	text-decoration: none;
}

/* FOr the video page */

.video{
	border-bottom:#ECECEC solid 1px;
	margin-top:15px;
	height:175px;
	}

.video img {
	float:left;
	padding-right:15px;
	}