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

    AWAKEN INTERACTIVE CASCADING STYLE SHEET

    TYPE:	Main template
    CREATED:	April 2010

    -----------------
    TABLE OF CONTENTS
    -----------------
	
	SECTION IV - 	CHANNEL FEATURE STYLES

	SECTION V -	PAGE-SPECIFIC STYLES
	
	SECTION VI - 	TOUT STYLES
		
	SECTION VII -	FORM STYLES
		
	**FOR GENERIC STYLES PLEASE
	  REFER TO THE MAIN.CSS STYLESHEET**

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



/* =================================
   SECTION IV - CHANNEL FEATURE STYLES
================================= */

#home_features,
#channel_feature
{
	position: relative;
	width: 960px;
	height: 370px;
	margin: 0 0 0 40px;
}
#home_features div div.featurecopy,
#channel_feature div div.featurecopy
{
	background-image: url(../images/img_home_feature_bg.png);
	width: 340px;
	height: 337px;
	padding: 9px;
}

#channel_feature div div div.featuretext
{
	padding: 16px;
}
#channel_feature div div div.featuretext h3
{
	margin-top: 0;	
}
#channel_feature div div div.featuretext div.featurevideo
{
	width: 300px;
	margin: 0 auto;	
	padding-bottom: 12px;
}

#home_features div div.featurecopy h3,
#home_features div div.featurecopy p,
#channel_feature div div.featurecopy h3,
#channel_feature div div.featurecopy p
{
	margin-left: 12px;
	margin-right: 10px;
}

#home_features div div.featurecopy h3,
#channel_feature div div.featurecopy h3
{
	font-size: 14px;
	font-weight: bold;
	color: #A71604;
	margin-top: 12px;
}

#home_features div div.featurecopy p,
#channel_feature div div.featurecopy p
{
	margin-bottom: 12px;	
}

#home_features div div.featuretitle,
#home_features div div.featureimage,
#channel_feature div div.featuretitle,
#channel_feature div div.featureimage
{
	position: absolute;
}
#home_features div div.featurecopy p a
{
	display: block;
	background-image: url(../images/framework/img_generic_btn_clickhere.png);
	width: 167px;
	height: 55px;
	margin: 0 auto;
}


#channel_touts
{
	width: 953px;
	height: 257px;
}
#channel_touts h3
{
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 0px;
}
#channel_touts h4
{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 12px;
}
#channel_touts p
{
	line-height: 160%;	
}






/* =================================
   SECTION VI - TOUT STYLES
================================= */

.tout_facebook h3
{
	background-image: url(../images/tout/img_tout_facebook.gif);
	width: 224px;
	height: 60px;
}
.tout_facebook p.btn_letsbefriends a
{
	display: block;
	background-image: url(../images/framework/img_generic_btn_friends.gif);
	width: 201px;
	height: 55px;
	margin: 0 auto;
}












/* =================================
   SECTION V - PAGE-SPECIFIC STYLES
==================================== */


/* HOME PAGE */
div.bg_home
{
	background-image: url(../images/img_home_body_bg.jpg);
	background-position: top center;
}
#home_channels div
{
	width: 194px;
	float: left;
	min-height: 360px;
	border-right: 1px solid #C5C4C5;
	padding: 6px 20px;
}
#home_channels div.last
{
	border-right: 0;
}

#home_channels div p.channel_text
{
	height: 180px;
	overflow: hidden;
}

#home_channels div a.channel_btn
{
	display: block;
	background-image: url(../images/framework/img_generic_btn_learnmore.gif);
	width: 171px;
	height: 54px;
	margin: 0 auto;
}


/* Home Page Features */
#home_features div#feature01,
#home_features div#feature02,
#home_features div#feature03,
#home_features div#feature04
{
	position: relative;
	width: 960px;
	height: 390px;
}




