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

*{ margin:0px; padding:0px; border:none;}
img{ border:0px;}
ul li { list-style:none;}
.clrFix{ clear:both;}
a{ text-decoration:none;}
body{ background:url(images/bg.jpg) #ebebeb top left repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}
#menuCont h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal; color:#3a7ff6; text-align:center; text-shadow: 0px 1px 3px #5a5a5a;}

/********* HEADER PART **********/
#header{ width:1000px; margin:0 auto; position:relative;}
#topPart{ margin:0px; padding:0px;}
.logo{ float:left; width:140px; padding:8px 0 0 0;}
.contactNumber{ background:url(images/contactBg.jpg) no-repeat; width:246px; float:right; margin-top:5px; height:29px; padding:0 2px 0 48px; position:relative;}
#call{width:250px; height:25px; text-align:left; font-size:20px; position:absolute; top:0px; right:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; overflow:hidden;}
#topPart h4{ font-size:12px; position:absolute; top:14px; right:300px; color:#000;}
#topBanner{position:absolute; top:36px; right:0px; width:502px;}
#menuCont{ margin:0px; padding:0px; height:39px; display:block;}
#menu{ width:680px; float:left; display:block; padding-top:12px;}
#menu a{ color:#585858; font-size:12px; text-transform:uppercase; color:#585858; padding:0px 15px;}
#socialNetwork{ float:right; width:210px; margin-top:1px;}
#socialNetwork img{ float:left;}
#fakeBanner h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; color:#F00; text-align:center; text-shadow: 0px 1px 3px #F00; padding:10px; position:absolute; top:0px; left:200px; width:449px; position:100; z-index:100}

/********* CONTAINER PART **********/
#container{
	width:970px;
	margin:3px auto 0px auto;
	background-color:#fff;
	padding:10px 15px;
	color: #3980F6;
}
#banner{ width:640px; float:left;}
#porductsCont{ width:301px; float:right;}
.productBox{ border:1px solid #e0dfdf; margin-bottom:20px;}
.productBoxTitle{ background:url(images/productBoxTitleBg.jpg) top left repeat-x; height:25px; font-size:14px; color:#848484; text-transform:uppercase; padding:8px 0 0 10px;}
.productBoxContent{ padding:6px;}
.productBoxContent img.payment{float:left;}

#middleCont{ padding:0px; margin:0px;}
.middleLeftSec{ width:460px; float:left;}
.productTitle{ background:url(images/productBg.jpg) top left no-repeat; width:460px; height:44px;}
.productTitle h2{ font-size:18px; font-weight:bold; color:#6e6e6e; padding:10px 0 0 15px; text-transform:uppercase;}
.productTitle h2 span{ color:#3f8adb;}
.products{ padding:10px; border:1px solid #ededed; border-top:none;}
.productImg{ float:left; width:150px; border-right:1px solid #ededed;}
.productDesc{ width:260px; float:right; position:relative;}
.productDesc h2{ font-size:18px; color:#3f8adb; font-weight:normal;}
.productDesc p{ font-size:13px; color:#333; padding:5px 0px; text-align:justify;}
.productDesc h1{ color:#333333; font-size:20px;}
.shopNow{ position:absolute; bottom:-2px; right:-1px; width:163px; height:30px;}

.middlerightSec{ width:450px; float:right; border-left:1px solid #ededed;}
.rightSecTitle{ background:url(images/rightSecTitleBg.jpg) top left repeat-x; height:30px;}
.rightSecTitle h2{ font-size:18px; font-weight:bold; color:#6e6e6e; padding:4px 0 0px 15px; text-transform:uppercase;}
.rightSecTitle h2 span{ color:#333;} 
#aboutUs{ position:relative;}
p{
	color:#000;
	text-align:justify;
	padding:5px 10px;
	font-size: 14px;
}
#mediaPartners{position:relative; margin-top:10px;}
#mediaSlider{height:66px; padding:10px 5px; margin-bottom:10px;}
#partner{ position:relative; margin-top:10px;}
/*Testimonial*/
#testimonial_container{ position:relative; margin-top:10px; border-bottom:1px solid #ebebeb;}
#testimonials {width: 430px; min-height: 80px;list-style-type: none; padding:10px 15px 0 15px; display:block; margin:0px;}
#testimonials .slide {}
blockquote {font-size: 14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color: #333;font-style: italic; line-height:25px; text-align:left; padding:0px; margin:0px;}
blockquote span{ color:#8cb9fe;}

/********* FOOTER PART **********/
#footerContainer{ position:relative; width:100%; background:url(images/footerBg.jpg) top left repeat-x; height:110px;}
#footer{ width:1000px; position:relative; margin:0 auto;}
#footerLeft{ width:200px; float:left; margin:15px 0 0 30px; display:block;}
#footerLeft li{ list-style:none; display:block; padding:5px 0px;}
.footerlink{ width:700px; float:right; margin:20px 0px 0 0; display:block; text-align:right; font-size:13px; color:#ebebeb;}
.footerlink a{ text-decoration:none; color:#ebebeb; padding:0px 5px;}
.copyright{ margin-top:10px; color:#FFF}

/********* ABOUT US PAGE **********/
.aboutSec{ padding:0px; margin:0px; color:#535353;}
.pageTitle{  background:url(images/rightSecTitleBg.jpg) top left repeat-x; height:35px; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb;}
.pageTitle h2{ font-size:18px; font-weight:bold; color:#6e6e6e; padding:4px 0 0px 15px; text-transform:uppercase;}
.pageTitle h2 span{ color:#3f8adb;} 
.aboutus-img{float:right; border:4px solid #dcdcda;	margin:0px 0px 10px 20px;}
h6.inner{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#555555; font-weight:100; padding:0px 0px 5px 0px;	margin:0px 0px 0px 0px; background:none; }
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px; text-align:justify;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px; text-align:justify;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
h5.myTab{font-size:14px; color:#353535; font-weight:100; padding:0px 0px 5px 0px;	border-bottom:1px dotted #000; margin:0px 0px 10px 0px; background:none; width:100%; text-align:left; }

/********* PRODUCTS PAGE **********/
.middleLeftSec2{ width:460px; float:right;}
input, textarea{ border:1px solid #CCC;}
.contactForm tr td{ padding:5px 0px;}

/********* PRODUCTS DETAILS PAGE **********/
.image_holder { margin:0 0 14px 0; width:230px; float:left;}
.image_holder img { background:#fff; padding:8px; border:1px solid #CCCCCC;}
.discription { float:left; width:200px;}
#productDetails{ width:640px; float:left; padding-top:10px; font-size:13px; color:#828282; text-align:justify;}
.folioGallery2 { display:inline-block; margin:20px 5px 20px 5px; float:left; border:1px solid #a49673; padding:3px;}
.folioGallery2 .image_holder { margin:0 0 14px 0; width:230px; float:left;}
.folioGallery2 .image_holder img { background:#fff; padding:8px; border:1px solid #CCCCCC;}
.folioGallery2 .discription { float:left; width:650px;}
.details { border:4px solid #bdbdbd; margin:12px 0; overflow:hidden;}
.details li {	background:#FFFFFF; border-bottom:1px solid #EDEDED; color:#868686;	font-size:12px; list-style:none outside none; overflow:hidden; padding:10px 0 10px 37px;}
.details li span{color:#ffd900; font-size:18px; text-decoration:line-through;}
.details li span.aa{color:#1aa5d4; font-size:18px; text-decoration:none;}
#productList{ margin:10px 0 0 30px;}
#productList li{
	list-style:disc;
	padding:5px 0px;
	color: #000000;
}
.productDescription{ width:400px; float:right;}

.products2{ padding:5px 0px 10px 0px; border-bottom:1px dashed #666; }
.productImg2{ float:left; width:80px; border-right:1px solid #ededed;}
.productDesc2{ width:180px; float:right; position:relative;}
.productDesc2 h2{ font-size:15px; color:#3f8adb; font-weight:normal;}
.productDesc2 p{ font-size:13px; color:#333; padding:5px 0px; text-align:justify;}
.productDesc2 h1{ color:#333333; font-size:16px;}
.shopNow2{ position:absolute; bottom:0px; right:0px; width:95px; height:30px;}
 
/********* HOME PAGE SLIDER BANNER **********/
#slider {  width:640px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float: left; width: 100%; height: 307px; }
.slider-item { width: 100% !important; height: 307px; }
.slider_content_inner img { border: none; }
.controls-center { width: 640px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; background: url(images/tabs_bg.jpg) no-repeat top center; margin:0; width:640px; height:28px;}
#slider_controls ul { margin:0 auto; padding:5px 0 0 0; width:90px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center; }




.indentmenu{
 
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 navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{ height:45px;
display: inline;

}

.indentmenu ul li a{
font-weight:600;
float: left;
color: white; /*text color*/

text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a, .indentmenu ul li a.selected {padding: 10px 17px; line-height:14px;}

.indentmenu ul li a.selected{

color: white !important;
  /*shift text down 1px*/
 
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
} 


#nav ul.menu {float:left; margin-top:6px;}
#nav ul.menu li {float:left;   padding-left:15px;  }
#nav ul.menu li:first-child {margin-left:0; padding-left:0; background:none;}
#nav ul.menu li a {font:13px/1 'CartoGothicStdBook', arial, serif; color:#000;   padding:10px 15px; display:block; text-transform:uppercase;   }
#nav ul.menu li a:hover, #nav ul.menu li.active a {color:#3399CC;}
#nav ul.menu li .hover-mask {}
#nav ul.menu ul {   background:rgba(0,0,0,0.7); margin-top:0px; }
#nav ul.menu ul li {margin:0; padding:0; background:none;}
#nav ul.menu ul li a { font:12px/1  Arial, Helvetica, sans-serif; color:#ccc; padding:10px; text-transform:none; display:block; margin:0 4px; border-top:1px solid #000; opacity:1; filter:alpha(opacity=100); }
#nav ul.menu ul li a:hover { color:#fff;}
#nav ul.menu ul li:first-child > a {border-top:none;}
#nav ul.menu li a > .sf-sub-indicator {top:3.6em !important; left:50%; margin-left:-25px; right:auto !important;}
#nav ul.menu li li a > .sf-sub-indicator {top:50% !important; margin-top:-5px; left:95% !important;}
#nav .sf-menu > li:hover > ul,
#nav .sf-menu > li.sfHover > ul { top:2.4em; margin-left:25px; width:200px;}




 .sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
	margin-left: 1px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

 
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}