/* BODY
----------------------------------------------- */
@import url(foot.css);

body
{
background-image:url(../images/theme3/background-theme.jpg);
background-repeat:repeat-y;
background-position:top center;
background-attachment:fixed;
margin: 0;padding: 0; 
font-family: Tahoma, arial, verdana, hevetica, sans-serif;
font-size: 0.83em;

} 

td, table 
{margin: 0;padding: 0; font-family: Tahoma, arial,  verdana, hevetica, MS Sans Serif, sans-serif;font-size: 8pt;color: #777777;} 

h1 {
	font-size: 9pt;
	font-weight: bold;
	margin: 0 0 .3em 0;
	padding: 0;

} 

h2 {
	font-size: 9pt;
	font-weight: bold;
	margin: 0 0 .3em 0;
	padding: 0;

} 

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 .3em 0;
	padding: 0;

} h3.black {
	color: black;
	
} h2, strong {
	color: #333;

} 

form { margin: 0; padding: 0; }
input, select, textarea { margin: 0; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; font-size: 8pt; color: #222222; }

a { color: #ff0000; text-decoration:none;}

a:active {color:#ff6600;}
a:visited {color:#cc3300;}

a:hover {
	color: #CC3300 !important;
	text-decoration: underline !important;
}


.ole { color: #777777; text-decoration:none; border-top: 0px dotted #009900; border-right: 0px dotted #009900; border-bottom: 0px dotted #666666; border-left: 0px dotted #009900; }
.ole a { color: #555555; text-decoration:none;}
.ole a:hover { color:#ff0000; text-decoration:none; border-top: 0px dotted #009900; border-right: 0px dotted #009900; border-bottom: 0px dotted #009900; border-left: 0px dotted #009900; }
.ole a:active {color:#ff0000;}
.ole a:visited {color:#555555;}


.logo h1 {
width:120px;
height:50px;
overflow:hidden;
margin:0;
padding:0;
}

.logo h1 a {
width:120px;
height:50px;
background:url(../images/inandart-lgo.gif) no-repeat;
display:block;
text-indent:-5000px;
}

.logo h1 span {
background:url(../images/inandart-logo.gif) no-repeat left top;
display:block;
width:100%;
height:100%;
}

ul { margin: 0; padding: 0; list-style-type: none;}

img{ border: 0px none;}

.lite{color: #AAAAAA;border-top: 0px dotted #009900;border-right: 0px dotted #009900;border-bottom: 1px dotted #009900;border-left: 0px dotted #009900;}

.infobar{/*padding:6px 10px 8px 7px;*/ padding:5px 0px; background: #ffffff url(../images/bg-submenu.gif) repeat; color:#666666; text-align:left; float:left; /* text-align:right;*/ /*border-top:1px solid white;*/ font-family:Tahoma,Arial,Helvetica; font-size:8pt; }
.infobar a:link,.infobar a:visited{ color:#666666; text-decoration:none;}
.infobar a:hover{ color:#aa99cc; border-bottom:1px dashed Gray;}

.editor { color:#444444;font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif;font-size:10pt;}
.hilight { color:#ff6600;font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif;font-size:8pt; font-weight:bold;}

.cute { color:#999999;font-family: Tahoma, MS Sans Serif, MS Sans Serif, Verdana ;font-size:10px; text-decoration:none; }
.cute2 { color:#aaaaaa;font-family: Tahoma, MS Sans Serif, MS Sans Serif, Verdana ;font-size:10px;  text-decoration:none; } 
.cute3 { color:#ffffff;font-family: Tahoma, MS Sans Serif, MS Sans Serif, Verdana ;font-size:9px; text-decoration:none;}

.head { color:#555555;font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif ;font-size:12pt; font-weight:bold;}
.head2 { color:#777777;font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif ;font-size:10pt; font-weight:bold;}
.mrpoint { color:#111111;font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif ;font-size:20pt; font-weight:bold;}
.menu { font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif ;font-size:8pt; text-decoration:none;}

.input_enews {
width:130px;
height:18px;
background-image:url(../images/bg_input_enews.gif);
border:none;
color:#000;
text-indent:5px;
margin-left:-5px;
}

.input_quan { border: 1px solid #666666; color: #666666; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; background-color: #f9f9f9; font-size:10px; text-align:center;} 
.input_send { border: 1px solid #ff6600; color: #666666; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; background-color: #f4f4f4; font-size:10px;} 
.input_mail { border: 1px solid #aaaaaa; color: #000000; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; background-color: #ffffff; font-size:8pt;} 
.input_search { border: 1px solid #dddddd; color: #333333; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; background-color: #ffffff; font-size:8pt; height:17} 
.input_member { font-family: Tahoma, Verdana,MS Sans Serif,Tahoma; background-color: #ffffff; font-size:10px; text-align:left;} 
.input_contact { border: 1px solid #666666; color: #666666; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; background-color: #f4f4f4; font-size:9pt; text-indent:5px; margin-left:-5px;} 
.input_mr { border: 1px solid #ff99cc; color: #666666; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; background-color: #f4e8f0; font-size:10px;} 
.input_post { border: 1px solid #999999; color: #dddddd; font-family: Tahoma, arial, verdana,  hevetica, MS Sans Serif, sans-serif; background-color: #222222; font-size:8pt; 
scrollbar-arrow-color:#eeeeee; scrollbar-base-color:#666666; scrollbar-face-color:#666666; scrollbar-3dlight-color:#777777; scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#333333; SCROLLBAR-TRACK-COLOR: #444444; SCROLLBAR-BASE-COLOR: #444444; } 

.input_button1 { border: 1px solid #ffffff; color: #ff6699; font-weight: bold; font-family: Tahoma; background-color: #ffffff; } 
.input_button2 { border: 1px solid #222222; color: #dddddd; font-size:8pt; font-weight: normal; font-family: Verdana,MS Sans Serif,Tahoma; background-color: #666666; } 
.input_button3 { border: 1px solid #ffffff; color: #ff6699; font-weight: normal; font-family: Tahoma; background-color: #ffffff; font-size:8pt;}
.input_button4 { border: 1px solid #006699; color: #666666; font-size:8pt; font-weight: normal; font-family: Verdana,MS Sans Serif,Tahoma; background-color: #ffffff; } 

.clear { clear: both; height: 1px; }

.tag                   { width: 140px; padding: 0px; background-color:#ffffff; text-align: left; }
.tag li                { float:left; line-height:1em; }
.tag a                { display:block; padding:5px 1px; color:#444; }
.tag a:hover       { text-decoration:none; color:#444; }
.tag li.active a,
.tag li.active a:hover { font-weight:bold; color:#fff; }


.home-column2 {width:240px; background-image: url(../images/bg-center-left-box.gif); padding: 0px 0px; }
.home-column3 {width:340px; background-image: url(../images/bg-center-right-box.gif); padding: 0px 0px; }

.home-center-top {background:url(../images/head-center-box.gif) no-repeat; height:10px; font-size:1px}
.home-center {width:600px; background-image: url(../images/bg-center-box.gif); padding-left: 0px; }
.home-center-bottom {background:url(../images/bottom-center-box.gif) no-repeat; height:20px; font-size:1px}

.box-left {background-image: url(../images/bg-inandart-box.gif) ; width: 160px; padding: 0px; background-color:#ffffff;}
.box-left-in {width: 140px; padding: 0px; background-color:#ffffff; text-align: left; overflow:hidden;}
.box-product {width: 195px; text-align: left; vertical-align: top; padding: 0px; float: left; overflow: hidden; height: 420px;}

.img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.img90 {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
}
.img80 {
filter:alpha(opacity=80);
-moz-opacity:0.8;
}
.img70 {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}
.img50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
.img0 {
	filter:alpha(opacity=0);
	-moz-opacity:0;
}

.img1 		{ background-color: #EFF1D5; border: 1 solid #ff6600;  }
.img2 		{ background-color: #DDDDDD; border: 0 solid #DDDDDD;  }
.img3 		{ background-color: #ffffff; border: 1 solid #cccccc;  }


/* HEADER
----------------------------------------------- */



#header select
{
	width: 160px;
}

option.c1
{
	background-color: #ff9900;
	color: #FFFFFF;
}

option.c2
{
	background-color: #EFF1D5;
}


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}


#pscroller1{
width: 460px;
height: 155px;
border: 1px solid #bbbbbb;
padding: 3px;
}

#pscroller2{
width: 460px;
height: 155px;
border: 1px solid #bbbbbb;
padding: 3px;
}


#pscroller3{
width: 460px;
height: 155px;
border: 1px solid #bbbbbb;
padding: 3px;
}

#pscroller4{
width: 460px;
height: 155px;
border: 1px solid #bbbbbb;
padding: 3px;
}

#pscroller5{
width: 460px;
height: 155px;
border: 1px solid #bbbbbb;
padding: 3px;
}


#pscroller6{
width: 460px;
height: 155px;
border: 1px solid #bbbbbb;
padding: 3px;
}

#pscroller7{
width: 460px;
height: 155px;
border: 1px solid #bbbbbb;
padding: 3px;
}


#bubble_tooltip{
	width:193px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('images/bubble_top.gif');
	background-repeat:no-repeat;
	height:9px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
	margin-top:-9px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:0px;
	font-family: Arial, Tahoma;
	font-size:9px;
	line-height:10px;
	color:#666666;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:12px;
	position:relative;
	top:0px;
}