@import url(titan-typography.css);

/*Common */
body{
	text-align:center;
	background:#e9e4db;
	font-size:76%; /* 12px or 1.00em */
	margin:5px 0 0 0;
}

/* General */
.clear	{clear:both; min-height:1px; font-size:1px;}
.hide{display:none;}
/*.show{display:block;}*/

/* Dimensions and Page Alignment */
#canvas{
	width:924px;
	min-height:300px;
	margin:0 auto;
	text-align:left;
}

/* Common Areas - Home Page */
#header{
	width:100%;
	min-height:50px;
}
.shadow_repeat{
	width:924px;
	min-height:50px;
	padding:0;
	margin:0;
	background:#FFFFFF url(images/shadow_repeat.gif) top left repeat-y;
}
.top_shadow{
	width:100%;
	min-height:50px;
	padding:0;
	margin:0;
	background:url(images/top_shadow.gif) top left no-repeat;
}
.bottom_shadow,
.bottom_shadow_home{
	width:100%;
	min-height:50px;
	padding:12px 0 9px 0;
	margin:0;
	background:url(images/shadow_bottom.gif) bottom left no-repeat;
}
.bottom_shadow_home{
	padding:4px 0 4px 0;
}
#headerTop,
#headerTop_home{
	height:68px;
	width:870px;
	margin:0 12px;
	padding:13px 0 10px 30px;
	border-bottom:#c7c8c9 solid 15px;
	background: url(images/top_bg.jpg) bottom right no-repeat;
}
#headerTop_home{
	background:none;
	border:none;
}
#headerTop #home_logo{
	width:400px;
	float:left;
	padding:0;
}
#logo{
	width:870px;
	margin:0 12px;
	padding:13px 0 12px 30px;
	background: url(images/top_bg.jpg) bottom right no-repeat;
	border-bottom:#c7c8c9 solid 15px;
}
#headerCallout{
	float:right;
	width:420px;
	padding:48px 0 0 0;
	margin:0;
}
#headerCallout h2{
	color:#C7AA7A;
	text-align:right;
	background:none;
	padding:0;
	margin:0;
}
#header_img,
#header_img_tt{	
	background:url(images/endoskeleton_header_img.jpg) top left no-repeat;
	width:908px;
	min-height:170px;
	margin:0 0 0 12px;
}
#header_img_tt{	
	background:url(images/endoskeletontt_header_img.jpg) top left no-repeat;
}
#flash_header{
	width:916px;
	min-height:262px;
	margin:0 4px;
}
#content-left{
	width:36%;
	float:left;
	min-height:200px;
	padding:0 0 0px 0px;
}
#content-left p{
	padding:0;
	margin:0;
}
#content-right{
	width:265px;
	float:right;
	padding:0 30px 5px 0;
	min-height:200px;
}
#content-right h5{
	margin:0 0 8px 0;
}
#content-middle-container{
	padding:0 300px 0 335px;
}
#content-middle{
	width:248px;
	float:left;
	min-height:200px;
	padding:0 0 0px 0;
}
#content-callout{
	width:248px;
	float:left;
	padding:27px 0 0 0;
}
#content-right p{
	font-family:Arial, Helvetica, sans-serif;
	color:#232323;
	line-height:120%;
	font-size:0.83em;
}
#content-right p.date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.92em;
	color:#666666;
	padding:0;
	margin:0;
	background:none;
}
.more{
	text-align:right;
}
#content-middle .more p{
	font-size:0.92em;
	margin:0;
	padding:8px 0 0 0;
}
#content-callout .more p{
	font-size:0.92em;
	margin:0;
	padding:8px 0 0 0;
}
#content-right .more p{
	font-size:0.92em;
	margin:0;
	padding:0;
}
#content-main{
	width:916px;
	min-height:225px;
	margin:0 4px 0px 4px;
	padding:20px 0 0 0;
	background: url(images/homephoto.jpg) bottom left no-repeat;
}
#content-main-inside{
	width:900px;
	min-height:400px;
	margin:0 12px 3px 12px;
	padding:0 0 30px 0;
	background:#EEEBE4 url(images/main_content_bg.jpg) bottom left repeat-x;
}
.more p a{
	padding:5px 10px 5px 0;
	background:url(images/arrow_inwhitebg.gif) center right no-repeat;
	text-decoration:none!important;
	font-weight:bold;
}
.more p a:hover{	
	color:#aa8f68!important;
}

ul.news_items{
	list-style:none;
	margin:0;
	padding:0;
}
ul.news_items li{
	min-height:175px;
}

