/***************************************** 
 
 * CSS for screen delivery
 Author: Dave Harper Design
 Author URL: http://www.daveharperdesign.com/
 
 ****************************************/

* {
 margin: 0;
 padding: 0;
}

body {
 padding: 0;
 text-align: center;
 background: #fff url(../images/bg.jpg) 0 0 repeat-x;
 font-family: Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}

/******** Containers, Wrappers ********/

#content-wrapper {
	margin: -223px auto -20px auto;
	overflow: hidden;
	text-align: left;
	width: 979px;
	padding: 0;
}
#top-wrapper {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 979px;
	padding: 0;
	height: 400px;
}
#footer-wrapper {
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: left;
	width: 979px;
	padding: 30px 0 0 0;
}

/******** Header ********/

#logo {
	display: block; 
	float: left;
}
#logo h1 a {
	width: 248px;
	height: 164px; 
	margin: 0;
	background: url(../images/logo_cp.jpg) no-repeat top left;
	display: block; 
	text-indent: -9999px;
	float: left;
}

/********* Small Navigation **********/
			
#small-nav {
	float: left;
	text-align: right;
	color: #acacac;
	font-size: 11px;
	letter-spacing: .3px;
	margin: 24px 15px 0 315px; 
}	
#small-nav a {
	color: #bf040b;
	text-decoration: none;
}	
#small-nav a.cart {
	background: url(../images/cart.jpg) no-repeat top left;
	padding: 0 0 0 18px;
}
#small-nav a:hover {
	text-decoration: underline;
}
#small-nav-icons {
	margin: 18px 0 0 0;	
}
#small-nav-icons a img {
	border: none;
}

/********* Navigation **********/
			
#nav {
	float:left;
	width:731px;
	margin: 25px 0 0 0;
}	
#nav ul {
	margin:0;
	padding:0;
}	
#nav ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	float:left;
}
#nav ul li a h2 {
	height:43px;
	margin:0;
	padding:0;
	background: url(../images/nav_single.jpg) no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}
#nav ul li a h2.computers {
	width:140px; 
	background-position:0px 0px;
}
#nav ul li a h2.components {
	width:147px;
	background-position:-140px 0px;
}
#nav ul li a h2.accessories {
	width:139px;
	background-position:-287px 0px;
}
#nav ul li a h2.repair {
	width:103px;
	background-position:-426px 0px;
}
#nav ul li a h2.learn {
	width:98px;
	background-position:-529px 0px;
}
#nav ul li a h2.stores {
	width:104px;
	background-position:-627px 0px;
}

/******** Tooltip style ********/

a.lightwindow {
    position:relative;
    z-index: 24; 
    text-decoration:none;
    width: 130px;
    height: 200px;
}
a.lightwindow:hover {
	z-index: 25;
}
a.lightwindow span{
	display: none;
}
a.lightwindow:hover span {
    display:block;
    position:absolute;
    top:-90px; left:18px; width:100px;
    padding: 8px;
    border:1px solid #ccc;
    background: url(../images/transparent.png);
    color:#6c6c6c;
}
*+html a.lightwindow:hover span {
    top:-28px; left:19px; width:130px;
}
*+html a.lightwindow {
    position: static;
}

/********* Search bar **********/

#searchbar {
	float: right;
	padding: 0 0 0 0;
	margin: 22px 0 0 0;
	width: 237px;
}
#searchbar fieldset {
	border: none;
}
#searchbar fieldset input {
	margin: 0;
	padding: 0;
	width: 257px;
	background: url(../images/search.jpg) no-repeat top left;
}
#searchbar fieldset input {
	width: 207px;
	float: left;
	height: 27px;
	padding: 0 20px 0 30px;
	border: none;
	color: #9f9f9f;
	font-size: 13px;
	text-transform: .5px;
	font-family: Arial, Verdana, sans-serif;
}
#searchbar fieldset input#search {
	display: none;
}

/******** Content ********/

/******** Home page ********/

