* { margin: 0; padding: 0; outline: 0 }

body {
	background: #FFFF00;
	font: 80%/1.5em Tahoma, Verdana, Arial, sans-serif;
	color: #444; 
	text-align:left;
}

h1, h2, h3 {
	font-family: Tahoma, Verdana, Arial, sans-serif;	 		
}
h1 {
	font-size: 150%;	
	font-weight: normal;
	color: #666699;
}
/*hide h1 from view */
h1 { text-indent: -9000px; margin: 0; display: none;}

h2 {
	font-size: 140%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 120%;
	color: #776666; 
}
h4 {
	font-size: 100%;
	color: #776666; 
}
h5 {
	font-size: 80%;
	color: #776666; 
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'courier new', monospace ;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #777;
}
blockquote {
	font-weight: bold;
	margin: 10px 15px 0px 15px;
 	padding: 10px 5px 10px 40px;  
    border: 1px solid #f2f2f2; 
    border-left: 3px solid #8ADF88;
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    
}		
		
ul { padding-left: 35px; list-style: none;}
ol { padding-left: 35px; list-style: decimal;}

input, textarea  { border: 1px solid #aaa }
input:hover, textarea:hover  { border: 1px solid #888 }
img { border: 3px solid #e5e5e5; margin: 0 15px 5px 0; float: left; }
a { color: #6A4276; text-decoration: underline; background: inherit }
a:hover { color: #B531DC; text-decoration: none }
input, textarea  { border: 1px solid #aaa }
input:hover, textarea:hover  { border: 1px solid #888 }
input .text { color: #000000;	border: 1px solid #E6E6E6; background: inherit }
textarea .text { font-size: 8pt; border: 1px solid #E6E6E6 }
input .text:hover, textarea.text:hover { border: 1px solid #D6D6D6 }

/**************
FORM ELEMENTS
*****************/
form {
	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 	
}
label {
	display:block;
	font-weight:normal;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width: 98%;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 13px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px; 
	color: #006600;
	background: #E5F5C6 0 0; /*#E5F5C6*/
	border-top: 2px solid #f4f4d5;
	border-left: 2px solid #f4f4d5;
	border-bottom: 2px solid #d4e4b5; /*#8EB50C;*/
	border-right: 2px solid #d4e4b5;
}
/***END FORM ELEMENTS ***/

/****************
TABLE ELEMENTS
****************/
/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
/******* END TABLE ELEMENTS **********/

fieldset {  
position: relative;
margin-top: 0.75em;
margin-bottom: 0.75em;
}

fieldset legend {  
position: relative;  
left: -7px;  
top: -1.5em;
}

fieldset ol {  
padding-top: 0.25em;
}

fieldset select {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}


/**************
MAIN CONTENT
**************/

#maincontent { width: auto; background: inherit; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; padding-right: 35px;}		
	#maincontent h2 { color: #3A3A3A; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; line-height: 19px; margin: 0 0 5px 0; background: inherit }
	#maincontent h2 a { color: #2FB432; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; line-height: 19px; margin: 0 0 5px 0; background: inherit }
	#maincontent h2 a:hover { color: #2FB432; text-decoration: underline; background: inherit	}
	#maincontent .underline { border-bottom: 1px dotted #aaa; margin-bottom: 10px }
	#maincontent h3 { font-size: 130%; color: #6AA6AB; border-bottom: 1px dotted #aaa; background: inherit }
	#maincontent p { padding: 0 0 20px 0; color: #454545; font: 1.0em "Arial", Sans-Serif; margin: 0;  text-decoration: none; background: inherit }
	#maincontent  .mpnull { margin: 0; padding: 0 0 0 0; }
	#maincontent .textbox { float: right; color: #454545; width: 40%; background: #fefefe; padding: 10px; margin: 5px 0 15px 15px; border: 1px solid #e8e8e8 }
	#left_side { width: 545px; background: transparent; margin: 4px; margin-bottom: 20px; padding-top: 15px;}
	#right_side { width: 195px; background: transparent; float: right; padding-right: 3px; }
		#right_side h3 { 
			height: 22px;
			background: transparent url(../images/sidebarheadbg.gif) no-repeat;
			color: #FFF;
			border: 0;
			font: bold 1.2em "Arial", Sans-Serif;
			padding: 0px 0 0 5px;
			line-height: 22px
		}
		#right_side .lcontent { background: #f8f8f8; border: 0px solid #e5e5e5; margin-bottom: 15px;	color: #888 }
		#right_side .lcontent p { padding: 0px; color: #777; background: inherit }
		#right_side ul { padding-left: 0px; background: inherit; color: #454545 }
		#right_side li { list-style: none; padding: 2px }
		#right_side img { border: 1px solid #B6D6BB }

/************
GENERAL LAYOUT
************/

#wrap {
	width: 840px;
	background: #FFFF00 url(../images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}

#maincontentwrap {
	clear: both;
	width: 760px;
	padding: 0; 
	margin: 10px auto;
}

#maincontentwrap .underline { border-bottom: 1px dotted #aaa; margin-bottom: 10px; }
#maincontentwrap .textbox { float: right; color: #454545; width: 40%; background: #fefefe; padding: 10px; margin: 5px 0px 15px 15px; border: 1px solid #e8e8e8; }

		
.container{
	padding: 8px;
}

#similaritems {
	display:block;
	text-align: left;
	font-weight: bold;
	margin: 10px 15px 0px 15px;
 	padding: 10px 5px 10px 40px;  
    border: 1px solid #f2f2f2; 
    border-left: 3px solid #8ADF88;
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px ; 
}	

#similaritems li {
	background: #FAFAFA ; 
}	
/**************************
	HEADER
***************************/
#header {
	width: 840px;
	position: relative;
	height: 36px;
	background: #CCC url(../images/headertop.jpg) no-repeat center top;
	padding: 0;	
	color: #FFF;	
}	
	
#head
{
	width: 779px;
	height: 141px;
	background: url('../images/headbg3.jpg') repeat-x #643D6F; /*#FCCC48; #744680; #52325A; #643D6F;*/
	margin: 0px 31px auto;
	border-bottom: 5px solid #643D6F;/*#593165;*/
	padding-left: 0px;
}

#head .set
{
	width: 750px;
	height: 141px;
	background: url('../images/headbg3.jpg') repeat-x #643D6F;
	padding-left: 5px;
	padding-right: 4px;
	margin: 0 auto;
	/*border-left: 5px solid #6A4276;*/
}

#head #logo
{
	width: 330px;
	height: 131px;
	background: url('../images/medgardlogo.gif') no-repeat center center;
	float: left;
	margin: 5px 0 0 0;
}

#head .set #logo {
	background: url('../images/medgardlogo.gif') no-repeat center center;
}

#head #logo img{
	text-align: center;
	vertical-align: top;
	border: none;
	width: 330px;
	height: 131px;
	float: left;
	margin: 5px 0 0 0;
}

#head ul
{
	list-style-type: none;
	float: right;
	padding: 0 2px 0 0;
	text-align: center;
}
#head ul li
{
	font: 12px/normal Verdana, Arial;
	display: inline;
}
#head ul li a
{
	height: 86px;
	color: #fff;
	text-decoration: none;
	border: none;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	display: block;
	float: left;
	padding: 55px 10px 0 10px;
	margin: 0px -1px 0 0;
}
#head ul li a:hover  { color: #fff; background: url('../images/nav_b2.jpg') repeat-x; background-color: #292929; }
#head ul li.active a { color: #fff; background: url('../images/nav_a2.jpg') repeat-x;  }

/**********
SUBHEADER
***********/
#subheader{
	width: 777px;
	height: 40px;
	background: #E5F5C6;
	margin-left: 31px;
	border: 1px solid #d4e4b5;
}

/*************
FOOTER
************/
#footer {
	color: #C6DDEE;
	background: #CCC url(../images/footerbottom.jpg) no-repeat center top;
	clear: both;
	width: 840px;
	height: 65px;
	text-align: center;	
	font-size: 92%;	
}
#footer a { 
	color: #FFF;
	text-decoration: none; 
}


