/**** ************************************************************** ****/
/**** TO LEARN MORE ABOUT CSS PLEASE VISIT http://www.w3schools.com/css/ ****/
/**** ************************************************************** ****/

/**** **************** ****/
/**** GLOBAL ELEMENTS ****/
/**** **************** ****/

* {margin: 0; padding: 0}
body {background: url("images/page_bg.gif") #2f2b3a; text-align: center; font-family: arial, sans-serif; font-size: 12px; color: #444}

#container {width: 779px; text-align: left; background: url("images/content_bg.gif") repeat-y top left; margin: auto}

img.floatRight {float: right; margin: 10px 15px 0 0; padding:0 0 0 10px;}
img.noBorder {border: none}
img.tvMagazine {margin: 18px 0 8px 15px}

a {color: #c01618; text-decoration: none; font-weight: normal}
a:hover {text-decoration: underline}

/**** **************** ****/
/**** HEADER ELEMENTS ****/
/**** **************** ****/

#header {width: 779px; height: 303px; background: url("images/header.jpg") no-repeat top left; clear: both}

#header ul {width: 779px; height: 31px; background: url("images/header_menu_bg.gif") no-repeat center; list-style-type: none; padding: 11px 0 0 0; text-align: center; clear: both}
#header ul li {list-style-type: none; display: inline; padding: 0 4px 0 4px; border-right: 1px solid #000}
#header ul li.noBorder {border-right: 0px solid #000}
#header ul li a {text-decoration: none; color: #c01618; font-size: 14px; font-weight: bold}
#header ul li a:hover {color: #171717}

#header #phone {height: 40px; padding: 38px 50px 0 0; float: right; clear: both; text-align: center}
#header #phone h2 {color: #c01618; font-size: 16px; text-transform: uppercase}
#header #phone p {color: #2f2b3a; font-size: 16px; padding: 1px 0 0 0; font-weight: normal}

#header #promoCode {margin-left: 5px; padding: 6px 55px 135px 0; float: right; clear: both; text-align: center}
#header #promoCode h2 {color: #edb510; font-size: 14px; margin: 0; padding: 0 0 2px 0; text-transform: uppercase}
#header #promoCode p {color: #2f2b3a; font-size: 16px; padding: 3px; background-color: #fff; border: 1px solid #d7d7d5}

/**** **************** ****/
/**** SIDEBAR ELEMENTS ****/
/**** **************** ****/

#sidebar {background: url("images/sidebar_bg.gif") no-repeat top left; width: 160px; float: left; margin: 0 0 0 5px; border-right: 0px dashed #e7e7e7}

#sidebar #menu {margin-top: 9px}
#sidebar #menu ul {list-style-type: none; margin: 0 17px; width: 130px}
#sidebar #menu ul li {list-style-type: none; padding: 4px 0}
#sidebar #menu ul li a {display: block; background: url("images/sidebar_button_bg.gif") no-repeat top left; width: 128px; height: 21px; padding: 7px 0 0 6px; color: #fff; font-size: 11px; font-weight: normal; text-transform: uppercase; text-decoration: none}
#sidebar #menu ul li a:hover {text-decoration: underline}

/**** **************** *****/
/**** CONTENT ELEMENTS ****/
/**** **************** *****/

#content {width: 614px; float: right; border: 0px solid red}

#content h1 {margin: 50px 30px 10px 15px; color: #171717	; font-size: 26px; text-transform: uppercase}
#content h2 {margin: 26px 30px 10px 15px; color: #edb510}
#content p {margin: 15px 40px 15px 20px}

#content ul {list-style-type: none; margin: 30px 60px}
#content ul li {list-style-type: none; background: url("images/bullet.gif") top left no-repeat; padding: 0px 0 15px 25px}

/**** ********************* *****/
/**** CALL TO ACTION ELEMENTS ****/
/**** ********************* *****/

#callToAction {width: 779px; height: 104px; padding-top: 82px; clear: both; background: url("images/call_to_action_bg.gif") top left no-repeat}

#callToAction #buttons {width: 779px; height: 31px}

#callToAction #buttons #leftTopOfPage {float: left; width: 26px; height: 31px; margin-left: 260px}
#callToAction #buttons #previousPage {float: left; width: 42px; height: 31px; margin-left: 9px}
#callToAction #buttons #buyToday {float: left; width: 254px; height: 31px; margin-left: 6px}
#callToAction #buttons #nextPage {float: left; width: 42px; height: 31px; margin-left: 6px}
#callToAction #buttons #rightTopOfPage {float: left; width: 26px; height: 31px; margin-left: 9px}


/**** **************** ****/
/**** FOOTER ELEMENTS ****/
/**** **************** ****/

#footer {width: 769px; background: url("images/footer_bg.gif") no-repeat top left #fff; color: #ccc; margin: auto; clear: both; text-align: center}

#footer p {padding-top: 28px; line-height: 20px}
#footer p a {font-size: 13px; font-weight: bold; padding: 0 4px}
#footer p a:hover {color: #171717; text-decoration: none}

#footer small {display: block; padding: 30px 0; font-size: 11px; color: #999}