/* CSS Document */
#toplineback{
	background-color:#666666;
	margin:-8px -8px auto;
	height:40px;
	border-bottom:1px solid #333333;
}
#toplinemiddle{
	margin:0 auto;
	width:90%;
	height:40px;
}
.companylogo{
	position:absolute;
	background-color:#FFFFFF;
	z-index:10000;
	width:410px;
	border-bottom:3px solid #006699;
	box-shadow:0px 0px 10px #000000;
}
.contacthome{
	font-family:Calibri;
	font-size:13px;
	float:right;
	height:30px;
	color:#CCCCCC;
}
.contacthome li{
	list-style:none;
	float:left;
	margin-top:0px;
	margin-left:20px;
}
#topmenulineback{
	height:120px;
	background-image:url(../images/topline.png);
	margin:0px -8px auto;
	z-index:4;
}
#topmenulinemiddle{
	margin:0 auto;
	width:100%;
	background-image:url(../images/banner_1.jpg);
	height:120px;
}
.topmainmenu{
	float:right;
	position:relative;
	background-color:#FFFFFF;
	height:38px;
	width:660px;
	box-shadow:0px 0px 10px #000000;
	border-bottom:3px solid #006699;
	opacity:0.9;
	z-index:10000;
}
.topmainmenu li{
	list-style:none;
	float:left;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
	margin-top:-16px;
	line-height:34px;
}

/*Initialize*/
ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li ul.sub-menu li a {
    text-decoration: none;
    display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    left: 0;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}

.topmainmenu li a{
	text-shadow:1px 1px #FFFFFF;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
.topmainmenu li ul{
	box-shadow:0px 0px 5px #000000;
}
.topmainmenu li ul li{
	margin-top:1px;
	width:100%;
	background-color:#999999;
	color:#FFFFFF;
}
.topmainmenu li ul li:hover{
	border-top:none;
	border-bottom:3px solid #FFCC33;
	opacity:1;
}
.topmainmenu li:hover{
	color:#336699;
	border-top:3px solid #99CC33;
	background-color:#F5F5F5;
	-o-transition:.3s;
  	-ms-transition:.3s;
  	-moz-transition:.3s;
  	-webkit-transition:.3s;
  	/* ...and now for the proper property */
  	transition:.3s;
}
#bannerback{
	height:400px;
	background-image:url(../images/banner_1.jpg);
	margin:-120px -8px auto;
	z-index:-5;
	border-bottom:1px solid #CCCCCC;
}

#contentbackline{
	background-color:#FFFFFF;
	margin:-8px -8px auto;
	height:100%;
	border-bottom:1px solid #CCCCCC;
}
#contentmiddleline{
	margin:0 auto;
	width:90%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}
.contentsynergy{
	margin-top:20px;
	font-size:30px;
	padding:10px;
	width:500px;
	color:#999999;
	font-family:Century Gothic;
	border-left:3px solid #006699;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.synerysmall{
	float:left;
	padding-top:5px;
}
.homemain{
	padding:10px;
	margin-top:10px;
	font-size:12px;
	height:200px;
	float:left;
}
.homemain span{
	font-size:20px;
}
.maintitle{
	font-size:20px;
	padding-bottom:20px;
}
.brandstitle{
	text-align:center;
	width:180px;
	text-align:left;
	padding-top:35px;
	padding-right:20px;
	font-size:30px;
	float:left;
	height:130px;
	margin:15px;
	font-family:Trebuchet MS;
	line-height:20px;
	border-right:1px solid #CCCCCC;
}
.someinfor{
	text-align:left;
	font-size:14px;
	font-family:Calibri;
	margin-top:10px;
	line-height:18px;
	color:#333333;
}
.brandicon{
	float:right;
	width:960px;
	height:165px;
	margin-top:15px;
}
.marquee {
	position:relative;
    overflow:hidden;
    width:960px;
    height:165px;
}
.brandpanel{
	float:left;
	width:200px;
	height:150px;
	margin:5px;
	background-color:#CCCCCC;
	border-radius:4px;
}
#brandccontentline{
	background-image:url(../images/bg-noise.png);
	margin:-8px -8px auto;
	height:200px;
	border-top:1px solid #EAF5F7;
	border-bottom:1px solid #EAF5F7;
}
#brandmiddleline{
	margin:0 auto;
	width:90%;
	height:200px;
}

