/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}
table {
	border-spacing:0px;
	padding:0px;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}
img 
{
    display:block;
}
a img 
{
    border:none;
}
input 
{
    margin:0px;
}
.clear 
{
    clear:both;
}
.right 
{
    text-align:right;
}
.left 
{
    text-align:left;
}
.float-left 
{
    float:left;
}
.float-right
{
    float:right;
}

#jquery-lightbox img 
{
    display:inline;
}
/************* INITIAL END */


p, ul, li
{
    line-height:20px;
    text-align:justify;
}
ul 
{
    margin-left:20px;
}
body
{
    background:#001233;
    margin:10px;
    color:White;
}
body.front 
{
    background:#001233 url(/images/main_back.jpg) no-repeat center top;
    margin:0px;
}
html, body, p, fieldset, form, select, input, .ui-widget-content, textarea
{
    font-family:Tahoma, Arial, Verdana, Sans-Serif;
    font-size:12px;
}

a 
{
    color:White;
}
a:hover 
{
    text-decoration:none;
}


.clear 
{
    clear:both;
}
/** INPUT ELEMENTS */
input.button 
{
    cursor:pointer;
}
/* GENERAL */
input.field,
input.field-disabled,
input.field-over,
input.field-focus,
input.field-focus-over,
input.field-required,
input.field-required-focus,
input.field-required-focus-over,
input.field-error,
input.field-error-over,
input.field-error-focus, 
input.field-error-disabled, 
input.field-required-over,
input.field-required-error,
input.field-required-error-over,
input.field-required-error-focus,
input.field-required-error-focus-over,
input.field-required-disabled,
textarea.field,
textarea.field-disabled,
textarea.field-over,
textarea.field-focus,
textarea.field-focus-over,
textarea.field-required,
textarea.field-required-focus,
textarea.field-required-focus-over,
textarea.field-error,
textarea.field-error-over,
textarea.field-error-focus, 
textarea.field-error-disabled, 
textarea.field-required-over,
textarea.field-required-error,
textarea.field-required-error-over,
textarea.field-required-error-focus,
textarea.field-required-error-focus-over,
textarea.field-required-disabled 
{
    border:2px solid #000A3A;
    background:#F2F2F2;
    padding:5px;
} 
/* OVER */
input.field-over,
input.field-required-over,
textarea.field-over,
textarea.field-required-over 
{
    background:#FFFFFF;
    border-color:#013098;    
}
/* SELECT */
select,
select.field,
select.field-disabled,
select.field-over,
select.field-focus,
select.field-focus-over,
select.field-required,
select.field-required-focus,
select.field-required-focus-over,
select.field-error,
select.field-error-over,
select.field-error-focus, 
select.field-error-disabled, 
select.field-required-over,
select.field-required-error,
select.field-required-error-over,
select.field-required-error-focus,
select.field-required-error-focus-over,
select.field-required-disabled 
{
    border:1px solid White;
}
/** FOCUS */
input.field-focus,
input.field-focus-over,
input.field-required-focus,
input.field-required-focus-over,
textarea.field-focus,
textarea.field-focus-over,
textarea.field-required-focus,
textarea.field-required-focus-over
{
    background:#FFFFFF;
    border-color:#EEEEEE;    
    
} 
/** ERROR */
input.field-error,
input.field-required-error,
textarea.field-error,
textarea.field-required-error 
{
    border-color:#CC0000;
} 
/** ERROR - OVER */
input.field-required-error-over, 
input.field-error-over,
textarea.field-required-error-over, 
textarea.field-error-over
{
    border-color:#DD0000;
}
/** ERROR - FOCUS */
input.field-error-focus, 
input.field-required-error-focus,
input.field-required-error-focus-over,
textarea.field-error-focus, 
textarea.field-required-error-focus,
textarea.field-required-error-focus-over
{
    border-color:#FF0000;
} 

 