ul.pages{
	list-style:none;
	margin:0;
	float:right;
	margin:0;
	position:relative;
}
ul.pages li{
	background:transparent none repeat scroll 0;
	display:block;
	float:left;
	font-size:0.83em;
	font-weight:normal;
	margin:0;
	padding:0 2px 0 0;
}
ul.pages li a {
	background:#5c5c5a;
	color:#a3a3a3;
	height:11px;
	padding:0 3px;
	width:5px;
	text-decoration:none;
}
ul.pages li.active a {
	background:#c6aa7a;
	color:#5c5c5a;  /*#928e8d*/
}

#header_img #main-navigation,
#header_img_tt #main-navigation{
	width:100%;
	height:35px;
	padding:132px 0 0 0;
}
#flash_header #main-navigation{
	width:100%;
	height:35px;
	background:#5D5D5D;
}
ul#menulist{	
	margin: 0;
	padding: 0;
	z-index: 30;
}
ul#menulist li{	
	margin: 0;
	padding:0;
	list-style: none;
	float: left;
	line-height:150%;
}
ul#menulist li a{	
	display: block;
	background:url(images/menu_devider.gif) top right no-repeat;
	padding:12px 38px 10px 30px;
	color: #e1e1e1;
	text-decoration: none;
}
ul#menulist ul{	
	position: absolute;
	visibility: hidden;
	margin: 2px 0 0 -2px;
	padding: 0;
	background: #6a6a6a;
	width:171px;
	z-index:9999;
}
ul#menulist ul li{
	float:none;
	padding: 0;
}
ul#menulist ul li.first a{
	background:url(images/menulist_vline.gif) bottom left repeat-x;
}
ul#menulist ul a{	
	position: relative;
	display: block;
	margin: 0;
	padding: 6px 10px;
	width: auto;
	text-align: center;
	text-decoration: none;
	background: #6a6a6a;
	color: #e1e1e1;
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#menulist ul a:hover{	
	color: #c7aa7a;
}
#footer{
	width:99%;
	height:40px;
	padding:0 4px;
}

/*This is the css code for the login*/
#content-logon{
	background:url(images/loginbackground.gif) repeat-x;
	color:#666666;
	padding:15px 0 0 0;
}
form#sLoginWdget_loginWrapper {
	font:90% Arial, Helvetica, sans-serif;
	padding:20px 0 0 25px;
}
form#sLoginWdget_loginWrapper table {
	border-spacing:none;
	border-collapse:collapse;
	margin:5px 0 10px 0;
}
form#sLoginWdget_loginWrapper td {
	text-align:left;
	vertical-align:middle;
	padding:4px;
}
form#sLoginWdget_loginWrapper td label {
	white-space:nowrap;
	color:#666666;
}
form#sLoginWdget_loginWrapper a, form#sLoginWdget_loginWrapper a:link, form#sLoginWdget_loginWrapper a:visited, form#sLoginWdget_loginWrapper a:active {
	color:#c7aa7a;
	text-decoration:none;
}
form#sLoginWdget_loginWrapper a:hover {
	color:#aa8f68;
}
#syndicomid{
	height:35px;
	padding:10px 0 0 0;
}
#syndicomid p{
	float:left;
	padding:9px 3px 0 0;
	color:#7e838c;
}
#syndicomid img{
	float:left;
	display:block;
	float:left;
	padding:2px 10px 0 0;
	font-weight:bold;
}

/* Footer Navigation and Copyright Info*/
#footer-navigation{
	width:30%;
	float:left;
	height:20px;
}
#footer-navigation ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer-navigation ul li{
	margin:0;
	padding:0;
	display:inline;
	font-size:0.92em;
	color:#5d5d5d;
}
#footer-navigation ul li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	font-weight:normal;
	text-decoration:none;
	padding:0 4px 0 4px;
}
#copyright{
	width:65%;
	float:right;
	height:40px;
	text-align:right;
}
#copyright p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.92em;
	margin:0;
	color:#5d5d5d;
	font-weight:normal;
	text-decoration:none;
}

