/* - GLOBAL
=========================================================================*/
html { font-size:101% }
body { font:.75em/1.5em Arial, Helvetica, sans-serif /* 12px font */; color:#3d3d3d; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc"); background:url(/tvoffer/images/bg2.jpg) repeat-x; line-height:20px; }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0; behavior:url("/css/pngfix.htc") }
img.right { float:right; margin-left:8px; }
img.left { float:left; margin-right:8px; }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#0054a1; text-decoration:none; -moz-outline-width:0; outline:none }
a:hover { color:#; text-decoration:underline }

/* - GENERICS
=========================================================================*/
/* aligning AND clearing */
.clearleft { clear:left }		.alignleft { float:left }
.clearright { clear:right }		.alignright { float:right }
.clearboth { clear:both }		.aligncenter { margin:0 auto }

/* headings */
h1, h2, h3, h4, h5, h6 { font-size:2em /* 24px */; line-height:1em; color:#; padding:18px 0 12px }
h2, h3, h4, h5, h6 { line-height:normal; padding:10px 0 }
h2 { font-size:1.75em 	/* 21px */ }
h3 { font-size:1.5em 	/* 18px */ }
h4 { font-size:1.333em 	/* 16px */ }
h5 { font-size:1.167em 	/* 14px */ }
h6 { font-size:1em 		/* 12px */ }

/* lists */
/* unordered */
ul { padding:.5em 2em }
ul ul { padding:0 2em }
ul li { list-style:disc }
ul li li { list-style:circle }
ul li li li { list-style:square }

/* ordered */
ol { padding:.5em 2.333em }
ol ol { padding:0 2.333em }
ol li { list-style:decimal }
ol li li { list-style:upper-alpha }
ol li li li { list-style:lower-roman }

/* paragraphs */
p { padding:10px 0 }

/* - MAINWRAP
=========================================================================*/
#MainWrap { width:912px; margin:0 auto;}

/* - HEADER
=========================================================================*/
#Header { clear:both; }

/* - BODY
=========================================================================*/
#Body { width:912px; float:left; padding:24px 68px;  }
h1 { color:#fff; font-size:35px;}
h2 { font-size:20px; font-weight:bold; line-height:28px; color:#0054a1;}

#Video { width:776px; height:243px; padding:15px 28px 12px 14px; margin-bottom:24px; background:#ec6b22; }
#Video object { float:left;}
#Video .text { width:420px; padding:14px; color:#fff; float:left;}

#Columns { background:url(/tvoffer/images/bg_col.gif) repeat-y; float:left; margin:0;}
.col1 { width:262px; padding:0 16px 0px 0px; float:left;}
.col1 .product { width:262px; float:left; padding-bottom:12px; }
.col1 .product img { float:left; }
.col1 .product img.button { padding-top:10px; }
.col1 h2 { padding-left:6px; }
.col2 { width:230px; padding:0 16px 0px 19px; float:left;}
.col2 b { font-size:15px; line-height:28px; color:#0054a1;}
.col3 { width:206px; padding:0 0 5px 19px; float:left;}

/* - FOOTER
=========================================================================*/
#Footer { background:url(/tvoffer/images/bg-footer.jpg) repeat-x; height:64px; padding:38px 0 0 0; text-align:center; text-transform:uppercase; color:#0054a1; font-size:12px; font-family:Arial, Helvetica, sans-serif; clear:both; line-height:normal;}