.main-teaser {
	display: block; 
	float: left;
}
.main-teaser a img {
	border: none;
}
.sidebar-technician {
	background: url(../images/side_bar_technician.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
}
.sidebar-management {
	background: url(../images/side_bar_management.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
}
.sidebar-consultant {
	background: url(../images/side_bar_consultant.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
}
.sidebar-employment {
	background: url(../images/side_bar_employment.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
}
.sidebar-franchising {
	background: url(../images/side_bar_franchise.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
}
.sidebar-trade {
	background: url(../images/side_bar_tradein.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
}
.sidebar-store {
	background: url(../images/store_photo.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
}
.daily-deals {
	background: url(../images/daily_deals_fpo.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	height: 299px;
	margin: 0;
	padding: 42px 0 0 0;
}
#pcLeft .daily-deals p {
	padding: 10px 0 0 16px;
}
#pcLeft .daily-deals ul {
	list-style: none;
	padding: 10px 0 0 16px;
}
#pcLeft .daily-deals ul li{
	padding: 10px 0 0 0;
	font-size: 13px;
}
#pcLeft .daily-deals ul li a{
	text-decoration: none;
	color: #bf040b;
}
#pcLeft .daily-deals ul li a:hover{
	text-decoration: underline;
}
#wrapper-left .side-bar-locations {
	background: url(../images/side_bar_locations.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	margin: 0;
	padding: 42px 0 0 0;
}
#wrapper-left .side-bar-locations ul {
	list-style: none;
}
#wrapper-left .side-bar-locations .side-content {
	margin: 0;
	border-left: 1px #c1c1c1 solid;	
	border-right: 1px #c1c1c1 solid;
	padding: 15px;
	list-style: none;
	width: 156px;
	color: #595959;
	font-size: 13px;
}
#wrapper-left .side-bar-locations ul li ul {
	padding: 0 15px;
}
#wrapper-left .side-bar-locations ul li {
	padding: 3px 0 4px 0;
}
#wrapper-left .side-bar-locations ul li a {
	text-decoration: none;
	color: #bf040b;
}
#wrapper-left .side-bar-locations ul li a:hover{
	text-decoration: underline;
}


/******** Twitter Div ********/

.from-twitter {
	background: url(../images/fromtwitter.jpg) no-repeat top left;
	color: #bf040b;
	width: 188px;
	margin: 0;
	padding: 42px 0 0 0;
}
.from-twitter-bottom {
	background: url(../images/fromtwitter_bottom.jpg) no-repeat top left;
	width: 188px;
	height: 7px;
	margin: 0;
	padding: 0;
}
#wrapper-left .from-twitter ul#twitter_update_list {
	margin: 0;
	border-left: 1px #c1c1c1 solid;	
	border-right: 1px #c1c1c1 solid;
	padding: 15px;
	list-style: none;
	width: 156px;
	color: #595959;
	font-size: 13px;
}
#wrapper-left .from-twitter ul#twitter_update_list li {
	padding: 5px 0 4px 0;
}
#wrapper-left .from-twitter ul#twitter_update_list li a {
	text-decoration: none;
	color: #bf040b;
}
#wrapper-left .from-twitter ul#twitter_update_list li a:hover{
	text-decoration: underline;
}

/******** End Twitter Div ********/

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}

.dropdown-upward {
 margin-top: 400px !important;
}

/******** Store Front Page ********/

.store-front-main {
	background: url(../images/store_front/shop_page_bg.jpg) no-repeat top left;
	width: 782px;
	height: 299px;	
}
.store-front-main ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}
.store-front-main ul li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;	
}
.store-front-main ul li a img {
	border: none;
}
.store-front-main ul.store-top {
	padding: 10px 0 0 10px;
}
.store-front-main ul.store-bottom {
	padding: 0 0 0 10px;
	margin: 140px 0 0 0;	
}
.store-front-items ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}
.store-front-items ul li {
	float: left;
	overflow: hidden;
	padding: 20px 10px 0 0;
	margin: 0;	
}
.store-front-items ul li.end-of-row {
	padding: 20px 0 0 0;	
}
.store-front-items ul li a img {
	border: none;
}
#pcCenter .store-front-brands {
	background: url(../images/store_front/logos_bg.jpg) no-repeat top left;
	width: 782px;
	height: 80px;
	margin: 20px 0 0 0;	
}
.store-front-brands ul {
	list-style: none;
	padding: 7px 0 0 5px;
	margin: 0;	
}
.store-front-brands ul li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;	
}
.store-front-brands ul li a img {
	border: none;
}