/*****************
SEARCH FORM ELEMENTS
******************/

.searchform {
	background-color: transparent;
	border: none;	
	margin: 2px; padding: 5px 0 5px 0;	
	width: 190px;	
}
.searchform p { margin: 0; padding: 0; text-align: right;}
.searchform input.searchbox { 
	float: left;
	width: 80%;
	color: #777; 
	padding: 2px;	
	margin: 5px 0px 15px 15px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.searchbox:hover { border: 1px solid #888 }
.searchform input{ 
	width: auto;
	vertical-align: top;
	
}

/**********************
************************
CATALOGUE STYLINGS
*************************
***********************/
/*********************
CATALOGUE FIELDSET
*************************/

.cataloguelistfieldset{  
display:block; /*originally block */
width: auto;
margin: 0.5em 1.0em 0.5em 1.0em;  
padding: 1em;
border: 1px solid #DFDAD0;  
background-color: #FAFAFA; /*#F2EFE9;*/
position: relative;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

.cataloguelistfieldset legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
font-size: 1.1em;
position: relative;  
left: -7px;  
top: -1.5em;
}

.cataloguelistfieldset label{
display:block;
font-weight: bold;
}


.cataloguelistfieldset span {  
font-weight: bold;
}

.cataloguelistfieldset ul { 
margin-top:1em;
margin-left: 0em;
float: left;
padding: 0px;  
list-style: none;
}


.cataloguelistfieldset li { 
text-align:left;
list-style: none;
/*float:left;*/
width: auto;  
margin-right: 0.5em;
padding-bottom: 1em;
}

.cataloguelistfieldset form{
border: none;
}
/************************/
.cataloguepurchasefieldset{  
float:right;
width: auto;
height: auto;
margin: 0em 0 0 0;  
padding: 0em 0em 0em 0em;
border: 1px solid #EFEAE0;  
background-color: #fafafa; /*#F2EFE9;*/
/*background-image: url(../images/fieldsetgrad1.jpg);  
background-repeat: repeat-x;*/

}

.cataloguepurchasefieldset legend {  
margin-left: 0;  
color: #000000;  
font-weight: bold;
}

.cataloguepurchasefieldset ol {  
padding: 0px;  
margin-left: 0em;
margin-right: 0.5em;
list-style: none;
display:block;
}

.cataloguepurchasefieldset li { 
text-align:right;
display:block;  
width: 20em;  
margin-right: 1em;
padding-bottom: 1em;
}

.cataloguepurchasefieldset label { 
display:block; 
text-align:right;
font-weight: bold;
margin: 0 0 1em 0;
}

.cataloguepurchasefieldset submit{
text-align:right;
}

.cataloguepurchasefieldset form{
padding-bottom: 20px;
margin: 0px;
} 

.cataloguepurchasefieldset select {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

.cataloguepurchasefieldset .requiredfield{
border: 1px solid #ff0000;
}

.cataloguepurchasefieldset .normalfield{
border: 1px solid #eee;
}

.cataloguepurchasefieldset .requiredfield:hover{
border: 1px solid #ffaa00;
}

.cataloguepurchasefieldset .normalfield:hover{
border: 1px solid #888;
}

/***********CURRENT PAGE TOP & BOTTOM************/
.currentpage{
width: auto;
padding: 5px;
text-align: center;
display: block;
border: none;
background-color: #ffee88; /*Brown color theme*/ 
color: #000;
border: 1px solid #006600;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

/****************************************************
PAGINATION
********************************/
#pagetable{
border: none;
text-align:center; /* Does not work at the moment */

font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
width:99%;	
clear:both;
}

#pagetable td{
border:none;
text-align:center;

padding: 0.5em 0.5em;
vertical-align:top;
}
/****************************/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*CSS msdn search style pagination*/
div.pagination {
width:auto;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
font-size: 13px;
text-align:center;
padding:4px 6px 4px 0;
background-color:#fff;
color:#006600;
}

div.pagination a {
color:#006600;
text-decoration:none;
padding:5px 6px 4px 5px;
margin:0 2px 0 2px;
border:1px solid #006600;
}

div.pagination a:hover, div.pagination a:active {
color:#006600;
border:1px solid #006600;
background-color:#ffee88;
}

div.pagination span.current {
padding:5px 6px 4px 5px;
margin:0 3px 0 3px;
border:1px solid #006600;
font-weight:bold;
color:#000;
background-color:#ffee88;
}

div.pagination span.disabled {
display:none;
}

div.pagination a.next{
border:1px solid #006600;
margin:0 0 0 10px;
}
	
div.pagination a.next:hover{
border:1px solid #006600;
}

div.pagination a.prev{
border:1px solid #006600;
margin:0 10px 0 0;
}

div.pagination a.prev:hover{
border:1px solid #006600;
}

/**************
ALPHABET SELECT
****************/
#alphabetselect{
text-align:center;
width: auto;
}

#alphabetselect ul{
list-style:none;
}

