@import url("style.dcss?file=menu.css");
@import url("style.dcss?file=reset.css");
@import url("style.dcss?file=faqs.css");

div,img,a,input,li,h1,div#mastercontainer div#footer-bottom
{
	xbehavior:url(images/iepngfix.htc);
}

body
{
	font-family: arial, Sans-Serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#333333;
	background-image:url(images/bg-body.gif);
	background-repeat:repeat-x;
	background-color:#ebebeb;
}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;margin-top:15px;}
.error a {color:#8a1f11;}
.error ul{padding:10px 20px;}

.clearfix,
.clear
{
	clear: both;
}

.clearfix:after,.clear:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.hide
{
	display:none;
}

a,
a:visited,
a:hover
{
	color:#d31145;
	text-decoration:none;	
	outline:none;	
}

a img
{
	border:0;
	text-decoration:none;
}

h1
{
	padding:0;
	margin:0;
}

h2
{
	font-size:1.2em;
	color:#d31145;
}

h3
{
	color:#333;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	
}

div#mastercontainer
{
	width:974px;
	margin:0 auto;
}

div#banner
{
	background-image:url(images/banner-grad.jpg);
	background-repeat:repeat-x;
/*	height:140px;*/
	width:974px;
}

div#banner #bannerimageholder
{
	height:105px;
	position:relative;
}

div#banner #bannerimage
{
	float:left;
	width:173px;
	height:38px;	
	padding-left:20px;
}

div#banner #bannerimage h1
{
	background-image:url(images/tractivity.gif);
	background-repeat:no-repeat;
	width:173px;
	height:0 !important;
	margin:0;
	overflow:hidden;
	position:relative;
	padding:35px 0 0;
	top:38px;
	left:20px;
}

#bannerimage a
{
	position:absolute;
	display:block;
	width:220px;
	height:90px;
	left:0;
	top:0;
}

div#banner #banner-contact
{
	float:right;
	width:440px;
	position:relative;
	top:53px;
	right:27px;
	height:17px;
}

#banner-contact #contact_telephone
{
	background-image:url(images/telephone.gif);
	background-repeat:no-repeat;
	width:220px;
	height:17px;
	float:left;
}

#banner-contact #contact_email
{
	background-image:url(images/email.gif);
	background-repeat:no-repeat;
	width:220px;
	height:17px;
	float:left;
}

div#banner #banner-contact a
{
	display:block;
	height:17px;
}

div#gradholder
{
	background-image:url(images/bg-body-shadow.png);
	background-repeat:repeat-y;
	width:960px;
	padding-left:7px;
	padding-right:7px;
}

div#pageholder
{
	position:relative;
    width:960px;
    background-image:url(/images/bg-inner-grad.gif);
    background-repeat:repeat-x;
}

.enlarge-image
{
	float:left;
	padding:0 0 10px 30px;
	background-image:url(images/btn-enlarge-image.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
	font-weight:normal;
	padding-bottom:20px;
}

/* Home content boxes */

div.pageholderhome
{
    height:725px;
}

div#pageholder div#flash
{
	position:absolute;
	top:0;
	left:0;
}

div#pageholder div#contentboxes
{
	position:absolute;
	top:235px;
	left:20px;
}

/* End home content boxes */


div#pagecontent
{
	background-color:#fff;
	width:900px;
	padding:27px 13px 27px 27px;
	min-height:330px;
	height:auto !important;
	height:330px;
}

div#pageheader
{
	padding:21px 0 0 27px;
	height:77px;
}

div#pageinnergradient
{
	float:left;
}

#middlecontent
{
	float:left;
	width:450px;
	padding:0 0 0 20px;
	color:#333;
}

#middlecontent.fullwidth
{
	width:600px;
	padding:0;
}

#fullwidth
{
	float:left;
	width:710px;
	padding-left:15px;
	position:relative;
}

#introtext
{
	padding-bottom:18px;
}

#introtext p
{
	color:#d31145!important;
	font-size:1.1em!important;
	margin:0!important;
}

#middlecontent #maintext p,
#fullwidth #maintext p
{
	color:#333;
	margin:0 0 12px 0;
}

#middlecontent #maintext #moduleitems.generic p
{
	padding-left:28px;
}

#moduleitems
{
	color:#333;
}

#middlecontent #moduleitems ul
{
	padding-bottom:20px;
}

#middlecontent #introtext p,
#fullwidth #introtext p
{
	line-height:1.3em;
}

#rightcontent
{
	float:right;
	width:238px;
}

#rightcontent ul
{
	padding:0 0 10px 0;
	margin:0;
}



#rightcontent ul li
{
	background-image:url(images/bullet-landing-right.gif);
	background-repeat:no-repeat;
	background-position:1px 1px;
	padding:0 0 14px 27px;
	list-style:none;
	color:#333;
}

#moduleitems ul li
{
	background-image:url(images/bullet-landing-right.gif);
	background-repeat:no-repeat;
	background-position:1px 1px;
	padding:0 0 14px 27px;
	list-style:none;
	color:#333;
}

#moduleitems.generic ul li
{
	padding:0 0 0 27px;
}

#moduleitems ul li span
{
	color:#D31145;
}

#listitems2 p
{
	margin-top:0;
	color:#333;
	font-weight:bold;
}

#listitems2 ul
{
	padding:10px 0;
}

#listitems2 ul li
{
	color:#333;
	padding:0 0 5px 27px;
}


#listitems p
{
	margin-top:0;
	color:#333;
	font-weight:bold;
}

#listitems ul li
{
	color:#333;
	padding:0 0 0 27px;
}

#breadcrumbs
{
	color:#D31145;
}

/*content boxes*/

div#contentboxes
{
	padding-bottom:15px;
}

div.large-contentbox
{
	/*background-image:url(images/large-contentbox.png);*/
	background-repeat:no-repeat;
	float:left;
	/*height:474px;*/
	width:300px;
}

div.large-contentbox-inner
{
	width:241px;
	padding:5px 27px 120px 30px;
	/*height:427px;*/
}

#productboxes
{
	width:606px;
	float:left;
	padding-top:4px;
}

#productboxes-inner
{
	width:600px;
	float:left;
	background-image:url(images/bg-productboxes.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	
	position:relative;
}

#productboxes-top
{
	background-image:url(images/bg-productboxes-top.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:Transparent;
	width:600px;
	height:10px;
	font-size:0px;
}

.tellmemore-link
{
	position:absolute;
	bottom:10px;
	height:85px;
	text-align:right;
}

.tellmemore-link a{display:block}
.tellmemore-link .ipw{text-align:right;margin-top:5px;}


div#small-contentboxes
{
	float:left;
}

div.small-contentbox-narrow
{
}

div.smallbox-top-narrow
{
	background-image:url(images/narrow-smallbox-top.gif);
	background-repeat:no-repeat;
	height:22px;
}

div.smallbox-middle-narrow
{
	background-image:url(images/narrow-smallbox-middle.gif);
	background-repeat:repeat-y;
}

div.smallbox-bottom-narrow
{
	background-image:url(images/narrow-smallbox-bottom.gif);
	background-repeat:no-repeat;
	height:20px;
}

div.smallbox-inner-narrow
{
	width:198px;
	padding:0 20px;
}

div.smallbox-inner-narrow .content img
{

}

/* BROCHURE BOX */

.small-contentbox-brochure
{
	background-image:url(images/box-brochure.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:163px;
	width:238px;
	position:relative;
}

.small-contentbox-brochure .brochure-content
{
	float:left;
	width:125px;
	position:absolute;
	top:55px;
	left:22px;
}

.brochure-content a
{
	display:block!important;
}

.brochure-content a:hover
{
	cursor:pointer;
}

.brochure-content .file-pdf
{
	background-image:none;
	padding:0;
}

.small-contentbox-brochure .fileobject span.file-date
{
	visibility:hidden;
}

.small-contentbox-brochure .fileobject span.file-displayname
{
	color:#d31145;
	width:auto;
	font-size:1em;
}

.small-contentbox-brochure .fileobject span.file-filesize
{
	color:#666666;
	font-size:0.85em;
	margin:0;
	padding:1px 0 0 1px;
}
	

/************************/

div.small-contentbox-wide
{
}

div.smallbox-top-wide
{
	background-image:url(images/wide-smallbox-top.png);
	background-repeat:no-repeat;
	height:23px;
	width:310px;
}

div.smallbox-middle-wide
{
	background-image:url(images/wide-smallbox-middle.png);
	background-repeat:repeat-y;
	width:310px;
}

div.smallbox-bottom-wide
{
	background-image:url(images/wide-smallbox-bottom.png);
	background-repeat:no-repeat;
	height:32px;
	width:310px;
}

div.smallbox-inner-wide
{
	width:258px;
	padding:0 26px;
}

div.panel-img
{
	xbehavior:url(images/iepngfix.htc);
	width:243px;
	height:108px;
}

div.panel-content
{
	position:relative;
	padding:7px 0 0 3px;
}

small-contentbox-narrow p
{
	font-size:0.9em;
}

div.news-content,div.news-content a
{
	color:#D31145;
	text-decoration:none;
}

div.panel-content p
{
	color:#333;
	margin:2px 0 10px 0;
	display:inline;
}

div.panel-content ul
{
	list-style-type:none;
	padding:0;
	margin:12px 0 0 0;
}

div.panel-content li,.tab-box .content ul li
{
	background-image:url(images/red-tick.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 9px 23px;
	display:block;
	color:#333333;
}

div.panel-content li
{
	font-size:0.85em;
}

div.large-contentbox-inner h2
{
	font-size:1.35em;
	margin:0;
	padding:20px 0 6px 3px;
	background-image:url(images/tractivity-logo-small.gif);
	background-repeat:no-repeat;
	background-position:3px 6px;
}

div#pagetitle h2
{
	color:#333;
	font-size:1.8em;
	font-weight:normal;
	margin:0;
	padding-top:10px;
}



.smallbox-inner-wide span,.smallbox-inner-narrow .content span
{
	color:#d31145;
	font-size:1.6em;
}

.smallbox-inner-narrow .content p, .smallbox-inner-wide .content p
{
	color:#333;
	padding:7px 0 5px 0;
}

.smallbox-inner-wide .content,.smallbox-inner-narrow .content
{
	font-size:1.05em;
}

.smallbox-inner-wide .contactus
{
	margin-top:7px;
}

.smallbox-inner-wide .contactus p
{
	color:#333;
	margin-bottom:5px;
	font-size:0.9em;
}

div#rightcontent div.pageimage
{
	padding-left:7px;
}

/*
div#rightcontent div.pageimage a
{
	background-image:url(/images/enlarge-image.png);
	background-repeat:no-repeat;
	height:12px;
	width:100px;
}
*/
#image-preview
{
	padding-left:7px;
}

/*Tab box style*/

.tab-box .tabs
{
	height:48px;
}

#fullwidth .tabs
{
	/*float:left;*/
	width:710px;
	height:48px;
}

.tab-box
{
	background-image:url(images/tab-box.gif);
	background-repeat:no-repeat;
	width:465px;
	height:314px;
	position:relative;
	right:10px;
}

div.tabs ul
{
	float:left;
	padding:7px 0 0 7px;
}

div.tabs li
{
	background-image:url(images/tabs_bg_left.gif);
	background-repeat:no-repeat;
	background-position:left -41px;
	width:141px;
	height:41px;
	display:block;
	float:left;
	list-style-type:none;
	margin-right:5px;
	padding-left:30px;
	cursor: pointer;
}

div.tabs li span
{
	height:17px;
	cursor:hand;
	display:block;
	color:#fff;
	background-image:url(images/tabs_bg_right.gif);
	background-repeat:no-repeat;
	background-position:right -41px;	
	padding:12px 29px 12px 12px;
}

div.tabs li.selected
{
	background-position:left 0px;	
}

div.tabs li.selected span
{
	color:#d31145;
}


div.tabs li.selected span
{
	background-position:right 0px;	
}

.tab-box .content
{
	width:417px;
	height:266px;
	padding:0 20px 0 28px;
}

.tab-box .content ul
{
	padding:20px 0 0 0;
	margin:0;
}

.tab-box .content ul li
{
	margin:0;
	padding-bottom:6px;
	list-style:none;
	color:#000;
}

div#middlecontent ol
{
	padding:5px 0 0 25px;
}

div#middlecontent ol li
{
	padding-bottom:10px;
}

div#middlecontent p
{
	margin-bottom:7px;
}


/* FAQ DEFAULT STYLES */

div.faqentry
{
}

div.faqanswer
{
	padding:10px 0px 10px 10px;
	float:left;
}

/* IMAGE GALLERY */

.image-gallery
{
	width:100%;
	float:left;
}

.il-container
{
	width:250px;
	float:left;
}

.il-container-details
{
	width:500px;
	float:left;
}

.il-container span,
.il-container-details span
{
	display:block;
}

/* TEAM PAGE*/
.teammember
{
    width:150px;
    padding:5px;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    background:#666;
}

.teammember .team-thumb
{
    min-height:150px;
}


/* FILE OBJECTS */
	
a.fileobject
{
	display:block;
	width:100%;
	height:40px;
	float:left;
	clear:both;
	display:inline;
	text-decoration:none;
	padding:0 0 0 50px;	
	color:#000;
	background-position:10px top;
	background-repeat:no-repeat;
}

.fileobject span
{
	float:left;
	display:inline;
}

.fileobject span.file-displayname
{
	width:320px;
}

.fileobject span.file-filesize
{
	width:60px;	
	clear:both;
}

.fileobject span.file-date
{
	width:130px;
}

.fileobject span.file-filesize,
.fileobject span.file-date
{
	font-size:0.8em;	
	color:#ccc;
	margin-right:10px;
}

.file-doc,.file-docx{background-image:url(images/icons/doc.gif);}
.file-mdb{background-image:url(images/icons/icon_access.gif);}
.file-xls,.file-xlsx{background-image:url(images/icons/icon_excel.gif);}
.file-ppt,.file-pptx{background-image:url(images/icons/icon_powerpoint.gif);}
.file-pdf{background-image:url(images/icons/icon_pdf.gif);}
.file-pps{background-image:url(images/icons/icon_powerpoint.gif);}

a.flv
{
	display: block;	
}

a.flv:hover
{
	cursor: pointer;
}

a.flv span
{
	display: block;	
	width: 100%;
	height: 100%;
	text-align: center;
}

a.flv span img
{
	margin: 50px 0 0 0;	
}

/* footer styles */

div#footer
{
	height:104px;
	border-top:1px solid #d6d6d6;
	width:906px;
	margin-top:25px;
	margin-left:27px;
	background-color:#fefefe;
}

div#footer-left
{
	float:left;
	padding-top:5px;
	width:139px;
}

div#footer-bottom
{
	float:left;
	background-image:url(images/bg-main-bottom.png);
	background-repeat:no-repeat;
	width:974px;
	height:8px;
	padding-bottom:50px;
}

div#footer-right
{
	float:left;
	text-align:right;
	color:#ccc;
	font-size:0.8em;
	width:767px;
}

div#footer-right a
{
	text-decoration:none;
	color:#ccc;
}

div#footer-right p
{
	margin:0;
	padding:9px 0 8px 0;
}

div#footer div#footer-left div.regroup
{
	padding-bottom:3px;
}

div#footer div.regroup a
{
	height:12px;
	display:block;
}

/* Contact Form style */

div#contactform
{
	width:470px;
	padding-top:45px;
}

div#contactform tr
{
	height:33px;
}

div#requiredtext img
{
	padding-left:5px;
}

td.notrequired,td.required
{
	padding-top:5px;
}

td.required
{
	background-image:url(/images/required-arrow.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#contactform tr td.rightcolumn
{
	padding-left:10px;
}

div#contactform tr td
{
	width:210px;
	color:#d31145;
}

input.textinput
{
	height:20px;
	color:#cccccc;
}

input.dropdown
{
	color:#000;
	height:20px;
}

select.textinput
{
	height:26px;
	width:248px;
	color:#cccccc;	
}

#comments
{
	font:inherit;
	width:244px;
	height:102px;
	color:#cccccc;
}

#contactform td.submit
{
	padding:30px 0 0 10px;
}

#requiredtext
{
	color:#333;
}

td.rightcolumn textarea#comments
{
	font-family:arial,Sans-Serif;	
}

/* Case study style */

div.case-study-list
{
	background-image:url(images/bg-casestudypanel.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:640px;
	height:750px;
	padding:34px 42px 0 42px;
	margin:-1px 0 0 0;
}

#maintext.casestudy
{
	padding-bottom:10px;
}

div.case-study-list ul
{
	list-style:none;
}

div.case-study-list ul li
{
	float:left;
	height:165px;
	width:200px;
	border: 1px solid #ddd;
	margin:0 0 10px 10px;
	display:inline;
	background-color:#fff;
}

div.cs-thumbimage,div.cs-thumbimage-side,div.cs-thumbimage-cspage
{
	text-align:center;
}

div.cs-thumbimage-front,div.cs-list-thumbimage
{
	text-align:center;
	padding:20px 0 0 0;
}

div.cs-list-thumbimage
{
	border-bottom:1px solid #DDDDDD;
	height:80px;
}

div.cs-title
{
	font-size:0.9em;
	color:#000;
	padding:11px 15px 0 15px;
	height:30px;
}

div.cs-link
{
	padding:0 0 0 15px;
	position:relative;
	top:4px;
	left:1px;
}

div.cs-link a
{
	background-image:url(images/btn-cs-link.gif);
	background-repeat:no-repeat;
	height:13px;
	width:110px;
	display:block;
}

div.cs-website span
{
	color:#333;
}

div.case-study-detail p
{
	color:#333;
	margin-bottom:12px;
}

.case-study-quotes h3
{
	font-weight:bold;
	padding-bottom:10px;
}

.case-study-quotes
{
	padding-top:40px;
}

div.case-study-quote
{
	border-top:1px solid #d6d6d6;
	padding:10px 0 10px 0;
}

.cs-quote-name
{
	padding:0 0 10px 0;
	font-weight:bold;
	color:#d31145;
}

.cs-quote-content
{
	font-style:italic;
}

.cs-quote-bottom
{
	color:#000;
	font-size:0.9em;
	padding:10px 0 18px 0;
}

div.contact-box-home div.contact-wide-top
{
	background-image:url(images/contact-wide-top.gif);
	background-repeat:no-repeat;
	height:23px;
	width:310px;
}

div.contact-box-home div.contact-wide-middle
{
	background-image:url(images/contact-wide-middle.gif);
	background-repeat:repeat-y;
}

div.contact-box-home div.contact-wide-bottom
{
	background-image:url(images/contact-wide-bottom.gif);
	background-repeat:no-repeat;
	height:32px;
	width:310px;
}

div.contact-box
{
	
}

div.contact-box div.contact-box-top
{
	background-image:url(images/contact-box-top.gif);
	background-repeat:no-repeat;
	height:20px;
}

div.contact-box div.contact-box-bottom
{
	background-image:url(images/contact-box-bottom.gif);
	background-repeat:no-repeat;
	height:20px;
}

div.contact-box div.contact-box-middle
{
	background-image:url(images/contact-box-middle.gif);
	background-repeat:repeat-y;
}

div.smallbox-inner-narrow .cs-summary
{
	color:#333;
	font-size:0.85em;
	padding:10px 0;
}

#leftcontent ul li.cs-left-selected
{
}

#leftcontent ul li.cs-left-selected a
{
	color:#000;
	url(images/bullet-menu-child-selected.gif);
}

/* BreadCrumb Trail */

div#breadcrumbs ul
{
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	padding-left:3px;
}

div#breadcrumbs ul li
{
	display:inline;
	padding:0 10px 0 0;
}

div#breadcrumbs ul li a
{
	font-size:0.85em;
	background-image:url(images/bread-crumb-arrow.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	padding:0 20px 0 0;	
}

/*div#breadcrumbs ul li.home a
{
	background-image:none;
	padding:0;
}*/

/* ******************** */

#home-intro-text
{
	position:absolute;
	top:36px;
	left:29px;
	font-size:1.4em;
	color:#fff;
	font-weight:bold;
	width:720px;
}

#btn-trac-home
{
	margin-top:15px;
}

/** Login Box Style ***/

div#loginholder
{
	float:left;
	width:165px;
	height:165px;
	background-color:#EFEFEF;
	padding:39px 220px 0 200px;
	margin-top:8px;

}

div#loginholder input.login
{
	width:150px;
	margin-bottom:10px;
}

div#loginholder div.login
{
	width:100px;
}

/* Carousel Style */

div#image-holder
{
	position:relative;
}

div#image-holder div.image
{
	position:absolute;
}

div.content div#image-holder
{
	position:relative;
	height:70px;
	overflow:hidden;
	padding:0 0 0 50px;
}