/* CSS Document */

body{
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	background:#FFF url(../images/bg.jpg) no-repeat center top;
	height:650px;
	margin: 0px;
	line-height:20px;
	font-size:12px;
	padding: 0px;
}
img{border:0px;}
#header{
	background:url(../images/headerBG.jpg) no-repeat right top; height:74px;
}
.footnote{text-decoration:none; font-size:9px;}
.search{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/searchBg.png) no-repeat right top;
	height:24px;
	padding-right:5px;
	width:143px;
	border:0px;
}
.new{display:none;}

h1{font-family: Tahoma,Geneva,Kalimati,sans-serif; font-size:16px; font-weight:bold; color:#0d326f; padding-left:40px; margin-top:5px;} 
h2{font-family: Tahoma,Geneva,Kalimati,sans-serif; font-size:22px; font-weight:normal; color:#000000; margin-right:10px;} 

.MainBradCrambsLink{font-size:22px; margin:5px 10px 15px 0; color:#b9b9b9; text-decoration:none;}
/*.MainBradCrambsLink:hover{font-size:22px;margin:5px 10px 10px 0;font-size:22px; color:#7b1a1a; text-decoration:none;}
*/
.MainBradCrambsLink2{font-size:22px; margin:5px 10px 15px 0; color:#b9b9b9; text-decoration:none;}
/*.MainBradCrambsLink2:hover{font-size:22px;margin:5px 10px 10px 0;font-size:22px; color:#7b1a1a; text-decoration:none;}
*/
.MainBradCrambsActive{font-size:22px;margin:5px 10px 10px 0;font-size:22px; color:#7b1a1a;}

.subLink{color:#124fb5; font-size:13px; line-height:18px; font-weight:bold; text-decoration:none;}
.subLink:hover{text-decoration:underline;}

#menu1 {margin: 2px; padding:2px;}
#menu1 ul {padding:0px; float:right; margin:0px; list-style:none;}
#menu1 li {float:left; width: 132px; height:42px;}

#menu1 li .link {font-size:12px; height:41px;text-decoration: none; text-align:center;}           
#menu1 li .link:link, #menu1 li .link:visited {color: #183668;display: block;background:url(../images/nav1.png) no-repeat top right; padding: 5px 2px 0px 2px;}
#menu1 li .link:hover {color: #ffffff;background:  url(../images/nav2_2.png) no-repeat top right; padding: 5px 2px 0px 2px;}           

#menu1 li .link2 {font-size:12px; height:41px;text-decoration: none; text-align:center;}           
#menu1 li .link2:link, #menu1 li .link2:visited {color: #183668;display: block;background:url(../images/nav1.png) no-repeat top right; padding: 5px 2px 0px 2px;}
#menu1 li .link2:hover {color: #ffffff;background:  url(../images/nav3_2.png) no-repeat top right; padding: 5px 2px 0px 2px;}           
 
#menu1 li .link3 {font-size:12px; height:41px;text-decoration: none; text-align:center;}           
#menu1 li .link3:link, #menu1 li .link3:visited {color: #183668;display: block;background:url(../images/nav1.png) no-repeat top right; padding: 5px 2px 0px 2px;}
#menu1 li .link3:hover {color: #ffffff;background:  url(../images/nav4_2.png) no-repeat top right; padding: 5px 2px 0px 2px;}           



.aboutOn{color: #ffffff;background:  url(../images/nav2_2.png) no-repeat top right; padding: 5px 2px 0px 2px; text-align:center; height:44px;}
.ProductsOn{color: #ffffff;background:  url(../images/nav3_2.png) no-repeat top right; padding: 5px 2px 0px 2px; text-align:center; height:44px;}
.contactOn{color: #ffffff;background:  url(../images/nav4_2.png) no-repeat top right; padding: 5px 2px 0px 2px; text-align:center; height:44px;}


.mainBox1{float:right; background:url(../images/Main01.jpg) no-repeat; width:187px; height:165px; text-align:center; margin-bottom:7px;}
.mainBox2{float:right; background:url(../images/Main02.jpg) no-repeat; width:187px; height:165px; text-align:center; padding-right:5px; margin-bottom:7px;}
.mainBox3{float:right; background:url(../images/Main03.jpg) no-repeat; width:187px; height:165px; text-align:center; padding-right:5px; margin-bottom:7px;}
.mainBox4{float:right; background:url(../images/Main05.jpg) no-repeat; width:187px; height:165px; text-align:center; padding-right:5px; margin-bottom:7px;}
.mainBox5{float:right; background:url(../images/Main04.jpg) no-repeat; width:187px; height:165px; text-align:center; padding-right:5px; margin-bottom:7px;}

.regText{font-size:12px; color:#000000;}
.BoldText{color:#007ac3; font-weight:bold;}

.MifratHeadLine{color:#007ac3; font-weight:normal; font-size:18px;}
.MifratHeadTxt{color:#007ac3; font-weight:normal; font-size:12px;}
.MifratHeadTxt2{color:#e36d00; font-weight:normal; font-size:12px;}

.compere{float:right; padding-right:15px; padding-left:15px;}


.sapakinLogos{float:right; padding:7px;}

.BirthDayBox{
	background:#efefef; 
}


.innerBgProduct01{background:url(../images/ProductInnerBg01.jpg) no-repeat top center; height:220px; width:255px;} 
.innerBgProduct02{background:url(../images/ProductInnerBg02.jpg) no-repeat top center; height:220px; width:255px;} 
.innerBgProduct03{background:url(../images/ProductInnerBg03.jpg) no-repeat top center; height:220px; width:255px;} 
.innerBgProduct04{background:url(../images/ProductInnerBg04.jpg) no-repeat top center; height:220px; width:255px;} 
.innerBgProduct05{background:url(../images/ProductInnerBg05.jpg) no-repeat top center; height:220px; width:255px;} 
.innerBgProduct06{background:url(../images/ProductInnerBg06.jpg) no-repeat top center; height:220px; width:255px;} 
/* ---------------------------- About Tabs -------------------------- */

.TabOn{
	background:url(../images/BirthDayTabOn.jpg) no-repeat right;
	width:122px;
	color:#000000;
	height:22px;
	float:right;
	cursor: pointer; 
	text-align:center; 
	text-decoration:none; 
	padding:7px 0 7px 0;
}
.TabOn:hover{
	background:url(../images/BirthDayTabOff.jpg) no-repeat right; 
	width:122px; 
	color:#000000; 
	height:22px; 
	float:right;}
.TabOff{
	background:url(../images/BirthDayTabOff.jpg) no-repeat right;
	width:122px;color:#007ac3;
	font-weight:bold;
	height:22px;
	float:right;
	cursor: pointer; 
	text-align:center; 
	text-decoration:none; 
	padding:7px 0 7px 0;
}

/* ---------------------------- Products Tabs -------------------------- */

.Tab2On{
	background:url(../images/TabOn2.jpg) no-repeat right;
	width:112px;
	color:#000000;
	height:22px;
	float:right;
	cursor: pointer; 
	text-align:center; 
	text-decoration:none; 
	padding:7px 0 7px 0;
}
.Tab2On:hover{
	background:url(../images/TabOff2.jpg) no-repeat right; 
	width:112px; 
	color:#000000; 
	height:22px; 
	float:right;}
.Tab2Off{
	background:url(../images/TabOff2.jpg) no-repeat right;
	width:112px;color:#007ac3;
	font-weight:bold;
	height:22px;
	float:right;
	cursor: pointer; 
	text-align:center; 
	text-decoration:none; 
	padding:7px 0 7px 0;
}

.footer{color:#6c0000; padding:3px;clear:both;}
.footerLink{color:#6c0000; padding:3px; background:#FFFFFF; text-decoration:none;}
.footerLink:hover{color:#FFFFFF; padding:3px; background:#6c0000; text-decoration:none;}
.footerLinkActive{color:#FFFFFF; padding:3px; background:#6c0000; text-decoration:none;}


.tableTop{background:url(../images/tableTop.jpg) no-repeat right -8px; height:12px;}
.tableMid{background:url(../images/tableMid.jpg)repeat-y right top;}

.innerBg01{background:url(../images/innerBG01.jpg) no-repeat; width:194px; height:199px; float:right; padding:1px;}
.innerBg02{background:url(../images/innerBG02.jpg) no-repeat; width:194px; height:199px; float:right; padding:1px;}
.innerBg03{background:url(../images/innerBG03.jpg) no-repeat; width:194px; height:199px; float:right; padding:1px;}
.innerBg04{background:url(../images/innerBG04.jpg) no-repeat; width:194px; height:199px; float:right; padding:1px;}
.innerBg05{background:url(../images/innerBG05.jpg) no-repeat; width:194px; height:199px; float:right; padding:1px;}
.innerBg06{background:url(../images/innerBG06.jpg) no-repeat; width:194px; height:199px; float:right; padding:1px;}


.sp{display:none}

.innerHeadLine{color:#FFFFFF; margin-right:20px; margin-top:10px;}
.innerHeadLine2{color:#FFFFFF; margin-right:20px; margin-top:8px; font-size:12px; vertical-align:middle; line-height:14px;}

.innerSmallImage{margin-top:12px; text-align:center;}



/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 368px;
height: 150px;
/*border: 1px solid black;
padding: 5px;
background-color: lightyellow;*/
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}


.watermark { 
position: relative; 
} 

.watermark span { 
position: absolute; 
left: 0; 
bottom: 0; 
background-image: url('watermark.gif'); 
} 

.textLeft{ text-align:left;font-size:12px;color:#7b1a1a; vertical-align:top;}


.stepcarousel
{

position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 40px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel
{
  display:inline;
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 6px 10px 10px 10px; /*margin around each panel*/
    width: 65px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}