/******** Footer ********/

ul#footer-boxes {
	list-style: none;
	padding: 0;
	margin: 0;	
}
ul#footer-boxes li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;	
}
ul#footer-boxes li a img {
	text-decoration: none;
	border: none;	
}

#footer-nav {
	background: #3092c4 url(../images/footer_bg.jpg) no-repeat top left;
	width: 979px;
	margin: 25px 0 0 0;
	font-size: 13px;
	letter-spacing: .7px;	
}
#footer-nav ul li h4, #footer-nav ul li h5{
	color: #92cce7;
	font-size: 13px;	
}
#footer-nav ul li {
	padding: 3px 0;	
}
#footer-nav ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;	
}
#footer-nav ul li a:hover {
	text-decoration: underline;	
}
ul#column1 {
	float: left;
	overflow: hidden;
	margin: 40px 59px 0 79px;	
}
ul#column1 li h5 {
	margin: 8px 0 0 0;	
}
ul#column2 {
	float: left;
	overflow: hidden;
	margin: 40px 59px 0 0;	
}
ul#column2 li h4, ul#column3 li h4, ul#column4 li h4, ul#column5 li h4 {
	margin: 0 0 8px 0;	
}
ul#column3 {
	float: left;
	overflow: hidden;
	margin: 40px 59px 0 0;	
}
ul#column4 {
	float: left;
	overflow: hidden;
	margin: 40px 59px 0 0;	
}
ul#column5 {
	float: left;
	overflow: hidden;
	margin: 40px 0 0 0;	
}
ul#column5 li h5 {
	margin: 8px 0 0 0;	
}
ul#column5 li.facebook a {
	width: 34px;
	height: 33px; 
	margin: 10px 0 0 0;
	background: url(../images/footer_facebook.png) no-repeat top left;
	display: block;
	text-indent: -9999px;	
}
ul#column5 li.twitter a {
	width: 34px;
	height: 33px; 
	margin: 3px 0 0 0;
	background: url(../images/footer_twitter.png) no-repeat top left;
	display: block;
	text-indent: -9999px;	
}
#footer-bottom {
	margin: 40px 79px 0 79px;	
	border-top: 1px #72bed5 solid;
	padding: 20px 0;
}
#footer-bottom p {
	color: #fff;
	font-size: 11px;
	letter-spacing: .5px;
}

/******** Tier Page Styles ********/

