/* CSS Document */
/** Reset All Browsers **/
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1.66;
color: black;
background: transparent;
}
p{margin: 10px 0}
ol, ul {
padding: 0 0 0 25px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
td {
text-align: left;
font-weight: normal;
margin: 5px;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
h1, h2, h3, h4, h5, h6{
margin: 15px 0 15px 0;
font-weight: bold;
text-align:left;
color: #666666;
}
a{
color: #781617;
text-decoration:underline;
}
em{font-style: italic;}
/***html background and positioninghtml {background:#adaeb0 url(../images/Container_bkg1x611.png) repeat-x top;}***/
html {background:#fff;}
/***font size, family and removal of margin and padding***/
body { font: 14px Arial,Helvetica, sans-serif; margin:0; padding:0; }
/***removing borders around all images***/
img {border: none;}
form{margin:0; padding:0;}
/***h3 padding***/
/***main container width and centering***/
#main { width:985px; margin:0 auto; border-top:solid 20px #781617;background:#c8c9cb url(../images/Container_bkg1x611.png) repeat-x top; }
#header, #container, #footer{z-index:200; position:relative;}
#wrapper{z-index:100;background: #dadbdd}
/***header,logo, header2, login and navigation properties***/
#header{border-top:solid 1px #000;}
#header h3 {padding:5px 0 0 2px;}
#tenlogobg{background:url(../images/ten-logobg.png) no-repeat;width:437px; height:130px; position:absolute; z-index: 1;}
#logo {float:left; padding:0 0 0 15px; width: 300px;}
#header2 { float:right; width: 633px; height:90px; background:url(../images/TENSpace_h2.png) no-repeat 100% 0%;}
#header2 #slogan { float:left; padding: 20px 20px 16px 30px;}
/***login properties***/
#login {float:left; margin:0 0 0 10px; background:url(../images/loginbkg228x56.png) no-repeat ; width:228px; height:35px;}
#login ul{margin:0 auto; padding:8px 10px; width: 180px;}
#login li {float:left; list-style-type: none; padding: 0 8px 0 8px; font-size:12px;font-weight:bold; border-right: solid 1px #000000;}
#login li a { color:#000000; text-decoration:none; display:block;}
#login li.end,#login li.last{ border-right:none;}
#login li a:hover {color:#FFFFFF;}
/***Navigation Properties***/
#navigation {clear:left; padding: 5px 0; float: left;width: 100%; background: url(../images/mainnav.png) no-repeat; margin-top: -8px;}
#navigation ul{ margin:0;}
#navigation li { float:left; list-style-type:none; margin:1px 0 1px 0 ; border-right: solid 1px #8D8B8B;}
#navigation li.end {border-right:none;}
#navigation li a { text-decoration:none; display:block; color:#fff; font-size:1.1em; padding: 2px 7px 2px 7px;}
#navigation ul li.current a,#navigation ul li.here a,#navigation li a:hover {color:#fff; background:#000;}
#searchsection { clear:left; margin: 0 30px 5px 0; text-align: right; font-weight: bold;}
#searchsection #keywords{width: 60%}
#searchsection label{font-size: 1.2em;}
#searchsection input,#searchsection form .button{border: solid 1px #ccc;}
#searchsection form .button{ background:none; border: none; font-weight: bold; cursor: pointer; padding:0; font-size: 0.8em;}
#search #content ul li p{padding-top:0;margin-top: 0;}
/***container background***/
#container {padding: 10px;width:975px;}
/***left column category properties***/
#menu { float: left; width:155px; padding:0;margin:10px 10px 15px 10px; font-size: 12px}
#menu #top{background:url(../images/topmenu.png) no-repeat; height:27px;}
#menu #bottom{background:url(../images/bottommenu.png) no-repeat; height:27px;}
#menu ul{ margin:0; padding:0; background:url(../images/menubg.png) repeat-y;}
#menu ul li { list-style-type: none; text-align: left; margin:0 7px; padding:0;}
#menu ul li a {color:#484848; font-weight:bold;display:block; text-decoration:none; padding:6px 5px 6px 10px; text-transform:uppercase;border-bottom:dotted 2px #878484;}
#menu ul li.current a,#menu ul li.here a,#menu ul li a:hover {color: #000000; background:#fff;}
#menu ul li.end,#menu ul li.last {border-bottom:none;}
li.end,li.last, li.last a {border:none;}
/***Center column content properties***/
#content{
float:left;
width:720px;
background:#fff;
border:solid thin #8C8E91;
line-height: 1.7em;
text-align:justify;
font-size: 1.1em;
padding: 5px 25px 25px 25px;
margin: 15px 0 20px 0;
min-height: 370px;
}
#content td.maincol{}
#content th,#content td{padding:0 15px;}
#content a{color:#966400 }
#content a:hover{text-decoration:underline;}
#content h1, #content h2,#content h3,#content h4,#content h5,#content h6 {
margin: 0.9em 0;
}
#content p{margin: 1.2em 0}
#content ul,#content ol{margin-left: 29px;}
#content ul li,#content ol li{}
#frontcontent{width:800px; float:left; padding:0; margin: 15px 0 20px 0; line-height:1.177;text-align: justify;}
#frontcontent .content{padding: 5px 25px 25px 25px;}
#frontcontent #feature{
background: url(../images/ten-mag-bg.jpg) no-repeat;}
#frontcontent #feature-section{background: url(../images/front-page-bg.png) no-repeat; height: 338px; margin-top:0; padding:30px 30px 0 30px;}
#frontcontent #feature-section #video-section{padding: 105px 10px 20px 30px; float:left;width:300px;}
#frontcontent #feature-section #video-section h3, #frontcontent #feature-section #video-section h4,#frontcontent #feature-section #video-section h2{font-size:0.9em; color:#000;margin-bottom:2px;}
#frontcontent #feature-section #video-section a{font-size:0.9em;}
#frontcontent #feature-section #video{width:280px;}
#frontcontent #feature-section #hospitality-section{float:right; width:277px; height:91px;background: url(../images/landing-signup-bg.png) no-repeat; padding: 0 30px 10px 0;margin-top:220px; cursor:pointer;}
#feature-section a.hos-link{}
#frontcontent #feature-section #hospitality-section #defaultCountdown{margin:30px 0 0 65px;}
#frontcontent #bottom-section{background:#c8c9cb; padding:10px 5px 0 5px; margin-top: 0;}
#frontcontent #bottom-section ul.divider{margin:0;padding:0; list-style:none}
#frontcontent #bottom-section ul.divider li{float: left; margin-left:5px;}
#frontcontent #bottom-section ul.divider li ul li{float: none; width: 100%;}
#frontcontent #article-listing{background: url(../images/ten-articles-bg.jpg) no-repeat; width:246px; height:134px; margin:0; color:#000;}
#frontcontent #article-listing h3{text-align:center; margin-top:0; margin-bottom:2px; padding-top:10px; color:#000;}
#frontcontent #article-listing li { padding: 4px 8px 3px 8px;list-style:none; font-size:0.9em; text-align:left;}
#frontcontent #article-listing ul li a{text-align:left; background:none;}
#frontcontent #blog-listing{background: url(../images/ten-blog-rss-bg.jpg) no-repeat; width:316px; height:130px; margin:0; color:#000;padding-top:30px;}
#frontcontent #blog-listing h3{text-align:center; margin-top:0; margin-bottom:2px; padding-top:10px; color:#000;}
#frontcontent #blog-listing li {margin:2px; padding: 2px; list-style:circle; font-size:12px; text-align:left;}
#frontcontent #blog-listing ul li a{text-align:left; background:none;}
#frontcontent #feature h2{font-size: 1.4em; color:black;}
.mag-ad{margin-left:240px;}
#frontcontent #feature .mag-ad img{float:right; margin: 90px 0 10px 0; width: 182px;}
#frontcontent #feature .intro{
background:#981c1e url(../images/ten-small-logo.png) 6% 4% no-repeat;float: left;min-height: 345px;width:254px;
}
#frontcontent #feature .introtext{ float: left; padding: 0 0 15px 0; width: 340px;}
#content .introimg{margin:0 auto; text-align:center; padding: 10px 0 0 0;}
#frontcontent .author,#content .author{float: left; width:100px; border: solid 2px #ccc; padding: 4px; margin: 0 8px 0 0;}
#frontcontent .summary,#content .summary{font-size: 80%; text-align:justify; font-style:italic}
#content .summary .author{float: left; width:100px; border: solid 2px #ccc; padding: 2px; margin: 5px 8px 0 0;}
#content .summary .authorname{font-size: 110%; font-weight: bold;font-style:normal;}
#videobiz { padding:10px; background:#C3C3C3; height:205px;}
.video { float:left; background:#FFFFFF; border: solid thin #B0AFAF; width: 45%;}
.video h3 { padding:0 0 0 3px;}
.video p { font-weight:bold;}
.video p a{ color:#000000; text-decoration:none;}
.video p a:hover { text-decoration:underline;}
.business { float:left;background:#FFFFFF; width: 45%; height:197px; border: solid thin #B0AFAF; margin: 0 0 0 15px;}
.business h3 { background:url(../images/featuredbiz247x76.png) no-repeat;width:219px; height:76px ;margin: -1px 1px 0 0;}
#ads { margin: 7px 0 0 0; height:119px;}
#partnerad {float:left; height:117px; border: solid thin #B0AFAF; background: #FFFFFF;}
#sponsorad {float:left; height:117px; border: solid thin #B0AFAF; background: #FFFFFF; margin:0 0 0 23px;}
.clear,.clearboth{clear:both;}
/*-------------------------------------------------
action
-------------------------------------------------*/
div.action {
padding: 8px 0;
background: #CCCCCC;
border:dotted 2px #878484;
margin: 17px 0;
}
div.action h2 , div.action h3{
font-size: 18px;
text-align: center;
line-height: 1em;
}
body.product div.pitch div.action h2 {
font-size: 20px;
text-align: center;
font-family: verdana;
line-height: 1em;
margin-bottom: 3px;
}
div.action h2.smaller {
font-size: 16px;
}
div.action p {
font-size: 11px;
margin: 0;
text-align: center;
}
div.pitch div.action p {
margin: 0;
}
div.action h2 a,div.action h3 a {
color: #781617;
}
div.action h2 span {
color: #333;
font-weight: normal;
padding: 0 5px;
font-size: 18px;
}
body.tour div.action {
margin: 35px 0 0 0;
}
p.question, p.answer
{
margin-left:2em;
text-indent:0em;
padding-bottom:0;
padding-top:0;
margin-top:0;
}
p.question
{
margin-bottom:5px;
}
p.answer
{
margin-bottom:1.2em;
}
/***News Section postioning and link properties***/
#article-list { margin:0;}
#frontcontent #introcontent{margin-top: 0.4em; background: #bdbec0; border: solid 1px #b5b6ba; clear:both; padding: 5px;}
#frontcontent #article-list ul{margin:0; padding:0;}
#frontcontent #article-list{background: #fff; border: solid 1px #646567;}
#frontcontent #article-list li { padding: 12px 8px 8px 8px;list-style:none; float: none; border-top: solid 1px #646567;}
#frontcontent #article-list li p{margin:0.8em 0 1.1em 0;}
#frontcontent #article-list li.end{border:none;}
#frontcontent #article-list h2{padding: 8px 10px; color:#fff; background: #646567 url(../images/advice-front-bg.png) repeat-x; margin:0; font-size: 1.1em; text-transform:uppercase;}
#frontcontent #article-list h2 span{font-size: 0.6em; text-align:right;float: right; margin-top: -10px;}
#frontcontent #article-list h2 span a{font-size: 1em; text-align:right; color: #fff;}
.readfull,.read-more { text-align:right; padding:0 10px 0 0}
.readfull a { color: #000000; text-decoration:none; font-size:10px; font-weight:bold;}
.readfull a:hover { text-decoration:underline;}
/***Right Column Properties***/
#rightcol { width:275px;background:#D2D3D5; padding: 5px; float: right;}
.oppcent { background: #8cc63e;padding:0 ;}
.oppcent img{margin:0;padding:0 }
.oppcent h3 { color:#181512; font-size: 18px; margin:0;}
#solution { background:#fff; padding:10px 5px 5px 5px; border:solid thin #666363; font-size: 12px;}
.solution h4 { background:url(../images/solution255x22.png) no-repeat 1px 0; height:20px; text-indent:5px; padding:3px 0 0 4px; margin: 0;}
#solution p{margin: 0 5px 5px 0; padding: 5px;}
.solution{background:url(../images/solutionsbg.png) no-repeat 2% 0%; height:100px; width:265px; padding: 4px 2px 2px 3px; }
.click { margin:-1px 0 0 0; padding: 0 0 0 15px;font-weight:normal; font-size:11px}
.click a { text-decoration:none; color:#FFFFFF}
.click a:hover { text-decoration:underline; color:#FFFFFF}
#bottomhalf {margin:-7px 0 0 0; height:224px;}
#events { width:262px; height:100px; background:#7A7878;}
#events h5 {font-size: 12px; padding:10px; }
#events h5 a{ text-decoration:none; color:#FFFFFF;}
#events h5 a:hover { text-decoration:underline;}
#businessdirectory { width:262px; height:100px; background:#FFFFFF; border:solid thin #9C9A9A; margin:3px 0 0 0;}
#businessdirectory h6 {font-size:12px; padding:0 0 0 10px; }
#businessdirectory h6 a { text-decoration:none; color:#000000;}
#businessdirectory h6 a:hover { text-decoration:underline;}
.seeall { text-align:right; padding: 0 2px 0 0;}
.seeall a { text-decoration:none; color:#000000;}
.seeall a:hover { text-decoration:underline;}
/***Footer Properties***/
#separator{clear:both;}
#footer { text-align:center; margin: 15px auto;padding: 10px;}
#footer ul{margin:0 auto; padding:0;}
#footer li { list-style-type:none; font-size: 10px; display: inline; padding: 5px }
#footer li a {text-decoration:none;color: #000000; font-weight:bold; font-size:12px;}
#footer li a:hover {background:#7A7878;}
.copywrite { font-size:11px; clear:left;text-align:center;}
.copywrite a {color:#000000;}
#footer .icons{text-align:left;float:left; width:5%;margin-top:-20px; margin-left:-80px;}