@charset "UTF-8";
/* CSS Document */

/* Overwriting some aos-layout styles */
 p.redfont{color:#003366!important; margin-top:-10px; font-size:12px; font-weight:bold;}


*:first-child+html #primary #office-promo-2008  { padding-top:10px!important;
margin-top:-10px;}


.modulecontent {
    padding-top: 0;
	margin-top:0;	
}

*:first-child+html .modulecontent {
    padding-top: 0;
	margin-top:-10px;	
}

/* module top */
.module_top_loan {
	float: left;
	width: 100%;
	height: 7px;
	background: url(../images/primary-top.gif) no-repeat;
	line-height: 4px;
}

.module_btm {
	margin-bottom: 7px;
	clear: left;
	float: left;
	width: 100%;
	height: 5px;
	background: url(../images/primary-btm.png) no-repeat;
	line-height: 5px;
}
*:first-child+html .module_btm{
margin-top:-10px;
} 

/* Main page styles */
#office-promo {
    color: #333;
}
.grid2col {
    margin: -3px auto 20px;
    min-height: 150px;
    _height: 150px;
    background: transparent url("../images/cs3education-bgv2.jpg") no-repeat 50% 0;
    position: relative; !position: static;
    display: block; !display: inline-block;
}
.grid2col .column1 {
    float: left;
    display: inline;
    width: 400px;
    margin-left: 29px;
	
}

.grid2col .column3 {
    float: left;
    display: inline;
    width: 300px;
    margin-left: 0px;
}

.grid2col .column4 {
    float: left;
    display: inline;
    width: 300px;
	margin-top:55px;
    margin-left: 170px;
}

.grid2col .column1 p {
margin-top:20px;
font-size: 1em;
line-height:1.7em;
}

.grid2col .column2 {
    float: right;
    display: inline;
    width: 330px;
	margin-top:30px;
	margin-left:0px;
    margin-right:45px;
*margin-right:35px;

    position: relative;
    top:47px;
    left:15px;
    
}
.grid2col h2 {
    color: #fff;
    font-size: 2.6em;
    line-height: 1.1em;
    letter-spacing: -0.04em;
    margin: 24px 0 5px; !margin-bottom: 10px;
}
.grid2col h3 {
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.7em;
    width: 476px;
    margin: 10px 0;
}
.grid2col h3 span {
    font-weight: normal;
}
.grid2col h6 {
    color: #666;
    font-size: 0.9em;
    line-height: 1.3em;
    letter-spacing: -0.04em;
    margin: 0 0 5px; !margin-bottom: 10px;
}
.grid2col p {
    color: #666;
    font-size: 1em;
    line-height: 1.5em;
}
#calltostart {
    margin: 14px 0 0 35px;
}
#office-promo-2008 #wrapper,
#office-promo #wrapper {
    width: 742px;
	margin-bottom:20px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}


#products-top, #products-bottom {
    height: 8px;
    background: url("../images/products-topcap.png") no-repeat 50% 0;
	 *background: url("../images/products-topcap.gif") no-repeat 50% 0!important;
    line-height: 1px;
    font-size: 1px;
}
#products-bottom {
    background-image: url("../images/products-bottomcap.png");
	*background-image: url("../images/products-bottomcap.gif")!important;
}



#products {
    width: 742px;
    background: url("../images/products-bg.png") repeat-y 50% 0;
	*background: url("../images/products-bg.gif") repeat-y 50% 0!important;
    _zoom: 1;
    display: block; !display: inline-block; 
}


#products #inner{padding:15px 25px;
}
#products h4 {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0;
	margin-bottom:10px;
}

#products h5 {
    color: #000;
    font-size: 1em;
    font-weight: bold;
	margin:12px 0;
}

#products h7 {
    color: #000;
    font-size: 0.9em;
    margin-top: 0;
	margin-bottom:10px;
}
#products p {
    color: #666;
	font-size: 0.9em;
    line-height: 1.7em;
    margin-bottom: 20px;
}
#products p.original-price {
    color: #999;
    font-size: 0.9em;
    text-decoration: line-through;
}
#products p.special-price {
    color: #000;
}


#products ol,#products ul {
margin-bottom:20px;
padding:0;
}

#products li {
 color: #666;
font-size: 0.9em;
margin-bottom:9px;
line-height:1.8em;
}

/* table */
.interest {table-layout: auto; width: 80%; background-color: #fff; border-collapse: collapse; padding: 0; margin: 10px 60px 30px;}
.interest th {vertical-align: middle; text-align: center; white-space: nowrap; padding: 3px; border: 1px solid #d4d4d4; border-collapse: collapse; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #676868;}
.interest .header {background-color: #e2e6e7;}
.interest th.contract {text-align: center; font-weight:bold; width:200px;}




#products-left {
    width: 300px;
    margin-left: 26px;
	padding-right:17px;
    float: left;
    display: inline;
}
#products-left h5 {
    margin: 12px 0;
}


/*MAC HARDWARE LIST*/
ul#hardware-list li.left { margin-right:14px; }
ul#hardware-list li.product {
    float:left;
    width:200px;
    margin-bottom:10px;
}

ul#hardware-list li.product ol {
    width:75px;
    margin-top:33px;
    float:right;
    line-height:1.2em;
}


#products-right {
    width: 300px;
    padding-left: 37px;
    float: left;
    display: inline;
    background: url("../images/vertical-separator.png") no-repeat left 50%;
}
#products-right img.left {
    float: left;
    display: inline;
}
#products-right .container {
    margin: 10px 0 18px;
    clear: left;
    display: block; !display: inline-block;
}
#products-right .container p,
#products-right .container h5 {
    margin-left: 80px;
}

#products-right  h5 {
    margin: 12px 0;
}

#products-right .container p {
    margin-bottom: 5px;
}
#products-right .container p.price {
    margin-bottom: 2px;
}
#products-right .container h5 {
    line-height: 1.2em;
}
#products-right .container .choose-macpro {
    margin-left: 8px;
}
p.questions {
    color: #000;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0 10px;
}
a.learn-more {
    background: transparent url(../images/link-more.gif) no-repeat scroll 100% 70% !important;
    color: #0085CF;
    display: inline;
    line-height: 1.7em;
    padding: 0pt 8px 0pt 0pt;
}
.footnotes {
    color: #999;
    font-size: 10px;
    line-height: 1.3em;
}
.footnotes h6 {
    font-weight: bold;
    margin-bottom: 6px;
}
.footnotes p {
    margin-bottom: 6px;
}

/* self-clearing */
.grid2col:after,
#office-promo ol:after,
#products:after,
#products-right .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}