/* Feature 1 */
#feature01 div div.featurecopyimage
{
	background-image: url(../images/img_home_carousel_surgical.gif);
	width: 340px;
	height: 182px;
	position: relative;
}
#feature01 div div.featurecopyimage a
{
	position: absolute;
	width: 100%;
	height: 100%;
}
#feature01 div div.featurecopyimage a span
{
	display: none;
}
#feature01 div.featuretitle
{
	background-image: url(../images/img_home_feature_surgical_title.png);
	width: 550px;
	height: 107px;
	top: 0;
	right: 30px;
	z-index: 2
}
#feature01 div.featureimage
{
	background-image: url(../images/img_home_feature_surgical.png);
	width: 609px;
	height: 355px;
	top: 60px;
	right: -20px;
	z-index: 1;
}



/* Feature 2 */
#feature02 div div.featurecopyimage
{
	background-image: url(../images/img_home_carousel_manufacturing.gif);
	width: 340px;
	height: 182px;
	position: relative;
}
#feature02 div div.featurecopyimage a
{
	position: absolute;
	width: 100%;
	height: 100%;
}
#feature02 div div.featurecopyimage a span
{
	display: none;
}
#feature02 div.featuretitle
{
	background-image: url(../images/img_home_feature_13485_title.png);
	width: 427px;
	height: 109px;
	top: 0;
	right: 150px;
	z-index: 2
}
#feature02 div.featureimage
{
	background-image: url(../images/img_home_feature_13485.png);
	width: 416px;
	height: 336px;
	top: 50px;
	right: 40px;
	z-index: 1;
}


/* Feature 3 */
#feature03 div div.featurecopyimage
{
	background-image: url(../images/img_home_carousel_motioncontrol.gif);
	width: 340px;
	height: 182px;
	position: relative;
}
#feature03 div div.featurecopyimage a
{
	position: absolute;
	width: 100%;
	height: 100%;
}
#feature03 div div.featurecopyimage a span
{
	display: none;
}
#feature03 div.featuretitle
{
	background-image: url(../images/img_home_feature_motion_title.png);
	width: 458px;
	height: 94px;
	top: 0;
	right: 120px;
	z-index: 2
}
#feature03 div.featureimage
{
	background-image: url(../images/img_home_feature_motion.png);
	width: 527px;
	height: 358px;
	top: 42px;
	right: -10px;
	z-index: 1;
}


/* Feature 4 */
#feature04 div div.featurecopyimage
{
	background-image: url(../images/img_home_carousel_motor.gif);
	width: 340px;
	height: 182px;
	position: relative;
}
#feature04 div div.featurecopyimage a
{
	position: absolute;
	width: 100%;
	height: 100%;
}
#feature04 div div.featurecopyimage a span
{
	display: none;
}
#feature04 div.featuretitle
{
	background-image: url(../images/img_home_feature_motor_title.png);
	width: 463px;
	height: 153px;
	top: 0;
	right: 100px;
	z-index: 2
}
#feature04 div.featureimage
{
	background-image: url(../images/img_home_feature_motor.png);
	width: 302px;
	height: 234px;
	top: 154px;
	right: 100px;
	z-index: 1;
}





/* THIS AREA WILL BE FIXED AS CONTENT COMES IN */
div.bg_surgical
{
	background-image: url(../images/img_surgical_body_bg.jpg);
	background-position: top center;
}
#surgical div.featuretitle
{
	background-image: url(../images/img_surgical_channel_title.png);
	width: 550px;
	height: 107px;
	top: 0;
	right: 40px;
	z-index: 5;
}
#surgical div.featureimage
{
	background-image: url(../images/img_surgical_channel_image.png);
	width: 564px;
	height: 346px;
	top: 36px;
	right: 0;
}

#manufacturing div.featuretitle
{
	background-image: url(../images/img_manufacturing_channel_title.png);
	width: 550px;
	height: 120px;
	top: 0;
	right: 40px;
	z-index: 5;
}
#manufacturing div.featureimage
{
	background-image: url(../images/img_manufacturing_channel_image.png);
	width: 297px;
	height: 278px;
	top: 90px;
	right: 120px;
}

