* { 
    margin: 0; padding: 0
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(../images/bg_gray.gif);
	font-size: 14px;
}

h2 { font-size: 21px }

h1, h2, h3, h4 { 
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; 
}
img { 
    border: 0 
}
a { 
    text-decoration: none; 
    color: #4a5b86;
}
a:hover { 
    text-decoration: underline; 
}
td { 
    font-size: 12px; 
}
th { 
    font-size: 14px; 
}
li { 
    font-size: 12px; 
}
ul.header {
	margin: 0;
	padding: 0;
}
ul.header li {
	display: inline;
	float: left;
	padding: 10px;
}
ul.header li.border {
	border-left: 1px solid #9399b1;
}
ul.header h2 {
	margin: 0 0 3px 0;
	font-size: 20px;
	line-height: 20px;
	text-shadow: #efefef 0 1px 1px;
}
ul.header li span {
	margin: 0;
	font-size: 14px;
	color: #555;
}
ul.header .hover {
	background: #4a5b86 url(../images/bkg_top_ribbon_hover.gif);
	color: #efefef;
}
ul.header .hover h2 {
	text-shadow: #222 0 1px 0;
}
ul.header .hover span, ul.header .hover p, ul.header .hover h2 {
	color: white;
	text-shadow: #4a5b86 0 1px 0;	
}
ul.header .hover a {
	color: white;	
}
ul.header .hover a:visited {
	color: white;	
}
ul.header a {
	text-decoration: none;
	color: black;
}
ul.header a:visited {
	text-decoration: none;
	color: black;
}

#top_info {
	text-align: center;
	background: white;
	margin: 0;
}
#top_info h1 {
	padding: 20px 0 13px 0;
	margin: 0 auto;	
}
#top_info h1 span {
	font-size: 14px;
}
#top_ribbon {
	background: #c3e1f1 url(../images/bkg_top_ribbon.gif) center;
    padding: 11px 0 15px 0;	
}
#top_ribbon .logo {
	padding-top: 20px;
	text-align: center;
	width: 150px;
}
#top_ribbon .nav {
	float: right;
	width: 690px;
	margin: 0;
}
#top_ribbon .ribbon {
}
.ribbon {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
    color: gray;
    font-size: 12px;
}
.ribbon a:hover, .ribbon a:visited:hover { 
    color: black;
    text-decoration: none;
}
.ribbon a, .ribbon a:visited, .ribbon a:active  {
    color: gray;
    text-decoration: none;    
}
.ribbon .address {
    float: right;
}
.ribbon div.items {
    float: left;
    margin: 0 0 8px 0;
    padding:0;
}
.ribbon div.bull {
    margin: 0 8px 0 8px;
    float: left;
}
.ribbon div.items.bold {
    font-weight: bold;
}

#bottom_ribbon {
	clear: both;
	padding-top: 30px;
	padding-bottom: 35px;
    border-top: solid 1px #999;
}

.float_r { float: right; }
.float_r_half { float: right; width: 48%; border-right: none;}
.half { width: 48%; border-right: 1px silver solid;}

table.center td { text-align: center }
table.center td.left { text-align: left }

ul.checked li { list-style-image: url(../images/check.gif); }
ul.checked { margin-left: 25px; }

ul.checked.menu li { font-size: 16px}
ul.checked.menu {
    margin: 0 auto 14px 30px;
}

ul.circle li { list-style: disc; font-size: 14px; }
ul.circle { margin-left: 25px; }

/* **************************** Spans *************************** */
.span290 { float: left; width: 290px }

.lbuf5 { padding-left: 5px }
.lbuf10 { padding-left: 10px }
.rbuf10 { padding-right: 10px; }
.lbuf20 { padding-left: 20px }
.rbuf20 { padding-right: 20px; }


/* **************************** Crossfading *************************** */
#slider_wrapper { background: #4a5b86; position: relative; }
#slider_wrapper a:hover { text-decoration: none; cursor: pointer; }
#xfade_container { width: 384px; overflow: hidden; margin: 0 98px; position: relative;  }
.xfade_item { width: 190px; height: 142px; display: inline; margin-left: 2px; float: left }
#xfade { width: 3800px; margin: 0 auto; padding: 2px 0}
#slidernext, #sliderprev { position: absolute; color: white; top: 50px }
#slidernext { right: 25px; }
#sliderprev { left: 25px; }

/* **************************** Floating Columns *************************** */
.fl300_item { float: left; width: 250px; margin: 10px 25px; }

/* **************************** Testimonials *************************** */
#testimonialscontainer { width: 350px; height: 150px; background: #fff url(../images/quotebubble2.png); margin: 0 auto}
#testimonials { width: 300px; height: 125px; padding: 25px 0 0 0; margin: 0 auto }
#testimonials h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; font-style: italic; color: black}
#testimonials p { margin: 0; padding: 0; font-size: 12px; color: #4a5b86; text-align: right}
.testi_item { width: 300px; position: absolute }

