@charset "utf-8";

body, td, p, input, select, textarea {font-family:Arial,Helvetica;font-size:12px;color:#5a5a5a;}
body {background:url(../images/themecolor0-bg.jpg) no-repeat #EBEAE5;margin:0px;}
th {background-color:#ddd;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#083361;font-weight:bold;}
hr {border:2px dotted #ddd;border-bottom:none;}
a {color:#25397D;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:underline;}
fieldset {padding:5px;border:1px solid #ccc;position:relative;margin-bottom:5px;}
legend {color:#91171E;font-weight:bold;/*background-color:#EAE9E9;border:1px solid #999;*/padding:2px;padding-left:10px;padding-right:10px;}
* html legend {position:absolute;margin:-20px 0 0 0;margin-bottom:20px;}
.frmButton {background-color:#808080;border:2px solid #bbb;color:#fff;font-weight:bold;}

/* Page */
#pageContainer {margin:0 auto;text-align:left;width:995px;padding-top:30px;}
#topbarContainer {background-color:#C0C0C0;height:30px;left:0;opacity:0.5;position:absolute;width:100%;}
#bgBarContainer {background-color:#DEDDDB;height:390px;left:0;position:absolute;width:100%;z-index:-100;}

/* Search */
#searchContainer{float:right;padding:30px 12px 0 0;z-index:1;}
#searchStart {background-image:url(../images/search-start.gif);float:left;height:24px;width:9px;}
#searchContainer .searchTxt {background:White none repeat scroll 0 0;border:0 none;float:left;font-size:11px;font-weight:bold;height:18px;margin:0;padding-top:5px;vertical-align:middle;width:175px;}

/* Logo */
#logo {float:left;padding:23px 0 0 14px;}
#logo h1 {background-image:url(../images/logo-coloplast.gif);background-repeat:no-repeat;cursor:pointer;height:34px;margin:0;padding:0;text-indent:-9999px;width:138px;}
#areaIco {position:absolute;right:3px;background:url(../images/area-ico.png) no-repeat;margin-top:-100px;margin-right:300px;width:82px;height:219px;z-index:-1;}

/* Content Title */
#contentTitle {position:absolute;margin-left:188px;top:135px;z-index:20;}
#contentTitle h1 {font-size:1.5em;font-weight:bold;margin:0;opacity:1;padding:7px 16px 5px 10px;}
#contentTitle #contentTitleBackground {background:transparent url(../images/themecolor0-title-bg.gif) repeat-y scroll 0 0;color:#fff;max-width:400px;opacity:0.9;padding:2px 2px 2px 0;}
#contentTitle #contentTitleShadow {background:transparent url(../images/title-shadow.png) no-repeat scroll 0 0;height:5px;position:static;width:10px;}

/* Content */
#contentHeader {height:120px;text-align:right;}
.memberInfo {text-align:center;}
#contentBodyLeft {float:left;width:193px;margin-top:50px;background-color:#F5F5F2;}
#contentBodyRight {float:right;width:802px;height:95%;background:url(../images/content-middle.png) repeat-y;}
#contentBodyRightTop {float:right;width:802px;height:16px;background:url(../images/content-top.png) no-repeat;}
#contentBodyRightBottom {float:right;width:802px;height:86px;background:url(../images/content-bottom.png) no-repeat;}
.contentInner {padding:20px;}

/* Footer */
#pageFooter {background-color:#E0DFDA;border-top:35px solid #DCDBD6;left:0;margin-bottom:0;margin-top:60px;padding:30px 0 10px;width:100%;}
#pageFooterBox {margin:0 auto;width:995px;}
#footerNav {padding-bottom:30px;margin-left:190px;position:relative;text-align:left;}

/* Navigation */
#mainNavigation {color:#bbb;text-align:right;padding-bottom:3px;border-bottom:2px solid #eee;}
#mainNavigation a {}
#mainNavigation a:hover{}
#catalogNavigation {overflow:hidden;}
#catalogNavigation div {margin-bottom:7px;}
#catalogNavigation a {font-weight:normal;color:#84878E;font-size:12px;text-decoration:none;}
#catalogNavigation a:hover {color:#1671BF;}
#catalogNavigation .catalogNavigationTitle a {font-weight:bold;color:#5a5a5a;font-size:12px;text-decoration:none;}
#catalogNavigation .catalogNavigationPath a {font-weight:bold;color:#1671BF;font-size:12px;text-decoration:none;}
#catalogNavigationTop {background:url(../images/right.gif) no-repeat;padding:3px;padding-left:20px;border-bottom:3px solid #029C71;color:#029C71;font-weight:bold;}
#catalogNavigationLevel {background:url(../images/top.gif) no-repeat;padding:3px;padding-left:20px;border-bottom:3px solid #029C71;color:#029C71;font-weight:bold;}
.catalogNavigationLink {padding:1px;}
.catalogNavigationLinkActive {padding:1px;background:transparent url(../images/arrow-right-themecolor1.gif) no-repeat left; margin-right:-15px;}
.catalogNavigationLinkActive a {color:#F1B232;}

/* Subnavigation */
#catalogSubnavigation {background:transparent url(../images/bullet.gif) 3px 6px no-repeat;color:#999;padding:2px;padding-left:15px;margin-bottom:30px;}

/* Tabnavigation */
#tabNavigation {clear:both;height:27px;border-bottom:3px solid #CFCECD;margin-top:10px;}
#tabNavigation ul {list-style-type:none;list-style-position:inside;margin:0px;padding:0px;}
#tabNavigation li {float:left;padding-left:5px;padding-right:5px;margin-left:5px;min-width:80px;height:20px;background-color:#EBEAE5;border:1px solid #DEDDDB;border-bottom:none;/*background:url(../images/navi_bg.png) no-repeat 0px 0px;*/text-align:center;padding-top:5px;overflow:hidden;}
#tabNavigation li a {color:#999;font-size:11px;white-space:nowrap;text-decoration:none;}
#tabNavigation li a:hover {color:#1671BF;}
#tabNavigation li#activeLink {background-color:#CFCECD;border:1px solid #ccc;border-bottom:1px solid #CFCECD;/*background:url(../images/navi_bg_active.png) no-repeat 0px 0px;*/}
#tabNavigation li#activeLink a {color:#fff;}

/* table extra */
.tableExtra {}
.tableExtra td {padding:2px;border-bottom:1px solid #eee;}
.tableExtra th {background-color:#808080;color:#fff;font-weight:bold;text-align:left;}

/* basket */
#Basket {}
#Basket table {background-color:#ffffff;}
#Basket td {font-size:10px;}

/* System Messages */
/*
#sysMessage {background-color:#f2f2f2;border:1px solid #009900;color:#009900;font-weight:bold;padding:5px;text-align:center;display:none;width:90%;margin-left:auto;margin-right:auto;}
*/

#sysMessage div {background:url(../images/opacity.gif) repeat;z-index:1000;top:0px;left:0px;height:100%;width:100%;position:absolute;}
#sysMessage p {border:5px solid #16b5cb;background-color:#f2f2f2;padding: 20px;color:#000;font-size:24px;top:50%;width:50%;left:25%;text-align:center;z-index:1001;position:absolute;}

#progressOutput div {background:url(../images/opacity.gif) repeat;z-index:1000;position:absolute;}
#progressOutput img {top:50%;left:50%;z-index:1001;position:absolute;}
#progressOutput p {border:5px solid #16b5cb;background-color:#f2f2f2;padding:20px;color:#000;font-size:24px;top:50%;width:50%;left:25%;text-align:center;z-index:1001;position:absolute;}


/*
 * alert.js - javascript alert replacement v1.0
 *
 * (c) 2009 Naden Badalgogtapeh - http://www.naden.de/blog/javascript-alert
 *
 */
div.alert {border: 5px solid #16b5cb;background-color: #f2f2f2;padding: 20px;position: absolute;display: block;}
div.alert div.title {font-weight: bold;background-color: #666;color: #fff;padding: 2px;}
div.alert div.body {padding: 5px 0;margin-bottom:10px;}
div.alert div.button {text-align: center;}
div.alert div.button a:link, 
div.alert div.button a:active, 
div.alert div.button a:visited {padding-left:20px;padding-right:20px;background-color:#808080;border:2px solid #bbb;color:#fff;font-weight:bold;text-decoration:none;}
div.alert div.button a:hover {border: 2px solid #333;}