#motors div.featuretitle
{
/*
	background-image: url(../images/img_motors_channel_title.png);
	width: 550px;
	height: 107px;
	top: 0;
	right: 40px;
*/
	background-image: url(../images/img_home_feature_motor_title.png);
	width: 463px;
	height: 153px;
	top: 0;
	right: 100px;
	z-index: 5;
}
#motors div.featureimage
{
/*
	background-image: url(../images/img_motors_channel_image.png);
	width: 497px;
	height: 320px;
	top: 66px;
	right: 0;
*/
	background-image: url(../images/img_home_feature_motor.png);
	width: 302px;
	height: 234px;
	top: 154px;
	right: 100px;
}

#motioncontrol div.featuretitle
{
	background-image: url(../images/img_motioncontrol_channel_title.png);
	width: 550px;
	height: 107px;
	top: 0;
	right: 40px;
	z-index: 5;
}
#motioncontrol div.featureimage
{
	background-image: url(../images/img_motioncontrol_channel_image.png);
	width: 504px;
	height: 298px;
	top: 72px;
	right: 20px;
}





/* Channel Touts */
#channel_touts div.surgical_toutA
{
	float: left;
	margin: -14px 0 -15px -14px;
	width: 294px;
	position: relative;
	height: 190px;
	border-right: 1px solid #DEDEDE;
	padding: 16px 16px 80px 16px;
	overflow: hidden;
}
#channel_touts div.surgical_toutA p
{
	width: 184px;
}
#channel_touts div.surgical_toutB p
{
	width: 190px;
}
#channel_touts div.surgical_toutB
{
	float: left;
	margin: -14px 0 -15px 0;
	width: 294px;
	position: relative;
	height: 190px;
	border-right: 1px solid #DEDEDE;
	padding: 16px 16px 80px 16px;
	overflow: hidden;
}
#channel_touts div.surgical_toutB p.readmore
{
	position: absolute;
	left: 12px;
	bottom: 6px;
}
#channel_touts div.surgical_toutC
{
	float: left;
	margin: -14px -15px -15px 0;
	width: 295px;
	position: relative;
	height: 104px;
	padding: 16px 16px 166px 16px;
	overflow: hidden;
}

