body {
        background:#FFFFFF url(images/back.gif) repeat-y;
        background-position:center;
        padding:0;
        margin:0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:70%;
        color: #333333;
}
a img{
  border:0px;
}

a {
        font-size: 100%;
        font-weight: normal;
        color:#3A7BB7;
}
a:link, a:visited, a:active, a:hover {
        color: #3A7BB7;
}


h1,h2,h3,h4,h5,h6 {
        font-weight: normal;
}
h1 {
        font-size:22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom:5px;
        color: #3A7BB7;
        text-align: left;
}

h2 {
        font-size:14px;
        padding-bottom: 0px;
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 10px;
        margin-top: 0px;
        padding-top: 3px;
        font-weight: bold;
        text-decoration: none;
        line-height: 150%;
}

th,td h1 {
        font-size:22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom:5px;
        color: #3A7BB7;
        text-align: left;
}

th,td h2 {
        padding-left: 0px;
        color: #3A7BB7;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 10px;
        margin-left: 0;
}

th,td h3 {
        padding: 0;
        padding-left: 5px;
        color: #3A7BB7;
        margin: 0;
        font-size: 22px;
}

p {
        line-height: 150%;
}

ul {
        list-style-type: disc;
}

li {
        line-height: 150%;
}

.bord_class {
width: 90%;
border: 1px solid #ccc;
padding: 10px 10px 12px;
height: auto;
}

.bord_class a {
font-size: 100%;
}

.bord_class_full {
width: 98%;
padding: 10px 0px 0px;
}

.bord_class_full a {
font-size: 110%;
}

.full_image_home_bg {
        width: 100%;
        height: 150px;
        background-image:url(images/cctv_home_image_bg.gif);
        background-repeat:repeat-x;
        margin-bottom: 10px;
}

.full_image_home {
        float: right;
        width: 250px;
        height: 150px;
        background-image:url(images/cctv_home_image3.jpg);
        background-repeat:no-repeat;
}


#content_images {
width: 96%;
padding: 5px 10px 10px;
height: auto;
}

#content_images ul li{
margin-left: 30px;
}

.bord_class_full a {
font-size: 100%;
}


#product_cat_container {
        width: 70%;
        padding: 0px;
        margin: 20px 0px 0px;
        float: left;
}

#product_cat_container a:link, a:visited, a:active, a:hover {
        color: #3A7BB7;
}

#product_cat_container h2 a {
        font-size: 110%;
        text-decoration: none;
        font-weight: bold;
}

.prod_cat {
float: left;
width: 80px;
background-color:#E3E8F2;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
min-height: 60px;
text-align:center;
}


#featured_items_container {
width: 90%;
border: 1px solid #ccc;
padding: 10px;
height: auto;
}

.feat_items {
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
height: 80px;
clear: right;
}

.feat_items h2,p {
padding: 0;
margin-bottom: 5px;
margin-top: 0;
}

input {
        border:1px solid #666;
        background:#fff;
        font-size: 100%;
        padding: 3px;
}

#cust_reg {
        width: 95%;
        padding: 10px;
        height: auto;
        border: 1px solid #ccc;
}

#cust_reg a {
font-size: 110%;
}

#cust_reg form {width:570px; padding:5px; margin:5px auto; font-size:1em; background:#fff; float: left;}
#cust_reg form p {font-size:.9em; text-align:left; padding:0 5px 10px 0; margin:0;}
#cust_reg form fieldset#current p {padding:4px; margin:0;}

#cust_reg form fieldset {width:550px; border:1px solid #ccc; padding:5px 5px 5px 10px; margin-bottom:10px; font-size:1em;}
#cust_reg form fieldset:hover {border:1px solid #000;}
#cust_reg form fieldset#opt:hover {border:1px solid #000;}

#cust_reg form legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #ccc; margin-bottom:15px; padding:6px; background:none; color:#3A7BB7;}

#cust_reg form dt {float:left; width:200px; text-align:left; padding-right:10px; color:#000; margin-bottom:0.5em;}
#cust_reg form dt.checkbox {width:485px;}
#cust_reg form dd {float:left; width:340px; margin:0 0 8px 0; padding:0;}
#cust_reg form dd.checkbox {width:55px}

#cust_reg form label.male, form label.female {float:none; display:inline; padding:0 5px 0 0; color:#000;}
#cust_reg form label.terms, form label.spam, form label.morespam {width:485px;}