p.note,
div.note,
p.note,
div.note 
{
  margin:0px;
  padding:8px 6px 6px 35px;
  font-weight:bold;
  border:1px solid #CCCCCC;
  color:White;
  margin-bottom:10px;
  margin-top:2px;
}
div.note ul 
{
    margin:0px;
    padding:0px;
    margin:5px 0px 5px 35px;
    color:White;
}
div.note ul,
div.note li 
{
    color:White;
}
p.error,
div.error,
p.error,
div.error 
{
    background:#A90000 url(/images/icon-note-error.jpg) no-repeat 0px center;
    
    border-color:Red;
}
p.success,
div.success,
p.success,
div.success 
{
    background:#009900 url(/images/icon-note-success.jpg) no-repeat;
    border-color:#00FF00;
}
p.info,
div.info,
p.info, 
div.info 
{
    background:#333333 url(/images/icon-note-info.jpg) no-repeat 0px center;
    border-color:#888888;
}

.center,
div.content-panel .center
{
    text-align:center;
}
.left 
{
    text-align:left;
}
p.right,
td.right 
{
    text-align:right;
}


/* JQUERY */
.ui-widget-overlay 
{
    background:#000000;    
}
.ui-widget-header 
{
    background:url(/images/sprite-back.jpg) repeat-x 0px -312px;
    border:1px solid #B84D4E;
    text-transform:uppercase;
    
}
.ui-dialog .ui-dialog-content 
{
    padding:1em;
}

.ui-widget-content 
{
    background:#222222;
    border:1px solid #666666;
}
.ui-dialog-buttonpane 
{
    border-top:1px solid #333333;
}
.ui-state-default, .ui-widget-content .ui-state-default 
{
    background:url(/images/sprite-back.jpg) repeat-x 0px -316px;
    border:1px solid #B84D4E;
    text-transform:uppercase;
}
.ui-state-hover, .ui-widget-content .ui-state-hover 
{
    border:1px solid White;
    background:url(/images/sprite-back.jpg) repeat-x 0px -350px;
    
}

/* END JQUERY */


div.top img.logo 
{
    position:relative;
    left:-14px;
    display:block;
    float:left;
}
div.top div.top-bar div.top-right 
{
    float:right;
    padding-top:15px;
}
div.top div.top-bar div.top-right div.brands img 
{
    display:block;
}
div.top div.top-bar div.top-right div.brands 
{
    height:73px;
    float:left;
    border:1px solid #CCCCCC;
    width:250px;
}
div.top div.top-bar div.top-right div.online-chat
{
    margin-left:15px;
    border:1px solid #CCCCCC;
    width:191px;
    height:73px;
    float:left;
      
}
div.top div.top-bar 
{
    height:102px;
}
div.top
{
    height:166px;
    background:url(/images/sprite-repeat-x.png) repeat-x 0px 0px;    
}
div.middle-content 
{
    width:980px;
    margin:0px auto;
}
div.main-content
{
    width:785px;
    float:left;
}
div.main-menu 
{
    width:180px;
    margin-right:15px;
    float:left;
    background:#01215C;
}
div.main-menu ul,
div.main-menu li 
{
    padding:0px;
    margin:0px;
    list-style:none;
    line-height:0px;
    
}
div.main-menu ul ul 
{
    margin-left:10px;
}

div.main-menu ul ul a 
{
    border-left:1px solid #415C8F;
}
    
div.main-menu li a.selected,
div.main-menu li a.selected:hover

{
    background:White;
    color:#000033;
    font-weight:bold;
    border-left-color:White;
    border-bottom-color:White;
    cursor:default;
}
    
    
   
div.main-menu li 
{
}
div.main-menu li a
{
    text-align:left;
    background:#01276B url(/images/mainmenu-back-up.jpg) repeat-x;
    display:block;
    text-transform:capitalize;
    padding:7px;
    margin:0px;
    border-bottom:1px solid #415C8F;
    text-decoration:none;
    line-height:16px;
}
div.main-menu li a:hover,
div.main-menu li a.over,
div.main-menu li a.open:hover
{
    background:#002D9B url(/images/mainmenu-back-over.jpg) repeat-x;
    border-bottom:1px solid #FFFFFF;
    cursor:pointer;
}
div.main-menu li a.open 
{
    background:#0A40A1 url(/images/mainmenu-back-open.jpg) repeat-x;
    border-bottom:1px solid #74A2F5;
    cursor:pointer;
}

div.main-menu li ul 
{
    
}

div.menu-bar div.menu
{
    float:left;    
    padding:18px 0px 0px 0px;
}

