@charset "utf-8";
/* CSS Document */

/*CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;  outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus { outline: 0; }
body { padding:0; margin:0; color:#000000;line-height: 1;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {  font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body {font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; background-color:#f0f9fd; line-height:14px;}
p, h2, h4, h5 {margin:30px; font-weight:normal;}
strong {font-weight:bold;}
#wrapper {width:960px; margin:0 auto;}

#headerElementsOuter {position:absolute; top:0px; left:0px; right:0px; height:280px; z-index:2;}
#headerElementsInner {width:960px; margin:auto;}
#headerimage {position:absolute; top:0px; left:0px; right:0px; height:280px; z-index:1; text-align:center;}

.menu {float:left; margin:10px 0 0 40px;}
.menu li {display:block; float:left;margin:0 10px 0 10px;}
.menu a {display:block; color:#666666; text-decoration:none; font-size:12px;}

#headerElementsInner .menu {margin-top:0;}
#headerElementsInner .menu a {padding:20px 3px 3px 3px; margin-top:0px;}

.item1 a:hover {background-image:url(../../thereforebasic/images/home.gif); color:#FFFFFF;}
.item53 a:hover {background-image:url(../../thereforebasic/images/product.gif); color:#FFFFFF;}
.item54 a:hover {background-image:url(../../thereforebasic/images/solutions.gif); color:#FFFFFF;}
.item55 a:hover {background-image:url(../../thereforebasic/images/services.gif); color:#FFFFFF;}
.item56 a:hover {background-image:url(../../thereforebasic/images/partners.gif); color:#FFFFFF;}
.item57 a:hover {background-image:url(../../thereforebasic/images/company.gif); color:#FFFFFF;}
.item58 a:hover {background-image:url(../../thereforebasic/images/contactUs.gif); color:#FFFFFF;}

#middleSection {width:960px; margin:0 0 0 0; border-top:280px solid #FFF; background-image:url(../../thereforebasic/images/background-body-top.jpg); background-repeat:no-repeat; background-color:#333333;}
#leftColumn {float:left; width:180px; min-height:200px;}
#leftColumn h3 {font-size:26px;}
#leftColumn .menu {margin:0px;}
#leftColumn li {float:none; margin:-1px 20px 0 20px; height:30px; width:140px; display:block; border-bottom:solid #999999 1px; border-top:solid #999999 1px;}
#leftColumn a {display:block; padding:8px 5px 0 2px; color:#FFFFFF; font-size:10px;}
#leftColumn .active {background-color:#666666}

#middleColumn {width:520px; padding:50px 0 0 0; margin:0 0 0 0; float:left; border-bottom:1px #333333 solid;}
.thereforewide #middleColumn {width:920px; padding:20px;}
.thereforewide #middleColumn p, .thereforewide #middleColumn h4, .thereforewide #middleColumn h5 {width:680px;}
.thereforenavless #middleColumn {width:760px;}
#middleColumn p {margin:0 0 20px 20px;}
#middleColumn h4 {font-size:16px; line-height:20px; margin:0px 20px 20px 20px;}
#middleColumn h4 strong{color:#bed500; font-weight:bold;}
#middleColumn h5 {font-size:12px; font-weight:bold; color:#bed500; margin:0 0 0px 20px;}
#middleColumn img {margin:10px;}
#middleColumn ul {list-style:circle inside;}
#middleColumn a{color:#bed500; text-decoration:none;}
#middleColumn a:hover {text-decoration:underline;}
#middleColumn div {}
#rightColumn {float:left;}
#middleSectionEnd{background-image:url(../../thereforebasic/images/background-body-bottom.gif); width:960px; height:90px; margin:0px; background-repeat:no-repeat; background-position:top; clear:both; margin-bottom:20px;}
#footer {}

#highlightText h3 {width:435px; height:96px; background-image:url(../../thereforebasic/images/index-introduction.gif); text-indent:-99999px; float:left; background-repeat:no-repeat;}
#callToActions {float:left; height:136px}
#callToActions a {display:block; width:230px; height:70px; background-image:url(../../thereforebasic/images/why-use-therefore.png); text-indent:-9999px; margin:5px 0 0 0px;}
#middleSectionLeft {float:left; width:720px;}
#middleSectionRight {float:left;}
.homeColumns {float:left; width:220px; margin:0 20px 0 0}
.homeColumns li {margin:0 0 10px 20px}
.homeColumns h3 { font-weight:bold; font-size:14px; margin:10px 0 10px 20px;}

.outBox {width:224px; margin:8px 0 20px 10px;}
.thereforebasic .outBox {margin:38px 0 20px 30px;}
.outBoxTop    {width:224px; height:30px; background-image:url(../../thereforebasic/images/side-box-top-trans.png);}
.outBoxMid    {width:224px; background-image:url(../../thereforebasic/images/side-box-middle-trans.png); color:#333333;}
.outBoxBottom {width:224px; height:30px; background-image:url(../../thereforebasic/images/side-box-bottom-trans.png); clear:both;}
.outBoxMid h3 {font-size:13px; margin:-5px 20px 10px 20px;}
.outBoxMid blockquote {margin:10px 20px 0 20px; width:160px; font-style:italic; color:#666666;}
.outBoxMid img { margin:auto auto auto 12px; display:block; /*margin: 0 !important; text-align: center !important;*/ }
.outBoxMid p {margin:0 22px 0 0; display:block; font-weight:bold; text-align:right;}

h2.componentheading {float:left; margin:-20px 0 10px -160px; font-size:26px;}
#searchpage li {margin:20px 0 0 0;}
#searchpage p, #searchpage h4 {margin:0px;}
#searchpage li p {color:#999999; margin:5px 0 5px 0;}
#searchpage h3 {display:none;}
#searchpage form {margin-top:50px;}
#searchpage input, #searchpage legend, #searchpage label {margin:5px 0 5px 0}
.searchintro {font-size:13px;}
.searchintro p {color:#FFFFFF; display:inline;}

#footer {width:350px; margin-left:20px; padding-top:40px;}
#footer img {display:block; float:left; margin:3px 5px 0 0;}
#footer ul {margin:0 0 5px 0px;}
#footer li {display:block; float:left; margin:5px 5px 3px 5px;}
#footer a {color:#999999; font-size:10px;}
#footer p {float:left; margin:0 0 0 5px; font-size:10px;}

.search #mod_search_searchword {margin:0 5px 0 0;}
.search {float:left; margin:15px 0 0 10px}
.search label {display:none;}

.canonLogo img {display:block; margin:-20px 0 0 120px;}

#userForm input, #userform textarea, #userform select{margin:5px 0 5px 0;}

				
input,textarea{   
   font-family:Tahoma;
   font-size:10px;
} 

a.sitemapheader {font-size:15px;font-weight:bold;}


table.greyborder {
	border-top-width: 1px;
	border-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	}

.blackborder {
	border-top-width: 1px;
	border-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
	border-right-color: #000000;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	}