#tier-wrapper{
	margin: 0;
	width: 782px;
}	
h2.about-us {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/about_us.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.why-cp {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/whycp.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.employment {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/employment.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.contact-us {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/contactus.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.repair {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/repair.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.learn {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/learn.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.specials {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/specials.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.press {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/press.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.franchising {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/franchising.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.suggestions {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/suggestions.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.trade {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/tradein.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.stores {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/stores.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
h2.dailydeals {
	width: 782px;
	height: 44px; 
	margin: 0;
	background: url(../images/daily_deals_hd.jpg) no-repeat top left;
	display: block;
	text-indent: -9999px;
}
#tier-content {
	border-left: 1px #c1c1c1 solid;	
	border-right: 1px #c1c1c1 solid;	
	padding: 29px;
	margin: 0;
	width: 722px;
	line-height: 22px;
	font-size: 14px;
}
#tier-content #container h2 {
	color: #0080b5;	
	font-weight: normal;
	font-size: 26px;
}	
#tier-content #container h2 a {
	color: #0080b5;	
	font-weight: normal;
	font-size: 26px;
}
#tier-content #container h2 a:hover {
	text-decoration: none;
}
#tier-content h3 {
	color: #0080b5;	
	font-weight: normal;
	font-size: 26px;
}
#tier-content h4 {
	color: #bf040b;	
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 0 10px 0;
}
#tier-content h5 {
	color: #6e6d6d;	
	font-weight: bold;
	font-size: 14px;
	padding: 18px 0 0 0;
}
#tier-content table {
	font-size: 12px;
	text-align: left;
	padding: 0;
	margin: 15px 0;
	width: 100%;
	border: 1px #c1c1c1 solid;
	border-collapse: collapse; 
}
#tier-content table th {
	padding: 7px 13px;
	border-top: 1px #c1c1c1 solid; 
	border-right: 1px #c1c1c1 solid;
}
#tier-content table td {
	padding: 7px 13px;
	border-top: 1px #c1c1c1 solid; 
	border-right: 1px #c1c1c1 solid;
}
#tier-content table tr.alt {
	background: #ecedee;
}
#tier-content p {
	padding: 0 0 5px 0;
}
#tier-content .videointerview {
	padding: 0 0 15px 17px;
	float: right;
	overflow: hidden;
}
#tier-content img.left {
	padding: 0 17px 15px 0;
	float: left;
	overflow: hidden;
}
#tier-content img.right {
	padding: 0 0 15px 17px;
	float: right;
	overflow: hidden;
}
#tier-content ul.nobullet {
	padding: 0 0 5px 25px;
	list-style: none;
}
#tier-content ul.nobullet li {
	padding: 1px 0;
}
#tier-content ol, #tier-content ul {
	padding: 0 0 5px 25px;
}
#tier-content ul li, #tier-content ol li {
	padding: 3px 0;
}
#tier-content ul li a, #tier-content ol li a, #tier-content p a {
	color: #bf040b;
}
#tier-content ul li a:hover, #tier-content ol li a:hover, #tier-content p a:hover {
	text-decoration: none;
}
#tier-content dl {
	width: 250px;
}
#tier-content dl dt {
	float: left;
	overflow: hidden;
}
#tier-content dl dd {
	text-align: right;
}
#tier-content hr {
	margin: 25px 0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px #c1c1c1 solid;
}
#tier-wrapper-bottom{
	margin: 0;
	width: 782px;
	height: 7px;
	background: url(../images/content_bottom_border.jpg) no-repeat top left;
}
	
/******** Daily Deals Page ********/	
	
.daily-wrapper {
	float: left;
	overflow: hidden;
	margin: 0 9px 0 0;
	padding: 0 0 17px 0;
}

.daily-wrapper-end {
	float: left;
	overflow: hidden;
	margin: 0 0 0 1px;
	padding: 0 0 10px 0;
}

.daily-container {
	background: url(http://www.computersplus.com/images/right_col_bg.jpg) repeat-y 0 2px;
	height: 490px;
	width: 188px;
}

.daily-container h3 {
	background: url(http://www.computersplus.com/images/right_col_hd_bg.jpg) no-repeat top left;
	color: #595959;	
	margin: 0 0 0 0;
	padding: 14px 15px 15px 15px;
	border: none;
	font-size: 14px;
}	

.daily-container h4 {
	padding: 13px 15px 6px 15px;
	font-size: 14px;
	color: #0080b5;	
}

.daily-container h5 {
	padding: 8px 15px;
	font-size: 13px;
	color: #c8040b;	
}

.daily-container img {
	width: 175px;
	height: 175px;
	padding: 0 0 0 7px;
}

.daily-container p {
	padding: 0 15px 6px 15px;;
	font-size: 13px;
}

.daily-container small {
	padding: 0 15px;
	font-size: 10px;
	font-weight: bold;
}

.wide-column-hd {
	background: url(http://www.computersplus.com/images/wide_hd.jpg) no-repeat top left;
	height: 6px;
	width: 979px;
}

.wide-column {
	border-right: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
	padding: 12px 20px;
	width: 937px;
}

.wide-column p {
	font-size: 11px;
}	

.wide-column-ft {
	background: url(http://www.computersplus.com/images/wide_ft.jpg) no-repeat top left;
	height: 6px;
	width: 979px;
}

/******** End Daily Deals ********/