div.menu-bar div.search 
{
    float:right;
}

div.menu-bar div.menu a 
{
    text-decoration:none;
}

div.menu-bar div.menu a:hover 
{
    text-decoration:underline;
}

div.menu-bar div.menu span.separator 
{
    display:inline-block;
    padding:0px 10px;
    color:#415E9B;
}
div.search-panel 
{
    float:right;
    width:400px;
    padding-top:8px;
}
div.search-panel table td 
{
    vertical-align:top;
}
div.search-panel table 
{
    width:100%;
}
div.search-panel td.search-left-corner 
{
    width:5px;
    height:30px;
    font-size:1px;
    background:url(/images/sprite-elements.jpg) no-repeat -124px 0px;
}
div.search-panel td.search-field 
{
    background-color:White;
}
div.search-panel td.search-field input
{
    width:100%;
    background:url(/images/sprite-repeat-x.png) repeat-x 0px -198px;
    height:20px;
    padding:0px;
    border:none;
    font-weight:bold;
    padding-top:8px;
    padding-left:3px;
    
}
div.search-panel td.search-button 
{
    width:124px;   
}
div.search-panel td.search-button input.button-over,
div.search-panel td.search-button input.button,
div.search-panel td.search-button input
{
    background:url(/images/sprite-elements.jpg) no-repeat 0px 0px;
    border:none;
    width:124px;
    height:30px;
    display:block;
    font-size:0px;
    /*width:99px;
    height:43px;
    padding:0px;
    margin:0px;
    border:none;
    border-color:White;
    color:Blue;
    float:left;
    display:block;
    text-indent:-9999px;
    line-height:0px;
    font-size:0px;*/
}
div.search-panel td.search-button input.button-over 
{
    background-position:0px -30px;
}



h1, p.heading1 
{
    padding:0px;
    margin:0px;
    height:14px;
    background:url(/images/sprite-repeat-x.png) repeat-x 0px -166px;
    color:#000033;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
    padding:8px 10px;
    margin-bottom:15px;
    line-height:14px;
}
div.panel, 
div.paging-breadcrumbs-combos,
div.listing-item
{
    background:#000A3A;
    padding:15px;
    border:1px solid #012489;
}
div.bottom 
{
    background:url(/images/bottom-back.png) repeat-x top;
    clear:both;
    padding-top:35px;
    padding-bottom:20px;
}
div.bottom-back 
{
    
}
div.bottom div.panel 
{
    margin-top:15px;
    background:#001844;
    border:1px solid #012E80;
    padding-bottom:0px;
}
div.bottom h3 
{
    padding:0px;
    margin:0px;
    font-size:12px;
    margin-bottom:10px;
}
div.bottom ul,
div.casasoft,
div.bottom li,
div.bottom div.contact-details table td

{
    padding:0px;
    margin:0px;
    list-style:none;
    font-size:11px;
    color:#B2BAC7;
}
div.bottom ul ul 
{
    margin-left:10px;
}
div.bottom li a 
{
    color:#B2BAC7;
    text-decoration:none;
    line-height:18px;
}
div.bottom li a:hover 
{
    color:White;
}
div.bottom div.column 
{
    border-right:1px solid #0243BB;
    float:left;
    padding-right:15px;
}
div.bottom div.column.last 
{
    border-right:none;
}
div.bottom div.links 
{
    float:left;
}
div.bottom div.contact-details 
{
    float:right;
}