#cust_reg form input {
        border:1px solid #666;
        width:290px;
        padding-top: 1px;
        padding-right: 3px;
        padding-bottom: 1px;
        padding-left: 3px;
}
#cust_reg form input.checkbox {margin:0; padding:0; width:15px; border:0; background:none;}

#cust_reg form select {margin:0;}

#cust_reg form option {background:#fff; color:#000;}
#cust_reg form optgroup {background:#fff; color:#000; font-style:normal;}
#cust_reg form optgroup option {background:#fff; color:#000;}

#outta_container {
        /*background-image: url(images/header_bg.gif);
        background-repeat:repeat-x;
        background-position: top; */
        clear: both;
        width: 100%;
        text-align: center;
        min-width:860px;
}

#top {
        width:100%;
        background-repeat:no-repeat;
        background-image: url(images/cctv4-logo.gif);
        background-position: 10px 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
}

#toplinks { text-align: right; margin-top: 10px; margin-bottom: 40px; clear: both; height: 20px;}

#toplinks ul {
    float: right;
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 600px;
}

#toplinks li {
        float: left;
        margin-right: 30px;
}

#toplinks li a {
   font-size: 100%;
        color:#666666;
        font-weight: bold;
        text-decoration: none;
}

#tabs {
        text-align:center;
        float: none;
        margin: 0px;
        padding: 0px;
}

#tabs ul {
    background-image:url(images/main_nav_bg.gif);
        background-repeat:repeat-x;
                width: 100%;
                height: 27px;
        padding: 0 0 0 30px;
        margin: 0;
        list-style-type: none;
}

#tabs li {
        background-image:url(images/main_nav_end.gif);
        background-repeat: no-repeat;
        background-position: right center;
        font-size: 11px;
        float: left;
        margin-right: 15px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
}

#tabs li a {
        color: #FFFFFF;
        padding-right: 5px;
        padding-left: 5px;
        text-decoration: none;
}

#tabs img { margin-left:2px; }

#Search {
        padding-top:5px;
        padding-left: 200px;
        color:#ffffff;
        padding-right: 5px;
        padding-bottom: 0px;
        font-size: 90%;

}

#center_container {
position: relative;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
}

#left { float:left; width:155px; }

.left_nav {
        width: 160px;
        height: auto;
        background-image:url(images/160_top.jpg);
        background-repeat:no-repeat;
        margin-top: 20px;
        text-align: left;
        padding-top: 5px;
        color: #FFFFFF;
        margin-left: 10px;
        background-position: center top;
        margin-right: 10px;
}

.left_nav_content {
        width: 160px;

        margin: 0px;
        padding: 0px 0px 10px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCCCCC;
}

.left_nav_content h2 {
font-size: 120%;
color: #fff;
text-align: center;
}

.left_nav_content ul {
        padding-left: 15px;
        margin-left: 0;
        list-style-type: none;
        font-size: 100%;
        color: #3A7BB7;
        margin-bottom: 0px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #CCCCCC;
}

.left_nav_content a {
        color: #3A7BB7;
        line-height: 150%;
}

.right_nav {
        width: 160px;
        margin-top: 10px;
        font-size: 90%;
        border-top: none;
        background-image: url(images/160_top.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
}

.right_nav h2 {
        font-size: 120%;
        color: #FFFFFF;
        font-weight: bold;
        margin: 0px;
        padding: 5px 0px 0px;
}

.right_nav ul,li a {
padding-left: 0;
margin-left: 0;
list-style-type: none;
font-size: 100%;
color: #000;
}

.right_nav form {
        padding: 0;
        margin: 0;
        text-align: left;
}

.right_nav_bot {
        width: 160px;
        height: 10px;
        background-image:url(images/160_bottom.jpg);
        background-repeat:no-repeat;
        background-position: bottom;
}

.left_nav_bot {
        width: 160px;
        height: 10px;
        background-image:url(images/160_bottom.jpg);
        background-repeat:no-repeat;
        background-position: center bottom;
        padding-top: 0px;
        margin-top: 0px;
}

#right {
        float:right;
        width:170px;
        background-color: transparent;
}

#center {
        padding-top:10px;
        text-align: left;
        margin-top: 0;
        margin-right: 160px;
        margin-bottom: 0;
        margin-left: 165px;
}

#center_full {
        padding-top:10px;
        text-align: left;
        margin-top: 0;
        margin-right: 160px;
        margin-bottom: 0;
        margin-left: 0px;
}

#centerPro {
        width:94%;
        float:left;
        padding-left:10px;
        margin: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
} /* start page optimized IE-Bug centering float container */

.img_left {
        float: left;
        margin-right: 20px;
        clear: left;
        margin-bottom: 10px;
}

