@charset "utf-8";
/* CSS Document */

@import "conpan.css";

body
        {
/*set default look for main content. not footer*/
/*set font size. then all titles etc will be based on a % of this size*/
        margin:0 auto;
		text-align:center;
        padding:0pt;
        font-family:Verdana,Arial,Helvetica,sans-serif;
		background-color:#e4e5eb;
		font-style:normal;
        font-variant:normal;
        font-size:11px;
        color:#302F2C;
        height:100%;
		}


/* * * * * * * * * * * * * * * *

        F O N T    C S S
	 
* * * * * * * * * * * * * * * */

p {font-family: Arial, Helvetica, sans-serif;font-size:11px; line-height:1.7em;}
td {font-family: Arial, Helvetica, sans-serif;font-size:11px; line-height:1.7em;}
ul li {font-family: Arial, Helvetica, sans-serif;font-size:11px; line-height:1.7em; list-style-image: url(/portals/0/images/bullet.gif);}
h1 {font-weight:normal; color:#414398; padding-right:35px; padding-top:5px; font-size:1.6em; font-family: arial, helvetica, sans-serif; }
h2 {font-weight:bold; color:#414398; padding-right:35px; padding-top:5px; font-size:1.2em; font-family: arial, helvetica, sans-serif; }
strong {font-weight:bold; color:#414398;}
a:link {color:#414398;}
a:visited {color:#414398}
a:hover {text-decoration:underline;}
.normalbold {color:#414398}
.producttitle {font-family: Arial, Helvetica, sans-serif; color:#414398; font-weight:bold;font-size:11px; line-height:1.7em;}
#contentwrap p {padding-left:17px;}
#contentwrap h1 {font-weight:normal; border-bottom:1px dotted #999999; text-transform:uppercase; color:#414398; padding-bottom:5px; padding-right:35px; padding-top:5px; font-size:1.6em; font-family: arial, helvetica, sans-serif; }
#title h1 {font-weight:bold; color:#414398; padding-right:35px; padding-top:5px; font-size:2.4em; font-family: arial, helvetica, sans-serif; }	
#breadcrumb a:hover { color:#000000; text-decoration:none}
#breadcrumb a {color:#777777;}
#links a {color:#777777;font-weight:normal; font-size:10px;}
#links a:hover {color:#777777;font-weight:normal; text-decoration:underline;}
.footer { vertical-align:bottom; padding:10px; color:#777777;font-weight:normal; font-size:10px;text-align:right;}
#footer a {color:#777777;font-weight:normal; font-size:10px;}
#footer a:hover {color:#777777;font-weight:normal; text-decoration:underline;}
#border_box strong {color:#302F2C;font-weight:bold;}
#border_box a:link {color:#414398;font-weight:bold;}
#border_box a:visited {color:#414398;font-weight:bold;}
#content_base p {padding-left:17px;}
#content_base h1 {font-weight:normal; border-bottom:1px dotted #999999; color:#414398; padding-bottom:5px; padding-right:35px; padding-top:5px; font-size:1.6em; font-family: arial, helvetica, sans-serif; }
/* * * * * * * * * * * * * * * *

    L A Y O U T    C S S
	 
* * * * * * * * * * * * * * * */

#wrap
	{
	width:965px;
	margin:0 auto;
	margin-top:1%;
	background-color:#ffffff;
	}
	
#logo { 
	float:right; 
	clear:right; 
	width:190px;
	background-color:#414398; padding-top:10px;
	}
#title { float:left; clear:left; background-color:#414398; width:765px; padding-top:17px; height:41px}
#menupanel {float:left; height:60px; clear:left; background-color:#414398;  width:765px; text-align:left;}
#menu {padding:10px; padding-top:35px}	

#content { 
	float:left; 
	clear:both; 
	width:965px;
	background-color:#ffffff;
	}
	
#cleanline {
	float:left;
	clear:both; 
	width:965px;
	background-color:#ffffff;
	}
#content_l {clear:left;padding:5px; width:155px;}
#content_right_left {clear:left;padding:5px; width:320px;}
#content_right_r {clear:left;padding:5px; width:460px;}

#content_lc {clear:left;padding:5px; width:120px;}
#content_l a:hover
	{
	color:#000000;
	text-decoration:none;
	}
#content_lang{
/**************************
TURNS ON THE LANGUAGE ICONS
*****************************/
	display:none;
	float:left;
	width:155px;
	clear:left;
	padding:5px 0;
	background-color:#ffffff;
	}
#contentwrap { float:left; clear:both;width:770px;}
#content_left {
	float:left;
	width:155px;
	clear:left;
	background-color:#ffffff;
	}
#content_right { 
	float:right; 
	clear:right; 
	width:790px;
	padding-right:10px;
	background-color:#ffffff;
	}
#breadcrumb { 

	float:left; 
	clear:right; 
	text-align:left;

	padding:5px 0;
	width:790px;
	background-color:#ffffff;
	color:#777777;
	font-size:10px;
	font-weight:bold;
	}
	
#cleanline_left {
	padding-left:20px
	}