div.right-side-bar 
{
    width:180px;
    float:right;
    margin-left:15px;
}
div.right-side-bar h2,
div.right-side-bar a.heading2 
{
    padding:0px;
    margin:0px;
    display:block;
    font-size:12px;
    margin-bottom:4px;
    font-weight:bold;
    text-decoration:none;
    clear:both;
}
div.right-side-bar a.heading2:hover 
{
    text-decoration:underline;
}
div.middle-content-side-bar 
{
    width:590px;
    float:left;
}
a.button 
{
    text-indent:-9999px;
    display:block;
    cursor:pointer;
    float:right;
}
a.read-more 
{
    width:89px;
    height:26px;
    background:url(/images/sprite-elements.jpg) no-repeat 0px -133px;    
}
a.read-more:hover 
{
    background:url(/images/sprite-elements.jpg) no-repeat -89px -133px;    
}
abbr 
{
    border:none;
    color:#73A4FD;
    margin:0px;
    padding:0px;
}
hr 
{
    border:none;
    border-bottom:1px solid #013EAF;
    width:80%;
    text-align:center;
    clear:both;
    padding:0px;
    margin:10px auto;
}
p.no-margin 
{
    padding:0px;
    margin:0px;
}
table.home-links 
{
    width:100%;
    
}
table.home-links td 
{
    padding-bottom:15px;
}
table.home-links a img,
div.offer a img 
{
    border:1px solid #0543B4;
    display:block;
}
div.offer a:hover img,
table.home-links a:hover img
{
    border-color:#4D89FB;
}
table.home-links td.right 
{
    width:287px;
}
table.home-links td.right img
{
}


div.offer 
{
    margin-bottom:15px;
}
div.paging-bar div.paging-bar-text
{
    float:left;
}
div.paging-bar div.paging-bar-pages 
{
    float:right;
}
div.paging-breadcrumbs-combos 
{
    height:53px;
}
div.nav-breadcrumbs 
{
    float:left;
}
div.paging-bar 
{
    clear:both;
}
div.paging-bar-pages a 
{
    color:#9FB3FF;
    text-decoration:none;
}
div.breadcrumbs-and-combos 
{
    height:18px;
}
div.breadcrumbs-and-combos div.combos 
{
    float:right;
}
div.paging-bar-pages a.selected 
{
    font-weight:bold;
    color:White;
    cursor:default;
}
div.paging-bar-pages a:hover
{
    color:White;
}
div.paging-bar-pages 
{
    color:#01318A;
    cursor:default;
}
div.breadcrumbs-and-combos div.combos td
{
    padding-left:5px;
}
div.paging-bar 
{
    clear:both;
    border-top:1px solid #012489;
    margin-top:10px;
    padding-top:10px;
}
div.nav-breadcrumbs 
{
    font-size:10px;
    color:#686E8F;
    cursor:default;
    padding-top:5px;
}
div.nav-breadcrumbs a 
{
    color:#B4B7C8;
    text-decoration:none;
    text-transform:capitalize;
    
}
div.nav-breadcrumbs a:hover 
{
    text-decoration:underline;
    color:White;
}

div.listing-item:hover 
{
    border-color:#0154EF;
    background-color:#00004A;
}
div.listing-item 
{
    margin-top:5px;
}
div.listing-item td 
{
    vertical-align:top;
}
div.listing-item td.thumbnail 
{
    width:95px;
    
   
    vertical-align:middle;
}
div.listing-item td.thumbnail-cell
{
     background-color:White;
     height:74px;
     width:95px;
     vertical-align:middle;
}
div.listing-item td.thumbnail-cell a 
{
    display:block;
    text-align:center;
}

div.listing-item td.thumbnail-cell a img 
{
    margin:0px auto;
} 

div.listing-item td.details 
{
    padding-left:15px;
} 

div.product-images img
{
    border:1px solid #045FF3;
    padding:1px;
}
div.product-images a:hover img,
div.listing-item td.thumbnail-cell a:hover 

{
    border-color:#A7C8FE;
}
div.listing-item a.title 
{
    font-weight:bold;
    text-decoration:none;
    display:block;
    font-size:14px;
    padding-bottom:13px;
    float:left;
}
div.listing-item a.title:hover 
{
    text-decoration:underline;
}
div.listing-item table.brands 
{
    float:right;
    width:auto;
}
div.listing-item p.desc 
{
    clear:both;
}
div.listing-item table 
{
    width:100%;
}
div.listing-item a.more-details 
{
    float:right;
    font-weight:bold;
    text-decoration:none;
}
div.listing-item a.more-details:hover 
{
    text-decoration:underline;
    color:White;
}
div.listing-item td.brand-label,
div.listing-item td.price-label 
{
    font-weight:bold;
    padding-right:5px;
    vertical-align:middle;
}
div.listing-item td.price 
{
    vertical-align:middle;
    padding-right:10px;
}

