.@charset "utf-8";
/* Global CSS Settings*/
body { margin:0; padding:0; width:100%; background:#fff;}
html { padding:0; margin:0;}

p,td,th,input,textarea,li  {font:normal 14px Arial, Helvetica, sans-serif; color:#003300; line-height:1.4em;}
select  {font:normal 11px Arial, Helvetica, sans-serif; color:#003300; line-height:1.1em;}

a {color:#0066FF;}
a:hover { color:#800000; text-decoration:none; background: #FFFF82;}

h1  {font-family: Verdana, Veranda,Arial, Helvetica, sans-serif; font-size: 24px;  line-height:1.2em; color: #003300;}

ul {
   list-style-type: disc;
   list-style-position: outside;
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   line-height: 150%;
   font-size: 14px;
   color: #003300;}
}

li {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #003300;}

ol {
   list-style-type: decimal;
   list-style-position: outside;
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #003300;}

.a0      { font-size: 8px }
.a1      { font-size: 10px }
.a2      { font-size: 12px }
.a3      { font-size: 14px }
.a4      { font-size: 16px }
.a5      { font-size: 18px }
.a6      { font-size: 22px }
.a7      { font-size: 30px }
.a8      { font-size: 35px }

a {color:#0066FF;}
a:hover { color:#800000; text-decoration:none; background: #FFFF82;}

a.readmore { color:#FF0000; font-family: Arial, Helvetica; font-size: 10px; text-decoration:underline }

a.blacklink { color:#FFFFFF; text-decoration:none }
a.blacklink:hover { color:#FFFF00;text-decoration:none}

a.redblueclick { color:#EA0000; text-decoration:none }
a.redblueclick:hover { color:#000080; text-decoration:none; }

a.blueredclick { color:#002200; text-decoration:none }
a.blueredclick:hover { color:#002200; text-decoration:none; background: #FFFF82; }

a.blueredunderline { color:#7979FF; text-decoration:underline }
a.blueredunderline:hover { color:#EA0000; text-decoration:none; background: #FFFF82; }

a.noaction {text-decoration:none }

a.maroonblueclick { color:800000; text-decoration:none }
a.maroonblueclick:hover { color:#000080; text-decoration:none; background: #F7F77D; }

a.yellowblueclick { color:#000000; text-decoration:none; }
a.yellowblueclick:hover { color:#EA0000; text-decoration:none;}

a.bluemaroonunderline {color:#0066FF; text-decoration:underline}
a.bluemaroonunderline:hover { color:#800000; text-decoration:none; background: #FFFF82;}

a.bluemaroonclick {color:#000080; text-decoration:none}
a.bluemaroonclick:hover { color:#800000; text-decoration:none; background: #FFFF82;}

/*rounded250 product boxes - top height=25; bottom height=10 radius=10 background=#EBEBEB */
.rounded250 {
 width: 250px;
 background: #BFDDE8 url(/images/250_light_blue_BFDDE8_box_bottom.gif) no-repeat bottom center;
 padding-bottom: 15px;
}
.rounded250 h3 {
 font:normal 18px Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 line-height:1.3em;
 text-align: center;
 padding 0;
 background: transparent url(/images/250_dark_blue_000080_box_top.gif) no-repeat top center;
}

/*rounded200 product boxes - top height=35; bottom height=10 radius=10 background=#EBEBEB */
.rounded200 {
 width: 200px;
 background: #BFDDE8 url(/images/200_light_blue_BFDDE8_box_bottom.gif) no-repeat bottom center;
 padding-bottom: 10px;
}
.rounded200 h3 {
 font:normal 18px Arial, Helvetica, sans-serif;
 color:#F2F4CC;
 line-height:1.5em;
 text-align: center;
 padding: 0;
 margin: 0 0 8px 0;
 background: transparent url(/images/200_black_232323_box_top.gif) no-repeat top center;
}
.rounded200 a {font:strong 10px Arial, Helvetica, sans-serif; color:#000000; line-height:1.1em; text-decoration: none;}
.rounded200 a:hover {background: none; text-decoration: underline;}

/*rounded175 product boxes - top height=35; bottom height=10 radius=10 background=#EBEBEB */
.rounded175 {
 width: 175px;
 background: #BFDDE8 url(/images/175_light_blue_BFDDE8_box_bottom.gif) no-repeat bottom center;
 padding-bottom: 10px;
}
.rounded175 h3 {
 font:normal 18px Arial, Helvetica, sans-serif;
 color:#F2F4CC;
 line-height:1.5em;
 text-align: center;
 padding: 0;
 margin: 0 0 8px 0;
 background: transparent url(/images/175_black_232323_box_top.gif) no-repeat top center;
}
.rounded175 a {font:strong 10px Arial, Helvetica, sans-serif; color:#000000; line-height:1.1em; text-decoration: none;}
.rounded175 a:hover {background: none; text-decoration: underline; color:#800000;}

/*main-body*/
.main-body {width:960px; margin:0 auto; padding:0;}
.left-main  { width:200px; float:left; margin:0; padding:10px 10px;}
.right-main  { width:720px; float:right; margin:0; padding:10px 10px;}

.cart {position:relative; padding:40px 0 0 0;}
.cart td {font:normal 14px Arial, Helvetica, sans-serif; color:#003300; line-height:1.1em;}
.cart input {font:normal 14px Arial, Helvetica, sans-serif; color:#003300; text-align:center; line-height:1.1em;}
.cart a {text-decoration: none; padding:0;}
.cart a:hover {text-decoration: none; background: none; padding:0;}

.site_map {position:relative; padding:40px 0 0 100px; text-align: left;}
.site_map a {font:normal 14px Arial, Helvetica, sans-serif; color:#003300; line-height:1.1em; text-decoration: none; padding:0;}
.site_map a:hover {font:normal 14px Arial, Helvetica, sans-serif; color:#003300; line-height:1.1em; text-decoration: underline; padding:0;}

.product-group  {position: relative; width:220px; height:380px; float:left; margin:0 20px 40px 0; background: #FFFFFF url(/images/product_background.gif); padding:0 border: 0px solid #000080; text-align:center;}
.product-group-picture  {width:200px; margin:10px 10px 5px 10px;}
.product-group-picture a{text-decoration:none}
.product-group-picture a:hover{text-decoration:none; background:none;}

.product-group-header {width:200px;  margin:3px 10px 5px 10px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-group-header a{font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.4em; text-decoration:none}
.product-group-header a:hover{text-decoration:underline; background:none;}

/*.product-group-footer {position: absolute; bottom: 0px; width:200px;  margin:3px 10px 5px 10px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}*/
.product-group-footer {width:200px;  margin:3px 10px 5px 10px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-group-footer a{font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.4em; text-decoration:none}
.product-group-footer a:hover{text-decoration:underline; background:none;}
.product-group-footer-listprice{font: normal 14px Arial, Helvetica, sans-serif; color:#080000;}
.product-group-footer-price{font: bold 16px Arial, Helvetica, sans-serif; color:#000080; line-height:1.6em;}

.product-group-main {width:650px; height:380px; float:left; margin:0 20px 40px 0;  padding:0 border: 0px solid #000080;}

.product-group-description {width:450px;  float:left; margin:3px 10px 5px 10px; font: normal 12px Arial, Helvetica, sans-serif; color:#000;}
.product-group-description h1{font: bold 18px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.4em; text-decoration:none}
.product-group-description p{font: normal 14px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.4em; text-decoration:none}
.product-group-description td{font: normal 14px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.4em; text-decoration:none}
.product-group-description a{font: bold 14px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.4em; text-decoration:none}
.product-group-description a:hover{text-decoration:underline; background:none;}

.product-category  {position: relative; width:330px; height:300px; float:left; margin:0 30px 30px 0; background: #FFFFFF  url(/images/330_300_collage_border.gif); padding:0 border: 0px solid #000080; text-align:center;}
.product-category-picture  {width:290px; margin:10px 10px 5px 20px;}
.product-category-picture a{text-decoration:none}
.product-category-picture a:hover{text-decoration:none; background:none;}

.product-category-header {width:290px;  margin:3px 10px 5px 10px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-category-header a{font: bold 20px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.product-category-header a:hover{text-decoration:none; background:none;}

/*.product-category-footer {position: absolute; bottom: 0px; width:290px;  margin:3px 10px 10px 10px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;} */
.product-category-footer {width:290px;  margin:3px 10px 10px 10px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-category-footer a{font: normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.2em; text-decoration:none}
.product-category-footer a:hover{text-decoration:none; background:none;}

/* The rest of these are the template css settings*/
/* main */
.main {width:100%; padding:0; margin:0 auto; background: #ebebeb; }

/********** header **********/
.header { background:url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:960px; padding:0; height:100px; border:none;}
/* logo */
.logo { float:left; padding:5px; text-align: right; margin:0; width:300px; font: normal 30px Arial, Helvetica, sans-serif; color:#F2F2F2; }
.logo p{ font:normal 18px Arial, Helvetica, sans-serif; color:#AADAE5; line-height:1.2em; padding:0; margin:0;}
/* menu */
.menu_top { float:right; padding:5px 25px 0 0; margin:0; width:440px; text-align: right; border:0; font:normal 14px Arial, Helvetica, sans-serif; line-height:1.2em; color:#FFFFFF; line-height:1.2em}
.menu_top a {color:#FFFFFF; text-decoration:none;}
.menu_top a:hover {color:#ffff66; text-decoration:none; background:none;}
.menu { float:right; padding:15px 0 0 0; margin:0; width:440px;}
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 0; color:#a1a1a1; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px; background:none;}
.menu ul li a:hover { color:#fff;  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#fff;  background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  color:#fff; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#fff;  background:url(images/l_menu.gif) no-repeat left;}
/* search_top_blog */
.search_top_blog { background:url(images/header_bg.gif) top repeat-x; margin:0; padding:0; float:left;}
.search_top_blog_resize { width:960px; margin:0 auto; padding:0;}
/* search_top */
.search_top { padding:2px 20px 0 0; margin:0; width:230px; float:left;}
.search_top form { display:block; float:right; padding:0;}
.search_top span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:150px; padding:0 5px; height:25px;}
.search_top form .keywords { width:99px; line-height:17px; height:17px; float:left; background:none; border:0; padding:4px 2px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.search_top form .button { float:left; margin:0; padding:0;}

 /* sub_text */
.sub_text { background: url(images/sub_text_bg.jpg) top center repeat-x; padding:0; margin:0; height:60px;}
.sub_text_resize { width:960px; margin:0 auto; padding:0;}
.sub_text_resize img { float:right; padding:5px 0 0 0; margin:0;}
.sub_text_resize h2 { font: normal 40px Arial, Helvetica, sans-serif; color:#1a1919; padding:5px 0 0 5px; margin:0;}

.sub_text_resize_mcafee { float:right; padding:5px 0 0 0; margin:0;}

/* search */
.search_resize_right { width:170px; float:right ;margin:0 20px 0 0; padding:0;}
.search_resize { width:169px; float:left ;margin:0; padding:0; border: 1px solid #000000;}
.search { padding:0; margin:0; width:185px; float:left; background:none;}
.search form { display:block; float:left; margin:0 ;padding:0; background:none;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:135px; margin:0; padding:0; height:30px;}
.search form .keywords { width:125px; line-height:17px; height:17px; float:left; background:none; border:0; padding:8px 2px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.search form .button { float:left; margin:0; padding:0;}

/* header box */
.header_box { background:#f8f8f8 url(images/slide_bg_line.gif) top repeat-x;}
.header_box_resize { background:url(images/slide_bg.jpg) center top no-repeat; height:472px; width:960px; margin:0 auto;}
.slider_cu3er { width:576px; float:left; padding:74px 0 0 24px;}
#cu3er-container { width:537px; outline:0; height:361px;}
.header_text { width:345px; float:right; padding:10px 0 0 15px;}
.header_text h2 { padding:10px 0 0 0; margin:0; font:normal 32px/1.2em Arial, Helvetica, sans-serif; color:#1a1919;}
.header_text p { padding:8px 0; margin:0; font:normal 13px/1.3em Arial, Helvetica, sans-serif; color:#1a1919;}
.header_text a:hover {text-decoration:none; background:none;}


/*FBG*/
.FBG { margin:0 auto; width:960px; padding:10px 0 0 0;}
.FBG_resize { border-top:1px solid #e9e9e9; background:#f2f2f2; margin:0; padding:0;}
/****Recent **/
.Recent  { width:300px; float:left; padding:10px; margin:10px 0;}
.Recent p{ font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent p span { color:#2a2a2a; font: bold 14px Arial, Helvetica, sans-serif;}
.Recent img { float: left; margin:10px 15px 20px; padding:0;}
/********** block index **********/
.body { margin:0; padding:0; background: #fff; border-top:1px solid #eaeaea;}
/*.body_resize { width:960px; margin:0 auto; padding:0;}*/
.body_resize { width:750px; margin:0 auto; padding:0;}
.body_resize h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; padding:10px 5px; margin:0; line-height:1.8em;}
.body_resize td { font:normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; margin:0; line-height:1.4em;}
.body_resize p span { color:#45b8c3; font: normal 11px Arial, Helvetica, sans-serif;}
.body_resize p.n { color:#7d7d7d; font: normal 12px Arial, Helvetica, sans-serif;}
.body_resize a { color:#45b8c3; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif;}
.body_resize img { margin:10px auto; padding:0;}
.body_resize img.floated { float:left; margin:10px; padding:0;}
/*.right  { width:300px; float:right; margin:0; padding:10px 10px; border:10px;} */
.right  { width:280px; float:right; margin:0; padding:20px 0;}
/*.left  { width:620px; float:left; margin:0; padding:10px 10px;} */
.left  { width:450px; float:left; margin:0; padding:20px 0;}
.blog { width:280px; float:left; margin:0; padding:10px 5px;}
.blog p.grey { color:#5f5f5f;}
/********** contact form **********/
.form { float:left; width:430px; margin:5px auto; padding:0; background:#f7f7f7; border:1px solid #ececec;}
/*.form { float:left; width:550px; margin:5px auto; padding:0; background:#f7f7f7; border:1px solid #ececec;}*/
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:300px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:300px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 280px; border:0; color:#FFF;}
/*#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}*/
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0;}
.footer {padding:0;  margin:0; background:#f7f7f7; border-top:1px solid #eaeaea;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#747474;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

/*Magic Zoom v3.1.16 */

.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of zoomed window */
.MagicZoomBigImageCont {
border: 0px solid #999;
}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(img/ajax-loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}

/* Styles for zoom pup window (that one what move with mouse above small image) */
.MagicZoomPup {
  background:     #90a8d6;
  border:         1px solid #022e6f;
}
/* Styles for header on large zoom window */
.MagicZoomHeader {
  background:     #90a8d6;
  font-size: 12px;
}
/* Styles for large zoom window */
.MagicZoomBigImageCont {
  border:         0px solid #90a8d6;
}
/* End of MagicZoom*/