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

/* Reset */
html, body, h1 ,h2, h3, h4, h5, h6, p, ul, ol, li, p { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333;}
.clear { clear:both; padding:0; margin:0; }


/* Text and Links styles */
a       { color:#c16036;}
a img { border: none; }
a:hover { }

p  { line-height:18px; padding-bottom:10px; }

h1 { color:#333; font-size:16px; text-transform:uppercase; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-bottom:25px;  margin-bottom:10px;
     background:url('../img/decor-gradient-shadow.jpg') left bottom no-repeat; display:block;}
h2, h3 { color:#333; font-size:16px; text-transform:uppercase; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom:10px;}
h3 { }
h4 { color:#FFF; font-size:16px; text-transform:uppercase; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-bottom:20px; }
h5 { line-height:45px; color:#FFF; font-size:22px; font-weight:bold; margin-bottom:15px; text-shadow:0 -1px 1px rgba(0,0,0,0.5); }
 h5 em { font-style:italic; font-weight:normal; font-size:12px;}
#content ul {list-style-position: outside; margin-bottom: 15px;}
#content ul li {margin-left: 15px;}
.orange { color:#c16036;}

hr {color: #EEEEEE; margin: 15px 0;}

/* Structure */
body { background:#000 url('../img/bg-main-cctv.jpg') left top repeat-x; }
#global-wrapper { margin:299px auto 0 auto; width:935px;  position:relative; background:url('../img/bg-content.gif') repeat-y;}
 
 #header       { position:absolute; left:0; top:-299px; width:935px;}
  #logo        { position:absolute; left:0; top:65px;   padding:20px;  background:rgba(255,255,255,0.5);  }
   #logo img   { outline:1px solid #CCC; }
  
  #main-banner       { position:absolute; left:294px; top:65px; padding:20px; background:#FFF; background:rgba(255,255,255,0.5);}
   #main-banner img  { outline:1px solid #CCC; }
   #main-banner span { position:absolute; left:20px; bottom:20px;  height:35px; line-height:35px;  background:#000; background:rgba(0,0,0,0.6); padding:0 10px; width:580px; 
                       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right; text-shadow:1px 1px 0 #000; color:#FFF;}
    #slider-cont       { position:absolute; left:294px; top:65px; padding:20px; background:#FFF; background:rgba(255,255,255,0.5);}
					   
 #content-wrapper { border-left:1px solid #333; border-right:1px solid #333; }
  #aside   { width:235px; float:left;  padding:60px 20px 20px 20px; }
  #aside, #aside p {color: #FFFFFF;}
  #content { width:600px; float:right; padding:60px 20px 20px 0; }
  
  
/* Main Nav */					   
  #nav-wrapper     { position:absolute; right:0; top:0; width:935px; margin-top: 30px; }
   ul#nav, #nav li { padding:0; margin-left: 20px; list-style:none; }
   #nav li         { display:block; float:left; margin:0 0 0 5px;}
   #nav li a       { display:block; line-height:33px; color:#FFF; background:url('../img/nav-cctv-bg.jpg') left bottom repeat-x; padding:0 10px; border-bottom:1px solid #959595; border-right:1px solid #959595;
                     text-decoration:none; font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-shadow:1px 0 0 #454545;  }
   #nav li a:hover { background:url('../img/nav-cctv-bg.jpg') left top repeat-x; }

   
/* Search */
 #search         { position:absolute; left:0;     top:260px;  width:235px; padding:20px; background:#000; background:rgba(0,0,0,0.5); }
  #search-input  { position:absolute; left:20px;  top:20px; width:181px; padding:9px 10px; border:none; background:#FFF; 
                   margin:0; color:#666; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;}
  #search-submit { position:absolute; right:20px; top:20px; height:34px; width:34px; line-height:34px; border:none; background:url('../img/icon-search.jpg') left top no-repeat; padding:0; margin:0; cursor:pointer;}


/* Footer */
#footer { padding:20px 20px 20px 315px; background:#000 url('../img/bg-footer.jpg') repeat-x;}
 #footer p { color:#666; text-shadow:0 1px 0 #000;}
 #footer a { color:#CCC; text-decoration:none;} 

 
/* New Products - Homepage */
#recent-items-wrapper {  margin:20px 0;}
 #recent-items-wrapper span { float:left; display:block; width:149px; /*150 fucks IE6 */ height:150px; overflow:hidden; color:#333; font-size:16px; 
                              text-transform:uppercase; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
 #recent-items-wrapper img  { display:block; margin:0 auto;}
 

/* Special Content block (Orange background) */
.extra-info-block { background: url('../img/decor-heading-bg.jpg') left top repeat-x; padding:0 15px 15px 15px; margin:15px 0 20px 0; border:1px solid #e0dcdb;}
 .extra-info-block p, .extra-info-block label, .extra-info-block input { color:#5b5b5b; font-size:11px; }

/*Bread Crumbs */
.breadcrumb { padding:20px 0 20px 0;}


/* Product Related */
.category-page { } /* Can be used to target elements only on category pages */
 .product-category       { position:relative; padding:0 0 20px 160px; border-bottom:1px solid #dadde1; margin-top:20px; }
  .product-category img  { position:absolute; top:0; left:0; }
  .product-category span { display:block; color:#666; font-size:11px; text-transform:uppercase; margin-bottom:10px; }

/* Single Item Page */
.single-product-page { /* Can be used to target elements only on single product pagess */ } 
 .single-product-page h2, .single-product-page h3 { margin:20px 0 10px 0; }
 
.product-single        { padding:0 0 20px 0; border-bottom:1px solid #dadde1; margin-top:20px; }
  .product-single img  { float:left; padding:0 20px 15px 0; border:none;}

.bookmark { margin-top: 60px;}
/* Products and Services Nav */
#category-nav li a
{
    display: block;    
    width: 225px;
    height: 100%;
    padding: 0 5px;
    background: #000000;    
    line-height: 30px;
    text-decoration: none;
    color: #FFFFFF;
    /*text-shadow: #CCCCCC 0px 0px 3px;*/
}
#category-nav li
{
    position: relative;
    height: 30px;
    width: 235px;
    border-bottom: 1px solid #333333;
    margin: 0;
    list-style: none;
}
#category-nav ul li.active
{    
    _margin-bottom: -3px;
}
#category-nav li.active a
{
    _height: 20px;
}
#category-nav li ul
{
    left: 235px;
    top: 0;
    display: none;
    position: absolute;
    z-index: 99;
    border-left: 1px solid #333333;
    margin: 0;
    padding: 0;
}
#category-nav li:hover ul, #category-nav li.active ul
{
    display: block;
}
#category-nav li:hover li ul, #category-nav li.active li ul
{
    display: none;
}
#category-nav li:hover li:hover ul, #category-nav li.active li.active ul
{
    display: block;
}
#category-nav li:hover a, #category-nav li.active a
{
    background: #444444;
}
#category-nav li a:hover, #category-nav li:hover a:hover, #category-nav li.active a:hover, #category-nav li.current a:hover
{
    background: #2b2b2b;
    color: #c16036;
    /*text-shadow: #FFFFFF 0px 0px 1px;*/
}

/* Thumb Grids */

.thumb-list
{
    margin-bottom: 30px;
}
.thumb-list .row
{
    margin-bottom: 15px;
    overflow: hidden;
}
.thumb-list .item-block
{
    float:left;
    width:180px;
    margin-right: 10px;
    border:1px solid #CCCCCC;
}
.thumb-list .item-block a img
{
    border: none;
}
.thumb-list .item-block.last
{
    clear:right;
    margin-right: 0;
}
.thumb-cont
{
    text-align: center;
    padding-top: 5px;
}
.thumb-cont .img-cont
{
    height: 125px;
    width: 125px;
    margin: 0 auto;        
    text-align: center;
}
.thumb-cont .img-link
{    
    height: 125px;
    width: 125px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.thumb-cont p
{
    width: 160px;    
    padding: 5px;
    margin: 0 auto;
    margin-top: 5px;
    text-align: center;
}

/* Form Related */
.input
{
    overflow: hidden;
    margin-bottom: 15px;
    clear:left;
}
.col-2 .input.text label, .col-2 .input.password label, .col-2 .input.textarea label, .col-2 .input.select label
{
    width: 100px;
}
.col-2 .input.text input, .col-2 .input.password input, .col-2 .input.textarea textarea, .col-2 .input.select select
{
    width: 180px;
}
.col-2 .input .error-message
{    
    margin-left: 5px;
    clear:none;
    margin-top: 0;
    width: 261px;
}
fieldset.form
{
    padding: 15px;
    background: #ebf1e3;
    border: 1px solid #e0dcdb;
    margin-bottom: 15px;    
	width: 564px;
}
.input.text, .input.password
{
    
}
/*.input.text label, .input.password label, .input.textarea label*/
.input label
{
    display: block;
    width: 180px;
    line-height: 25px;
    height: 25px;
    float:left;
}
.input.text input, .input.password input, .input.textarea textarea, .input select
{
    padding: 5px;    
    border: 1px solid #BBBBBB;
    width: 372px;
    font-size: 12px;
    color:#666;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;    
}
.input.textarea.large textarea
{
    width: 552px;
    clear:left;
    min-height: 300px;
}
.input.text input, .input.password input, .input select
{
    float: left;    
}
.input.text input:focus, .input.password input:focus, .input.textarea textarea:focus, .input select:focus
{
    border: 1px solid #777777;
}
.submit input, .submit a.button
{
    margin:0;
    padding:5px 15px 5px 15px;
    display:block;        
    background:#333 url('../img/nav-cctv-bg.jpg') left bottom repeat-x;
    font-style:italic;
    /*height: 30px;*/
    line-height: 15px;
    color:#FFFFFF;
    font-size:12px;
    /*letter-spacing:1px;*/
    border:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:0 1px 1px #000000;
    text-align:center;
    text-decoration: none;    
}
.submit input:hover, .submit a.button:hover
{
    background:#d46731 url('../img/nav-cctv-bg.jpg') left top repeat-x;
    text-shadow:0 -1px 1px #333333;
    cursor:pointer;
}
.input.submit
{
    clear:left;
}
.input.error label
{
    color: #FF3333;
}
.error-message
{
    padding: 5px;
    margin-top: 5px;
    float:left;
    width: 554px;    
    background: #FFCCCC;
}
div.success-flash, div.notice-flash, div.error-flash
{
    font-weight: bold;
    border: 1px solid #AAAAAA;
    padding:  10px;
    margin-bottom: 15px;
}
div.success-flash
{
    background: #e9fbe6;
    border-color: #247418;
    color: #247418;
}
div.error-flash
{
    background: #f3e0e0;
    color: #ff171d;
    border-color: #ff171d;
}

/* Item List */

.item-list .row
{
    padding: 15px 0;
    border-bottom: 1px solid #DADDE1;
    overflow: hidden;
}
.item-list .row .thumb
{
    width: 125px;
    margin-right: 15px;
    float:left;
}
.item-list .row .details
{
    width: 460px;
    float:left;
    clear:right;
}
.item-list .row .details h2 a
{
    text-decoration: none;
    color: #333333;
}
.item-list .row .more
{
    text-align: right;
}

/* Admin Section */

.action-list
{
    border-top: 1px solid #DADDE1;
}
.action-list, .action-list li
{
    list-style: none;    
}
.action-list li
{
    height: 50px;
    border-bottom: 1px solid #DADDE1;
    line-height: 50px;
}
.action-list li a
{
    display: block;
    line-height: 50px;
}
#user-info
{
    margin-bottom: 25px;
}
#user-info li
{
    margin-left: 15px;
    list-style: none;
}

/* Product Management */

table.table-list
{
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    margin-bottom: 15px;
}
.table-list td
{
    vertical-align: top;
    padding: 6px;
    border-right: 1px solid #AAAAAA;
}
.table-list th
{
    text-align: center;
    background: #AAAAAA;
    border-right: 1px solid #999999;
    padding: 5px;    
}
.table-list th a, .table-list th
{    
    color: #FFFFFF;
    font-weight: bold;
}
.table-list td:last-child
{
    border-right: 0;
}
.table-list tr.altrow
{
    background: #EEEEEE;
}

/* Actions */
.managementTop
{
    overflow: hidden;
}
.managementTop .actions-top
{
    width: 300px;
    float:right;
}
.managementTop .filter-form
{
    width: 300px;
    float:left;
}
.managementTop .filter-form select
{
    width: 300px;
}
.actions
{
    text-align: center;
}
.actions-top ul li
{
    display: inline;
    line-height: 30px;    
    text-align: right;
}
.actions-top ul li a
{
    line-height: 30px;
}
.actions-top ul
{
    text-align: right;
    height: 30px;
}

/* View Product */
.product-img
{
    float:left;
    margin: 0 15px 5px 0;
    border: 1px solid #DADDE1;
}

/* Slider */

#slider
{
    width: 600px;
    height: 230px;
    overflow:hidden;
    position: relative;
    background: #CCCCCC;    
}
#slider ul
{
    width: 5200px;
    list-style: none;
    margin: 0;
    clear:right;    
}
#slider ul li
{
    width: 600px;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
    height: 230px;    
    float:left;
    background: #EEEEEE;    
    position: relative;
}
#slider ul li .caption
{
    position: absolute;
    text-align: left;
    bottom: 0;
    display: none;
    width: 570px;    
    overflow: hidden;
    left: 0px;
    padding: 10px 15px;
    background: rgb(27,27,27);
    background: rgba(27,27,27,0.8);
}
#slider ul li:first-child .caption
{
    display: block;
}
#slider ul li .caption p, #slider ul li .caption h3
{
    color: #FFFFFF;
    margin: 0;
}
#slider ul li .caption h3
{
    text-align: right;    
}
#slider ul li .caption p
{
    margin-top: 10px;
}
#slider .prev
{
    position: absolute;
    bottom: 0px;
    left: 10px;
    font-size: 20px;
    line-height: 25px;
    height: 20px;
    width: 14px;
    background: url('../img/ad_scroll_back.png') no-repeat center transparent;
}
#slider .next
{
    position: absolute;
    bottom: 0px;
    right: 10px;
    font-size: 20px;
    line-height: 25px;
    height: 20px;
    width: 14px;
    background: url('../img/ad_scroll_forward.png') no-repeat center transparent;
}

/* Contact */
#content ul.content-nav-list
{
    margin-bottom: 30px;
}
.content-nav-list li
{
    list-style-type: none;
}
.content-nav-list li a
{
    font-size: 16px;
}
.content-nav-list.together
{
    overflow: hidden;
    clear: right;
}
#content .content-nav-list.together li
{
    float:left;
    margin: 0;
    width: auto;
    border-right: 1px solid #DDDDDD;
    padding: 0 6px;
    text-align: center;
}
/* About */

/* FAQ */
.point-list dl dt
{
    list-style: circle;
    font-weight: bold;
    margin-bottom: 10px;
}
.point-list dl
{
    margin-bottom: 15px;
}
.point-list dd
{
    margin-bottom: 10px;
    padding-bottom: 10px;    
}
#content .point-list dl dd ul
{
    margin: 0;
}
.point-list h2
{
    padding-top: 15px;
    border-top: 1px solid #CCCCCC;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}

/* Suckerfish Nav */

#suckerfishnav {    
    font-size:18px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;    
    margin:0;
    width:235px;
    }
#suckerfishnav a {
    display:block;    
    color: #FFFFFF;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {    
    float:left;
    padding:0;
    background: url('../img/bg_border.jpg') bottom repeat-x #000000;
    }
#suckerfishnav li a {
    width:235px;
    width:215px;
    overflow:hidden;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:236px;
    font-weight:normal;
    margin:0;
    line-height:1;    
    border:0;
    border-top:1px solid #666666;
    margin:-30px 0 0 235px;
    }
#suckerfishnav li li {
    width:235px;
    background: #444444;
    border-bottom:1px solid #666666;    
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:215px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 235px;
    }
#suckerfishnav li li:hover {    
    background: #2b2b2b;    
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {        
    color: #c16036;
    }
#suckerfishnav li.sfhover li a, #suckerfishnav li li.sfhover li a, #suckerfishnav li li li.sfhover li a, #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: #2b2b2b;
    }
#suckerfishnav .current_page_parent {
    background:#B13733;
    }
#suckerfishnav .current_page_item {
    background:#D31510;
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {
    content:"";
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {
    color:#000000;
    content:"";
    }
#suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {
    color:#000000;
    content:"";
    }
	
	
/* News Stuff */

.alt
{
	float:right;
	font-size: 12px;
	font-style: italic;
}
.paging
{
	margin-top: 15px;
}
#suckerfishnav
{
	margin-bottom: 30px;
}
.article a.title
{
	font-size: 13px;
	/*text-decoration: none;*/
	font-weight: bold;
}
.article .more
{
	text-align: right;
}
.article
{
	border-bottom: 1px solid #333;
	margin-bottom: 15px;
}

/* Add This */

.addthis_toolbox {margin-top: 30px;}