body {

	background-color: #4b6e8c;

	color: #595959;

	margin: 0px;

}



/* ------ page top ------ */



#header {
	background-color: #4b6e8c; 

	width: 100%;
	 
	/*height: 150px;*/

	padding-top: 5px; 
	padding-bottom:10px;

	background-image: url('images/layout/upper_index_shade.gif'); 

	background-repeat: no-repeat;

	background-position: top;

}


#header_logo {

	background-image: url('images/norka_logo_map.gif');

	background-repeat: no-repeat;

	margin-left: auto; 

	margin-right: auto; 

	height: 95px; 

	/*height: 95px;*/

	width: 201px;

}

#header_logo1 {

	/*background-image: url('images/norka_logo_map.gif'); */

	margin-left: auto; 

	margin-right: auto; 

	height: 7px; 

	width: 201px;

}



#index_inner {

	margin-left: auto; 

	margin-right: auto; 

	width: 765px; 

	height: 33px;
    
    z-index: 1000;
    
    position: relative;    

}



#lower_index {

	background-color: #325b7d;

	background-image: url('images/layout/lower_index_shade.gif'); 

	background-repeat: repeat-x; 

	background-position: bottom;	

	height: 40px;

}



#lower_index_inner {

	width: 755px; 

	margin-left: auto; 

	margin-right: auto; 	

	padding-top: 10px;

}



#center_outer {

	background-color: #ffffcc; 

	width: 100%; 

	padding-bottom: 20px;

}



#center_inner {

	background-color: #ffffcc; 

	width: 770px; 

	min-height: 300px;

	height:auto !important;

	height: 300px;

	margin-left: auto; 

	margin-right: auto;

}





/* ------ front page ------ */

#top_box {

	background-image: url('images/front/top_box.jpg'); 

	background-position: bottom;

	background-repeat: no-repeat;

	width: 770px; 

	height: 195px;

/*	padding-top: 5px;
*/


}



#top_box1{

/*	padding-top: 5px;
*/
}



#top_box2 {

	background-image: url(images/front/top_box2.jpg);

	background-position: right bottom;

	background-repeat: no-repeat;

	width: 770px;

	height: 195px;

	/*padding-top: 5px;*/

}



#top_box3 {

	background-image: url(images/front/top_box4.jpg);

	background-position: left bottom;

	background-repeat: no-repeat;

	width: 770px;

	height: 195px;

/*	padding-top: 5px;*/

}

#top_h_box_plain{
	background-image: url(images/front/top_h_mid_plain.png);
	background-repeat: repeat-y;
	width:770px;
	verflow:auto;
}

#top_box1_plain, #top_box2_plain, #top_box3_plain{
	
	/*height:195px;
	margin-left: auto ;
    margin-right: auto ;
	*/
	
}

#top_box1_plain{
	/*background-image: url(images/front/top_mid_plain.png);
	background-repeat: repeat-x;*/	
	overflow:auto;
}

#top_box2_plain{
	background-image: url(images/front/topbox_bot_plain.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow:auto;
	
}

#top_box3_plain, #top_box3_plain_r3{
	/*background-image: url(images/front/topbox_top.png);*/
    background-color: #6986a0;
	background-repeat: no-repeat;
	background-position: right top;
	overflow:auto;
}

#top_box3_plain div{
	padding:29px 10px 186px 40px;

}

#top_box3_plain div div{
	float:left;	
	width:50px;
	padding:0px 20px 10px 0px;
}

h2.red, h3.red{
/*	color:#FF0000;
	margin:0px;*/
	text-align:center;
	color:#4B6E8C;
}

h2.red{
	font-size:14px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	background-image: url(images/front/quickpik_f.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	text-indent: -2000px;	/*font-weight:normal;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
}

h3.red{
	font-size:14px;
}

.newpictureborder_f, .pictureborder_f{
	border:1px solid #D1D1D1;
	text-align:right;
}

.piccont{
	width:50px;
	height:50px;
	overflow:hidden;
	margin-left: auto ;
    margin-right: auto ;
}


#top_box_bottom {

	background-image: url('images/front/top_box_bottom.jpg'); 

	width: 770px; 

	height: 29px;
	clear:both;

}



#ss_mid_left {

	background-image: url('images/front/mid imgs/img1.jpg'); 

}



#ss_mid_center {

	background-image: url('images/front/mid imgs/img2.jpg'); 

}



#ss_mid_right {

	background-image: url('images/front/mid imgs/img3.jpg'); 

}



.ss_mid {

	width: 770px; 

	height: 164px; 

	margin-top: 13px; 	

}	



#preload {

	margin-left: auto; 

	margin-right: auto; 

	padding-top: 55px;

	width: 20px; 

	display: block; /* -- this is changed by xfade2.js -- */

}



#imageContainer {

	position:relative;

	width:770px;

	height: 164px;

	display: none;  /* -- this is changed by xfade2.js -- */

}

	

.btm_box {

	width: 248px; 

	margin-top: 13px; 

	margin-right: 13px; 

	float: left;

}



.last_box {

	margin-right: 0px;

}







.btm_box_content ul {

	margin-left: 0;

	padding-left: 20px;

}



.new_prod {

	width: 195px; 

	padding-bottom: 15px;

}



.btm_box_content img {

	border: 1px solid #b1bcc6; 

	margin-right: 5px;

	margin-bottom: 5px;

}



a.more {

   font-weight: bold;

   padding-left: 2px;

   text-decoration: none;

   color: #aa3334;

}



a.more:hover {

   font-weight: bold;

   padding-left: 2px;

   text-decoration: underline;

   color: #aa3334;

}



