body { margin: 0px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, "sans-serif"; text-align: center; font-size: 11px; background: #fff; color: #997f64; line-height: 1.5em; }
img { border: 0px; behavior: url("/pngbehavior.htc"); }
form { margin: 0px; padding: 0px; }

.clear { clear: both; }

#container { width: 960px; margin: 0px auto; padding: 0px; text-align: left; background: #FFF; }

#header { float: left; margin: 0px; padding: 0px; height: 700px; width: 300px; }

#page { margin: 0px 0px 0px 310px; padding: 10px 0px; }

#quote { font-size: 13px; color: #4B8177; width: 350px; }
#quote .tl { background: url("/images/quote-left.gif") no-repeat top left; }
#quote .br { background: url("/images/quote-right.gif") no-repeat bottom right; }
#quote .content { padding: 20px 40px 0px 30px; }
#quote .content a { color: #71bdb0; text-decoration: none; font-weight: bold; font-size: 11px; }

#login { float: right; text-align: right; margin: 0px 20px 0px 0px; }
#login label { color: #997f64; }
#login input { border: 1px solid #997f64; margin: 1px 0px; font-family: Verdana, Geneva, Arial, Helvetica, "sans-serif"; font-size: 11px; }
#login .submit { border: 0px; width: 43px; height: 18px; }

#login .brownbox { background: #eae4d6; margin: 1px 0px; }
#login .brownbox .l { background: url("/images/brown-bg-bl.gif") no-repeat bottom left; }
#login .brownbox .r { background: url("/images/brown-bg-tr.gif") no-repeat top right; }
#login .brownbox .c { padding: 5px; }
#login .brownbox .c h4 { color: #a1596f; margin: 0px 5px; font-size: 13px; font-weight: normal; text-align: left; }

#login .redbox { background: #a1596f; margin: 1px 0px; }
#login .redbox .l { background: url("/images/red-bg-bl.gif") no-repeat bottom left; }
#login .redbox .r { background: url("/images/red-bg-tr.gif") no-repeat top right; }
#login .redbox .c { padding: 5px; }
#login .redbox .c h4 { color: #FFF; margin: 0px 5px; font-size: 13px; font-weight: normal; text-align: left; }

#login .sociallinks { margin: 10px 0px; text-align: center; }
#login .sociallinks a { color: #997f64; text-decoration: none; padding: 7px 10px 7px 30px; }
#login .sociallinks .facebook { background: url("/images/facebook-icon.png") no-repeat left center; }
#login .sociallinks .twitter { background: url("/images/twitter-icon.png") no-repeat left center; }

#nav { clear: right; font-size: 13px; margin: 20px 0px 2px 0px; background: url("/images/nav-background.gif") no-repeat; line-height: 25px; padding: 0px 10px; color: #FFF; }
#nav a { color: #FFF; text-decoration: none; font-weight: bold; }
#nav .selected { color: #a1596f; }

#subnav { clear: right; font-size: 11px; margin: 2px 0px 20px 0px; background: url("/images/subnav-background.gif") no-repeat; line-height: 25px; padding: 0px 10px; color: #71bdb0; }
#subnav a { color: #71bdb0; text-decoration: none; font-weight: normal; }
#subnav .selected { color: #a1596f; }

#ternav { list-style: none; margin: 0px 0px 20px 0px; padding: 0px; }
#content #ternav li { line-height: 14px; margin-bottom: 0px; }
#ternav li a { color: #71bdb0; }
#ternav li a:hover { color: #71bdb0; }
#ternav .selected a { color: #a1596f; }
#ternav .selected a:hover { color: #a1596f; }

#content { padding: 0px; margin: 10px 0px; }

#content .right { float: right; width: 320px; margin-bottom: 10px; }
#content .right-small { float: right; width: 200px; margin-bottom: 10px; }
#content .left { width: 320px; margin-bottom: 10px; }
#content .left-big { width: 440px; margin-bottom: 10px; }

#content h1 { font-size: 15px; padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal; background: #eae4d6; line-height: 24px; }
#content h1 .l { background: url("/images/brown-bg-bl.gif") no-repeat bottom left; }
#content h1 .r { background: url("/images/brown-bg-tr.gif") no-repeat top right; }
#content h1 .c { background: url("/images/h1-left.gif") no-repeat left; margin-left: 2px; padding-left: 24px; color: #71bdb0; }

#content h2 { font-size: 15px; padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal; background: #eae4d6; line-height: 24px; }
#content h2 .l { background: url("/images/brown-bg-bl.gif") no-repeat bottom left; }
#content h2 .r { background: url("/images/brown-bg-tr.gif") no-repeat top right; }
#content h2 .c { background: url("/images/h2-left.gif") no-repeat left; margin-left: 2px; padding-left: 24px; color: #a1596f; }

#content h3 { font-size: 15px; padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal; color: #71bdb0; line-height: 24px; }
/*
#content h3 .c { background: url("/images/h3-left.gif") no-repeat left; margin-left: 2px; padding-left: 24px; color: #71bdb0; }
*/

#content h4 { font-size: 15px; padding: 0px; margin: 10px; font-weight: normal; color: #997f64; }
#content h5 { font-size: 13px; padding: 0px; margin: 10px; font-weight: normal; color: #997f64; font-weight: bold; }
#content h3 a, #content h4 a, #content h5 a { color: #997f64; font-weight: normal; }
#content p { font-size: 11px; padding: 0px; margin: 10px; color: #997f64; }
#content ol, #content ul { color: #997f64; }
#content li { font-size: 11px; margin-bottom: 10px; }
#content li a { font-size: 11px; font-weight: normal; }
#content p a { font-weight: bold; }
#content a { color: #997f64; text-decoration: none; }
#content a:hover { color: #997f64; text-decoration: underline; }
#content input, #content textarea, #content select { font-family: Verdana, Geneva, Arial, Helvetica, "sans-serif"; font-size: 11px; }
#content label { font-size: 11px; font-weight: bold; color: #997f64; }
#content table p { margin: 0px; padding: 0px; background: none; }
#content form b { color: #FF0000; }

#content .price { color: #a1596f; font-size: 13px; margin: 10px 20px; line-height: 20px; }
#content .price a { color: #a1596f; font-size: 13px; padding: 10px 0px 10px 40px; background: url("/images/shopping-basket.gif") no-repeat left; font-weight: normal; }
#content .price .quantity { float: right; }
#content .price .quantity a { padding: 0px; background: none; font-size: 11px; }
#content .relatedprice { font-size: 11px; margin: 10px 20px; line-height: 20px; color: #997f64; }
#content .relatedprice a { font-size: 11px; padding: 10px 0px 10px 40px; background: url("/images/tiny-shopping-basket.gif") no-repeat left; font-weight: normal; }
#content .relatedprice .quantity { float: right; }

#content #tabs { margin: 0px; padding: 0px; list-style: none; }
#content #tabs li { display: inline; }
#content #tabs li a { padding: 5px 10px; background: #eae4d6; }
#content #sales { }

#content .table { font-size: 11px; border: 1px solid #eae4d6; margin: 5px 0px; }
#content .table tr:hover td { background: #eae4d6; }
#content .table th { text-align: right; padding: 2px 4px; font-weight: bold; }
#content .table td { text-align: right; vertical-align: top; padding: 2px 4px; border-top: 1px solid #eae4d6; }
#content .table .left { text-align: left; }
#content .table .center { text-align: center; }
#content .table .blue { color: #00f; }
#content .table .green { color: #0f0; }
#content .table .red { color: #f00; }
#content .table .ss1 { background: url("/images/source1.gif") no-repeat right; padding-right: 15px; }
#content .table .ss2 { background: url("/images/source2.gif") no-repeat right; padding-right: 15px; }
#content .table .ss3 { background: url("/images/source3.gif") no-repeat right; padding-right: 15px; }

#content #news { margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #997f64; }
#content #news .item { margin: 0px 0px 40px 0px; }
#content #news .green { background: url("/images/h3-left-green.gif") no-repeat left; margin-left: 2px; padding-left: 24px; color: #71bdb0; }
#content #news .red { background: url("/images/h3-left-red.gif") no-repeat left; margin-left: 2px; padding-left: 24px; color: #a1596f; }
#content #news .image { float: left; margin-right: 20px; }

#content .file { margin: 5px 10px; line-height: 22px; color: #997f64; }
#content .file a { background: url("/images/attached-document.gif") no-repeat left; padding: 5px 0px 5px 21px; color: #a1596f; font-weight: bold; }

#content .videolink { background: #eae4d6; line-height: 24px; }
#content .videolink .l { background: url("/images/brown-bg-bl.gif") no-repeat bottom left; }
#content .videolink .r { background: url("/images/brown-bg-tr.gif") no-repeat top right; }
#content .videolink .c { background: url("/images/watch-icon.gif") no-repeat left; margin-left: 10px; padding-left: 27px; color: #997f64; }
#content .videolink .c a { color: #a1596f; }

#content .watchvideo a { display: block; background: url("/images/TR_demo_home.jpg") no-repeat left; line-height: 30px; color: #fff; padding: 0px 10px; }

#content .brownform { background: #eae4d6; margin: 1px 0px; }
#content .brownform .l { background: url("/images/brown-bg-bl.gif") no-repeat bottom left; }
#content .brownform .r { background: url("/images/brown-bg-tr.gif") no-repeat top right; }
#content .brownform .c { padding: 10px; }

#content .brownborder { margin: 1px 0px; }
#content .brownborder .t { background: url("/images/brown-line-box-top.gif") no-repeat top right; }
#content .brownborder .b { background: url("/images/brown-line-box-bottom.gif") no-repeat bottom left; }
#content .brownborder .c { padding: 10px; color: #997f64; }
#content .brownborder .c a { color: #71bdb0; text-decoration: none; font-weight: bold; font-size: 11px; }
#content .brownborder .c .file a { color: #a1596f; text-decoration: none; font-weight: bold; font-size: 11px; }

#content .vidbox a { display: block; background: url("/images/TR_demo_product.jpg") no-repeat top left; padding: 4px 50px 4px 10px; color: #fff; }

#content .brownbox { background: #eae4d6; margin: 1px 0px; }
#content .brownbox .l { background: url("/images/brown-bg-bl.gif") no-repeat bottom left; }
#content .brownbox .r { background: url("/images/brown-bg-tr.gif") no-repeat top right; }
#content .brownbox .c { padding: 5px; }
#content .brownbox .c h4 { color: #eae4d6; background: #a1596f; line-height: 20px; margin: 0px; width: 150px; }
#content .brownbox .c h4 .p { padding: 0px 10px; }
#content .brownbox .c h4 .hl { background: url("/images/red-on-brown-corners-bl.gif") no-repeat bottom left; }
#content .brownbox .c h4 .hr { background: url("/images/red-on-brown-corners-tr.gif") no-repeat top right; }
#content .brownbox p { margin: 5px 10px; }
#content .brownbox .c a { color: #a1596f; font-weight: bold; }

#content .redbox { background: #a1596f; margin: 1px 0px; }
#content .redbox .l { background: url("/images/red-bg-bl.gif") no-repeat bottom left; }
#content .redbox .r { background: url("/images/red-bg-tr.gif") no-repeat top right; }
#content .redbox .c { padding: 5px; }
#content .redbox .c h4 { color: #a1596f; background: #eae4d6; line-height: 20px; margin: 0px; width: 150px; }
#content .redbox .c h4 .p { padding: 0px 10px; }
#content .redbox .c h4 .hl { background: url("/images/brown-on-red-corners-bl.gif") no-repeat bottom left; }
#content .redbox .c h4 .hr { background: url("/images/brown-on-red-corners-tr.gif") no-repeat top right; }
#content .redbox p { margin: 5px 10px; color: #eae4d6; }
#content .redbox .c a { color: #eae4d6; font-weight: bold; }

#content .linedbox { background: #eae4d6; margin: 1px 0px; }
#content .linedbox .t { background: url("/images/brown-box-top.gif") no-repeat top right; }
#content .linedbox .b { background: url("/images/brown-box-bottom.gif") no-repeat bottom left; }
#content .linedbox .c { padding: 20px 10px 10px 10px; color: #997f64; }
#content .linedbox .c h4 { color: #997f64; padding-top: 30px; background: url("/images/tr-mini-logo-bob.gif") no-repeat top left; margin: 0px; }
#content .linedbox .c p { margin: 5px 0px; }
#content .linedbox .c .bookbutton { float: right; margin: 25px 0px 0px 10px; width: 59px; height: 57px; background: url("/images/book-here-button.gif") no-repeat; }
#content .linedbox .c .bookbutton a { display: block; padding: 10px; font-size: 13px; color: #FFF; font-weight: normal; }

#content .greenbox { background: #71bdb0; margin: 1px 0px; }
#content .greenbox .tl { background: url("/images/green-bg-tl.gif") no-repeat top left; }
#content .greenbox .bl { background: url("/images/green-bg-bl.gif") no-repeat bottom left; }
#content .greenbox .tr { background: url("/images/green-bg-tr.gif") no-repeat top right; }
#content .greenbox .br { background: url("/images/green-bg-br.gif") no-repeat bottom right; }
#content .greenbox .c { padding: 10px; color: #FFF; }
#content .greenbox .c .title { color: #FFF; padding: 0px 0px 0px 30px; background: url("/images/tr-mini-logo-bog.gif") no-repeat left; margin: 0px 0px 0px 0px; line-height: 30px; border-bottom: 1px solid #FFF; font-size: 15px; }
#content .greenbox .c h4 { color: #FFF; margin: 0px; }
#content .greenbox .c p { margin: 5px 0px; color: #FFF; }
#content .greenbox .c p a { color: #FFF; }
#content .greenbox .c .bookbutton { float: right; margin: 25px 0px 0px 10px; width: 59px; height: 57px; background: url("/images/book-here-button.gif") no-repeat; }
#content .greenbox .c .bookbutton a { display: block; padding: 10px; font-size: 13px; color: #FFF; font-weight: normal; }

#content .spacer { line-height: 10px; }

#content form .normal { font-weight: normal; }

#content .blogheading { margin: 10px; font-weight: bold; }
#content .blogcomments { margin: 0px 10px; }

.popup { position: absolute; display: none; background: #FFF; border: 1px solid #000; padding: 4px; }

#nextprev { float: right; padding: 5px; color: #000; text-align: center; background: #eee; }
#nextprev a { color: #000; }
#nextprev a:hover { color: #000; }

#footer { clear: both; font-size: 10px; padding: 0px; margin: 2px 0px; color: #997f64; background: url("/images/footer-background.gif") repeat-x; line-height: 38px; }
#footer .l { background: url("/images/footer-left.gif") no-repeat left; }
#footer .r { background: url("/images/footer-right.gif") no-repeat right; }
#footer .c { padding: 0px 20px; }
#footer .c .motto { float: right; font-size: 15px; }
#footer .c .sociallinks { float: right; margin-right: 20px; }
#footer a { color: #997f64; text-decoration: none; }

#copyright { font-size: 10px; color: #997f64; margin: 5px 20px; }
#copyright a { color: #997f64; text-decoration: none; }