body { margin:0; padding:0; width:100%;font: normal 10pt Arial, Helvetica, sans-serif;background:#d7d7d7 url(images/footer_bg.gif);}
html { padding:0; margin:0;}
a, a:visited {color:#066;text-decoration:none;border-bottom:1px dotted #bbb;}
a:hover {text-decoration:none;border-bottom:none}
ul li {list-style-image:url(images/simple_ul_li.png);}
li {margin:0.5em 0 0.5em 0;}
img {border:none}

.grey {font-size:11px;color:#999999;}
hr {color:#DFDFDF;height:1px;border:none;background:#d4d4d4;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background: #ebebeb url(images/bg_texture.jpg); }

/********** header **********/
.header { background:#e1ecef; padding:0; margin:0 auto; }
.block_header {margin:0 auto; width:986px; padding:0;position:relative}
.block_header a {border-bottom:none}/*override default A style*/
/* logo */
.logo { float:left; padding:0; margin:0; width:277px;}
/* search */
.search { padding:0; margin:53px 0 0 0; float:right; width:340px; position:absolute;right:0}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/sprites.png) left top no-repeat; background-position: -10px -10px; width:149px; padding:0 5px; height:33px;}
.search form .keywords { line-height:14px; float:left; border:0; width:149px; padding:9px 0; height:14px; background:none; margin:0; font-size: 14px; color:#9c9c9c;}
.search form input.keywords:focus {outline:none;}
.search form .button { float:left; margin:0; padding:0;background:transparent url(images/sprites.png) no-repeat;background-position: -10px -63px;width:35px;height:33px;border:0;cursor:pointer;border-radius:0;margin-left:-1px;}
.search img {margin-right:15px}
.search a {float:left}
.uppermenu {float:right;padding:10px 5px 0 0}
.uppermenu a {color:#999}
.uppermenu a:hover {text-decoration:underline}
/* menu */
.menu {  position:absolute; top: 108px; left: 550px;}
.menu > ul { text-align:right; padding:0; margin:0; list-style:none; border:0; height:35px;}
.menu > ul > li { float:left; margin:0; padding:0 5px; border:0; height:35px;list-style:none;line-height:normal}
.menu > ul > li > a { float:left; margin:1px 0 0 0; padding:11px 0; color:#066; text-decoration:none;}
.menu > ul > li > a span { padding:20px 18px 20px 23px	; background:none;margin-right:5px;}
.menu > ul > li > a:hover { background:url(images/sprites3.png) right no-repeat;}
.menu > ul > li > a:hover span { background:url(images/sprites3.png) left no-repeat;text-decoration:underline;}
.menu > ul > li.active > a { background:url(images/sprites3.png) right no-repeat;}
.menu > ul > li.active > a span { background:url(images/sprites3.png) left no-repeat;}
div.dropdown {top:35px;float:right;text-align:left;border:1px solid #c5c5d5;background:#ffffff;padding:25px 25px 15px 25px;;width:340px;clear:left; z-index:1;}
div.dropdown a {text-decoration:none;}
div.dropdown a:hover {text-decoration:underline;}
div.dropdown ul {padding-left:17px; margin: 0;padding-bottom:15px;}

/********** slider **********/
.slider_top {margin:0 auto; padding:0; background:#e1ecef;}
.gallery { width:860px; height:250px; margin:0 auto; padding:0; }
/*header_text*/
.header_text { margin:0 auto; padding:29px 0 0 0; min-height:245px; width:984px; background: url(images/sprites2.png) top repeat-x; background-position: 492px -10px;border:1px solid #cdd7d9;}
.header_text .div { width:860px; padding:0; margin:0 auto;}
.header_text a {border-bottom:none}
.header_text img.screen { float:left; margin:0; padding:0;}
.header_text .div .left1 { float:right; width:515px; padding:10px 0 0 0; margin:0;}
.header_text .div .left1 img { float:left; margin:0; padding:0 3px 0 0;vertical-align:baseline}
.header_text h2, .header_text h1 { font-size: 30px; color:#366; padding:10px 0 10px 0; margin:0;}
.header_text .div .left1 p.uli { background: url(images/simple_ul_li.png) left no-repeat; padding:2px 20px; margin:0; color:#878787;}
.header_text p { color:#333; padding:5px 50px 20px 0; margin:0;line-height:1.7em;}
/********** slider **********/
.header_text2 { margin:0 auto; padding:29px 0 0 0; min-height:72px; width:984px; background: url(images/sprites2.png) repeat-x; background-color:#E9F1F3; border:1px solid #cdd7d9; background-position:0px -513px}
.header_text2 h2, .header_text2 h1 {padding: 0 0 0 25px;margin:0; font-size:36px; color:#336666; font-weight:bold}
.header_text2 h3 {font-style:italic; font-weight:normal;color:#366;margin-top:5px;text-align:center;font-size:20px}
.header_text2 h3 img {vertical-align:middle}
.header_text2 h3 a {border:none}
.header_text2 div.buttons {float:right; margin:0; padding:7px 20px 0 0;}
.buttons a, a.button {border-bottom:none}
/* top_bg */
.top_bg { background:url(images/sprites2.png) top repeat-x; margin:0; padding:0;background-position: 0px -430px;}
.top_bg2 { background:url(images/sprites2.png) top repeat-x; margin:0; padding:0;height: 23px;background-position:0px -487px}
.top_bg_resize { width:986px; margin:0 auto; padding:0 0 0 0;height:50px;color:#5c8783;line-height:50px;font-size: 15px;background:url(images/sprites.png) no-repeat;background-position: -10px -106px;}
.top_bg_resize img {vertical-align:middle;}
.top_bg_resize h2 {margin:0px;font-size: 14pt;float:left;width:316px;padding-left:12px}
/*FBG*/
.FBG { margin:0 auto; padding:0 0 20px; color:#5f5f5f;line-height:1.7em;}
.FBG p { padding:20px;height:90px; margin:0;font-size:11px;background:url(images/gradient_bg.png)}
.FBG h2 {font-size:14pt; margin: 0 0 0 0}
.FBG h3 {font-size:12pt; margin: 0 0 0 0}
.FBG p strong { color:#2a2a2a;}
.FBG_resize { width:984px; margin:0 auto; padding:0; border:1px solid #d4d4d4; background:#f8f8f8;}
.Recent  { width:327px; float:left; padding:0px; margin:0; border-left:1px solid #ddd;}
.Recent2  { width:328px; float:left; padding:0px; margin:0;}
.Recent img.prodcat, .Recent2 img.prodcat {float:left;padding:0; margin:0 10px 10px 0px; vertical-align:middle}
.Recent b, .Recent2 b {font-size: 13pt}
/********** block index **********/
.body { margin:0; padding:0 0 20px 0;box-shadow:0px 3px 3px #333;}
.body > div {width:985px;margin-left:auto;margin-right:auto}
.body_resize {padding:0; color:#333333;line-height:1.7em;margin-bottom:20px}
.body_resize h2, .body_resize h1, .productfeatures h2 { font-size: 14pt; color:#282828; padding:5px 0px; margin:0px; border-bottom:1px solid #dfdfdf;}
.body_resize h3 { font-size: 14pt ; color:#282828; padding:5px 0; margin:0;}
.body_resize h4 { font-size: 13pt ; color:#282828; padding:0; margin:16px 0 0 0;}
h2 span, h3 span { font-size: 11px; color:#719a96; padding:5px 0; margin:0;font-weight:normal}
.body_resize p { padding:10px 0px; margin:0;}
.subheader {padding:0 15px; color:#333333;line-height:1.7em;margin-bottom:20px;margin-top:-20px}
.subsubheader { margin: 20px;}

.oldprice{text-decoration:line-through;color:Gray;}
table.graphtable {border-collapse:collapse; border:none;}
table.graphtable td, table.graphtable th {border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;height:75px;padding:7px}
table.graphtable .alternativeRow{background:#ebebeb}
.price{font-weight:bold;color:#CC3300;font-size:13pt;text-align:center;white-space:nowrap}
.smallprice{font-weight:bold;color:#CC3300;font-size:12px;text-align:center;white-space:nowrap}
.right  { width:300px; float:right; margin:0; padding:10px 10px 10px 20px;} 
.right ul {padding-left:13px;margin-top:0px;margin-left:0px}
.left  { width:620px; float:left; margin:0; padding:10px 10px 10px 20px;border:1px solid #d4d4d4;background:#f8f8f8} 
.left .buttons img {margin:0}
.left blockquote {overflow: hidden;margin: 0;padding: 0 0 0 10px;border-left: 10px solid #ccc;font-style: italic;margin-bottom: 20px;}
.left blockquote cite {text-align: right;font-style: normal;font-weight: bold;float: right;}
.blog { width:280px; float:left; margin:0; padding:10px;}
/********** contact form **********/
input, textarea, select {border:1px solid #d4d4d4; padding:5px 2px;background:#fff}
input[type=submit], button {background-image:url('images/gradient_bg.gif');padding:7px 14px;border-radius:4px}
input[type=image]{border:none;padding:0}

/*************footer**********/
.footer { width:980px; margin:0 auto; padding:35px 0; text-shadow:#333 0 1px;color:#bbb}
.footer ul {float:left;width:170px;padding-left:0}
.footer ul li {list-style:none;}
.footer a { color:White;}

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;}

/* Pricing Table should contain four columns, first column is for properties and third column is for optimal plan */
.pricingtable { border-collapse: collapse; width: 100%;margin:15px 0}
.pricingtable th { font-size: 20px;padding: 10px; }
.pricingtable td { text-align: center;padding: 8px;border-top:1px solid #dfdfdf}
.pricingtable tr:nth-child(even){ background-color: #EBEBEB; } /* Making alternate color for even rows */
.pricingtable td:first-child { font-weight: bold; background-color:#E1ECEF;color:Gray;font-size:11px} /* Styling properties column */
.pricingtable tr:nth-child(odd) td:first-child {background-color: transparent}
/* Styling optimal plan column */
.pricingtable tr:nth-child(even) .optimal{ background-color: #efefd6;}
.pricingtable tr:nth-child(odd) .optimal{ background-color: #f7f7de;}
.pricingtable .optimal{ border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;}
.pricingtable tr:first-child .optimal{border-top: 1px solid #d4d4d4}
.pricingtable tr:last-child .optimal{border-bottom: 1px solid #d4d4d4}

/* Product page */
.productfeatures { padding: 0;width: 100%;}
.productfeatures td {padding: 1% 1%;width: 31%; vertical-align: top;}
.productfeatures tr { padding-bottom: 20px;}
.productfeatures tr:last-child { padding-bottom: 0;}
.productfeatures td img { float:left;margin-right: 10px;}
.productfeatures td h2 { float:left;margin: 0;padding: 0;border-bottom: none;}
.productfeatures td h2 span { display: block;margin-top: -10px;}