/* DEFAULT DEFINITION */
html, body { margin:0; padding:0 0 20px 0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#333333; background:#8AC0EA url(../img/bg_body.jpg) top left repeat-x; }
img, fieldset, form, legend,  h2, h3, h4, h5, h6, ol, ul, p, dl, dt, dd { margin:0; padding:0; border:0; list-style:none; }
a { color:#FF0000; text-decoration:none; }
a:hover { text-decoration:underline; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
abbr { border:none; }
.smallTxt { font-size:0.9em; }
.bigTxt { font-size:1.1em; }
.blue { color:#3B8BD4; }
ol { padding:0 0 12px 30px; list-style:decimal; }

/* FORMS */
input, select, textarea, button { font:12px Arial, Verdana, Helvetica, sans-serif; color:#333; }
.inputText, textarea  { border:1px solid #c8c0bd; padding:2px; }
select { border:1px solid #7f9db9; padding:1px; }

/* H TITLES */

h2 { color:#15487A; font-size:22px; font-weight:normal; margin:3px}
h3 { color:#FF7C00; font-size:12px; margin-bottom:4px}

iframe { 
overflow-x: hidden; 
overflow-y: hidden; 
}


/* BODY PAGE */
#BodyPage { width:988px; margin:0px auto; }
#bgBodyPage { background: #EEEEEE url(../img/bg_body_page.gif) top left repeat-x; float:left; display:block; padding:0 18px 20px 18px; }

/* MAIN HEADER */
#mainHeader { width:952px; height:116px; float:left; padding-top:18px; position:relative; z-index:100; }

#mainHeader .call_top { float:right; clear:right; top: 60px; right: 0px; font-size:24px; color:#FF7C00; font-weight: bold}

#mainHeader .top_nav_links {width: 200px; height:16px; position: relative; float:right; right: 0px; top: 0px; font-family:Arial,Helvetica,sans-serif;font-size:10px; text-align:right; }
#mainHeader .top_nav_links a{color:#000000;text-decoration:none;}
#mainHeader .top_nav_links a:hover{color:#CCCCCC;text-decoration:underline;}

.bridgevine_stats{width: 290px; height:40px; float:right; clear:right; right: 0px; top: 20px; color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:10px;}
.bridgevine_stats strong{color: #000; font-size:12px;}
.bridgevine_stats img{padding: 0px 5px 0px 0px}

/* MAIN HEADER - LOGO */
#logo { float:left; display:block; margin-top:-10px }
#logo a { display:block; }

/* MAIN HEADER - MAIN NAVIGATION */
#mainNav { float:left; width:100%; height:42px; margin:0; background:url(../img/bg_menu_top.gif) top left repeat-x; }

#menu { z-index: 100; position:absolute; width:952px; }
#menu li { position: relative; float: left; display:inline; }
#menu li.first a { background:none; }
#menu li a { display:block; float:left; padding:14px 15px 12px 14px; background:url(../img/bg_menu_top_a.gif) left top no-repeat; color:#fff; text-decoration:none; text-transform:uppercase; }
#menu li a:hover { text-decoration:none; color:#fff; }
#menu li.on a, #menu li:hover a, #menu li.current a { text-decoration:none; color:#fff; }

#menu ul.ssNav { float: none; top: -999em; position: absolute; background: #AECFF0 /*url(../img/bg_ssNav.gif) top left repeat-x*/; border:1px solid #FF6600; border-top:0px; }

.width220 { width: 220px; }
.width160 { width: 160px; }
.width110 { width: 114px; }

#menu ul.ssNav li {
	width: 100%;
}


#menu ul.ssNav li a {
   float: none;
	display: block;
	height: auto !important;
	padding: 4px 0 4px 20px !important;
	font: normal 12px Arial,Verdana,sans-serif;
	font-weight:normal;
	text-align: left;
	cursor: pointer;
	color: #003A75;
	background: #fff;
	margin:0px;
	text-transform:none;
	background:#fff url(../img/bg_menu_top_a_a.gif) 6px 8px no-repeat;
}

#menu ul.ssNav a:hover {
	text-decoration: none;
	color:#000;
	background:#AECFF0 url(../img/bg_menu_top_a_a.gif) 6px 8px no-repeat;
}

#menu li:hover ul.ssNav, /* pure CSS hover is removed below */
#menu li.on ul.ssNav {
	left: 2px;
	top: 42px;
}



/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav {
	top: -999em;
}


#menu ul.ssNav01 li a {
	font-weight:normal;
}






/* MAIN CONTENT */
.mainContent { width:951px; float:left; }
#partners_banner_wrapper{width:874px; height:37px;overflow: hidden; margin: 0 auto 0px auto; background:url(../img/bgPartners.jpg) 0 15px no-repeat; padding:30px 15px 15px 15px; position:relative; z-index:0}
.partners_banner_inner_wrapper{width:874px; height:37px;overflow: hidden; background:#FFF}
.partners_banner { width:850px; text-align:center;}
.partners_banner li{margin-right: 10px;width: 104px; text-align: center}
.pbanner ul { list-style-type:none}
.pbanner ul li { float:left}
.contentBox { padding:20px;}

.titleBar { border-bottom:1px solid #89B9DA; padding-bottom:3px}
.left_submenu { float:left;width:125px; background:url(../img/lmenu_bg.jpg) top right no-repeat; padding:13px 5px 13px 5px}
.centerContent { float:left; width:460px; padding:13px}
.centerContent li { color:#336699; background:url(../img/arrow_g.gif) no-repeat; padding-left:14px; line-height:18px;}
.left_submenu li { border-bottom:1px solid silver; line-height:25px}
.left_submenu li a { color:#3F99DE; background:url(../img/arrow_b.gif) no-repeat; padding-left:16px; line-height:20px}
.left_form { float:right; width:267px; height:370px; background:url(../img/wform_bg.jpg) no-repeat; padding:15px 10px 10px 11px; margin-top:20px}

/* PROMOTIONS */
.promotions { background:url(../img/bg_promotions.jpg) top left no-repeat; height:388px; display:block; margin:10px 0 0 0; }
.promotions li{line-height: 16px;padding-bottom: 2px}
.promotions_a { background:url(../img/top_bg1.jpg) no-repeat; width:931px; height:371px; display:block; padding:28px 0px 0px 22px }

.promotions-form { float:right; width:232px; padding:34px 52px 0 0; font-size:11px; color:#545454; }
.formPromotions { display:block; }
.formPromotions .inputText { width:124px; border:1px solid #CFCFCF; background:url(../img/bg_input_promotion_form.jpg) top left repeat-x; }
.formPromotions label { font-weight:bold; color:#3C82B5; cursor:pointer; }
.promotions_small { background:url(../img/top_b_bg.jpg) no-repeat; width:912px; height:142px; padding:17px 20px 24px 20px}

p.promoPhoneNumber{text-align: center; font-size:16px;letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; position: absolute; bottom: -28px; left: 0px; width: 100%}

/* PRODUCTS */
.products { background: #fff url(../img/bg_top_main01.gif) top left no-repeat; margin-top:16px; }
.products .pic { padding:12px 10px 0 14px; float:left; display:block; width:608px; }
.products .bot { background:url(../img/bg_bot_main01.gif) bottom left no-repeat; padding-bottom:10px; float:left; width:100%; }

.small-product-description { width:300px; float:left; margin:11px 0 0 0; border:1px solid #BDBCBD; padding: 0 0 4px 0; background: #fff url(../img/bg_small-product-description.gif) bottom left repeat-x; }
.small-product-description .title { background:#AEADAE; height:26px; color:#fff; display:block; }
.small-product-description .title strong { padding:6px 0 0 7px; display:block; }
.small-product-description .text { width:284px; margin:0px auto; margin-top:12px; }
.small-product-description .text .thumb { float:left; display:block; padding:0 10px 10px 0; }
.small-product-description .text .thumb p.img { display:block; margin:0 0 4px 0; }
.small-product-description .text .thumb p.img img { border:1px solid #C2C6C8; }
.small-product-description .text .thumb p.link a { background:url(../img/bg_arrow02.gif) left 3px no-repeat; padding:0 0 0 18px; color:#3C82B5; text-decoration:underline; }
.products .small-product-description .text .thumb p.link a:hover { text-decoration:none; }

.small-product-description .text .desc { float:left; width:136px; }
.small-product-description .text .desc p.name { color:#DF4F00; font-weight:bold; border-bottom:1px solid #D6D6D6; padding:0 0 4px 0; margin:0 0 6px 0; }
.small-product-description .text .desc ul.description li { font-size:10px; font-weight:bold; color:#0059A2; background:url(../img/bg_arrow01.gif) left 4px no-repeat; padding:0 0 0 8px; }
.cart { margin:4px 0 0 0; }

.demos_box { width:300px; height:147px; background:url(../img/leran_more.jpg) no-repeat; float:left; padding:1px; margin-top:5px;}
.demos_box a { color:#177BC1; text-decoration:none}
.demos_box a:hover { text-decoration:underline}

.beyond { float:left; margin:8px 0 0 0; }


/* OFFICE IN A BOX */
#of_box { width:206px; height:266px; background:url(../img/box_bg.jpg) no-repeat; margin-right:14px; float:left; position:relative}
.get_btn { width:171px; height:33px; position:absolute; top:222px; left:16px}
#of_box ul { list-style-type:none}
#of_box ul li { background:url(../img/bullet.gif) no-repeat; padding-left:23px; color:#294660}
.sml { font-size:10px}
.sml1 { font-size:11px}

#alacarte_box { width:376px; height:116px; background:url(../img/alacarte_pack.jpg) no-repeat; position:relative; padding:55px 10px 0px 120px;}
.get_p1 { width:171px; height:33px; position:absolute; top:125px; left:319px;}


/* MAIN FOOTER */
#mainFooter { width:951px; float:left; background: #fff url(../img/bg_top_main01.gif) top left no-repeat; margin-top:16px; }

#mainFooter .leftContent { float:left; display:block; width:600px; padding:16px 0 10px 16px; }
#mainFooter .leftContent ul { float:left; width:170px; height:155px; }
#mainFooter .leftContent ul li { display:block; }
#mainFooter .leftContent ul li a { font-size:10px; font-weight:bold; color:#0D83C8; text-decoration:none; }
#mainFooter .leftContent ul li a:hover { text-decoration:underline; }
#mainFooter .leftContent p.links { width:80%; float:left; color:#333333; font-size:11px; }
#mainFooter .leftContent p.links a { padding:0 6px; font-size:10px; font-weight:bold; color:#0D83C8; text-decoration:none; }
#mainFooter .leftContent p.links a:hover { text-decoration:underline; }

#mainFooter .rightContent { float:right; display:block; padding:16px 16px 0 0; width:250px }
#mainFooter .rightContent p.links { color:#333333; font-size:11px; padding:0 0 10px 0; text-align:right; }
#mainFooter .rightContent p.links a { padding:0 6px; font-size:11px; color:#0D83C8; text-decoration:none; }
#mainFooter .rightContent p.links a:hover { text-decoration:underline; }
#mainFooter .rightContent p.secure { text-align:right; margin-top:15px}
#mainFooter .rightContent p.secure img { vertical-align:top; padding:0 0 0 18px; }
#mainFooter .rightContent p.copy { text-align:right; font-size:10px; font-weight:bold; color:#333333; margin:8px 0 0 0; }

.highlighted{ padding: 8px; margin: 10px 0px; color:#FFFFFF; background:#FE6D0C; font-weight:bold}
.highlighted1 { padding: 8px; margin: 10px 0px; color:#FFFFFF; background:#6699CC;text-align:center; font-size:18px}

.des01{
   font-family:Trebuchet MS;
   font-size:12px;
   font-weight:normal;   
   color:#000000;
   line-height:14px;
}
.des02{
   font-family:Trebuchet MS;
   font-size:12px;
   font-weight:normal;   
   color:#B30D37;
   line-height:14px;
}