#alphabetselect ul li{
display:inline;

}

#alphabetselect a{
width:auto;
margin:1px;
padding:5px 6px 4px 5px;
border:1px solid #006600;
text-decoration:none;
color: #006600;
}

#alphabetselect a:hover{
border:1px solid #006600;
background-color:#ffee88;
text-decoration:none;

}

/****************MORE INFO FIELDSET ***********************************/
.moreinfoitemimage{
float:left;
padding: 0.25em;
}

.moreinfofieldset{  
display:block; /*originally block */
width: auto;
margin: 0.5em 1.0em 0.5em 1.0em;  
padding: 1em;
border: 1px solid #DFDAD0;  
background-color: #FAFAFA; /*#F2EFE9;*/
/*background-image: url(../images/fieldsetgrad1.jpg);  
background-repeat: repeat-x;*/

}

.moreinfofieldset legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
font-size: 1.1em;
}

.moreinfofieldset label{
display:inline;
font-weight: bold;
}


.moreinfofieldset span {  
font-weight: bold;
}

.moreinfofieldset ol { 
width: 70%;
margin-top:1em;
margin-left: 0em;
float: left;
padding: 0px;  
list-style: none;
}


.moreinfofieldset li { 
list-style: none;
text-align:left;
/*float:left;*/
width: auto;  
margin-right: 0.5em;
padding-bottom: 1em;
}

