* { margin:0; padding:0; margin-top:0;}
html, body { height:100%; margin-top:0; }
body { background:#717171; font-family:Arial, Tahoma, Geneva, sans-serif; font-size:16px; line-height:20px; color:#404141; margin-top:0;}

input, select, textarea { font-family:Arial, Tahoma, Geneva, sans-serif; font-size:14;}

blockquote {  
background: url(../images/pullquote.gif) no-repeat 0px 0px;  
padding: 12px 15px 10px 15px;     
}  

blockquote span {  
 display: block;  
 float: left;  
 width: 58px;  
 height: 40px;  
}

ul.TickList {
  list-style-image: url('../images/bee-bullet-small.jpg')
}

table.sample {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}

table.sample td {
	border-width: 1px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: dashed dashed dashed dashed;
	border-color: grey grey grey grey;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.sms {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}

table.sms td {
	border-width: 1px;
	background-color:#F8F8F8;
	padding: 10px;
	border-style: solid;
	border-color: grey;
}

.style1 {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.error {
	color: #ff0000;
}

.red { color:#ff0000; }

.details {
border:0px solid #ddd;
padding:1px;
}

.details .d-inner {
border:1px dashed #A0A0A4;
padding:8px;
text-align:justify;
}
	
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden; color: #5E5E5E; font-size: x-small;}
.container { width:100%; }



#titleHeader{
	color:gray;
	font-size:medium;
	padding: 10px 10px 10px 20px;
}

#titleHeader2{
	color:black;
	font-size:xx-large;
	font-weight:bolder;
	/*background-color:#FFC30D;*/
	background:url(../images/head_icon2.gif)  #FFC30D no-repeat left;
	padding: 5px 10px 5px 50px;
	-moz-border-radius: 15px 0 15px 0;
	
	/*
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    */
    behavior: url(/css/border-radius.htc);
    border-radius: 10px;
    
}

#titleHeader .underlineTitle{
	color:#F60;
	width:600px;
	font-weight:bold;
	font-size:x-large;
	padding: 10px 10px 10px 20px;
	border-bottom:1px #CCC solid;
}

.bb-logo{
	color:black; 
	font-weight: normal;
}

.bb-logo .bees{
	color:white;
	font-weight: bold;
}
.underline{
	border-bottom:1px #CCC solid;
}

p.small {line-height:200%; font-size:12px}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top;}

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both; padding-bottom:7px; width:100%; overflow:hidden;}
#contacts-form label { float:left; width:79px; color:#2cb6e9; font-weight:bold;}
#contacts-form input { width:240px; padding:2px 0 2px 3px; border:1px solid #d9d9d9; background:none;}
#contacts-form textarea { width:790px; height:192px; border:1px solid #d9d9d9; background:none; padding:2px 0 2px 3px; margin-bottom:15px; overflow:auto;}
#contacts-form .button { width:150px; float:right;}

/*==================list====================*/
ul { list-style:none;}

.list1 li { padding-bottom:32px;}
.list1 li p { margin-bottom:6px;}
.list1 li a { font-weight:bold;}

.list2 { padding:4px 0 20px 0;}
.list2 li { width:100%; overflow:hidden; padding-bottom:20px;}
.list2 li.last { padding-bottom:0 !important;}
.list2 li img { float:left; margin-right:20px;}
.list2 li h5 { padding-top:6px;}
.list2 li h6 { padding-top:15px;}

