/* 



/*** GLOBAL  ***/

/*body {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:13px;

	margin:0 auto;

	padding:0;

	color:#fff;

	line-height:22px;

}*/

* {

	margin:0;

	padding:0;

}

*:focus {

	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

					 if you want to keep it! */

}

.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important;}

form{margin:0; padding:0;}

hr {

	border-width:0;

	height:1px;

	line-height:0;

	margin:30px 0px;

	page-break-after:always;

	text-align:center;

	width:100%;

	clear:both;

	background-image:url(../images/hr.png);

	background-repeat:repeat-x;

}

input[type=text], textarea{

	border:solid 1px #dadada;

	margin:4px 4px 8px 0px; 

	padding:5px; 

	vertical-align:middle; 

	font-size:11px;}

	

.black{ color:#000;}



/*** END OF GLOBAL  ***/



/*** DEFAULT ELEMENT STYLES ***/

/* heading */

h1, h2{margin-bottom:15px; font-family:"Century Gothic", Arial, Verdana;}

h3, h4, h5, h6{margin-bottom:15px; font-family:"Century Gothic", Arial, Verdana;}

h1 {font-size:24px; line-height:26px;}

h2 {font-size:20px; line-height:23px;}

h3 {font-size:18px; line-height:20px;}

h4 {font-size:16px; line-height:18px;}

h5{font-size:14px; line-height:16px;}

h6 {font-size:12px; line-height:15px;}

h1, h2, h3, h4, h5, h6{ font-weight:normal;}

.title{ margin-bottom:25px;}





/* links */

a, a:visited {text-decoration:none; font-weight:normal; }

a:hover{text-decoration:underline;}

a img{border:none}



/* float align */

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 15px;

	margin-top: 3px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 15px;

	margin-top: 5px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignnone,

img.alignnone {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top:3px;

}





img.alignleft, 

img.alignright, 

img.aligncenter,

img.alignnone {

	margin-bottom: 12px;

}







/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote {

	margin-bottom:20px;

}

ul, ol {

	margin:10px 0 20px 20px;

	list-style-position:inside

}

li ol,

li ul

{

	list-style:square;

	margin-bottom:0;

	margin-top:0;

}

li ol {list-style:decimal;}

	

blockquote {

	font-style:italic;

	margin:0px 0 20px 0px;

	padding:6px 10px 0px 10px;

	background-image:url(../images/quote.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

	clear:both;

	font-size:13px;

	line-height:20px;

	}

	

	

blockquote.left, blockquote.right  {

	float:right;

	letter-spacing:0px;

	margin-bottom:20px;

	margin-left:20px;

	margin-top:0px;

	padding:0px 20px 10px 60px;

	width:43%;

	background-position:0px 0px;

	}

	

blockquote.left{

	float:left;

	margin-left:0px;

	margin-right:20px;}



blockquote p{margin-bottom:0px; line-height:20px}



/* code */

code {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	letter-spacing:1px;

	margin:25px 0 25px 0px;

	display:block;

	font-size:0.9em;

	border-left:4px solid #cfcfcf;

	padding:15px 10px;

}



/*** END OF DEFAULT ELEMENT STYLES ***/



/*** CONTAINER ***/

#frame{

	width:1000px;

	margin:10px auto;

}

#container{

	width:1000px;

	background-color:#fff;

}

.pad_container{ width:940px; margin:0px 30px 0px 30px;}







/* TOP */

#top{height:60px; padding:35px 0px 27px 0px}

#top-left{width:640px; float:left;}

#logo{margin:0px 0px 0px 0px; position:relative}



#top-right{width:300px; float:left;}

ul.sn{margin:0px 0 0 0 ; padding:0; list-style-type:none; float:right; }

ul.sn li{padding:0 2px !important; border:0 !important; display:inline}



/* TOP MENU */

#top-navigation{

	position:relative;

	z-index:100;

	padding:0px 0px 70px 0px;

	font-family:"Century Gothic", Arial, Verdana;

}



#topnav{

	margin:0;

	padding:0;

	list-style-type:none;

	overflow:visible;

  }

#topnav ul {

	margin:0;

	padding:0;

	list-style-type:none;

  }



#topnav li {

	margin-right:35px;

	padding: 0px 0px 0px 0px;

	float:left;

	border-top:1px solid #dadada;

	width:135px;

	text-transform:titlecase;

	font-size:14px;

	z-index:0;



  }