div.product-top 
{
    border-bottom:1px solid #013098;
    height:18px;
    margin-bottom:15px;
}
div.product-top div.nav-breadcrumbs 
{
    padding-top:0px;
}
div.product-top a.go-back 
{
    float:right;
    font-size:10px;
}
div.product-images 
{
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}
div.product-images p.more-images 
{
    padding:0px;
    margin:0px;
    text-align:center;
    font-size:10px;
    color:#5691FE;
    cursor:default;
}
div.product div.bottom-buttons 
{
    border-top:1px solid  #013098;
    height:43px;
    padding-top:10px;
}
a.got-an-enquiry,
a.download-specs 

{
    background:url(/images/sprite-elements.jpg) no-repeat 0px -159px;
    display:block;
    width:199px;
    height:43px;
    text-indent:-9999px;
    font-size:0px;
    float:left;
}
a.download-specs 
{
    background:url(/images/sprite-elements.jpg) no-repeat -199px -159px;
}
a.download-specs:hover 
{
    background:url(/images/sprite-elements.jpg) no-repeat -199px -202px;
}
a.got-an-enquiry:hover 
{
    background:url(/images/sprite-elements.jpg) no-repeat 0px -202px;
    
}
div.bottom-buttons div.buttons 
{
    margin-right:-12px;
}
div.bottom-buttons div.last-edited 
{
    font-size:10px;
    color:#B4B7C8;
}
div.form td.label 
{
    width:100px;
}
div.form td 
{
    padding:0px 0px 5px 0px;
}
div.form input,
div.form textarea,
div.form select 
{
    width:250px;
}
div.form td.buttons input 
{
    width:auto;
    padding-left:20px;
    padding-right:20px;
}
input.button 
{
    padding:10px;
}
div.form input.button 
{
    
}
h2 
{
    padding:0px;
    padding:5px 0px;
    padding-bottom:10px;
    font-size:16px;
    
}

div.product-title 
{
    position:relative;
}
div.product-title img.brand 
{
    position:absolute;
    left:728px;
    top:7px;
    border:1px solid #666666;
}

div.enquiry 
{
    border-top:1px solid #013098;
}
div.panel div.contact-details 
{
    float:right;
    width:304px;
}
div.panel div.contact-form 
{
    float:left;
}
table.form td.label 
{
    vertical-align:top;
    padding-top:3px;
}
div.contact-details-google-map 
{
    border:1px solid White;
    padding:1px;
    margin-top:15px;
}
div.contact-details label 
{
    cursor:text;
    font-weight:bold;
}

div.contact-details td.label 
{
    width:70px;
    vertical-align:top;
} 
div.contact-details td 
{
    padding-bottom:5px;
    line-height:20px;
}
div.contact-details-column div.contact-details
{
    border-left:1px solid #013098;
    padding-left:15px;
}
div.contact-details-google-map div.google-map 
{
    height:300px;
    width:300px;
}

div.casasoft
{
    font-size:10px;
    text-align:center;
    padding:10px 0px;    
    color:#697487;
}
div.casasoft a 
{
    text-decoration:none;
    color:#697487;
}
div.casasoft a:hover 
{
    color:White;
}
div.keyword-suggest-results 
{
    background-color:White;
    border:1px solid White;
    margin-top:3px;
}
div.keyword-suggest-results div.keyword-suggest-result,
div.keyword-suggest-results div.keyword-suggest-result-highlight 
{
    color:#013087;
    border-bottom:1px solid #CCCCCC;
    padding:5px;
}
div.keyword-suggest-results div.keyword-suggest-result-highlight 
{
    background-color:#013087;
    color:White;
    border-bottom-color:#013087;
    cursor:pointer;
    
}

p.contact-us-online 
{
 text-align:center;
 font-size:11px;   
}
div.video 
{
    height:300px;
    border:1px solid #045FF3;
    margin-bottom:15px;
    padding:1px;
}
div.search-button 
{
    color:Red;
}
div.panel div.online-chat 
{
    float:right;
    margin-top:10px;
    margin-right:10px;
    
}
div.panel div.online-chat img 
{
    border:1px solid White;
    padding:1px;
}
div.panel div.online-chat a:hover img 
{
    border-color:#045FF3;
}

div.main-menu-container span.icon 
{
    display:block;
    float:right;
    width:15px;
    text-align:center;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}