.list3 li { list-style-type:disc; list-style-position:inside; padding-left:20px;}
.list3.color1 li { color:#58b01f;}
.list3.color2 li { color:#ff8002;}
.list3.color3 li { color:#f32e10;}
.list3 li span { color:#404141 !important;}

.list4 dt { font-weight:bold; margin-bottom:16px; color:#2cb6e9;}
.list4 dd { padding-bottom:16px;}

.list5 li { list-style-type:decimal; list-style-position:inside; }
.list5 li span { color:#404141 !important;}

.carousel { width:100%; overflow:hidden;}
.carousel li { float:left; margin-right:15px;}
.carousel li.prev { margin-right:17px; padding-top:74px;}
.carousel li.next { margin-right:0; padding-top:74px;}

.phones-list li { width:100%; overflow:hidden; padding-bottom:16px;}
.phones-list li strong { float:left; width:69px; color:#2cb6e9;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indent.fright { float:right; margin:0 0 0 20px;} 
.img-indent.alt { margin-bottom:30px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }


/*==================txt, links, lines, titles====================*/
a.linkContent {color:#808080; outline:none; text-decoration:none;}
a.linkContent:hover{text-decoration:underline;}

a.misc {color:#2A7FFF; outline:none; font-weight:bold; text-decoration:none;}
a.misc:hover{text-decoration:underline;}

a.linkText {color:#666666; outline:none; text-decoration:none; font-size:12px;}
a.linkText:hover{text-decoration:underline;}

a.linkFooter {color:#FFCC00; outline:none; text-decoration:none;}
a.linkFooter:hover{text-decoration:underline; color:#6BD8F3;}

h1 { font-size:3em; line-height:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:normal; letter-spacing:-1px; width:400px; margin-bottom:20px;}
h2 { font-family:"Helvetica", Arial, Trebuchet MS, sans-serif; font-size:22px; line-height:1em; font-weight:bold; margin-bottom:15px; color:#515151;}
h2.alt { letter-spacing:-1px;}
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.1em; margin-bottom:10px;}
h4 { font-size:.91em; margin-bottom:10px;}
h4 strong { font-size:1.1em; color:#2cb6e9; display:block;}
h5 { font-size:1em; margin-bottom:5px;}
h6 { font-size:1em; font-weight:normal;}

.txt1 { color:#2cb6e9;}

/*header*/
#header .row-1 { height:137px;}

#header .logo { float:left; padding:10px 0 0 10px;}
#header .top-links { float:right; padding:50px 35px 0 0;}
#header .top-links li { float:left; margin-left:8px;}

#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%; margin-top:-60px}
#header .nav-box .left { background:url(images/nav-box-left.gif) no-repeat left top;}
#header .nav-box .right { background:url(images/nav-box-right.gif) no-repeat right top; height:47px;}


/*-- header navigation --*/
#header .nav-box ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px}
#header .nav-box ul li { display:inline;}
#header .nav-box ul li a { display:block; float:left; color:#fff; text-decoration:none; }
#header .nav-box ul li a em { display:block; float:left; font-style:normal; background:url(images/divider-left.gif) no-repeat left 10px;}
#header .nav-box ul li a em b { display:block; float:left; height:47px; line-height:47px; width:158px; text-align:center; background:url(images/divider-right.gif) no-repeat right 10px; cursor:pointer;}

#header .nav-box ul li a:hover { background:url(images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a:hover em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a:hover b { background:url(images/divider-right-act.gif) no-repeat right 10px;}

#products 	#header .nav-box ul li.products a,
#store 		#header .nav-box ul li.store a,
#blog 		#header .nav-box ul li.blog a,
#tour 		#header .nav-box ul li.tour a { background:url(images/nav-act.gif) left top repeat-x;}

#products 	#header .nav-box ul li.products a em, 
#store 		#header .nav-box ul li.store a em,
#blog 		#header .nav-box ul li.blog a em,
#tour 		#header .nav-box ul li.tour a em { background:url(images/divider-left-act.gif) no-repeat left 10px;}

#products 	#header .nav-box ul li.products a em b,
#store 		#header .nav-box ul li.store a em b,
#blog 		#header .nav-box ul li.blog a em b,
#tour 		#header .nav-box ul li.tour a em b { background:url(images/divider-right-act.gif) no-repeat right 10px;}

#header .nav-box ul li a.first em { background:none;}
#header .nav-box ul li a.first:hover em { background:url(images/nav-left-act.gif) no-repeat left top;}

#home #header .nav-box ul li.home a { background:url(images/nav-act.gif) left top repeat-x;}
#home #header .nav-box ul li.home a em { background:url(images/nav-left-act.gif) no-repeat left top !important;}
#home #header .nav-box ul li.home a b { background:url(images/divider-right-act.gif) no-repeat right 10px;}

#header .nav-box ul li a.last b { background:none; width:160px;}
#header .nav-box ul li a.last:hover b { background:url(images/nav-right-act.gif) no-repeat right top;}

#faq #header .nav-box ul li.faq a{ background:url(images/nav-act.gif) left top repeat-x; }
#faq #header .nav-box ul li.faq a em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#faq #header .nav-box ul li.faq a b { background:url(images/nav-right-act.gif) no-repeat right top !important; width:160px;}



/*content*/
#content { padding:0px; background:#FFCC00;}
#content .section { padding-bottom:20px;}

#content .button { background:url(images/button-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}

#content .button em { display:block; font-style:normal; background:url(images/button-left.gif) no-repeat left top;}
#content .button em b { display:block; height:35px; line-height:35px; background:url(images/button-right.gif) no-repeat right top; cursor:pointer;}
#content .button:hover { color:#000;}

#content .button1 { background:url(images/button1-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button1 em { display:block; font-style:normal; background:url(images/button1-left.gif) no-repeat left top;}
#content .button1 em b { display:block; height:35px; line-height:35px; background:url(images/button1-right.gif) no-repeat right top; cursor:pointer;}
#content .button1:hover { color:#000;}

#content .button2 { background:url(images/button2-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button2 em { display:block; font-style:normal; background:url(images/button2-left.gif) no-repeat left top;}
#content .button2 em b { display:block; height:35px; line-height:35px; background:url(images/button2-right.gif) no-repeat right top; cursor:pointer;}
#content .button2:hover { color:#000;}

#content .button3 { background:url(images/button3-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button3 em { display:block; font-style:normal; background:url(images/button3-left.gif) no-repeat left top;}
#content .button3 em b { display:block; height:35px; line-height:35px; background:url(images/button3-right.gif) no-repeat right top; cursor:pointer;}
#content .button3:hover { color:#000;}

/*==================boxes====================*/
.contentbox { background:url(images/box-bg.gif) left top repeat-x #fff; width:100%;}
.contentbox .border-top {background:url(images/border.gif) repeat-x top;}
.contentbox .border-bot {background:url(images/border.gif) repeat-x bottom;}
.contentbox .border-left {background:url(images/border.gif) repeat-y left;}
.contentbox .border-right {background:url(images/border.gif) repeat-y right;}
.contentbox .left-top-corner {background:url(images/left-top-cornerX.gif) no-repeat left top;}
.contentbox .right-top-corner {background:url(images/right-top-cornerX.gif) no-repeat right top;}
.contentbox .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.contentbox .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.contentbox .inner { padding:15px 25px 20px 24px;}


.main-banner-big { background:url(images/main-banner-big.jpg) no-repeat left top; width:950px; height:400px; margin-bottom:20px;}
.main-banner-big .inner { padding:100px 0 0 100px;}
.main-banner-big .button { background:url(images/button.jpg) no-repeat left top !important; width:170px; height:36px; line-height:32px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.75em; text-align:center; color:#fff; text-decoration:none; text-transform:none !important;}
.main-banner-big .button:hover { color:#000;}

.main-banner-small { background:url(images/main-banner-small.png) no-repeat left top; width:950px; height:163px; margin-bottom:20px;}
.main-banner-small .inner { padding:47px 0 0 52px;}
.main-banner-small h1 { font-size:30px; width:350px;}

.demo-product { background:url(../images/products/demo.jpg) no-repeat left top; width:150px; height:214px; margin-bottom:20px; float:left; }
.ads { margin-left:10px; float:left; width:280px; text-align:justify;}
.get-now { background:url(../images/get-button.png) no-repeat left top; width:164px; height:63px; margin-left:30px; float:left; }

/*extra-content*/
#extra-content { background:#ededed; border-bottom:1px solid #fff; padding:20px 0 29px 0;}
#extra-content .section { padding-bottom:20px;}

#extra-content .box { background:url(images/box1-bg.gif) left top repeat-x #fff; width:100%;}
#extra-content .box .border-top {background:url(images/border.gif) repeat-x top;}
#extra-content .box .border-bot {background:url(images/border.gif) repeat-x bottom;}
#extra-content .box .border-left {background:url(images/border.gif) repeat-y left;}
#extra-content .box .border-right {background:url(images/border.gif) repeat-y right;}
#extra-content .box .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
#extra-content .box .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
#extra-content .box .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom; width:100%;}
#extra-content .box .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; }


/*==================boxes====================*/
.box { background:url(images/box-bg.gif) left top repeat-x; width:100%;}
.box .border-top {background:url(images/border.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:27px 25px 20px 24px;}

.box1 { background:#ededed; width:100%;}
.box1 .border-top {background:url(images/border-top.gif) repeat-x top;}
.box1 .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border-left.gif) repeat-y left;}
.box1 .border-right {background:url(images/border-right.gif) repeat-y right;}
.box1 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; }
.box1 .inner { padding:27px 35px 30px 34px;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}


/*footer*/
#footer { color:#fff; padding:27px 0 30px 0;}

#footer .nav { text-align:center; padding-bottom:50px;}
#footer .nav li { display: inline-table   }
#footer .nav li a { color:#fff; padding:0 52px 0 49px;}

#footer .fleft { padding:0 0 0 44px;}
#footer .fright { padding:0 44px 0 0;}

/*==========================================*/