.img_right {
float: right;
margin-left: 20px;
margin-bottom: 10px;
clear: right;
}

.img_thumbs {
float: left;
margin-right: 20px;
}

form {
        margin: 0;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
}

.Button {
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 90%;

        font-weight: bold;
        padding: 2px;
        margin: 0px;

        border: 1px solid #FFFFFF;

        background-color: #151978;
}

  /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


.product_cat_tdtitles {
        background-image: url(images/list_header_bg.gif);
        background-repeat: repeat-x;
}

.product_td_bottom {
   border-bottom: 1px dashed #ccc;
}
.red {
        font-weight: bold;
        color: #FF0000;
        font-size: 110%;
}
.separator {
display: block;
clear: both;
margin-top: 10px;
margin-bottom: 25px;
border-bottom: 1px dashed #ccc;
}

.bgnone a:hover {

}

.clearleft {
        clear: left;

}
p {
        margin-bottom: 15px;
}

.hide {
display: none;
}

.fourtyfive {
        width: 45%;
}
.news_title {
        font-size: 150%;
        font-weight: bold;
        color: #3A7BB7;
}

.blue {
        font-weight: bold;

        color: #3A7BB7;
        font-size: 110%;
        margin-bottom: 0px;
        padding-bottom: 0px;
}

.blue_large {
        font-size:22px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom:5px;
        color: #3A7BB7;
        text-align: left;
}

.news_right {
        float: right;
        width: 300px;
        margin-left: 10px;
}
td,th {
        font-size: 100%;
}
select {
        font-size: 100%;
        padding: 3px;
}
textarea {
        border: 1px solid #000000;
        font-family: Verdana, sans-serif;
        font-size: 12px;
}
#products_banner {
        clear: both;
        float: none;
        height: 110px;
        width: 100%;
        background-color: #3B7AC7;
        margin-top: 10px;
        margin-bottom: 10px;
}
#products_banner_left {
        background-image: url(images/products_banner_left.jpg);
        float: left;
        height: 110px;
        width: 500px;
        background-repeat: no-repeat;
}
#products_banner_right {
        background-image: url(images/products_banner_right.jpg);
        background-repeat: no-repeat;
        height: 110px;
        width: 140px;
        float: right;
        background-position: right;
}
#support_banner {
        clear: both;
        float: none;
        height: 110px;
        width: 100%;
        background-color: #000000;
        margin-top: 10px;
        margin-bottom: 10px;
}
#support_banner_left {
        background-image: url(images/support_banner_left.gif);
        float: left;
        height: 110px;
        width: 500px;
        background-repeat: no-repeat;
}
#support_banner_right {
        background-image: url(images/support_banner_right.gif);
        background-repeat: no-repeat;
        height: 110px;
        width: 140px;
        float: right;
        background-position: right;
}


#search_basket {
        position: relative;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        float: none;
        height: 25px;
}
#search_basket form {
        float: right;
        margin-right: 20px;
        text-align: left;
}
#hotline {
        background-image: url(images/hotline_repeat.gif);
        background-repeat: repeat-x;
        float: none;
        height: 30px;
        text-align: center;
}
.feat_cat_prod {
        float: right;
        width: 80px;
        margin-right: 10px;
}
#hot_items {
        float: left;
        width: 28%;
        margin-left: 0%;
        margin-top: 20px;
}
#hot_items h2 {
        font-size: 130%;
        color:#003366;
        font-weight: bold;

}

.our_services {
        text-align: left;
        font-size: 100%;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #CCCCCC;
        border-left-color: #CCCCCC;
}

.our_services h2 {
        color: #003366;
        font-weight: bold;
}
.hot_container {
        float: none;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 25px;
        clear: both;
        height: 18ex;
}
.hot_img {
        float: left;
        width: 100px;
        margin-right: 15px;
}
.small_text {
        font-size: 90%;
}
.hot_desc {
        float: left;
        width: 45%;
}
.cat_looper {
        float: left;
        width: 140px;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-top: 0px;
}
#nav_categories {
        background-color: #21398C;
        padding: 10px;
        position: absolute;
        left: 85px;
        top: 130px;
        visibility: hidden;
        z-index: 300;
        width: 320px;
        color: #FFFFFF;
        text-align: left;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #11247F;
        border-bottom-color: #1E3389;
        border-left-color: #4975B4;
}
.cat_looper a {
        color: #3D82BB;
        text-decoration: none
}
.cat_looper a:hover {
        text-decoration: underline;
}