/* Inside Templates */
#content-left-inside{
	width:55%;
	float:left;
	min-height:220px;
	padding:45px 0 0 30px;
}
#content-right-inside{
	width:31%;
	float:right;
	min-height:200px;
	padding:40px 35px 0 0;
}
#content-right-inside p{
	font-size:0.92em;	
}
#content-left-inside ul{
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
}
#content-left-inside ol{
	margin:0 0 20px 25px;
	padding:0;
}
#content-left-inside ol li{
	border-bottom:1px solid #C7AA7A;
	padding:3px 0;
	margin:4px 0;
	line-height:140%;
}
#content-left-inside ul li{
	border-bottom:1px solid #C7AA7A;
	padding:1px 0;
	margin:1px 0;
}
p.steps{
	border-bottom:1px solid #C7AA7A;
	padding:0 0 7px 0;
	margin:0 0 7px 0;
}
.endott p{
	padding:0 0 10px 0;
	margin:0;
}

/* Full Width Column */
.full{
	width:835px;
	padding:0 35px 0 30px;
}
.full h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.33em;
	color:#c7aa7a;
	background-color:#5d5d5d;
	font-weight:bold;
	margin:0;
	padding:8px 0;
	display:block;
	width:100%;
	text-align:center;
}
.full table{
	margin:15px 0 20px 0;
}
td.device1{
	color:#bb9c6a;
	background:#dcd7ce;
	margin:0 0 1px 0;
	border-bottom:1px solid #efece5;
	font-size:1.00em;
	padding:0 0 0 25px;
}
td.device2{
	color:#232323;
	background:#dcd7ce;
	margin:0 0 1px 0;
	border-bottom:1px solid #efece5;
	font-size:1.00em;
	padding:0 0 0 25px;
}
td.altrow{
	background:#d2cdc4;
}

p.note{
	font-size:0.92em;
	padding:0 0 25px 0;
	margin:0;
	line-height:160%;
}

/* Home Page Pod */
.pods_content{
	width:248px;
	min-height:30px;
	background:#c7aa7a;
}
.pod_top{
	width:248px;
	min-height:160px;
	background:#c7aa7a url(images/pod_top.gif) top left no-repeat;
}
.pod_bottom{
	width:233px;
	min-height:140px;
	padding:10px 5px 10px 10px;
	background: url(images/pod_bottom.jpg) bottom left no-repeat;
}
.pod_top p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.92em;
	color:#FFFFFF;
	line-height:180%;
	padding:0;
	margin:0;
}
.newprod{
	width:248px;
	min-height:170px;
	margin:0 0 15px 0;
}
.new_product{
	width:248px;
	min-height:150px;
	margin:-25px 0 0 0;
	background:#5d5d5d url(images/new_product_pod_bg.gif) top left repeat-y;
}
.new_product_wrap{
	width:233px;
	min-height:130px;
	padding:25px 0 0 15px;
	background:url(images/new_product_pod_bottom_new.gif) bottom left no-repeat;
}
.product{
	width:137px;
	min-height:92px;
	margin:5px 0 0 0;
	float:left;
	text-indent:-9999px;
	background:url(images/endott_product.png) top left no-repeat;
}
.new_product_wrap h4{
	width:217px;
	height:11px;
	margin:0 0 15px 0;
	background:url(images/endo_tt_title.jpg) top left no-repeat;
	text-indent:-9999px;
}
.new_product_wrap .info{
	float:left;
	width:85px;
}
.new_product_wrap .info p{
	color:#b9b9b9;
	font-size:0.92em;
	padding:0 0 20px 0;
	margin:0;
}
.new_product_wrap .more{
	text-align:left;
}
#content-middle .new_product_wrap .more p{
	padding:0 0 3px 0;
}
#content-middle .new_product_wrap .more p a{
	color:#5d5d5d;
	background:url(images/arrow2.gif) center right no-repeat;
	padding:4px 10px 5px 0;
}
.new{
	width:41px;
	height:41px;
	margin:0 0 0 -12px;
	position:relative;
	text-indent:-9999px;
	background:url(images/new_icon.png) top left no-repeat;
	z-index:3px;
}

/*This is the css for the callout content*/
.podcallout_top{
	width:248px;
	min-height:10px;
	background:#c7aa7a url(images/pod_top.gif) top left no-repeat;
}
.podcallout_bottom{
	width:233px;
	min-height:10px;
	padding:10px 5px 10px 10px;
	background: url(images/pod_bottom.jpg) bottom left no-repeat;
	text-align:center;
}
.podcallout_top p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.92em;
	color:#FFFFFF;
	line-height:180%;
	padding:0;
	margin:0;
}
.disclaimer{
	font-size:0.90em;
	font-style:italic;
}

/* IE Filter Start \*/
* html #header_img, 
* html #header_img_tt {height:170px;}
* html #content-left-inside {height:400px;}
* html .clear {height:0;}

/* IE Filter End */