#bottomsupportline{
	background-color:#333333;
	margin:-8px -8px auto;
	height:130px;
	border-top:1px solid #EAF5F7;
	border-bottom:1px solid #EAF5F7;
}
#bottomsupportmiddle{
	margin:0 auto;
	width:90%;
	height:100px;
}
.pharseline{
	font-size:30px;
	text-align:center;
	padding:30px;
	color:#FFFFFF;
	font-family:Eras Light ITC;
}
#myfootericons{
	height:60px;
	width:90%;
	text-align:center;
	margin:0 auto;
}
.socialicons img{
	margin:8px;
}
.socialicons a{
	border:none;
}
.socialicons img:hover{
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	/* ...and now for the proper property */
  	transition:.5s;
	opacity:0.5;
}
#myfooterline{
	height:50px;
	background-color:#FFFFFF;
	margin:-0px -8px;
}
.socialicons{
	margin-left:5px;
	margin-right:5px;
	width:28%;
	height:50px;
	background-color:#FFFFFF;
}
.socialicons li{
	list-style:none;
	float:left;
}
.socialicons li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
.socialicons li a:hover{
	color:#006699;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	/* ...and now for the proper property */
  	transition:.5s;
	opacity:0.5;
}
#bottomfooter{
	height:40px;
	background-color:#333333;
	margin:0px -8px -8px -8px;
}
.internalfoot{
	margin:0 auto;
	width:90%;
}
.internalfoot{
	padding-top:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
.internalfoot a{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.internalfoot a:hover{
	color:#FFFFFF;
	-o-transition:.9s;
  	-ms-transition:.9s;
  	-moz-transition:.9s;
  	-webkit-transition:.9s;
  	/* ...and now for the proper property */
  	transition:.9s;
}


/*Contact Us Page*/
.contactushome{
	height:500px;
}
.contactinfortop{
	background-color:#EBF4FA;
	height:40px;
	text-align:center;
	font-family:Rockwell;
	padding:10px;
	margin-top:10px;
	font-size:16px;
	color:#333333;
}
.contactinfor{
	float:left;
	width:300px;
	padding:10px;
	font-size:12px;
	line-height:20px;
	margin-top:10px;
}
.contactinfor b{
	font-size:20px;
	margin-top:10px;
	margin-bottom:20px;
	color:#006699;
	line-height:30px;
}
.contacttitle{
	font-family:Century Gothic;
	font-size:20px;
	color:#FFCC33;
	padding:6px;
	padding-left:30px;
	margin:-10px;
}
.contacttitle:hover{
	background-color:#EAEFE4;
	-o-transition:.3s;
  	-ms-transition:.3s;
  	-moz-transition:.3s;
  	-webkit-transition:.3s;
  	/* ...and now for the proper property */
  	transition:.3s;
}
.contactform form{
	margin-top:25px;
	color:#999999;
}
.submitbutton input{
	background-color:#FFCC33;
	color:#FFFFFF;
	border:none;
	border-radius:1px;
	padding:3px;
}
.submitbutton input:hover{
	background-color:#FFCC66;
	-o-transition:.9s;
  	-ms-transition:.9s;
  	-moz-transition:.9s;
  	-webkit-transition:.9s;
  	/* ...and now for the proper property */
  	transition:.9s;
}
.ourmap{
	border:1px solid #CCCCCC;
	width:550px;
	height:200px;
}
.contactform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding:10px;
	margin-top:20px;
	height:350px;
	width:600px;
	float:right;
	background-color:#FFFFFF;
	border-left:1px solid #EFEFEF;
}
.contactform input,textarea{
	border:1px solid #E8E8E8;
	border-radius:2px;
	padding:3px;
	line-height:22px;
}
.contactform td{
	padding-left:20px;
}
.contactform input:focus,textarea:focus{
	border:1px solid #FFCC33;
	-o-transition:.9s;
  	-ms-transition:.9s;
  	-moz-transition:.9s;
  	-webkit-transition:.9s;
  	/* ...and now for the proper property */
  	transition:.9s;
}
.back-to-top {
	position: fixed;
	bottom: 23px;
	right: 2px;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	float:right;
	padding: 1em;
	display: none;
}

/*Catalog Page*/
.catalogfullpage{
	height:100%;
	margin-top:10px;
	margin-bottom:20px;
	background-color:#E4ECD7;
}
.catalogpage{
	height:240px;
	width:180px;
	margin:20px;
	float:left;
	border:1px solid #CCCCCC;
	padding:10px;
	background-color:#FFFFFF;
	color:#FFFFFF;
}
.catalogpage:hover{
	border:1px solid #CCCCCC;
	background-color:#F7F7F7;
	box-shadow:0px 0px 10px #000000;
	-o-transition:.9s;
  	-ms-transition:.9s;
  	-moz-transition:.9s;
  	-webkit-transition:.9s;
  	/* ...and now for the proper property */
  	transition:.9s;
}
.cataloginfor{
	font-size:14px;
	text-align:center;
	color:#333333;
	margin-top:30px;
	font-family:Century Gothic;
}
.catelogdownload{
	margin-top:-40px;
	text-align:center;
}
.catelogdownload a{
	padding:10px;
	background-color:#FFCC00;
	border-radius:2px;
	box-shadow:0px 0px 10px #000000;
	font-family:Bernard MT Condensed;
	text-decoration:none;
	color:#FFFFFF;
	font-size:15px;
}
.catelogdownload a:hover{
	background-color:#99CC00;
	-o-transition:.9s;
  	-ms-transition:.9s;
  	-moz-transition:.9s;
  	-webkit-transition:.9s;
  	/* ...and now for the proper property */
  	transition:.9s;
}

/*Project Page*/
.projectpage{
	height:100%;
	margin-bottom:20px;
	margin-top:10px;
	padding:20px;
	background-color:#ECDA93;
	color:#FFFFFF;
}
.projecttile{
	width:253px;
	height:300px;
	border:10px solid #FFFFFF;
	background-color:#FFFFFF;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	opacity:0.9;
}
.projecttile:hover{
	opacity:1;
	-o-transition:.3s;
  	-ms-transition:.3s;
  	-moz-transition:.3s;
  	-webkit-transition:.3s;
  	/* ...and now for the proper property */
  	transition:.3s;
	border-radius:8px;
	box-shadow:0px 0px 5px #000000;
}
.projtitle{
	font-size:13px;
	color:#333333;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
}
.projectinfor{
	padding-bottom:20px;
	color:#333333;
	font-size:13px;
	text-align:justify;
}

/*Project Page*/
.productpage{
	height:100%;
	margin-top:10px;
	margin-bottom:20px;
	background-color:#FFFFFF;
	color:#FFFFFF;
}
.producttitle{
	font-size:18px;
	font-family:Century Gothic;
	padding-bottom:10px;
	color:#666666;
	border-bottom:1px dotted #666666;
}
.productside{
	width:280px;
	height:100%;
	float:left;
	min-height:498px;
	background-color:#006699;
}
.somesideinfor{
	height:300px;
	color:#333333;
	background-color:#FFFFFF;
	margin-top:10px;
}
.sidetab1{
	padding:5px;
	margin-top:10px;
	text-align:center;
	font-family:Calibri;
	border:none;
}
.sidetab2{
	padding:5px;
	padding-top:10px;
	margin-top:10px;
	text-align:left;
	background-color:#F1F0CF;
	font-family:Calibri;
	border:none;
}
.sidetab1 a{
	border:none;
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}
.sidetab1 a:hover{
	color:#003366;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
}
.menutitle{
	font-weight:bold;
	text-align:center;
	font-family:Trebuchet MS;
	padding:5px;
	text-shadow:1px 1px #000000;
	color:#FFFFFF;
	background-color:#333333;
	border-bottom:2px solid #000000;
}
.productinternal{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:right;
	padding:10px;
	width:73%;
}
.productbrand{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:right;
	margin-top:20px;
	padding:10px;
	width:73%;
}
.ourbrands{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	width:190px;
	padding:3px;
	height:120px;
	float:left;
	margin:10px;
}
.ourbrands:hover{
	box-shadow:0px 0px 5px #000000;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
	opacity:0.9;
}
.featureprduct{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	width:200px;
	padding:3px;
	height:120px;
	float:left;
	margin:6px;
}
.featureprduct:hover{
	box-shadow:0px 0px 5px #000000;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
	opacity:0.9;
}
.synergyproductpanel{
	opacity:0.8;
	float:left;
	margin-right:10px;
	width:260px;
	height:300px;
	border:5px solid #006699;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:10px;
	color:#333333;
	background-color:#FFFFFF;
}
.synergyproductpanel:hover{
	opacity:0.9;
	color:#FFFFFF;
	border:5px solid #FFFFFF;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
	border-radius:5px;
	box-shadow:0px 0px 5px #000000;
	background-color:#006699;
}
.prodimages{
	margin:5px;
}
.prodinformation{
	padding:10px;
	font-size:12px;
	text-align:center;
}
.prodinformation:hover{
	color:#FFFFFF;
}
.prodname{
	margin-bottom:5px;
}
.prodname a{
	color:#333333;
	text-decoration:none;	
	font-weight:bold;
}
.prodname a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

.prodavail{
	background-color:#336633;
	padding:3px;
	line-height:42px;
	color:#FFFFFF;
	font-weight:bold;
	width:100px;
	float:left;
}
.prodsendfriend a{
	float:right;
	background-color:#99CC00;
	padding:3px;
	width:119px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.prodsendfriend a:hover{
	background-color:#009933;
	text-decoration:underline;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
}
.prodnotify{
	float:right;
	height:20px;
	margin-top:5px;
}
.prodnotify a{
	background-color:#FF6600;
	width:125px;
	line-height:22px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.prodnotify a:hover{
	text-decoration:underline;
	background-color:#009933;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
}

/*Notification Page*/
.contentdetails{
	color:#333333;
	margin-top:20px;
}
.contentdetails td{
	color:#333333;
	font-size:12px;
	font-weight:bold;
}

.contentdetails input,textarea{
	border:1px solid #E8E8E8;
	border-radius:2px;
	padding:3px;
	line-height:22px;
}

.contentdetails input:focus,textarea:focus{
	border:1px solid #FFCC33;
	-o-transition:.9s;
  	-ms-transition:.9s;
  	-moz-transition:.9s;
  	-webkit-transition:.9s;
  	/* ...and now for the proper property */
  	transition:.9s;
}

/*Product Details*/
.productdetails{
	height:240px;
	margin-top:10px;
	background-color:#F9F9F9;
}
.prodimagesside{
	margin:5px;
}
.prodinformationdetails{
	float:right;
	width:530px;
	margin:20px;
}

.prodinformationdetails{
	padding:10px;
	font-size:12px;
	text-align:center;
}
.prodinformationdetails:hover{
	color:#FFFFFF;
}
.productpaneldetails{
	opacity:0.8;
	float:left;
	margin-right:10px;
	width:265px;
	height:200px;
	box-shadow:0px 0px 5px #000000;
	border:5px solid #FFFFFF;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	color:#333333;
	background-color:#FFFFFF;
}
.productpaneldetails:hover{
	opacity:0.9;
	color:#FFFFFF;
	border:5px solid #FFFFFF;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
	border-radius:5px;
	box-shadow:0px 0px 2px #000000;
	background-color:#FFFFFF;
}

.prodnamedetails{
	margin-bottom:5px;
	text-align:left;
	color:#666666;
	text-decoration:none;	
	font-size:16px;
	margin-bottom:20px;
}
.prodsendfrienddetails{
	height:20px;
}
.prodsendfrienddetails a{
	background-color:#99CC00;
	padding:10px;
	float:left;
	width:150px;
	color:#FFFFFF;
	line-height:22px;
	text-decoration:none;
	font-weight:bold;
}
.prodsendfrienddetails a:hover{
	background-color:#009933;
	text-decoration:underline;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
}
.prodnotifydetails{
	margin-top:10px;
}
.prodnotifydetails a{
	background-color:#FF6600;
	width:150px;
	float:left;
	line-height:22px;
	color:#FFFFFF;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
}
.prodnotifydetails a:hover{
	text-decoration:underline;
	background-color:#009933;
	-o-transition:.7s;
  	-ms-transition:.7s;
  	-moz-transition:.7s;
  	-webkit-transition:.7s;
  	/* ...and now for the proper property */
  	transition:.7s;
}
.prodavaildetails{
	margin-top:30px;
	background-color:#336633;
	padding:10px;
	margin-left:-170px;
	float:left;
	line-height:22px;
	color:#FFFFFF;
	font-weight:bold;
	width:150px;
}
.accolades{
	font-size:20px;
	padding-bottom:20px;
}
.productsendemaildetails{
	min-height:10px;
	max-height:100%;
	color:#000;
	font-size:12px;
	padding:10px;
	margin-top:10px;
	}
.homeimage{
	float:right;
	margin-top:-75px;
}