#topnav a {

	display: block;

	padding:3px 0px 8px 0px;

	text-decoration:none;

  }



#topnav li a:hover{

	text-decoration: none;

	display: block;

  }

  

#topnav li ul {

	list-style: none;

	position: absolute;

	width: 140px;

	top: 30px;

	left:-999em;

	padding:10px;

	margin-left:-10px;

	z-index:100;

	filter: alpha(opacity=80); /* here you can set the opacity of box with text */

	opacity: 0.9; /* here you can set the opacity of box with text */

	/*background: url(../images/bg-menu.png) repeat;*/

  }



#topnav li:hover ul, #topnav li.sfhover ul {  left: auto;  }

  

#topnav li ul li:hover ul {

	left: 100%;

	top: -10px;

	margin-left:9px;

}

	

#topnav li li {  

  margin: 0;

  padding: 0;

  width: 140px;

  left: auto;

  height:auto !important;

  position:relative!important;

  }

  

#topnav li li a {

  width: 140px;

  line-height:18px;

  margin: 0;

  padding: 8px 0px 8px 0px!important;

  }

	

#topnav li li a:hover { padding: 8px 0px 8px 0px; }



#topnav li:hover, #topnav li.sfhover { /* prevents IE7 drop-down topnav bug (focus on a page element prevents nested topnavs from disappearing) */

  position: static;

  }



.lavaLamp {

  position: relative;

  height: 32px;

  padding: 0px 0px 0px 0px;

  overflow: hidden;

}



.lavaLamp li {

  list-style: none;

  float:left

}



#topnav li.back {	z-index: 8;	position: absolute;}

.lavaLamp li a {  z-index: 10;}

.nomargin{ margin:0px!important;}





/* HEADER */

#header{

	width:940px;

	position:relative;

	margin-bottom:50px;

}



/* SLIDER */

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

#slideshow ul li{margin:0px; padding:0px; list-style-type:none;}



/* CONTENT */

#content{}

#main{margin:0 0px 30px 0px;}

#side{width:301px;  float:left;}

#maincontent{width:600px; float:left; margin-right:5px}

#maincontentFactory{width:900px; float:left; margin-right:5px}



/* home */

.three_column.home h2{ padding-top:15px; padding-bottom:15px; margin-bottom:0px; font-size:15px;}



.one_fourth.home{ width:23%;}

.one_fourth.home .bullet-check li{ background-position:0px 6px; font-weight:bold;}



.three_fourth.home{ width:73%;}



ul.recent{ margin:0px; padding:0px;}

.recent li{ list-style-type:none; margin-bottom:15px; float:left;}





/* form and button */

textarea {

	padding: 5px;

	background: #f7f7f7;

	border: 1px solid #dadada;

	color:#666;

}



input[type="text"],

.inputbox{

	padding: 5px;

	background: #f7f7f7;

	border: 1px solid #dadada;

	width:40%;

	color:#666;

}

.button{

	border:solid 1px #dadada;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

	text-align:center;

	padding:0px 10px;

	color:#666 !important;

	cursor:pointer;

	font-size:11px;

	display:inline-block;

	height:26px;

	line-height:25px;

	background-image:url(../images/bg-button.gif);

	background-repeat:repeat-x;

}

*+html .button{ line-height:normal; border:solid 1px #dfdfdf!important;}

.button:hover{ background-position:0 -26px;}



.more{

	border:solid 1px #dadada;

	-moz-border-radius:15px;

	-webkit-border-radius:15px;

	border-radius:15px;

	text-align:center;

	padding:0px 13px;

	color:#666 !important;

	cursor:pointer;

	font-size:12px; font-weight:bold;

	display:inline-block;

	height:26px;

	line-height:25px;

	background-image:url(../images/bg-button.gif);

	background-repeat:repeat-x;



}

.more:hover{background-position:0 -26px;}

a.more{ text-decoration:none!important;}



#subscribe{padding:5px 0 0 0 !important;}





/* SIDE */

#side ul{

	list-style-type:none;

	list-style-position:outside;

	margin:0;

	padding:0;

}

#side ul li{

	list-style-type:none;

	margin:0;

	padding:0;

}

#side ul li a, #side ul li a:visited{color:#676767}

#side .widget-container{margin-bottom:40px;}

#side .widget-title{margin-bottom:16px; font-size:20px; line-height:29px;}

