/**********************************
*             Css Reset             *
**********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; width:100%;}

/**********************************
*             Generic         old colour 777777  666666  *
**********************************/
html{ height:101%;}

body { 
  font-size: 75%;
  color: #222;
  color:#FFF;
  background:#1d335d url(../images/bg.png) center top repeat-x;
  font-family: Helvetica, Arial, Helvetica, sans-serif;
  padding-bottom:20px;
  line-height:1.3;
}

body{  font-size:12px; color:#222;  background:#FFFFFF; font-style:normal; font-variant:normal;font-weight:normal; height:101%; padding-bottom:60px;}
body#home{ background:#FFFFFF url(../images/homeBG.jpg) 0px 50px repeat-x; }
body#pages{ background:#FFFFFF url(../images/pagesBG.jpg) 0px 50px repeat-x;}
.cb { clear:both;}
h1, h2, { margin:13px 0px;}
h3{ margin:5px 0px 13px 0px;}
h1{ color:#000000; } h2, h3 { color:#000000; }
h1 {font-size:24px} h2 {font-size:20px} h3 {font-size:13px}
form fieldset{ -moz-border-radius:2px; -webkit-border-radius:2px;}
form fieldset legend {background-color:#ffffff;  color:#333333; margin:0 0 -15px; padding:5px 7px; font-size:16px; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px;}
.note{ font-size:10px; color:#999999;}
.btn{ cursor:pointer;}

a{ color:#047fb8;}
a:hover{ text-decoration:underline;}
textarea, input{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.cb{ clear:both; float:none;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


p           { margin: 0 0 1.5em; line-height:1.3;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #047fb8; text-decoration: underline; cursor:pointer; }
a:hover		{text-decoration:underline;}



.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.strong  	{ font-weight: bold;}
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.berror,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.berror      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.berror a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

li			{  line-height:1.3;}

.inner{ padding:10px;}
.outer{ margin:10px;}
.pad{ padding:5px;}
.right{ float:right;}
.left{ float:left;}
.br{ border-right:solid 1px #999;}
.bl{ border-left:solid 1px #999;}
.round{-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dashed{ border:dashed 2px #CCCCCC;}
.solid{ border:solid 1px #CCCCCC;}
.error{ color: #8a1f11; padding:5px;}
td{ padding:3px 10px;}
.bluebg{ background:#eee;  -moz-border-radius:3px; -webkit-border-radius:3px;}


input.input{border:1px solid #DDDDDD;color:#000000;font-size:12px;padding:8px 5px;width:300px;}
.submit {border:medium none;-moz-border-radius:20px;-webkit-border-radius:20px;background:#1F3D75 url(../account_images/menu/menu-bg.jpg) repeat-x scroll 0 0;color:#FFFFFF;font-size:14px;padding:5px 30px;}



.smallLink{ font-size:10px;}
.flash{ background:#FFFFCC; border:1px solid #CC9933;}
.success{ font-weight:bold;color:#009900 }
a.boxlink{ background:#059545; color:#FFFFFF; padding:1px 2px 1px 2px; text-decoration:none;}
a.boxlink:hover{ background:#FFFFCC; color:#333333;}


.formTable{ width:100%;}
.formTable td{ vertical-align:middle;padding:4px 0; text-align:left;}
.formTable td.name{text-align:right; font-weight:bold; padding-right:10px;}
.formTable td.large{ padding-top:10px; vertical-align:top;}
.formTable .txtinput{ width:300px;border:1px solid #DDDDDD;color:#000000;font-size:12px;padding:8px 5px;}
.formTable td textarea, .formTable td textarea.txtinput{ width:100%;}

.content{width:780px; margin:0 auto;}
/**********************************
*             Menu             *
**********************************/
#menu{ height:50px; background:#111;}
#menu ul{list-style:none; list-style-type:none;  padding:0;  height:50px; float:right;  margin:0;}
#menu ul li{ float:left; display:block; margin:15px 0px 0px 0px;}
#menu ul li a{ color:#FFFFFF; text-decoration:none; padding:5px 10px 0px 10px; display:block; font-weight:bold; text-decoration:none}
#menu ul li a:hover{  color:#fea24a; display:block;  }
#menu ul li a.selected{ background:transparent; color:#1e8feb; }
#menu ul li a.nohov:hover{color:#FFFFFF; background:#333333;}
#menu .logo{ font-size:20px; margin:13px 0 0 0; padding:0; float:left;}

#logo{ float:left;}


/**********************************
*              Main               *
**********************************/
#main {}
#flagCell {position:absolute;margin-left:730px;top:50px}

#promo {border-top:none; background:#f1f1f1 url(../images/promo_bg.png) repeat-x; height:280px;}
#promo #main_image{ margin-top:15px; float:left;}
#promo #main_text{ margin:35px 40px 0px 40px; float:left; width:400px; color:#fff;}
#promo #main_text h2{ color:#FFF; font-weight:bold;}
#promo #main_text h3{ color:#fff; line-height:1.3;}

#promo #main_text a.button{ background-position:0px 0px; background-repeat:no-repeat; float:left; display:block; height:30px; width:150px;text-decoration:none}
#promo #main_text a.button:hover{ background-position:0px -30px;}

#promo #main_text a#more{ background-image:url(../images/more_info.png); margin-right:20px;}
#promo #main_text a#buy{ background-image:url(../images/buy_now.png);}


.contain{ background:#f1f1f1;}


#home #text{ width:470px;}
#home #text p{ line-height:1.5;}
#home #text li{ margin-bottom:7px;}
#home #points{ width:290px;}


#points ul{ margin:0; padding:0;}
#points ul li{ display:block; width:240px; padding-left:50px; height:80px; background-repeat:no-repeat; background-position:0px 0px;}
#points ul li a{}
#points ul li h3{ font-size:16px; margin-bottom:10px;}
#points li#point_1{ background-image:url(../images/icons/refresh.png);}
#points li#point_2{ background-image:url(../images/icons/drives_10.png);}
#points li#point_3{ background-image:url(../images/icons/clock_32.png);}
#points li#point_4{ background-image:url(../images/icons/windows_32.png);}


.contentCell{ padding-top:10px;}

#contentMain {width:60%}
.desc {padding-bottom:10px}
.pros h3 {margin:4px 0px 0px 25px;background:url(../images/bg_tick_bullet.gif) left no-repeat;padding:5px 0px 2px 21px;color:#6475A3}
.pros p {margin:0px 0px 10px 46px;}
.contentCell h2 {font-weight:normal;border-bottom:1px solid #CCCCCC;padding-bottom:3px}
#contentCellPro strong {color:#4C3E28}
#contentCellFAQ {padding-right:80px;text-align:justify}
#contentCellAbout {text-align:justify}
#contentCellProduct #contentMain h2 a {color:#002656}
#contentCellProduct{ margin-top:30px;}
#contentCellProduct #contentMain h2.jsShow {background:url(../images/downArrow.gif) left no-repeat;padding-left:10px}
#contentCellProduct .dark {background-color:#EFEFEF}
#contentCellProduct #longDesc h1 {font-size:15px}
#contentCellProduct #longDesc h2 {font-size:13px}



/**********************************
*         Category Page           *
**********************************/
.catHeader {font-weight:bold;font-size:16px;background-color:rgb(243, 244, 246);padding:5px;padding-left:15px;margin-top:20px}
.catTable {margin-bottom:10px}
.catTable td {vertical-align:middle;text-align:left}


/**********************************
*          Right Column           *
**********************************/
#contentRight {float:right;width:35%}
#contentRight #imageCell a img {padding-bottom:3px}
#contentRight #imageCell div#price {font-weight:bold;padding-top:5px;font-size:16px}
#contentRight #imageCell div#price span {font-size:14px}
#contentRight .rightCell { background:#f5f5f5; border:solid 1px #ccc;}
#contentRight div .heading {padding:5px;border-bottom:1px solid #CCCCCC;background:url(../images/menu-bg.gif) left top;color:#FFFFFF;font-weight:bold}
#contentRight div .content {padding:5px}


/**********************************
*              Footer             *
**********************************/
#footer {border-top:8px solid #047fb8;height:60px;padding-top:10px;}