@media print 
{
    .noPrint{display:none;}
	#content #inner_header_width_container,#new-footer{display:none;}
}
body {margin: 0;font-size: 16px; font-family: arial, helvetica; line-height: 1; color: #000; background:white; /*min-width:960px;*/ min-width:320px !important;}  /* important needed to override grid960.css */

/* could have put the following 3 styles in tutsplus_dropdown_menu.css, but i wanted them in here with #cartNumberCircle */
#menu .cart {
	/* make position relative so that the number circle goes in here correctly */
	position:relative;
}
#menu .cart a{
	/*background: url("/images_unicoi/small/cart_v1b.png") 17px 24px no-repeat;*/
	/*background: url("/images_unicoi/small/cart_v1b.png") 93px 24px no-repeat;*/
	background: url("/images_unicoi/small/cart_v1b.png") 23px 24px no-repeat;
}
/* override the above background to still have the blue rollover background*/
/*#menu li.menu_right.cart:hover {background: url("/images_unicoi/design_assets/blue/blue_trans_50.png");}*/

#menu .cart > a {
	/*padding: 32px 22px;*/
	/*padding: 32px 42px;*/
	/*padding-left: 56px;*/
	/*padding-right: 56px;*/
	/*padding-right: 50px;*/
	padding-right: 70px;
}
#cartNumberCircle{
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
	/*behavior: url(/css/PIE.htc);*/
	
    width: 14px;
    height: 14px;
    /*padding: 8px;*/

    /*background: #F89406;*/
	/*background:#F89406;*/ /* #000 #fff*/ /* blue #466a9a */ /* orange F89406*/
    /*border: 2px solid #fff;*/
    color: #fff;
    text-align: center;

    /*font: 10px Arial, sans-serif;*/
	font-size:10px;
	font-weight:bold;
	/* derek edit make it absolute */
	position:absolute;
	/*left:52px;*/
	/*left:44px;*/
	/*left:120px;*/
	left:50px;
	/*top:20px;*/
	top:22px;
	cursor:pointer;
}

#header_app_badges_container{text-align:center; min-height:80px; padding-top:20px;}
#menu #header_app_badges_container p{color: white; font-size: 16px; font-weight: bold; /*text-align: center;*/}
/*#instavoip_for_iphone_button_container{border-left:1px white solid; padding-left:100px;}*/

/* now let's re-assign some deprecated elements for time-sake that were removed in the reset.css */
strong{font-weight:bold;}
.bold{font-weight:bold;}
.nonBold{font-weight:normal;}
.poof,.template{display:none;}
.red{color:red;}

em{font-style:italic;}
#inner_content li{list-style:disc; padding:3px 0px;}