#channel_touts div
{
	position: relative;
}
#channel_touts div a.tout_button
{
    position: absolute;
    left: 62px;
    bottom: 8px;
    display: block;
    background-image: url(/images/framework/img_tout_generic_btn.png);
    width: 181px;
    height: 35px;
    padding: 10px;
    line-height: 35px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
#channel_touts div a.tout_button:hover
{
	text-decoration: none;
}




.body_feature
{
	margin-right: -41px;
}
.body_feature ul
{
	list-style-type: disc;
	font-size: 20px;
	font-weight: bold;
	padding-left: 22px;
}
.body_feature ul li
{
	color: #990000;	
	margin-bottom: 12px;
}
.body_feature ul li span
{
	color: #000000;	
}
.temp
{
	min-height: 450px;
	background-image: url(../images/temp_subpage_image.png);
	background-position: 100% -30px;
}
.temp ul
{
	margin: 12px;	
}



/* VIDEO PAGE */
a.video_playlist_item
{
	display: block;
	float: left;
	padding: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
	border: 1px solid #5A5A5A;
	background-color: #EFEFEF;
	width: 260px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;

}
a.video_playlist_item:hover
{
	background-color: #CECECE;
	text-decoration: none;
}
a.video_playlist_item em
{
	color: #666666;
}


/* LOGIN TO MY PRO-DEX */
div#download_notice
{
	border: 1px solid #CC0000;
	padding: 24px;
	background-color: #FFEFEF;
	color: #CC0000;
	font-weight: bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 12px;
}
div#download_notice p
{
	margin-bottom: 0;
}

/* SIGN UP FOR MY PRO-DEX */
table.signupTable td
{
	padding: 4px;
}



/* CATALOG PRODUCT PAGE */
div.catalog_item
{
	padding: 12px;
	border-bottom: 1px solid #999999;
	margin-bottom: 12px;
	clear: both;
}

div.catalog_item img.catalog_item_image
{
	float: left;
	padding: 12px;
	border: 1px solid #C21A07;
	background-color: #FFFFFF;
	margin-right: 12px;
}
div.catalog_item p,
div.xsltsearch_result p
{
	padding-left: 188px;
}
div.catalog_item p.catalog_item_title a.replace
{
	font-size: 14px;
}
div.catalog_item p.catalog_item_title a
{
	font-size: 16px;
}
div.catalog_item p.catalog_item_discontinued,
div.xsltsearch_result p.catalog_item_discontinued
{
	color: #999999;
	font-weight: bold;
}
div.catalog_item p.catalog_item_description
{
	font-size: 12px;
	color: #666666;
}



/* ITEM DESCRIPTION PAGE */
div.item_description
{
	position: relative;
}

div.item_description img
{
	float: right;
    	padding: 12px;
    	border: 1px solid #C21A07;
    	background-color: #FFFFFF;
	margin: 12px 0 12px 12px;
	max-width: 300px;
}

div.item_description table
{
	margin-bottom: 12px;
}

div.item_description table tr td
{
	padding: 6px 12px 6px 0;
	font-size: 14px;
}
div h3.item_description_documents
{
	color: #C21A07;
}
div h3.item_description_number
{
	font-weight: normal;
	margin-bottom: 12px;
}
div h3.item_discontinued_number
{
	margin-top: -12px;
	font-weight: normal;
	margin-bottom: 12px;
}
div.item_description p.catalog_item_discontinued
{
	color: #999999;
	font-weight: bold;
	font-size: 14px;
}
a.item_description_download
{
	display: block;
	background-image: url(../images/framework/img_icon_download.jpg);
	background-position: 0 2px;
	padding-left: 32px;
	margin-bottom: 4px;
}
p.login_required
{
	background-color: #FFF4F4;
	border: 1px solid #C21A07;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 12px;
}


/* CATALOG SEARCH RESULTS */
div.xsltsearch_result.products
{
    border-bottom: 1px solid #999999;
    clear: both;
    margin-bottom: 12px;
    padding: 12px;
}
div.xsltsearch_result img.search_img
{
    float: left;
    padding: 12px;
    border: 1px solid #C21A07;
    background-color: #FFFFFF;
    margin-right: 12px;
}
p.xsltsearch_result_title.products a
{
    font-size: 16px;
}
p.xsltsearch_result_description
{
    font-size: 12px !important;
    color: #666666;
}
p.xsltsearch_result_description strong
{
    color: #000000;
}




/* EDIT PROFILE */
div.division_pending
{
	border: 1px solid #C21A07;
	background-color: #FFEFEF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 12px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 260px;
}
div.division_pending ul,
div.division_approved ul
{
	margin-bottom: 18px !important;
}
div.division_approved
{
	border: 1px solid #1AC207;
	background-color: #EFFFEF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 12px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 260px;
}



/* ADMIN - MEMBER TABLES */
table.admin_table_members
{
	width: 100%;
}
table.admin_table_members td,
table.admin_table_members th
{
	padding: 10px;
}
table.admin_table_members th
{
	text-decoration: underline;
}
a.export_excel
{
	border: 1px solid #339933;
	background-image: url(../images/framework/excel.png);
	background-position: 4px 4px;
	background-color: #EFFFEF;
	color: #339933;
	padding: 5px 5px 5px 24px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* ADMIN - VIEW MEMBER */
div.division_pending a.admin_button,
td.admin_td_buttons a.admin_button.approve
{
	border: 1px solid #660000;
	background-color: #CC6666;
	padding: 4px;
	margin-right: 6px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
   	 border-radius: 4px;
}
div.division_pending a.admin_button:hover,
td.admin_td_buttons a.admin_button.approve:hover
{
	background-color: #993333;
	text-decoration: none;
}
div.division_approved a.admin_button,
td.admin_td_buttons a.admin_button.unapprove
{
	border: 1px solid #006600;
	background-color: #66CC66;
	padding: 4px;
	margin-right: 6px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
   	 border-radius: 4px;
}
div.division_approved a.admin_button:hover,
td.admin_td_buttons a.admin_button.unapprove:hover
{
	background-color: #339933;
	text-decoration: none;
}

















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */