﻿body 
{
    background-color:#2b2b2b;
    background-image:url('/images/site-bg.png');
    background-position:center top;
    background-repeat:repeat-x;
    text-align:center;
    margin:0px;
    font-family:Arial;
    font-size:12px;
}
#wrapper
{
    width:960px;
    margin:auto;
    background-color:#1f2024;
    text-align:left;
}
#header
{
    height:130px;
    background-color:#000000;
    position:relative;
}
#logo
{
    position:absolute;
    left:45px;
    top:60px;
}
#topnav
{
    padding-left:10px;
    height:30px;
    background-color:#d6d6d6;
    background-image:url('../images/nav-bg.gif');
    background-repeat:repeat-x;
    line-height:30px;
    font-weight:bold;
}
#topnav ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#topnav li {
    float:left;
}
#topnav li a {
    color:#000000;
    text-decoration:none;
    display:block;
    height:100%;
    line-height:30px;    
    float:left;
    padding:0px 35px 0px 35px;
    font-weight:bold;
}
#topnav li a:hover {
    text-decoration:underline;
}
#topnav span {
    width:1px;
    height:19px;
    background-image:url('../images/nav-div.gif');    
    background-repeat:no-repeat;
    display:block;
    vertical-align:middle;
    float:left;
    margin-top:4px;
}
#hometopboxes
{
    height:420px;
    margin-top:15px;
}
#abouttopboxes
{
    height:290px;
    margin-top:15px;
}
#hometopleft
{
    width:655px;
    float:left;
    position:relative;
}
#sidegalleryimages
{
    position:absolute;
    top:10px;
    right:10px;
    width:77px;
}
#hometopright
{
    float:right;
    width:290px;
}
#medialinksbox
{
    background-color:#000000;
    width:290px;
    height:70px;
    position:relative;
}
#media-links-twitter
{
    position: absolute;
    left:20px;
    bottom:15px;
}
#media-links-facebook
{
    position: absolute;
    left:70px;
    bottom:15px;    
}
#media-links-skype
{
    position: absolute;
    left:120px;
    bottom:15px; 
}
#trproducts-box
{
    margin-top:10px;
    width:290px;
    height:210px;
}
#trblog-box
{
    margin-top:10px;
    width:290px;
    height:120px;  
}
#homecontentarea
{
    padding:15px;
}
#homecontent
{
    background-color:#FFFFFF;   
}
#homeleft
{
    float:left;
    width: 565px;
    background-image:url('../images/home-tl-bar.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    padding:0px 35px 35px 35px;    
    position:relative;
}
#homeleft h1
{
    font-size:24px;
    line-height:50px;
    margin:0px;
    padding:0px;    
}
#hometextsummary
{
    font-size:18px;
    line-height:24px;
    color:#666666;
}
#hometext
{
    font-size:14px;
    line-height:20px;
    color:#2e2e2e;    
}
#homeright
{
    float:right;
    width:245px;
    background-color:#faf7f7;
    background-image:url('../images/home-tr-bar.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    padding:0px 25px 25px 25px;
}
#homeright h2
{
    font-size:24px;
    line-height:50px;
    margin:0px;
    padding:0px;    
}
.homenewstitle
{
    font-size:24px;
    line-height:30px;
    color:#00b8f8;
    font-weight:bold;
}
.homenewsdate
{
    font-size:16px;
    line-height:20px; 
    font-weight:bold;  
}
.homenewssummary
{
    font-size:14px;
    line-height:20px;
    color:#2e2e2e;
    margin:10px 0px 10px 0px;
}
.homenewslink
{
    font-size:14px;
    line-height:20px;
    color:#00b8f8;
    font-weight:bold;
}
.clear
{
    clear:both;   
}
#orderform label {
    width:140px;
    display:block;
    float:left;
    line-height:25px;
}
#orderform .textbox {
    width:325px;
}
#orderform .shorttextbox {
    width:150px;
}
#orderform select {
    width:330px;
}
#orderform .textareabox {
    width:325px;
    height:75px;
}
#submitbtn {
    width:100px;
    height:25px;
    margin-left:140px;
}
.cleargap {
    clear:both;
    height:10px;
}
#alertmessage {
    background-color:#FFFFFF;
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:bold;
    color:red;
    text-align:center;
}
/* Blog */
.bloglistitem
{
    padding:25px 0px 25px 0px;
    border-bottom: solid 1px #999999;   
}
.bloglistdetails
{
    height:60px;   
}
.bloglistimage
{
    float:left;
    width:96px;
}
.bloglistimage img
{
    padding: 4px;
    border: solid 1px #999999;
}
.bloglisttitle
{
    font-family:Arial;
    font-style:italic;
    font-size:22px;
    line-height:26px;
    margin-bottom:5px;
}
.bloglisttitle a
{
    text-decoration:none;
    color:#00b8f8;
}
.bloglisttitle a:hover
{
    text-decoration:underline;
}
.bloglistdate
{
    font-family:Arial;
    font-weight:bold;
    font-style:italic;
    font-size:14px;
    line-height:22px;
    color:#666666;
}
.bloglisttext
{
    font-family:Arial;
    font-size:13px;
    line-height:22px;
}
.bloglisttext a
{
    font-family:Arial;
    font-weight:bold;
    font-style:italic;
    font-size:13px;
    line-height:22px;
    color:#00b8f8;
    text-decoration:none;
}
.bloglisttext a
{
    text-decoration:underline;
}
#blogbreadcrumbs
{
    position:absolute;
    left:35px;
    top:62px;
    font-size:10px;
}
h2 {
    margin:0px;
    font-family:Arial;
    font-style:italic;
    font-size:22px;
    line-height:26px;
    color:#00b8f8;  
}
.hrbar
{
    height:2px;
    width:558px;
    background-image:url('/images/hr-bar.gif');
    background-repeat:no-repeat;
    margin-left:-15px;
}
/* Press And Trade Area */
#pressloginbox
{
    width:222px;
    margin:auto;
    position:relative;
}
#pressloginbox form
{
    margin:0px;
}
#pressrequestloginbox
{
    width:222px;
    margin:auto;
}
#pressrequestloginbox form
{
    margin:0px;
}
.leftsideinputbox
{
    width:194px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px 0px 8px 0px;
    padding:0px 0px 0px 10px;
    color:#666666;
    font-size:12px;
    font-weight:bold;
}
.smallleftsideinputbox
{
    width:160px;
    height:30px;
    line-height:30px;
    border:0px;
    margin:0px;
    padding:0px 0px 0px 10px;
    color:#666666;
    font-size:12px;
    font-weight:bold;
}
.leftsidetextbox
{
    width:194px;
    height:95px;
    line-height:30px;
    border:0px;
    margin:0px 0px 8px 0px;
    padding:0px 0px 0px 10px;
    color:#666666;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
}
#navigation
{
    width:300px;
    margin-left:-10px;
}
#navigation a
{
    text-decoration:none;
    color:#2f5c80;
    display:block;
}
#navigation a:hover
{
    text-decoration:underline;
}
#navigation ul
{
    list-style:none;
    margin:0px;
    padding:15px 0px 0px 0px;
}
#navigation .navsubcategories
{
    padding:0px 0px 8px 0px;
}
#navigation .navcatproducts
{
    padding:8px 0px 0px 0px;
}
#navigation li
{
    padding:0px 0px 8px 0px;
    font-size:16px;
    font-weight:bold;
}
#navigation .navsubcategories li
{
    padding:8px 0px 0px 0px;
    font-size:14px;
    font-weight:normal;
}
#navigation .navcatproducts li
{
    padding:2px 0px 2px 0px;
    font-size:12px;
    font-weight:normal;
}
/* Admin Area */
#admincontentpage
{
    padding:15px;
    background-color:#FFFFFF;   
}
#adminloginbox {
    width:300px;
    margin:auto;
    text-align:center;
}
#adminloginbox label {
    width:80px;
    display:block;
    float:left;
    line-height:25px;
}
#adminloginbox .textbox {
    width:200px;
    float:left;
}
#adminloginbox .cleargap {
    clear:both;
    height:20px;
}
#leftside
{
    float:left;
    width:222px;
}
#rightside
{
    float:right;
    width:682px;
}
#admincontentarea
{
    width:642px;
    min-height:503px;
    padding:0px 20px 20px 20px;
}
#admincontentarea h1
{
    margin-top:0px;
}
.adminmenubox
{
    background-color:#ecf0ec;
    padding-bottom:10px;
}
.adminmenubox form
{
    padding:10px 10px 0px 10px;
}
.adminmenubox ul
{
    list-style:none;
    padding:10px 10px 0px 10px;
    margin:0px;
}
.adminmenubox li
{
    line-height:20px;
}
.boxtitle
{
    height:41px;
    line-height:41px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    background-color:#000000;
}