/*
Author: Craig Erskine
Description: Default Styles
Updated by Ari Koinuma Feb 1, 2010
*/

/* Reset */
* { margin: 0; padding: 0; font-size: 100%; }

/* Elements */
body { padding: 50px 0; font: 11px/1.5 Arial, sans-serif; text-align: center; background: #EAEAEA; color: #393939; }

a { color: #3463BE; font-weight: bold; text-decoration: underline; }
#sect-win-s a,#sect-win-d a { color: #A41300; }
a:hover,a:focus,a:active { color: #3463BE; text-decoration: underline; }
a:focus,a:active { overflow: hidden; }

h1,h2,h3,h4,h5,h6 { margin: 0 0 12px; font-size: 22px; line-height: 1em; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; letter-spacing: normal; }
h5 { font-size: 14px; letter-spacing: normal; }
h6 { font-size: 12px; letter-spacing: normal; }

p { margin: 0 0 20px; }
ul,ol { margin: 0 40px 20px; }
ul ul,ol ol,ul ol,ol ul { margin-bottom: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ol { list-style-type: decimal; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-alpha; }
blockquote { margin: 0 40px; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
img { border: 0 none; }
label {cursor: pointer;}

/* Tables */
table { margin: 0; border-collapse: collapse; border-spacing: 0; }
.table { width: 707px; }
.table th { border-bottom: 1px solid #CBCBCB; padding: 4px 4px 4px 20px; font-weight: normal; text-align: left; }
.table td { border-bottom: 1px solid #CBCBCB; padding: 4px 0; width: 186px; }

.table .deluxe { background: url(../img/comp-dot-mac-d.png) no-repeat 50%; text-indent: -9999px; }
#sect-win .table .deluxe { background-image: url(../img/comp-dot-win-d.png); }
.table .standard { background: url(../img/comp-dot-mac-s.png) no-repeat 50%; text-indent: -9999px; }
#sect-win .table .standard { background-image: url(../img/comp-dot-win-s.png); }

.table-head { margin: 0 0 0 24px; width: 707px; }
.table-head .head-deluxe { padding: 50px 0 10px; width: 186px; background: url(../img/comp-h-d.png) no-repeat center 0; }
#sect-win .table-head .head-deluxe { background-image: url(../img/comp-h-win-d.png); }
.table-head .head-standard { padding: 50px 0 10px; width: 186px; background: url(../img/comp-h-s.png) no-repeat center 0; }
#sect-win .table-head .head-standard { background-image: url(../img/comp-h-win-s.png); }
.table-head h1 { margin: 0 0 10px 10px; }
.table-head h2 { margin: 0; text-indent: -9999px; font-size: 1px; color: #FFF; }

.buy-type { margin: 0 0 10px 10px; font-weight: bold; font-size: 11px; color: #0079C1; line-height: 1.8em; text-transform: uppercase; }
#sect-win .buy-type { color: #A41300; }
.buy-price { margin: 0 0 0 10px; float: left; font-size: 20px; font-weight: bold; line-height: normal; display: inline; }
.buy-price sup { font-size: 12px; vertical-align: text-top; }
.buy-btn { margin: 0 6px 0 0; border: 0 none; padding: 0 0 10px; width: 102px; height: 35px; float: right; background: url(../img/buy-btn.jpg) no-repeat 0 0; color: #FFF; font: bold 12px Arial, sans-serif; text-transform: uppercase; display: inline; cursor: pointer;}

/* Clear */
.clear { clear: both; }
* html .clearfix,* html #page,* html #nav,* html #body,* html #content,* html #foot { height: 1%; /* IE 5-6 */ }
* + html .clearfix,* + html #page,* + html #nav,* + html #body,* + html #content,* + html #foot {	display: inline-block; /* IE 7 not 8 */ }
.clearfix:after,#page:after,#nav:after,#body:after,#content:after,#foot:after { clear: both; display: block; font: 0px/0px serif; content: "."; height: 0; visibility: hidden; }

/* Some classes */
.drawer {}
.drawer-handle { margin: 0; border-bottom: 1px solid #CBCBCB; padding: 4px 4px 4px 36px; background: #6B6B6B url(../img/comp-arrow.png) no-repeat 20px -44px; color: #FFF; font-size: 12px; text-transform: uppercase; }
.drawer-handle.open { background-position: 20px 6px; }
.hide { display: none; }

/* Layout */
#page { margin: 0 auto; width: 755px; background: url(../img/comp-bg.jpg) repeat-y 0 0;  text-align: left; position: relative; }

/* Head */
#head { padding: 40px 0 0; background: url(../img/comp-bg-top.jpg) no-repeat 0 0; }
#ie7 #head, #ie6 #head { padding-left: 24px;}

/* Body */
#body { margin: 0 0 0 24px; width: 707px; }
#content {}

/* Foot */
#foot { padding: 10px 0 30px; background: url(../img/comp-bg-bot.jpg) no-repeat 0 bottom; clear: both; }