.title_bold_sml {

   font-weight: bold;

   text-decoration: none;

   color: #003968;



}



.title_bold_sml:hover {

   font-weight: bold;

   text-decoration: underline;

   color: #003968;

}



/*-------- btm boxes ------*/



	.box {

	vertical-align: top;

	margin: 10px;

	background-image: url('images/front/content_back2.gif'); 

	width: 246px; 

	border: 1px solid #b1bcc6; 

	border-top: 0px; 

	background-repeat: repeat-x; 

	text-align: left;	

}



.btm_box_title {

	width: 196px;

	margin: 100px

}

.gap {

	width: 13px;

}



.btm_box_content {

	width: 196px; 

	padding: 25px; 

	padding-top: 20px; 

	text-align: left;

	min-height: 100%;

	height:auto !important;

	height: 100%;

}



.btm_box_title {

	background-image: url('images/front/title_grad.gif'); 

	border: 1px solid #334e65; 

	width: 236px; 

	height: 27px; 

	line-height: 25px; 

	padding-left: 10px; 

	font-face: arial; 

	font-weight: bold; 

	font-size: 12px; 

	color: #fff;

}



table.btm_box_titles {

	margin-top: 14px;

}





/* ------ footer ------ */

#footer {

	width: 100%; 

	height: 50px; 

	background-image: url('images/layout/footer.gif'); 

	background-repeat: repeat-x; 

	padding-top: 17px;	

}



#footer_inner {

	width: 565px; 

	margin-left: auto; 

	height: 30px; 

	margin-right: auto; 

	color: #fff;

}

#footer_inner2 {

	width: 98%; 
	margin-left: auto; 

	height: auto; 

	margin-right: auto; 	

}


.StyleFooter1 {
	font-size: 9px;
	color:#CCCCCC;
}


.StyleFooter1 A:link 
{
	font-size: 9px;
	color:#CCCCCC;
}

.StyleFooter1 A:visited {text-decoration: none; color:#CCCCCC;font-size: 9px;}
.StyleFooter1 A:active {text-decoration: none; color:#CCCCCC;font-size: 9px;}
.StyleFooter1 A:hover {text-decoration: underline; color: #000000;font-size: 9px;}


/* ------ page titles ------ */

#title_home {

	background-image: url('images/headings/home.gif'); 

	width: 121px; 

	height: 15px;

}



/* ------- preload -------- */

.hidden {

	display: none;

}


/* mic 27 June 2011 */

.force_red{
	color:#FF0000!important;
}


#breadcrumbs{
    padding-top: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 11px!important;
    font-weight: bold;
}
.breadcrumbs{
    font-size: 11px!important;
}



/* mic 07 July 2011 */

.cat_box_image {
    border-style: solid;
    border-width: thin;
    margin: 0px 12px 0px;
    padding: 0px;
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
}


.cat_box1 {
    border-style: solid;
    border-width: thin;    
    width: 770px;
    min-height: 90px;
    margin: 10px auto 0px;
    background-color: #6986A0;
    padding: 10px 0px;
}

.cat_box2 { 
    margin: 0px auto 0px;
    left: -50%;
    position: relative;
    float: right;
}

.cat_box2_prod, .cat_box3_prod {
    height: 50px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

.cat_box3 { 
    margin: 0px auto 0px;
    left: 50%;
    position: relative;

}

.cat_box4 { 
    margin: 0px 0px;
    position: relative;
    width: 130px;
	
    display: inline-block;
    text-align: center;
   
}

.cat_box4 a { 
    font: 120% Verdana, Arial, Helvetica, sans-serif;  
    color: #000;  
    padding-top: 2px;
    display: block;
    border-right: 2px solid #9697A2;
    border-bottom: 2px solid #9697A2;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF; 
    background: none repeat scroll 0 0 #B9D4E9;   
    height: 20px;
}

.cat_box4 a:focus {
    outline: none;   
}
.cat_box4 a:active {
  border-left: 2px solid #9697A2;
  border-top: 2px solid #9697A2;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.cat_box_1items {
    margin: 18px 170px!important;
}
.cat_box_2items {
    margin: 18px 100px!important;
}
.cat_box_3items {
    margin: 18px 57px!important;
}
.cat_box_4items {
    margin: 18px 25px!important;
}

.clear {
    clear:both; 
    margin:0; 
    padding:0; 
    font-size:0;
    line-height:0;
}


/* 16 Jul 2011 */

.video_item a:hover {
    background: none repeat scroll 0 0 #fcff49!important;
    border-bottom: 2px solid #9697A2;
    border-right: 2px solid #9697A2;
    border-left: 1px solid #fcff49;
    border-top: 1px solid #fcff49;
}

.video_item a {
    background: none repeat scroll 0 0 #fcffc1!important;
    display: block;
    border: 1px solid #fcffc1;
}
.video_item {
    text-align: center;
    margin: 10px auto 7px;
    display: block;
}
.video_item img {
    display: block;
    margin: 7px auto 3px;
    width: 130px;
}
.video_list_header {
    text-align: center;
    margin: 0px auto 10px;
}
.video_no_audio_msg {
    color: #ff00ff;
}
.video_item_text {
    font-size: 10px;
    margin: 7px 0px;
}


/* 19 Jul 2011 */

.nav_pane {
    width: 770px;
    position: relative;
    min-height: 50px;
}
.nav_left {
    float: left;    
    position: relative;
    width: 50%;
}
.nav_right {
    float: right;    
    position: relative;
    width: 50%;
}
.nav_right a{
    position: absolute!important;
    right: 0px!important;
}
.nav_link {
    color: #0099CC;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.nav_link:hover {
    text-decoration: underline;
}