/* top menu overrides */
/*
div.products_footer_list_container{ padding-bottom:20px; padding-top:20px; text-align: left; color:#003466;}
div.products_footer_list_container.grid-container{width:960px;}
div.products_footer_list_container div.grid_4{width:172px;}
*/
a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color:#003466;}
a:hover {color:#54BDF9; text-decoration:underline;}
ul, li{padding:0px;margin:0;}
sup{font-size:.5em;}



/* homepage content styles */
#content{margin:0 auto;}

/* protocols */
.hoverMouseForInfo{font-style:italic; font-size:12px; font-weight:400; margin-bottom:5px; clear:left; position:relative; top:8px; text-align:left;}
/* end protocols */

/* request more information */
.request_more_information{background-image:url('/images_unicoi/buttons/request_more_information.png'); width:300px; height:81px; cursor:pointer; display:block; /*margin:20px 0px;*/ margin-top:20px;}
.request_more_information:hover{background-image:url('/images_unicoi/buttons/request_more_information_hover.png'); background-repeat:no-repeat;}
#inner_content .request_more_information{clear:both; float:none;}

/* used to have #left_nav in front of all of them */
/*#content #left_nav .logged_in{position:relative; height:47px; margin:2px 0px; border-bottom:none;padding-bottom:0;width:162px; background:none;}*/
#content a.logged_in{display:block; padding:0px; background-image:url('/images_unicoi/buttons/design_center/home.png'); width:163px; height:47px; cursor:pointer; clear:left;}
#content a.logged_in.logout{background-image:url('/images_unicoi/buttons/design_center/logout.png');}
#content a.logged_in:hover{/*background-position:-163px 0; background-repeat:no-repeat;*/ background-image:url('/images_unicoi/buttons/design_center/home_hover.png');}
#content a.logged_in.logout:hover{background-image:url('/images_unicoi/buttons/design_center/logout_hover.png');}

/* for design center */
.content_heading {font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none;}

/* home and main style */
#main_content{position: relative; width:100%;}
/* inner content - left nav */
#content #inner_header_width_container{background: url("/images_unicoi/design_assets/header_banner_bg.png") repeat-x;}
/* make responsive by changing width to max-width */
#content #inner_header{margin:0px auto; max-width:960px; height:83px; background:url(/images_unicoi/design_assets/header_banner.jpg) no-repeat; }
#content #inner_header_title{font-size:26px; font-weight:bold; color:white; float:left; padding-top:14px; text-shadow:-1px -1px 0 #000000;}


input.submit_button{ width:100px !important; color:white; margin-top:0px !important; border: 1px solid #d1d1d1 !important; background-color:#00509F; padding:5px;
/* radius */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;	
-o-border-radius:5px;
}
input.submit_button:hover{ cursor:pointer; background-color:#204266;}
input.submit_button:active{ cursor:pointer; background-color:#556678;}
input.submit_button.disabled{ cursor:auto; background-color:#556678;}

#regular_image_header{margin-top:10px; margin-bottom:20px;}
#regular_image_header img{position:relative; max-width:100%;}

/* icon area for instavoip diagram, sample applications areas, etc. */
.icon_area{position:relative; padding:20px 0px; background:url(/images_unicoi/small/icons/3_graph_bars.png) 10px center no-repeat;}
.icon_area.sampleApplications{background-image:url(/images_unicoi/small/icons/multi_screens.png);}
.icon_area.gear{background-image:url(/images_unicoi/small/icons/gear.png);}
.icon_area div.icon_area_text{padding-left:40px; font-size:24px;}

/* title area for row link (like on instavoip/index page) to make the arrow nice and responsive.. */
/*.title_area{height:50px; position:relative; background:url(/images_unicoi/buttons/right_arrow.png) 200px center no-repeat;}*/
/*
.title_area{padding-right:40px; background:url(/images_unicoi/buttons/right_arrow.png) right center no-repeat;}
.title_area div.title_area_text{padding-right:40px; font-size:24px;}
*/

#features_box ul li{list-style:none !important; background: url(/images_unicoi/small/checkmark_sideform.png) no-repeat scroll 0 8px transparent; line-height:26px; padding-left: 20px;}

/* inner content */
#content #inner_content{/*float:right;*//*width:748px;*//*margin:20px;margin-top:10px;*/min-height:230px;}
#content #inner_content a{text-decoration:underline;}
#content #inner_content #breadcrumbs a{text-decoration:none;}
/* take out width for responsive */
#content #inner_content #breadcrumbs{/*float:left;*/ /*width:748px;*/ padding-top:12px; padding-bottom:8px; font-size:12px; /*height:12px;*/}
#content #inner_content p{/*line-height: 1.1;*/ line-height:1.52em; /*margin:10px 0px;*/ padding:10px 0px;}
#content #inner_content ul{margin-left:15px;}
#content #inner_content #features_box ul{margin-left:5px;}


/* global styles */
.page_heading,#content #inner_content p.page_heading{margin:0px; line-height:42px; line-height:42px; font-size:34px; font-weight:bold; text-shadow:1px 1px 0 #ffffff; display:block;}
.page_subheading{font-weight:600;padding-top:5px;line-height: 20px; display:block; clear:left;}
.list_heading{color:#054C8A;font-weight:600;display:block;}

.inlineimages{float: left; margin-right: 12px;}

.google_legal{display:none;padding-top:20px; width:500px; margin:0px auto; text-align:justify;}
.google_legal a{color:#0099FF; text-decoration:underline;text-align:center; font-style:italic; font-size:10px;}

/* FOOTER */
#new-footer-line {/*border-top: 1px dotted silver; margin: 0px auto; padding-bottom:10px; width: 1020px;*/}
#new-footer {color:white; font-size: 10px; overflow: hidden; clear:both; z-index: 99; margin:0px auto; border-top:1px solid #CCCCCC; background: rgb(249,249,249);}
#middle_page_container{max-width:960px; margin:0px auto;}
#mini-footer-links{position:relative; text-align:center; /*padding:15px 0px;*/ padding:15px 10px; margin:0px auto; background:#3a5e8d;}
#mini-footer-links a{color:white;}
a.footer-link {font: 10px verdana; text-decoration: none; border: none; color: gray;}
a.footer-link:hover{color: black;}
a.footer-link2 {font: 10px verdana; border: none; font-weight: bold;}
ul.squeezed-list{margin-top: 5px;}
ul.squeezed-list li{text-align: left; list-style: none; padding-left: 0px; margin-left: 16px; min-width: 90px; margin-bottom: 5px;}
/* //FOOTER */