/* ================================
    Default styles FOR Kreatech Skins
   ================================
*/
/* ================================
    Structure
   ================================
*/
body{
    background:#c8ccca;
	font:12px/16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#wrap{
    margin:0 auto;
	padding:0;
}

#container{
    background:#eff0f0 url(css-images/sidebar-tile-white.gif) repeat-y top left;
	width:996px;
	margin:0 auto;
}
#container-home{
    background:#eff0f0 url(css-images/sidebar-tile-blue.gif) repeat-y top left;
	width:996px;
	margin:0 auto;
}

/* branding*/
#branding{
	background:#fff url(css-images/swoosh-top.gif) no-repeat bottom right;
	border-bottom:1px solid #fff;
	height:9.33em;
	width:996px;
	margin:0;
	padding:0;
}

/* contact information */
#support{
    clear:both;
	display:block;
	float:right;
	margin:8em 1.66em 0 0;
	padding:0;
}
#logo{
    position: absolute;
    top:0;
    padding:0 0 0 1.5em;
}

#loginlinks{
    display:block;
	float:right;
    text-align: right;
    padding:.5em 2em;
}
/* includes primary/secondary - navigation-styles in desktop modules (CISS.SideMenu) */
#menu, #menu-home{
    width:100%;
    margin:0;
	padding:0;
	border-bottom:6px solid #f8981d;
}
#subnav{
    margin:0;
	padding:0;
	width:245px;
}
/* content panes and areas */
#contentholder{
    padding-top: 0em;
}
/*width:708px;*/
#mainbody{
    float: left;
    width:712px;
}

#content-top{
	float:left;
	width:712px;
}
#dnn_toppane{
    
}
#content-bottom{
	float:right;
	width:712px;
}
#dnn_bottompane{
    
}

#content{
    float: right;
    min-height:450px;
    width:460px;
}

#dnn_contentpane{
    
}

#sidebar{
    float: left;
    width:245px;
    margin:0;
	padding:0;
}

#dnn_leftpane{
    
}

#sidebar-2{
    float: right;
    width:280px;
}

#dnn_rightpane{
    
}


/* bottom links etc.*/
#footer{
    background:#00274c;
    border-top:1px solid #fff;
    text-align:center;
	color:#fff;
	width:996px;
	margin:0; 
	padding:1em 0;
	clear:both;
}
#footer p{
	font:.85em/1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	margin:.5em 0 0 0 ;
	padding:0;
}
#footer a, 
#footer a:link, 
#footer a:active, 
#footer a:visited{
	font:.85em/1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
}
#footer a:hover{
	text-decoration:underline;
}

/* support links*/
#support ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
#support ul li{
	font:.9em/1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	display:inline;
	margin:0;
	padding:0;
}
#support ul li a, 
#support ul li a:link, 
#support ul li a:active, 
#support ul li a:visited{
	font:.9em/1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
}
#support ul li a:hover{
	text-decoration:underline;
}

#searchbar{
	background:#e2e3e4;
	height:3.5em;
	width:23.25em;
	margin:0 0 .5em 0;
	padding:1em 0 0 0;
}
#searchbar .NormalTextBox{
    width:195px;
    margin-left:1em;
}


/* ================================
    Aditional Layout
   ================================
*/
.clear
{
    font-size:1em;
    clear: both;
}
hr{
    border:solid 1px #e2e3e4;
    margin:2em 0;
}
.columns{
    clear: both;
    float:left;
    width:100%;
}
.column-left{
    float:left;
    width:50%;
}
.column-right{
    float:right;
    width:50%;
    padding-left:1.5em;
}
.columns-auto{
    clear: both;
    float:left;
    width:100%;
}
.column-left-auto{
    float:left;
    width:auto;
}
.column-right-auto{
    float:right;
    width:auto;
    padding-left:1.5em;
}