#side li li{

	list-style-type:none;

	margin:0;

	padding:6px 0 6px 15px;

	border-bottom:solid 1px #E8E8E8;

	background: url(../images/arrow.png) no-repeat 0px 13px;

}

#side li li a{}

#side li.current, #side li li:hover{}

#side li li a:hover{text-decoration:underline; color:#767676;}

#side ul ul ul{margin-left:5px;}



/* searchwidget */

#searchwidget input{ background-color:#fff; border:1px solid #eaeaea; height:26px; padding:0px 5px; margin:0px; width:193px; vertical-align:top;}

#searchwidget div input.button{ width:80px!important; margin-left:10px; height:28px!important;}







/* FOOTER */

#footer{padding:40px 30px 0px 30px;background-color:#CCCCCC}

#footer ul{

	list-style-type:none;

	list-style-position:outside;

	margin:0;

	padding:0;

}

#footer ul li{

	list-style-type:none;

	margin:0 0 6px 0;

	padding:0 0 6px 0;

	border-bottom:solid 1px #E8E8E8;

}



#footer li.widget-container{border:0; margin-bottom:15px; clear:both}

#footer .widget-title{font-size:16px; margin:0 0 12px 0;}



/*#foot-col1, #foot-col2, #foot-col3{width:292px; float:left; margin-right:32px}	*/

*#foot-col1, #foot-col2, #foot-col3, #foot-col4{width:190px; float:left; margin-right:25px}

#foot-col4{margin-right:0;}



#newsletter div{ border:1px solid #eaeaea; width:249px; padding:5px 0px 0px 0px; background-color:#fff;}

#newsletter input{ background-color:transparent; border:0px solid #fff; width:205px; color:#b4b4b4; background-image:none; border:0px; padding:0px 10px; font-size:11px;}

#newsletter .button_src{background:url(../images/but_submit.gif) no-repeat 0px 3px; width:7px; border:0px; cursor:pointer;}



#footer-copyright{height:32px; color:#fff; padding:10px 0 0 20px; background-color:#666666;}

#footer-copyright a, #footer-copyright a:visited {color:#fff;}

#footer-copyright a:hover{ text-decoration:none;}

#copyright{ width:50%; float:right;}

#footermenu{ float:left;  width:50%;}

#footermenu ul{ margin:0px 20px 0px 0px; padding:0px; float:right;}

#footermenu li{ display:inline; padding:0px 2px 0px 6px; background:url(../images/line-ver.gif) no-repeat 0px 3px;}

#footermenu li:first-child{ background:none;}



/* column list */

.four_column{list-style-type:none; margin:0px; padding:0px;}

.four_column li{list-style-type:none;width:22%; margin-right:4%; float:left;}

.four_column p{margin-bottom:10px;}



.three_column{list-style-type:none; margin:0px; padding:0px;}

.three_column li{list-style-type:none;width:30.66%; margin-right:4%; float:left;}

.three_column p{margin-bottom:10px;}



.three_column li a.image {

	width:280px;

	height:140px;

	display:block;

	position:relative;

}

.three_column li a .rollover {

	background:url(../images/hover-opacity.png);

	background-color:#000;

	background-repeat:no-repeat;

	background-position:center;

	width:280px;

	height:140px;

	display:block;

	position:absolute;

	z-index:10;

	display:none;

	cursor:pointer;

	margin:4px;

}





.two_column{list-style-type:none; margin:0px; padding:0px;}

.two_column li{list-style-type:none;width:48%; margin-right:4%; float:left;}

.two_column p{margin-bottom:10px;}



.three_four_column{list-style-type:none; margin:0px; padding:0px;}

.three_four_column li{list-style-type:none;width:74%; margin-right:4%; float:left;}

.three_four_column p{margin-bottom:10px;}



.two_column li li, .three_column li li, .four_column li li, .three_four_column li li{margin:0px; width:auto !important; float:none;}





/* COLUMN */

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{margin-right: 4%; position:relative; float:left; }

.one_half{ width:48%; }

.one_third{width:30.6666%;}

.one_fourth{width:22%; }

.one_fifth{width: 16.8%;}

.one_sixth {width: 13.3333%;}



.two_third{width: 65.3332%;}

.two_fourth {width: 48%;}

.two_fifth {width: 37.6%;}

.two_sixth {width: 30.6666%;}