/* **************************** FAQ *************************** */
.faq { border:1px solid #CCCCCC; padding:20px; }
.faq h1 { color:#081346; font-size:16px; font-weight:bold; margin:0px 0px 15px; padding:0pt; }
.faq h2 { color:#081346; font-size:12px; font-weight:bold; margin:0px 0px 3px; padding:0pt; }
.faq p { margin:0pt 0pt 15px; padding:0pt; }


/* **************************** Content *************************** */
.content_item h2 { padding: 12px 0 6px 0; color: black }
#contentcontainer { background: #fff }
#content { width: 900px; margin: 0 auto; padding-top: 15px;}
.content_item { padding-bottom: 40px }
.content_item p { margin-bottom: 10px;}
.content_item .moreinfo { margin-bottom: 10px;}

/* **************************** Content Item *************************** */
.navlinks { margin: 10px auto; }
.navlinks h2 { font-size: 20px; color: #081346 }
.navlinks p { font-size: 14px; color: #081346; margin: 0; }
.navlinks .hov { padding: 5px; vertical-align: top; }
.navlinks .hover { background: #4A5B86; }
.navlinks a { text-decoration: none; }
.navlinks a:hover { text-decoration: none; }
.navlinks .hover h2, .navlinks .hover p { color: #fff; }
.navlinks .hov h2 { white-space: nowrap; }

/* **************************** Mainbody *************************** */
#mainbody_container { width: 580px; padding: 0; margin: 0; }
#mainbody { padding: 0; margin: 0; }

/* **************************** Sidebody *************************** */
#sidebody_container { width: 300px; float: right; }
#sidebody { padding: 25px 0 0 25px; margin: 0; }
.sidebody_item { padding: 25px; background: #eee url(../images/bkg_sidebar_bottom.png) no-repeat bottom }
.sidebody_item h3 { margin-top: 10px; color: #081346; font-size: 14px; border-bottom: solid 1px #4a5b86 }
.sidebody_item h2 { color: #4a5b86 }
.sidebody_item h4 { color: #4a5b86 }

/* **************************** Halfbody*************************** */
.halfbody_container { width: 450px; float: left }
.halfbody { padding: 50px 10px }
.halfbody p { margin-bottom: 10px; }

/* **************************** Widebody*************************** */
/*.widebody { padding: 50px 0 }*/
.widebody { padding-bottom: 10px; }

/* **************************** SlideSample *************************** */
.slidesample { width: 150px; margin: 0 25px; padding: 0; float: left; }
.freeslides { margin: 5px 50px; width: 150px; height: 201px; float: left; }

/* **************************** Infobox *************************** */

.ribbon table.dialog-arrow-down {
    display: none;
    position: absolute;
    border-collapse: collapse;
    border-spacing: 0;
    top: 0;
    left 0;
}
table.dialog-arrow-down .top-rt {
    background:transparent url(../images/bkg_dialog-arrow-down_top_rt.png) no-repeat top;
    height:15px;
    width:15px;
}
table.dialog-arrow-down .top-lt {
    background:transparent url(../images/bkg_dialog-arrow-down_top_lt.png) no-repeat bottom right;
    height:15px;
    width:15px;
}
table.dialog-arrow-down .top {
    background:transparent url(../images/bkg_dialog-arrow-down_top.png);
    height:15px;
}
table.dialog-arrow-down .mid-rt {
    background:transparent url(../images/bkg_dialog-arrow-down_mid_rt.png) no-repeat top;
    width:15px;
}
table.dialog-arrow-down .mid-lt {
    background:transparent url(../images/bkg_dialog-arrow-down_mid_lt.png) no-repeat top right;
    width:15px;
}
table.dialog-arrow-down .mid {
   background: #4a5b86; 
   padding-bottom: 3px;
}
table.dialog-arrow-down .mid div {
    padding: 5px;
    color: white;
}
table.dialog-arrow-down .bot-rt {
    background:transparent url(../images/bkg_dialog-arrow-down_bot_rt.png) no-repeat top left;
    height:22px;
    width:15px;
}
table.dialog-arrow-down .bot-lt {
    background:transparent url(../images/bkg_dialog-arrow-down_bot_lt.png) no-repeat top right;
    height:22px;
    width:15px;
}
table.dialog-arrow-down .bot {
    background:transparent url(../images/bkg_dialog-arrow-down_bot.png);
    height:22px;
}

.infobox { padding: 15px 15px 5px 15px; margin-bottom: 10px; background: #efefef; border: solid 1px #081346 }
.small { margin-top: 10px; }
.small p { font-size: 10px; margin: 0; padding: 0; }

.dialog-gray .hd .c,
.dialog-gray .ft .c {
	font-size:1px; /* ensure minimum height */
	height:4px;
}
.dialog-gray .ft .c {
	height:4px;
}
.dialog-gray .hd {
	background:transparent url(../images/bkg_dialog-gray_tl.gif) no-repeat 0px 0px;
}
.dialog-gray .hd .c {
	background:transparent url(../images/bkg_dialog-gray_tr.gif) no-repeat right 0px;
}
.dialog-gray .bd {
	background:#eee;
}
.dialog-gray .bd .c {
	background:#eee;
	padding: 4px 8px 4px 8px;
}
.dialog-gray .ft {
	background:transparent url(../images/bkg_dialog-gray_bl.gif) no-repeat 0px 0px;
}
.dialog-gray .ft .c {
	background:transparent url(../images/bkg_dialog-gray_br.gif) no-repeat right 0px;
}


.dialog-black-white .hd .c,
.dialog-black-white .ft .c {
	font-size:1px; /* ensure minimum height */
	height:5px;
}
.dialog-black-white .ft .c {
	height:5px;
}
.dialog-black-white .hd {
	background:transparent url(../images/bkg_dialog-black-white_tl.gif) no-repeat 0px 0px;
}
.dialog-black-white .hd .c {
	background:transparent url(../images/bkg_dialog-black-white_tr.gif) no-repeat right 0px;
}
.dialog-black-white .bd {
	background:white url(../images/bkg_dialog-black-white_ml.gif) repeat-y left 0px;
}
.dialog-black-white .bd .c {
	background:transparent url(../images/bkg_dialog-black-white_mr.gif) repeat-y right 0px;
	padding: 4px 8px 4px 8px;
}
.dialog-black-white .ft {
	background:transparent url(../images/bkg_dialog-black-white_bl.gif) no-repeat 0px 0px;
}
.dialog-black-white .ft .c {
	background:transparent url(../images/bkg_dialog-black-white_br.gif) no-repeat right 0px;
}

.prod-btns.checkout {
    margin-top: 4px;
}
.prod-btns a {
	background: transparent url(../images/product-bg-btn-big-trans.gif) 0 0 no-repeat;
	display: block;
	height: 25px;
	overflow: hidden;
	width: 76px;
	color: #333;
	text-decoration: none;	
	text-align: center;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    vertical-align: middle;
    text-shadow: #fff 0 1px 1px;
}
.prod-btns a:hover {
	background-position: bottom left;
	text-decoration: none;
	color: #333;
    text-shadow: #efefef 0 1px 1px;	
}
.prod-btns a img {
	display: none;
}
.prod-btn-sm-blnk a {
	background: transparent url(../images/product-bg-btn-sm-trans.gif) 0 0 no-repeat;
	display: block;
	height: 20px;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	width: 61px;
	text-align: center;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    vertical-align: middle;
    text-shadow: #fff 0 1px 1px;	    
}
.prod-btn-sm-blnk a:hover {
	background-position: bottom left;
	text-decoration: none;
	color: #333;
    text-shadow: #efefef 0 1px 1px;	
}
.prod-btn-sm-blnk a img {
	display: none;
}
#loading-message {
    background: red;
    color: white;
    position: fixed;
    top: 1px;
    right: 1px;
    display: none;
    padding: 2px;
    font-size: 12px;
}
.dialog-gray.comparison {
    width: 810px; 
    margin: 10px 0 10px 0;
}
table.product-comp {
    border-collapse: collapse;
    border-spacing: 0;
}
table.product-comp th {
    vertical-align: bottom;
    font-weight: normal;
    text-align: left;
    padding: 0 4px 2px 4px;
}
table.product-comp th.buy {
    text-align: center;
}
table.product-comp td.buy {
    text-align: center;
    padding: 2px 0 4px 4px;
}
table.product-comp td.buy a .price {
    text-align: center;
    color: green; font-weight: bold;
}
table.product-comp td.buy a:hover {
    text-decoration: none;
}
table.product-comp td.name {
    font-size: 15px;
    font-weight: bold;
    padding: 4px 8px 4px 0;
    text-align: right;
    border-right: 1px solid silver;
}
table.product-comp td.feature {
    font-size: 14px;
    font-weight: normal;
    padding: 4px 8px 4px 0;
    text-align: right;
    border-right: 1px solid silver;
}
table.product-comp td.dot {
    font-size: 23px;
    font-weight: bold;
    color: green;
    text-align: center;
    border-right: 1px solid silver;
}
table.product-comp td.divider {
    border-top: 2px solid gray;
}
.info .requirements {
    font-size: 11px;
    color: gray;
}
.info p {
    margin-bottom: 6px;
}
.dialog-black-white.info {
    margin: 10px 0 18px 0;
}
.info .moreinfo {
    margin-bottom: 6px;
    font-size: 12px;
}

.dialog-gray.productpicker {
    margin-bottom: 4px;
}
.productpicker .buyit {
float:right;
margin-top:-4px;
text-align:center;
}
.productpicker .catid {
color:gray;
font-size:12px;
}
.price {
color:green;
font-weight:bold;
}
p.date { border-bottom: 1px solid #555555; color #555555 }

.center {
text-align: center;
}