#maincontent {float:left; clear:both; width:790px;}
#content_right_lev { float:left; clear:right; width: 320px; background-color:#ffffff;}	
#content_bottom {float:left; clear:both; width:790px;}
#content_right_rev { float:left; clear:right; width:420px; padding-left:px; background-color:#ffffff; }
#content_right_thick { float:left; clear:right; width: 580px; background-color:#ffffff;}	
#content_right_thin { float:left; clear:right; width:150px; padding-left:40px; background-color:#ffffff; }
#content_base {float:none; clear:both; width:770px;}
#footer {
	float:left; 
	clear:both; 
	width:965px;
	background-color:#ffffff;
}
#bottom_menu { 
	float:left; 
	clear:both; 
	width:965px;
	background-color:#ffffff;
	}
#footleft {float:left; width:200px; clear:left}
#footright {float:right; width:720px; clear:right}

#links {clear:both; float:none;}
#blueband {background-color:#414398; height:60px; width:200px; float:right;clear}
/* * * * * * * * * * * * * * * *

  P R O D U C T B O X    C S S
	 
* * * * * * * * * * * * * * * */

	
.border_box
	{
	border-bottom:1px  dotted #cccccc;
	width:320px;
	margin-top:10px;
	margin-left:15PX;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	}

.image
	{
	width:80px;
	height:85px;
	padding-right:20px;
	float:left;
	clear:left;
	}
.texts
	{
	width:180px;
	float:right;
	clear:right;
	}
.extra_box
	{
	width:240px;
	padding-top:5px;
	float:left;
	text-align:right;
	clear:both;
	}
.imageprod
	{
	width:115px;
	height:85px;
	padding-right:20px;
	float:left;
	clear:left;
	padding-bottom:10px;
	}
.textsprod
	{
	width:180px;
	float:right;
	clear:right;
	
	}



/* * * * * * * * * * * * * * * *

   R O L L O V E R    C S S
	 
* * * * * * * * * * * * * * * */

a#rollover { background-image:url(/portals/0/images/newsletter.jpg); height: 31px; width:135px; display:block; }
a#rollover span { display:none; }
a#rollover:hover { background-image:url(/portals/0/images/newsletter2.jpg); }


/* * * * * * * * * * * * * * * *

     M E N U    C S S
	 
* * * * * * * * * * * * * * * */

.main_dnnmenu_container {
	background-color: transparent; 
}
/*.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}*/
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	display:none;
}
.main_dnnmenu_item { /*TD if menu option for using tables is on*/
	display:none;
}
.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-size: 12px; 
	font-weight:bold;
	background-color: Transparent;
	font-family: Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}
.main_dnnmenu_rootitem { background-image:none;}
.main_dnnmenu_itemhover {  
	text-decoration:underline;
	color:#ffffff;
}

.main_dnnmenu_itemhover td {  
	text-decoration:underline;
	color:#ffffff;
}

.container_sub {}
.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu { 
	background-color: #f0f0f0;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	border: 1px solid #999999; 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* * * * * * * * * * * * * * * *

  L I G H T B O X    C S S
	 
* * * * * * * * * * * * * * * */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*******************************

EXPANDING BOXES

*******************************/
.expanded .content {
	display:none;
}

.shrunk .content {
	display:block;
}