/* distributors columns ************************************/
table.distributors{
    width:98%;
    margin:0 0 2.5em 0;
    padding:0;
}
table.distributors a, 
table.distributors a:link, 
table.distributors a:active, 
table.distributors a:visited{
	color:#00247c;
	font-weight:bold;
	text-decoration:none;
}
table.distributors a:hover{
	text-decoration:underline;	
}
th.distributors-country{
    font:bold .98em/1.45em Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 .15em 0;
	padding:0;
	width:100%;
	height:1.25em;
	text-align:left;
	vertical-align:bottom;
}
th.distributors-country a, 
th.distributors-country a:link, 
th.distributors-country a:active, 
th.distributors-country a:visited{
	font:bold .98em/1.45em Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 .15em 0;
	padding:0;
}
th.distributors-country a:hover{
	text-decoration:none;	
}
tr.distributors-group{
    margin:0 0 1.5em 0;
    padding:0 0 1.5em 0;  
}
td.distributors-flag{
    width:16%;
    vertical-align:top;
}
td.distributors-company{
    width:36%;
    vertical-align:top;
}
td.distributors-contact{
    width:48%;
    vertical-align:top;
}
p.country-list a, 
p.country-list a:link, 
p.country-list a:active, 
p.country-list a:visited{
	color:#000;
	font-weight:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
p.country-list a:hover{
	text-decoration:underline;
}

/* ================================
    Presentational
   ================================
*/

/* heading levels ************************************/
/* #00788a */
h1{
	font:bold 1.5em/1.5em Arial, Helvetica, sans-serif;
	color:#f8981d;
	margin:0 0 .35em 0;
	padding:0;
}
h2{
	font:bold 1.35em/1.5em Arial, Helvetica, sans-serif;
	color:#db7d00;
	margin:0 0 .15em 0;
	padding:0;
}
h2 a, 
h2 a:link, 
h2 a:active, 
h2 a:visited{
	color:#db7d00! important;
}
h2 a:hover{
	text-decoration:underline;
}
h3,
h3 a, 
h3 a:link, 
h3 a:active, 
h3 a:visited{
	font:bold 1.15em/1.25em Arial, Helvetica, sans-serif;
	color:#00274c;
	margin:0 0 .25em  0;
	padding:0;
}
h3 a:hover{
	text-decoration:underline;
}
h3 + h4{
	color:#000;
	margin:.25em 0 0 0;
	padding:0;
}
h4{
	font:bold 1.05em/1.45em Arial, Helvetica, sans-serif;
	color:#222;
	margin:0 0 .15em 0;
	padding:0;
}
h4 a, 
h4 a:link, 
h4 a:active, 
h4 a:visited{
	font:bold .98em/1.45em Arial, Helvetica, sans-serif;
	color:#222! important;
	margin:0 0 .15em 0;
	padding:0;
}
h4 a:hover{
	text-decoration:underline;
}
h5{
	font:bold .98em/1.45em Arial, Helvetica, sans-serif;
	color:#222;
	margin:0 0 .15em 0;
	padding:0;
}
h5 a, 
h5 a:link, 
h5 a:active, 
h5 a:visited{
	font:bold .98em/1.45em Arial, Helvetica, sans-serif;
	color:#222! important;
	margin:0 0 .15em 0;
	padding:0;
}
h5 a:hover{
	text-decoration:underline;
}
/* heading space adjustments */
h1 + h2{
	margin-top:.25em;
}
p + h2{
	margin-top:.5em;
}

/* paragraph level ************************************/
p{
	font:.98em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 1em 0;
	padding:0 .25em 0 0;
}
.small{
	font:.75em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 1em 0;
	padding:0 .25em 0 0;
}
.caption{
	font:.98em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
}

/* font-size: smaller;*/
sup{
    vertical-align:baseline;
    position:relative;
    bottom:0.33em;
}
cite{
	font:.8em/1em Arial, Helvetica, sans-serif;
	margin:0 0 2em 0;
	padding:0;
}

/* paragraph or text decoration ************************************/
.green{
	color:#007000;
}
.blue{
	color:#0000dc;
}
.orange{
	color:#db7d00;
}
.red{
	color:red;
}
.purple{
	color:#631B4B;
}
.teal{
	color:#00788B;
}
.totop{
	font:.9em/1em Arial, Helvetica, sans-serif;
	text-align:center;
	margin:2em 0 3em 0;
	padding:0;
	clear:both;
}
/* bullets and numbering  ************************************/
.prebullet{
	font:.98em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
}
/* unordered regular */
ul{
    font:.98em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:0 0 1em .25em;
    padding:0 0 .5em 1.25em;
    list-style-type:disc;
    list-style-position:outside;
}
ul li{
    padding:0 0 .5em 0;
}
ul a, 
ul li a:link, 
ul li a:active, 
ul li a:visited{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
ul li a:hover{
	text-decoration:underline;
}
ul ul{
    font:1em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:0;
    padding:0 0 0 1.25em;
    list-style-type:circle;
    list-style-position:outside;
}
ul ul li{
	margin:0;
    padding:0;
}
ul ul a, 
ul ul li a:link, 
ul ul li a:active, 
ul ul li a:visited{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
ul ul li a:hover{
	text-decoration:underline;
}
/* ordered regular */
ol{
    font:.98em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:0 0 1em 1.5em;
    padding:0 0 .5em .1em;
    list-style-type: decimal;
    list-style-position:outside;
}
ol li{
    padding:0 0 .15em 0;
}
ol a, 
ol li a:link, 
ol li a:active, 
ol li a:visited{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
ol li a:hover{
	text-decoration:underline;
}
ol ol{
    font:1em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:0;
    padding:0 0 0 1.75em;
    list-style-type: lower-alpha;
    list-style-position:outside;
}
ol ol li{
	margin:0;
    padding:0;
}
ol ol a, 
ol ol li a:link, 
ol ol li a:active, 
ol ol li a:visited{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
ol ol li a:hover{
	text-decoration:underline;
}
/* unordered no bullets */
.unbulleted {
   	margin:0 0 2em 0;
    padding:0;
}
.unbulleted ul{
    font:.98em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:0;
    padding:0;
    list-style-type:none! important;
}
.unbulleted ul li{
	margin:0 0 .25em 0;
    padding:0;
}
.unbulleted ul a, 
.unbulleted ul li a:link, 
.unbulleted ul li a:active, 
.unbulleted ul li a:visited{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
.unbulleted ul li a:hover{
	text-decoration:underline;
}
.unbulleted ul ul{
    font:.98em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:0;
    padding:0 0 0 1.5em;
    list-style-type:none;
}
.unbulleted ul ul li{
	margin:0;
    padding:0;
}
/* unordered special § wingding bullets */
.wingding ul{
    font:.98em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:0 0 1em .25em;
    padding:0 0 .5em 1.25em;
    list-style-type:none;
    list-style-position:outside;
}
.wingding ul li{
    padding:0 0 .5em .25em;
}
.wingding ul a, 
.wingding ul li a:link, 
.wingding ul li a:active, 
.wingding ul li a:visited{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
.wingding ul li a:hover{
	text-decoration:underline;
}
.wingding ul li .sect{
	margin:0 .25em 0 -1.25em;
	padding:0;
}

/* links ************************************/
/* general links */
p a, 
p a:link, 
p a:active, 
p a:visited{
	color:#00274c;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding:0;
}
p a:hover{
	text-decoration:underline;
}


/* white links in body and footer */
.uncolored a, 
.uncolored a:link, 
.uncolored a:active, 
.uncolored a:visited{
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
}
.uncolored a:hover{
	text-decoration:underline;
}

/* list links */
.linkslist ul{
	font:.98em/1em Arial, Helvetica, sans-serif;
    color:#000;
	margin:0 0 .5em 0;
	padding:0;
	overflow:hidden;
}
.linkslist ul li{
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	list-style-type:none;
	margin:0;
	padding:0;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.5em;
}
ul + .linkslist ul{
    font:.98em/1.5em Arial, Helvetica, sans-serif;
    color:#000;
    margin:-2em 0 2em 0;
    padding:0 0 0 0;
    list-style-type:none;
}
/* list links no icon */
li.noicon {
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	display: block;
	width: auto;
}
/* list links with icons */
li.bluearrow{
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	background:url(css-images/link-arrow.gif) no-repeat 2px top;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.25em;
}
li.whitearrow{
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
	background:url(css-images/link-arrow-white.gif) no-repeat 2px top;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.25em;
}
li.pdf {
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	background:url(css-images/pdficon_small.gif) no-repeat 2px top;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.5em;
}
li.zip {
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	background:url(css-images/star.gif) no-repeat 2px top;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.5em;
}
li.email {
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	background:url(css-images/icon-email.gif) no-repeat 2px top;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.5em;
}
li.external {
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	background:url(css-images/icon-external.gif) no-repeat 2px top;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.5em;
}
li.newwindow {
	font:1em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	background:url(css-images/icon-new-window.gif) no-repeat 2px top;
	display: block;
	width: auto;
	padding:0;
	padding-left:1.25em;
}


/* block level  ************************************/
blockquote{
	font:.8em/1.25em Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0 2em 2em 2em;
}
.fill{
	background:#f7f7f7;
	border:1px solid #e2e3e4;
}


/* image floats  ************************************/
css-images.imageleftside 
{
    float:left;
	margin:.0 .5em 0 0;
}
css-images.imagerightside 
{
    float:right;
	margin:.0 0 0 .5em;
}

/* tables ************************************/
/* tabular data only */
th{
	margin:0;
	padding:0;
}
td{
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
}
tfoot, thead{
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#000;
}


/* black links in tables */
td a, 
td a:link, 
td a:active, 
td a:visited{
	color:#000;
	font-weight:normal;
}
td a:hover{
	text-decoration:underline;
}
table.shade {
	width:98%;
	color:#222;
	border:1px solid #e2e3e4;
	border-spacing: 2px;
	border-collapse: collapse;
	margin:1em 0 1em 0;
	padding:.15em;
}
table.shade th 
{
    font:bold 11px/18px Arial, Helvetica, sans-serif;
	border:1px inset #e2e3e4;
	padding: 2px 2px 2px 2px;
	background:#e5e9ed;
}
table.shade td {
	font:11px/18px Arial, Helvetica, sans-serif;
	text-align:center;
	border:1px inset #e2e3e4;
	padding: 2px 2px 2px 2px;
	white-space:normal;
}
table.shade tr.altrow{
	background:#f3f3f3;
}
table.shade td.td-left{
    font:10px/18px Arial, Helvetica, sans-serif;
	border:1px inset #e2e3e4;
	padding: 2px 2px 2px 2px;
	text-align:left;
}
table.shade h4{
	padding-top:.75em;

}
table.shade td a, 
table.shade td a:link, 
table.shade td a:active, 
table.shade td a:visited{
	color:#00274c;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding:0;
}
table.shade td a:hover{
	text-decoration:underline;
}


/* ================================
    FCKEditor
   ================================
*/
#fckbody{
    background-color:#fff;
    background-image:none;
}
/* image gallery */
.FCKImageGalleryContainer {
    background-color:#eaeaea;
    background-image:none;
}
.FCKImageGalleryHeaderContainer{
    
}
.FCKImageGalleryPathContainer{

}
.FCKImageGalleryDetailsContainer{

}
.FCKImageGalleryItemContainer{
    
}



/* Horizontal Nav Menu */

#horizontalmenu {
    color: #fff;
    height: 35px;
    background: #00274c url(css-images/menu_grad.jpg) repeat-x;
    font: bold 100% Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
    border-bottom: 1px solid #fff;
}

/* CSSNodeRoot */
.horiz_main_dnnmenu_rootitem{
    border-right: 1px solid #fff;
    padding: 11px 15px 10px 15px;
    float: left;
    text-align: center;
}

/* Menu Node Hover Root */
.horiz_main_dnnmenu_rootitem_hover{
    float: left;
    background: #fff url(css-images/menu_hover.jpg) repeat-x;
}

/* Menu Node Selected Root */
.horiz_main_dnnmenu_rootitem_selected{
    border-right: 1px solid #fff;
    padding: 11px 15px 10px 15px;
    float: left;
    text-align: center;
    background: #fff url(css-images/menu_selected.jpg) repeat-x;
}
#menu-home  .horiz_main_dnnmenu_rootitem_selected{
    border-right: 1px solid #fff;
    padding: 11px 15px 10px 15px;
    float: left;
    text-align: center;
    background: #fff url(css-images/menu_grad.jpg) repeat-x;
} 
/* Sub Menu Container */
.horiz_main_dnnmenu_submenu{
    border: 1px solid #777;
    border-top: 0;
}
.horiz_main_dnnmenu_submenu td {
    color: #fff;
    background: #00274c url(css-images/menu_grad.jpg) repeat-x;
    padding: 5px;
    z-index: 1000;
    text-align: left;
}

/* Sub Menu Hover */
.horiz_main_dnnmenu_itemhover td{
    background: #00274c url(css-images/menu_hover.jpg) repeat-x;
}

/* Sub Menu Selected */
.horiz_main_dnnmenu_itemselected td{
    background: #00274c url(css-images/menu_selected.jpg) repeat-x;
}