.three_fourth{width:74%;}

.three_fifth {width: 58.4%;}

.three_sixth {width: 47.9998%;}



.four_fifth {width: 79.2%;}

.four_sixth {width: 65.3332%;}



.five_sixth {width: 82.6665%;}

.last{ margin-right:0 !important; clear:right; }





/* Separator */

.separator {

	display:block;

	height:25px;

	text-align:center;

	width:100%;

	clear:both;

}



.separator.line {

	display:block;

	height:40px;

	text-align:center;

	width:100%;

	clear:both;

	margin:0px;

	background-image:url(../images/hr.png);

	background-repeat:repeat-x;

	background-position:center;

}



/*==== Dropcaps ====*/

.dropcap1{

	text-shadow:1px 1px 0 #fff;

	display:block;

	float:left;

	font-size:34px;

	line-height:34px;

	margin:2px 8px 0 0;

	color:#666;

}

.dropcap2{

	background: transparent url(../images/dropcaps.png) top left no-repeat;

	color:#fff;

	display:block;

	float:left;

	font-size:22px;

	line-height:34px;

	width:34px;

	height:34px;

	text-align: center;

	margin:4px 8px 0 0;

}

.dropcap3{

	background-color:#d7d7d7;

	color:#fff;

	display:block;

	float:left;

	font-size:22px;

	line-height:34px;

	width:34px;

	height:34px;

	text-align: center;

	margin:6px 8px 0 0;

}



/*==== Highlight ====*/

