body 
{
	background-color: White;
	color: Black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	height: 100%;
}
body, input, textarea, select 
{
	font-family: Verdana,Tahoma,Calibri,Arial;
	font-size: 10px;
	background-color: White;
}
img 
{
	border: 0;
}
a, a:link, a:visited
{
	color: Black;
	text-decoration: none;
	background-color: Transparent;
}
a:hover 
{
	text-decoration: underline;
}
#topfoto h1 
{
	text-align: left;
	font-weight: bold;
	font-family: Verdana,Tahoma,Calibri,Arial;
	color: White;
	font-size: 28px;
}
h1 
{
	text-align: left;
	font-weight: bold;
	font-family: Verdana,Tahoma,Calibri,Arial;
	color: Black;
	font-size: 24px;
	
}
h2 
{
	text-align: left;
	font-weight: normal;
	font-family: Verdana,Tahoma,Calibri,Arial;
	font-size: 20px;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
.center 
{
	text-align: center;
}
.Line 
{
	display: block;
	clear: both;
}
.ErrorMsg 
{
	color: Red
}
.ErrorSummary 
{
	margin-top: 25px;
	display: block;
	color: Black;
	margin-left: 15px;
}

/** Buttons **/
.btnBasketRemove, .btnBasketEmpty, .btnLogin, .btnLogout, .btnNew, .Button, input.Button, a.Button  {
	font-size: 9px;
	padding: 0 0 0 0;
	background-color: Transparent;
	border-width: 1px;
	border-color: #efefef;
	border-style: solid;
	text-transform: uppercase;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 15px;
	margin-top: 5px;
}
a.Button 
{
	color: Black;
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
}


/** Main containers */
#maincontainer 
{
	width: 100%;
	display: block;
}
#container 
{
	text-align: left;
	width: 810px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	min-height: 98%;
}
#main 
{
	float: left;
	clear: both;
	display: block;
}
#mainleft 
{
	width: 220px;
	float: left;
	display: block;
}
#maincontent 
{
	margin-bottom: 8px;
	width: 577px;
	float: left;
	display: block;
}
#mainfull 
{
	width: 800px;
	float: left;
	display: block;
}
/* Okay now add margin to all items at edges af main*/
#topmenu, #toplogin, #mainleft, #maincontent, #mainfull 
{
	margin-left: 2px;
}
#topmenu, #toplogin, #maincontent, #mainfull 
{
	margin-right: 2px;
}


/* Specific top styles */
#topfoto 
{
	background-image: url('../images/hermedico/topfoto.jpg');
	background-color: White;
	background-repeat: no-repeat;
	width: 810px;
	height: 170px;
	display: block;
	clear: both;
	text-align: left;
}
#topfoto div
{
	margin-left: 15px;
	margin-top: 50px;	
}
#toplogin 
{
	background-image: url('../images/hermedico/loginbar.gif');
	background-color: white;
	height: 29px;
	width: 806px;
	font-size: 9px;
	clear: both;
	text-align: center;
	margin-bottom: 8px;
}

/* Toplogin styles */
#toplogin input 
{
	font-size: 8px;
}
#toplogin * 
{
	margin-left: 4px;
	vertical-align: bottom;
	clear: none;
	float: left;
}
/* #toplogin>div, #toplogin #ctl00_ctl00_Login1_UpdatePanel1 */
#toplogin .LoginLoggedIn, #toplogin .LoginNotLoggedIn
{
	margin-top: 3px;
	margin-bottom: 2px;
	display: block;
}
#toplogin label, #toplogin span
{
	margin-left: 10px;
	display: block;
	margin-top: 2px;
}
#toplogin .TextLogin, #toplogin .TextPassword, #toplogin .TextSearch
{
	height: 12px;
	font-size: 8px;
	padding: 0 0 0 0;
	display: block;
}
.btnLogin, .btnLogout, .btnNew, #toplogin input.Button 
{
	height: 15px;
	font-size: 8px;
	padding: 0 0 0 0;
	display: block;
	margin-top: 0;
	margin-right: 8px;
}
.TextPassword 
{
	padding-top: 6px;
}
#toplogin a.Button, #toplogin input.Button
{
	margin-top: 0;
	font-size: 8px;
}

/** Specific general styles */
.Line 
{
	clear: both;
	display: block;
}
div.Progress 
{
	position: fixed;
	z-index: 1000;
	top: 30%;
	left: 0;
	width: 100%;
	text-align: center;
}	

.Left 
{
	float: left;
}
.Right 
{
	float: right;
}

/** Specific left styles */

/* Left menu */
#menucontainer 
{
	text-align: right;
}
#menu 
{
	margin-bottom: 25px;
	width: 200px;
	text-align: left;
}
#menu ul 
{
	list-style-type: none;
	margin-left: 15px;
	padding-left: 0;
	display: block;
}
#menu a, #menu a:link, #menu a:visited
{
	color: gray;
	text-decoration: none;
}
#menu a:hover 
{
	color: Black;
	text-decoration: none;
}
#menu>ul>li>a, #menu>ul>li>span
{
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}	
#menu>ul>li 
{
	padding-bottom: 2px;
	border-bottom: solid 1px #efefef;
}
#menu li.CategoryMenuSelected>a, #menu li.CategoryMenuSelected>span
{
	display: block;
	color: Black;
}
#menu ul>li 
{
	margin-top:1px;
	margin-bottom: 1px;
	display: block;
	text-transform: uppercase;
}
#menu ul li li 
{
	background-image: none;
	padding-top: 0;
	padding-bottom: 1px;
	display: block;
	text-transform: none;
}

/* Specific basket styles */
#basketcontainer 
{
	display: block;
	width: 200px;
}
#basketcontainer>*, #basketcontainer>#basketitems>*
{
	float: left;
	display: block;
}
#baskettop 
{
	background-image: url('../images/hermedico/basket_top.gif');
	background-color: White;
	background-repeat: no-repeat;
	height: 14px;
	width: 200px;
}
#basketitems 
{
	background-image: url('../images/hermedico/basket_items.gif');
	background-repeat: repeat-y;
	background-color: White;
	width: 200px;
}
#basketbottom 
{
	background-image: url('../images/hermedico/basket_bottom.gif');
	background-repeat: no-repeat;
	background-color: White;
	width: 200px;
	height: 28px;
}
#baskettitle 
{
	width: 15px;
	height: 100%;
	margin-left: 4px;
	margin-right: 10px;
	float: left;
}
.Basket 
{
	display: block;
	float: left;
	width: 155px;
}
.BasketTitle 
{
	font-weight: bold;
}
.Basket .BasketMessages>* 
{
	display: block;
	font-weight: bold;
	margin: 4px 0 4px 0;
}
.BasketItemRemove 
{
	float: right;
}
.BasketImage 
{
	float: left;
}
.BasketNumberTable 
{
	float: left; 
	font-size: 8px;
	color: #333333;
}
.BasketNumbers 
{
	text-align: right;
}

.BasketSum
{
	text-align: right;
}
.Amount, .Price {
	text-align: right;
}


/** Specific content styles */
#maincontent label, .Label 
{
	/*display: inline-block;*/
	display: block;
	float: left;
	clear: left;
	width: 140px;
	margin-right: 6px;
}

.ProductDetails 
{
	display: block;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ProductDetails h1 
{
	color: White;
	background-color: #2f8f9f;
	width: 350px;
	display: block;
	font-size: 16px;
	padding: 3px 3px 3px 3px;
}
.ProductDetailImage, .ProductDetailText 
{
	float: left;
}
.ProductDetailText, .ProductDetailPrices 
{
	margin-left: 10px;
}
.ProductDetailText .Line 
{
	font-weight: bold;
	width: 300px;
}
.PageColumn
{
	display: block;
	width: 250px;
	margin-left: 30px;
	margin-right: 5px;
	float: left;
}


/* Specific  product list styles */
.ListDetail 
{
	width: 576px;
	border-collapse: collapse; 
	border-style: none;
}
.ListDetail tr.ListHeader 
{
	color: White;
	height: 27px;
	padding: 0 0 0 0;
	border-collapse: collapse; 
}
.ListDetail tr.ListHeader>*
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: Transparent;
	background-image: url('../images/hermedico/listheader_middle.gif');
	background-repeat: repeat-x;
}
.ListDetail tr.ListHeader>*.ListHeaderLeft, .ListDetail tr.ListHeader>*.ListDetailImage
{
	background-color: Transparent;
	background-image: url('../images/hermedico/listheader_left.gif');
	background-repeat: no-repeat;
	background-position: left;
}
.ListDetail tr.ListHeader>*.ListHeaderRight, .ListDetail tr.ListHeader>*.ListDetailBuy
{
	background-color: Transparent;
	background-image: url('../images/hermedico/listheader_right.gif');
	background-repeat: no-repeat;
	background-position: right;
}
.ListQuantity  
{
	width: 50px; 
}

/* Page text */
.CategoryDesc a 
{
	text-decoration: underline;
}
.CategoryDesc a:hover 
{
	text-decoration: none;
}
.ListModeSwitcher 
{
	text-align: right;
	clear: both;
	display: block;
	width: 100%;
}
.ListImages 
{
	float: left;
	height: 250px;
	width: 250px;
	margin-right:5px;
	margin-bottom: 5px;
}

/* Product details */
.DetailImage 
{
	float: left;
	display: block;
}

/* Secific Purchase process styles */
.OrderDetails textarea 
{
	width: 350px;
	height: 100px;
}

.AcceptTerms 
{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 430px;
}
#maincontent .AcceptTerms label, #maincontent .PurchasePayment label
{
	width: auto;
	clear: none;
	display: inline;
	float: none;
}
maincontent .PurchasePayment div 
{
	float: left;
	clear: both;
	display: block;
}
.AcceptTermsText
{
	width: 400px;
	height: 100px;
	overflow: scroll;
	background-color: White;
	border-style: inset;
	border-width: 2px;
}
.AcceptUser, .AcceptShipment 
{
	float: left;
	width: 300px;
	margin-right: 10px;
}
.AcceptOrderDetail, .AcceptOrderlines 
{
	clear: both;
}
.Warning 
{
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
}