.moreinfopurchasefieldset{  
float:right;
width: auto;
height: auto;
margin: 0em 0em 0em 0em;  
padding: 0em 1em 0em 1em;
border: 1px solid #DFDAD0;  
background-color: #FAFAFA; /*#F2EFE9;*/
/*background-image: url(../images/fieldsetgrad1.jpg);  
background-repeat: repeat-x;*/

}

.moreinfopurchasefieldset legend {  
margin-left: 0;  
color: #000000;  
font-weight: bold;
}

.moreinfopurchasefieldset ol {  
padding: 0px;  
margin-left: 0em;
margin-right: 0.5em;
list-style: none;
display:block;
}

.moreinfopurchasefieldset li { 
text-align:right;
display:block;  
width: 20em;  
margin-right: 1em;
padding-bottom: 1em;
}

.moreinfopurchasefieldset label { 
display:block; 
text-align:right;
font-weight: bold;
margin: 0 0 1em 0;
}

.moreinfopurchasefieldset submit{
text-align:right;
}

.moreinfopurchasefieldset form{
padding-bottom: 20px;
margin: 0px;
} 

/******** ORDERSUMMARY TABLE ***********/
.ordersummarytable{
width: 95%;
padding: 1px;
margin: 1px;
margin-right: 15px;
border-color: #009900;
border: none;
border-collapse: collapse;
}

.ordersummarytable td{
padding: 2px;
border-collapse: collapse;
border: none;

}

.ordersummarytable td a{
padding: 0px;
margin: 0px;
}

/******** GOBACKNEXT TABLE ***************/
#gobacknexttable{
border:none;
width: 460px;
}

#gobacknexttable td{
width: auto;
border:none;
padding: 0px;
}

/************
GENERIC STYLES
***********/
.alignright{
text-align:right;
}

.alignleft{
text-align:left;
}

.aligncenter{
text-align:center;
}

.orderimages{
border:none;
padding: 0px;
margin: 0;
}

.warning{
color: #FF0000;
border: 3px solid #ff0000;
padding: 5px;
}

/******************
CHECKOUTCHOICES
*******************/
.checkoutchoices li{
	list-style:none;
	padding-top: 10px;
	padding-bottom: 20px;
}

.step1fieldset {  
 /*originally block */
width: auto;
margin: 0;  
padding: 1em;
border: 1px solid #DFDAD0;  
background-color: #FFF; /*#F2EFE9;*/
position: relative;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

.step1fieldset legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
font-size: 1.1em;
position: relative;  
left: -7px;  
top: -1.5em;
}

.step1fieldset ul {  
padding: 1em 1em 0 1em;  
list-style: none;
}

.step1fieldset li {  
padding-bottom: 1em;
}

.step1fieldset .button {  
	font: bold 13px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px; 
	color: #006600;
	background: #E5F5C6 0 0; /*#E5F5C6*/
	border-top: 2px solid #f4f4d5;
	border-left: 2px solid #f4f4d5;
	border-bottom: 2px solid #d4e4b5; /*#8EB50C;*/
	border-right: 2px solid #d4e4b5;
}

.step1fieldset label { 
text-align:left;
margin-right: 1em;
}

.step1fieldset input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

.step1fieldset select {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

.step1fieldset .requiredfield{
border: 1px solid #ff0000;
}

.step1fieldset .requiredfield:hover{
border: 1px solid #ffaa00;
}

.step1fieldset .normalfield:hover{
border: 1px solid #888;
}

.searchcriteria{
background-color: #ffee88;
text-decoration: none;
padding: 1px;
}