.highlight1{padding:2px 5px;background-color:#e6e8e8;color:#000; }	

.highlight2{padding:2px 5px;background-color:#666666;color:#fff; }	



/* BULLETED LIST */

.bullet-default{

	margin:0;

	padding:0;

	list-style-type:none;

}	

.bullet-default li{

	background: transparent url(../images/arrow_default.png);

	background-repeat:no-repeat;

	background-position:0 8px;

	margin:0;

	padding:0 0 0 25px;

	list-style-type:none;

	line-height:25px

}

.bullet-star{

	margin:0;

	padding:0;

	list-style-type:none;

}	

.bullet-star li{

	background: transparent url(../images/arrow_star.png);

	background-repeat:no-repeat;

	background-position:0 5px;

	margin:0;

	padding:0 0 0 25px;

	list-style-type:none;

	line-height:25px

}	

.bullet-check{

	margin:0;

	padding:0;

	list-style-type:none;

}	

.bullet-check li{

	background: transparent url(../images/check.png);

	background-repeat:no-repeat;

	background-position:0 5px;

	margin:0;

	padding:0 0 0 25px;

	list-style-type:none;

	line-height:25px

}	

.bullet-plus{

	margin:0;

	padding:0;

	list-style-type:none;

}	

.bullet-plus li{

	background: transparent url(../images/arrow_plus.png);

	background-repeat:no-repeat;

	background-position:0 8px;

	margin:0;

	padding:0 0 0 25px;

	list-style-type:none;

	line-height:25px

}

.bullet-circle{

	margin:0;

	padding:0;

	list-style-type:none;

}	

.bullet-circle li{

	background: transparent url(../images/arrow_circle.png);

	background-repeat:no-repeat;

	background-position:0 8px;

	margin:0;

	padding:0 0 0 25px;

	list-style-type:none;

	line-height:25px

}



.bullet-x{

	margin:0;

	padding:0;

	list-style-type:none;

}	

.bullet-x li{

	background: transparent url(../images/arrow_x.png);

	background-repeat:no-repeat;

	background-position:0 5px;

	margin:0;

	padding:0 0 0 25px;

	list-style-type:none;

	line-height:25px

}

	

	

/*==== Info Boxes  ====*/

.download-box, .note-box, .error-box, .info-box {

	padding: 20px 20px;

	margin: 0 0 25px 0;

	padding-left: 60px;

	background: #eee;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-khtml-border-radius: 3px;

	border-radius: 3px;

}

.download-box {

	background: #dde2aa url(../images/download.png) no-repeat scroll 20px 18px;

	border: 1px solid #a2c058;

	color: #7b9244;

	padding-left:60px

}



.note-box {

	background: #fdebae url(../images/note.png) no-repeat scroll 20px 15px;

	border: 1px solid #e6c555;

	color: #b28c0b;

	padding-left:65px

}

.error-box {

	background: #ffcccc url(../images/error.png) no-repeat scroll 20px 15px;

	border: 1px solid #ff9999;

	color: #fb1414;

	padding-left:60px

}



.info-box {

	background: #bde3f9 url(../images/info.png) no-repeat scroll 20px 15px;

	border: 1px solid #8bb5cd;

	color: #1d97db;

	padding-left:65px

}





/*==== Pullquotes ====*/

.pullquote-right,.pullquote-left{

	padding:0px 10px;

	float:right;

	font-style:italic;

	font-weight:bold;

	font-size:15px;

	letter-spacing:0px;

	line-height:22px;

	margin:0px 2px 20px 20px;

	padding:10px 20px;

	width:50%;

	/*background:url(../images/quote.png) no-repeat;	*/

	}

.pullquote-left{float:left;margin-left:2px;margin-right:20px;}







/*==== Tables ====*/

table.hover_effect {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #cfcfcf;margin-bottom:20px;}

table.hover_effect,td.hover_effect,th.hover_effect { text-align:left;}

th.hover_effect{padding:5px;color:#666;text-transform:uppercase;}

td.hover_effect{padding:5px;color:#4F4F4F;}

tfoot.hover_effect td.hover_effect{border:0px;}

th.hover_effect,tr.hover_effect:hover{background-color:#E5E5E5;}

table.hover_effect {

	border: 1px solid #F2F2F2;

	text-align: left;

	margin: 0 -1px 20px 0;

	width: 100%;

}

tr.hover_effect th.hover_effect,

thead.hover_effect th.hover_effect {

	color: #000;

	font-size: 14px;

	font-weight: bold;

	line-height: 15px;

	padding: 5px 10px;

}

tr.hover_effect td.hover_effect {

	border-top: 1px solid #cfcfcf;

	padding: 4px 10px;

}

tr.hover_effect.odd td.hover_effect {

	background: #F2F7FC;

}



/* For Product Display */





a img,:link img,:visited img { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

:focus { outline: none; }

*{margin:0;padding:0;}





.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}

.clearfix{display:block;zoom:1}



ul#thumblist{display:block;}

ul#thumblist li{float:left;margin-right:2px;list-style:none;}

ul#thumblist li a{display:block;border:1px solid #CCC;}

ul#thumblist li a.zoomThumbActive{

    border:1px solid 000;

}



.jqzoom{



	text-decoration:none;

	float:left;

}







/* TABLE LIST */

.table-box-container{ width:940px;}

.table-box-container ul{ margin:0px; border-bottom:1px dotted #c7c7c7; float:left; }

.table-box-container ul li{ float:left; list-style-type:none; padding:12px 0px; line-height:normal; color:#707070 !important; min-height:22px; }

.table-box-container ul li h4{ margin:0px; font-size:14px;}

.table-box-container ul li.one{ width:455px; padding-left:20px; }

.table-box-container ul li.two{ width:150px; text-align:center; border-left:1px dotted #c7c7c7; }

.table-box-container ul li.three{ width:150px; text-align:center; border-left:1px dotted #c7c7c7; }

.table-box-container ul li.four{ width:150px; text-align:center; border-left:1px dotted #c7c7c7; }

ul.table_header li{ }



ul.tbl-odd{ background-color:#fbfbfb; float:left;}

ul.tbl-odd li.one{ width:465px; padding-left:10px; }

ul.tbl-even{ background-color:#f7f7f7}

ul.tbl-even li.one{ width:465px; padding-left:10px; }

ul.tbl-price{ border:0px; font-size:18px;}

ul.tbl-price a, ul.tbl-price a:visited{ color:#707070; text-decoration:underline; font-size:12px;}

ul.tbl-price a:hover{ text-decoration:none;}



.icontable{width:25px; margin-right:10px;}

.icontable img{vertical-align:middle;}





/* TESTIMONIALS */

.ts-thinkbox-list{list-style-type:none; padding:0; margin:0;}

.ts-thinkbox-list li{clear:both; margin-bottom:40px;}

.ts-thinkbox-thumb{float:left;}

.ts-thinkbox-quote{font-style:italic; background-image:url(../images/quote.png); background-repeat:no-repeat; margin-left:130px; padding:10px 0 0 40px}

.ts-thinkbox-name{color:#999999;}

.ts-thinkbox-2 .ts-thinkbox-quote{margin-left:0;}

.backtop{text-align:right; float:right}