html{ min-height: 100%; margin-bottom: 1px; }
body { background-color: #d2d2d2; font-family: arial, helvetica, sans-serif; font-size:12px; color:#555;}
div, td, p {line-height:18px;}

a, a:link, a:active, a:visited {text-decoration:none; color:#555;}
a:hover {text-decoration:underline; color:#555;}

h1, h2 {font-size:12px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: 1px solid #efefef; }
.product_lister_header h1 {font-size:12px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: 0px;}
#right_column h2 {font-size:14px; color:#9e1b32; padding: 0 0 0 35px; background: url(images/grey_arrow.png) no-repeat top left; background-position: 15px 3px;}
h3 {font-size:12px; padding:0px; margin:30px 0 10px 0; font-weight:bold; clear:both;}
h4 {}

textarea, input {font-family: arial, helvetica, sans-serif; color:#555; background:#fff url(images/bg_input.png) no-repeat; border: 1px solid #c5c5c5;}
select {font-family: arial, helvetica, sans-serif; color:#555;}

ul {list-style: disc; list-style-type: disc;}
li {}

#why ul {margin: 0px; padding: 0 0 0 0px; list-style-type: none;}
#why li {margin: 0px; padding: 0 0 0 31px;  background: url(images/background.png) 8px -351px no-repeat;}

#wrapper {width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background:#fff url(images/wrapper_background.png) -1820px 0px repeat-y;}
#wrapper_right_col{width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background:#fff url(images/wrapper_background.png) -910px 0px repeat-y;}
#inner_wrapper {padding: 0px 5px 0px 5px; float:left; background:transparent url(images/wrapper_background.png) 0px 0px no-repeat;}
#pagebg { background-image: url(images/bodybg.png); background-repeat: repeat-x; background-position: top; margin-top: 0px}

td#leftshadow { background-image: url(images/wrapleft.png); background-repeat: repeat-y; background-position: left bottom; width: 5px; vertical-align: top;}
td#rightshadow { background-image: url(images/wrapright.png); background-repeat: repeat-y; background-position: right bottom; width: 5px; vertical-align: top;}

#header { height:74px; width:890px; padding: 0px; margin:0px; clear:both; background-color:#fff;}
#inner_header {float:left; width: 635px; text-align:right; line-height:74px; font-size:12px; font-weight:;}
#logo {float:left; width:240px; height:74px; background: url(images/background.png) 0px -272px no-repeat;}
#right_column {position:relative; width:210px; margin:0px; height:auto; float:right; }

.navigation {position: relative; height:33px; width: 715px; background: #efefef url(images/background.png) 0px -756px no-repeat; padding-left: 18px; z-index:5; float:left;}
.navigation ul { margin:0; padding:0; list-style:none; position:relative; height:33px;}

.navigation ul li { display:block; width:auto; float:left; color:#555; height:33px; background: url(images/background.png) no-repeat 0 -680px;}
.navigation ul li a { display:block; width:auto; color:#555; text-decoration:none; padding:8px 1.3em 7px 1em;}
.navigation ul li a:hover { color:#fff; background: url(images/background.png) 0px -719px no-repeat; text-decoration:none;}
.navigation ul li .image_dropdown {display:none; position:absolute; top:33px; background:#efefef url(images/background.png) no-repeat 0px bottom; height:auto; width:500px; margin-left: -8px; padding:5px 5px 15px 15px; z-index:5;}
.navigation ul li ul {display:none; position:absolute; width: auto; top:33px; background:#efefef  url(images/background.png) no-repeat -525px bottom; height:auto; width:200px;margin-left: -8px; padding:0px 7px 7px 7px; z-index:5}
.navigation ul li:hover ul,
.navigation ul li.over ul {display:block;}
.navigation ul li ul a { display:block; width:auto; color:#555; text-decoration:none; padding:0px;}
.navigation ul li ul li { display:inline; float:none; background-image:none; height:auto; }
.navigation ul li .image_dropdown li a { background-image:none; margin-top:4px; padding:0px; position:relative; float:left;display:block; width:55px; height:59px; }
.navigation ul li .image_dropdown li a:hover { background-image:none; z-index:5; }
.navigation ul li ul li a img { position:absolute; top:2px; width:55px; height:59px; border:0; margin:0; padding:0; }
.navigation ul li a:hover img, .navigation ul li a:active img, .navigation ul li a:focus img { width:55px; height:59px; left:0px; top:0px; z-index:5; border:0px;}
.navigation ul li ul li.overview {display:block; width:500px; padding:15px 10px 0 6px; float:left; }
.navigation ul li ul li.overview a {display:block; margin:0; color:#555; width:auto; height:auto; float:left;}
.navigation ul li ul li.overview a:hover {text-decoration:underline; color:#555;}

.sublevel {display:block; clear:both; padding:7px 0 7px 14px;}

.front_box {background: url(images/background.png) 0px 0px no-repeat; width: 190px; height: 140px; float:left; padding: 3px 12px 12px 12px;}
.front_box_inner {height:90px; width:170px;}
.front_box_inner_bottom {width:170px; height:50px;}
.fp_col_left {width:330px; margin-bottom:10px; float:left; clear:both;}
.fp_col_right {width:330px; margin-bottom:10px; float:left;}
.fp_col_img {float:left; width:100px; height:100px; text-align:center;}
.fp_col_txt {float:left; width: 200px; padding: 0 15px 0 15px; text-align: justify;}
.right_col_heading {width:175px; line-height:40px;  margin: 15px 0 15px 0; float:left; background-color: #efefef; border-bottom:1px dashed #d4d7c5; border-top:1px dashed #d4d7c5; font-weight:bold; padding: 0 5px 0 30px;}

#product_menu {height:85px; width:890px; clear:both;}
#product_menu span a {margin:0 0 0 26px; padding:0 0 0 20px; text-decoration:none;}
#product_menu span a:hover {text-decoration:underline;}
#product_menu .current {background: url(images/background.png) no-repeat -59px -498px;}
#product_menu a.current:hover {text-decoration:none;}
#product_menu a.product_button_l {float:left; background: url(images/background.png) no-repeat 0 -379px;}
#product_menu a.product_button_l:hover {background-position: 0 -464px;}
#product_menu a.product_button_r {float:left; background: url(images/background.png) no-repeat -26px -379px;}
#product_menu a.product_button_r:hover {background-position: -26px -464px;}

#lang_container {float: right; height: 33px; width:157px; background: #efefef url(images/background.png) 0px -756px no-repeat;}
#lang_dropdown {float: right; margin: 7px 5px 0 0; font-family: arial, helvetica, sans-serif; font-size:11px; color:#555;}
#lang_flag {float: right; margin: 4px 10px 0 0}

#get_quote {position: absolute; width: 125px; height: 125px; left:750px; top:-20px; cursor:pointer;}
#get_quote img:hover {padding: 1px 0 0 1px;}

.product_lister_header {padding: 20px 20px 25px 20px; float:left; clear:both; text-align:justify; width:850px;}
.product_table {position: absolute; left: -20px; top: -65px; float:left; clear:both; text-align:center; font-size:11px; width:910px;}
.product_row {cursor:pointer; height:135px;}
.product_row_over {cursor:pointer; height:135px; background: url(images/bg_table_row.png) repeat-x top left;}
.product_swatch {width:70px; margin:20px;}
.product_swatch img {padding: 2px 5px 3px 0;}

.content_head {width:888px; height:50px; float:left; border: 1px dashed #dbe8f7; background-color: #f2f6fb;}
.content_head h2 {display: inline; line-height: 48px; background:none; padding: 0 0 0 7px; color:#555; font-size: 12px; font-weight:bold; margin: 0 0 0 15px; float:left; border:0px;}
.content_head .spacer {width:48px; height:48px; float:left; margin-top:1px;}
.content_head h2 a {line-height:48px; padding-right:38px; background:url(images/head_arrow.png) no-repeat right bottom;}
.content_head_nav a {line-height:49px; float:right; padding-right: 15px;}
.content_head .header_icon {display:inline; float:left; margin:-6px -10px 0 10px; z-index:6;}

.content_main {float:left; text-align:justify; min-height:300px; height:auto !important; height:300px;} /* IE6 not support min-height, this solves */
.content_main a, #content_main a:link, #content_main a:active, #content_main a:visited {text-decoration:none; color:#0066CC;}
.content_main a:hover {text-decoration:underline;}

a.learn_more {padding-right:12px; background:url(images/background.png) no-repeat right 3px; display:inline-block; color:#0066CC;}

.spec_box {width:260px; min-height:200px; float:left; margin:7px 0 7px 15px; padding:7px;}
.spec_box img {float:left; margin: 0 10px 10px 0;}
.spec_box h1, .spec_box h2 {font-size:12px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: 1px solid #efefef; }
.spec_box ul {padding:0 0 0 14px; margin:0px;}

.article_box {float:left; margin:0 0 15px 0; padding:7px; width:840px;}
.article_box img {float:right; margin: 0 0 10px 10px;}
.article_box h1, .article_box h2 {font-size:12px; color:#555; padding:0; margin:0 0 20px 0; background:none; border-bottom: 1px solid #efefef; }
.article_box ul {padding:0 0 0 14px;}

.solution_item {float:left; clear:both;}
.solution_img {float:left; width:70px; height:70px; text-align:center;}
.solution_txt {float:left; width:700px; height:70px; padding: 0 15px 0 15px; text-align: justify;}

.faq_item {float:left;color :#555;background-color:#f4f4f4;text-decoration:none;width: 843px;line-height: 25px; padding-left:15px; margin-top:1px; cursor:pointer;}
.faq_item div {line-height: 25px;}
.faq_item:hover {background-color:#dbe8f7;}
.faq_item span {font-weight:bold; padding-right:10px;}
.rating {float:right;}
.rating img {margin:3px;}

.code {border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px; font-family: "courier new", helvetica, "times new roman", serif; font-size: 1.1em; margin: 3px;white-space: nowrap; overflow: auto;}
.small {font-size: 11px;}
.message {border:1px #ffb400 dashed; background-color:#fbf5e5; padding :15px; margin:15px; float:left;}
.swatch {padding: 2px 5px 3px 0;}

a.big_button, input.big_button {background: url(images/background.png) 0px -164px no-repeat; padding-right:14px; font-size:14px; color:#fff; text-decoration:none; width:164px; line-height:50px; border: none; float:left; text-align:center; cursor:pointer;}
a.big_button:hover, input.big_button:hover {background: url(images/background.png) 0px -215px no-repeat; text-decoration:none; color:#fff;} /* IE6 won't suport :hover for input, unsolvable without javascript */
a.big_button:visited, input.big_button:visited {color: #fff;}
input.big_button {height:50px; width:178px;}
.content_head .big_button {float:right; margin-right:30px;}

.accessory_item {float:left; clear:both; margin-bottom:15px;}
.accessory_img {float:left; width:100px; height:70px; text-align:center;}
.accessory_txt {float:left; width:740px; height:70px; padding: 0 0 0 15px; text-align: justify;}

.slideshow-images {display:block;overflow:hidden;position:relative;margin: 0 22px 10px 10px;width:650px;height:400px;float:left; border: 1px solid #efefef;}
.slideshow-images img {width:650px;height:400px;}
.slideshow-thumbnails {float:left;height:400px;width:170px;overflow:auto;}
.slideshow-thumbnails li {float:left;list-style:none;position:relative;margin:0px 0px 0px 0px;}
.slideshow-thumbnails ul {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.slideshow-thumbnails a:hover {background-color:#fff !important;opacity:1;filter: alpha(opacity=100);} 
.slideshow-thumbnails a {float:left;opacity:.7;filter: alpha(opacity=70);padding: 0 0 10px 10px;}
.slideshow-thumbnails a img {border: 1px solid #c5c5c5; cursor:pointer;}
.slideshow-thumbnails a img:hover {border: 1px solid #dbe8f7;}

#cpanel {text-align: center;  vertical-align: middle; width:400px; float:left; }
#cpanel div.icon {margin:6px 6px 0 0;}
#cpanel div.icon a {display: block; float: left; height: 97px !important; height: 100px; width: 108px !important; width: 110px; vertical-align: middle; text-decoration : none; border: 1px solid #efefef; padding: 2px 5px 1px 5px;}
#cpanel div.icon a:hover   {background-color: #f2f6fb;  border: 1px solid #dbe8f7; padding: 3px 4px 0px 6px;}
#cpanel div.icon a:link, #cpanel div.icon a:active, #cpanel div.icon a:visited {color:#555;}
#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;}

.virtual_proof_row {width:850px; float:left; margin:0 0 20px 0; border: 4px dashed #fff;cursor:pointer;}
.virtual_proof_row a {text-decoration:none; }
.virtual_proof_row:hover {border-color:#dbe8f7;}
.virtual_proof_names {width:150px; float:left; margin: 15px 0 0 50px;}
.virtual_proof_values {width:300px; float:left; margin: 15px 0 0 0;}
.virtual_proof_print {width:100px; float:left; text-align:center; padding-top:30px;}
.virtual_proof_print img {padding:10px;}

#bottom {clear:both; float:left; width:100%; background-color:#fafafa; height:auto; z-index:5; border-top:1px solid #d4d7c5; font-size:11px; }
#bottom ul {margin: 0px; padding: 0 0 0 0px; list-style-type: none;}
#bottom li {margin: 0px; padding: 0 0 0 31px; background-repeat:no-repeat; background-position:3px 1px;}
#bottom #customers_say {padding:7px 15px 15px 15px; font-size:12px; min-height:100px; height:auto !important; height:100px;}
#bottom #customers_say li {padding: 10px 0px 0px 0px;}
#footerbar { clear:both; width:100%; height:18px; background: url(images/background.png) 0px -878px no-repeat; }

.copyright {text-align:center; text-decoration:none; margin-bottom:10px; font:10px normal Arial, Helvetica, sans-serif; color:#555;}