/* HTML Elements */
*{
    margin:0px;
    padding:0px;
    border:0px;
}
html, body{
	height:100%; 
	width:100%;
}
body{    
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#222;
    text-align:center;
	background:#0f4c80 url(/assets/img/layout/bg.png) repeat-x;
}
p, h1, h2, h3, h4, ul, table{
    margin-bottom:16px;    
}
h1, h2, h3, h4, caption{
    color:#004ba5;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
h1{
    font-size:24px;
    line-height:28px;
}
.section
{
	font-family:Georgia, "Times New Roman", Times, serif;
    color:#fff;
	margin:0 0 22px 30px;
	font-size:26px;
	line-height:28px;
	font-variant:small-caps;
}
h2{
    font-size:18px;       
    line-height:24px;

}
h3{
    font-size:14px;
    line-height:22px;
	
}
h4{
    font-size:12px;
    line-height:20px;
} 
caption{
    font-size:14px;
    line-height:22px;
    text-align:left;
    margin-bottom:20px;
}
ul{
	margin-left:20px;
	list-style:disc;
}
a{
	color:#59bdff;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
a:hover{
	text-decoration:underline;
}
/* Layout */
.global-wrapper
{
	background:transparent url(/assets/img/layout/bg-circles.png) no-repeat top center;
	width:100%;
	height:100%;
}
.header, .content, .nav, .footer{
	width:960px;
	margin:0px auto;	
	text-align:left;
}
/* Header */
.header{
	height:60px;
}
.logo-oxford
{
	float:left;
	margin-top:11px;
	margin-left:22px;
}
.logo-handmark
{
	float:right;	
	margin-top:10px;
	margin-right:27px;
}
.cart-link
{
	float:right;	
	margin-top:29px;
	margin-right:20px;
	font-size:11px;
}
/* Navigation */
.nav{
	margin-bottom:12px;
}
.nav ul{
	list-style:none;
	margin:0 22px;
	width:911px;
}
.nav li{
	display:block;
	float:left;
}
.nav a{
	display:block;
	height:44px;
	line-height:44px;
}
.btn-android a
{
	width:134px;
	background:url(/assets/img/layout/btn-android.png) no-repeat;
}
.btn-blackberry a
{
	width:136px;
	background:url(/assets/img/layout/btn-blackberry.png) no-repeat;
}
.btn-iphone a
{
	width:97px;
	background:url(/assets/img/layout/btn-iphone.png) no-repeat;
}
.btn-symbian a
{
	width:106px;
	background:url(/assets/img/layout/btn-symbian.png) no-repeat;
}
.btn-palm a
{
	width:77px;
	background:url(/assets/img/layout/btn-palm.png) no-repeat;
}
.btn-pocket-pc a
{
	width:167px;
	background:url(/assets/img/layout/btn-pocket-pc.png) no-repeat;
}
.btn-smartphone a
{
	width:194px;
	background:url(/assets/img/layout/btn-smartphone.png) no-repeat;
}
.nav a:hover{
	background-position:0 -44px;
	text-decoration:none;
}
.nav a.selected{
	background-position:0 -88px;
}
.nav a.selected:hover{
	background-position:0 -88px;
}
/* Content */
.content{
	margin:0 auto;
	width:900px;
}
.content a{
	color:#004ba5;
}
/* Footer */
.footer{
	color:#fff;
	margin-top:30px;
}
.list-3-columns
{
	list-style:none;
	margin:0 auto;	
	width:860px;
}
.list-3-columns li
{
	display:block;
	float:left;
	width:33.3%;
}
.list-4-columns
{
	list-style:none;
	margin:0 0 0 20px;
	
}
.list-4-columns li
{
	display:block;
	float:left;
	width:215px;
}
.legal{
	font-size:10px;
	margin:30px auto 30px auto;	
	width:860px;
	text-align:center;
}
/* Reuseable Syles */
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.text-right{
	text-align:right;	
}
.no-margin{
	margin:0;	
}
a.btn
{
	display:block;
	width:92px;
	height:30px;
	background:transparent url(/assets/img/components/btn-add-to-cart.png) no-repeat;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	color:#fff;
}
.ddl-select
{
	margin:0;	
	width:105px;
	border:1px solid #bbb;
}
.ddl-select a{
	display:block;
	background:#fff url(/assets/img/components/btn-down-arrow.png) no-repeat 97% 54%;
	padding:4px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	vertical-align:middle;
}
.ddl-select a:hover
{
	text-decoration:none;
	color:#fff;
	background:#45adef url(/assets/img/components/btn-down-arrow.png) no-repeat 97% 54%;	
	cursor:hand;
	cursor:pointer;
}
.ddl-platforms
{
	position:absolute;	
	list-style:none;
	float:left;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #bbb;
	border-top:0px;
	width:150px;
	margin:0px;
}
.ddl-platforms li{
	background:#fff;
	border-top:1px solid #ddd;	
	float:left;
	width:150px;

}
.ddl-platforms a
{
	padding:1px 5px;
	display:block;	
	color:#333;	
}
.ddl-platforms a:hover{
	text-decoration:none;
	color:#fff;
	background:#45adef;	
}
.ddl-wrapper
{
	float:left;
}

a.btn-add-to-cart
{
	display:block;
	width:92px;
	height:30px;
	background:transparent url(/assets/img/components/btn-add-to-cart.png) no-repeat;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	color:#fff;
}
.note
{
	color:#888;	
}
/* home */
.featured-app
{
	background:transparent url(/assets/img/home/featured-oxford-app.jpg) no-repeat;
	width:100%;
	height:330px;
	float:left;
	margin-bottom:10px;
}
.featured-app h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:8px 0 45px 0px;	
	text-align:center;
	font-style:italic;
	font-size:24px;
	color:#fff;
}
.featured-app p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}
.featured-info
{
		margin:0 0 00px 630px;
		width:245px;
		color:#fff;
		margin-right:20px;
}
.featured-info .ddl-platforms
{
	margin: 24px 0 0 131px;	
}
.promo-top{
	background:transparent url(/assets/img/home/bg-promo-top.png) no-repeat;
	height:7px;	
	width:898px;
	margin:0 auto;
	overflow:hidden;
}
.promo-bottom{
	background:#ccc url(/assets/img/home/bg-promo-bottom.png) no-repeat;
	height:4px;
	width:898px;
	margin:0 auto;
	overflow:hidden;
}
.promo-content-wrapper{
	background:#fff url(/assets/img/home/bg-promo-content-repeat.png) repeat-y;
	width:898px;
	margin:0 auto;
}
.promo-content{
	background:transparent url(/assets/img/home/bg-promo-content.png) no-repeat;
	width:898px;
	height:200px;
	margin:0 auto;
}
.promo-content h2{
	margin-top:30px;
	margin-bottom:14px;
}
.promo-content p{
	float:left;
	margin-bottom:10px;
	width:130px;
}
.book-category
{
	float:left;
	width:70px;
	height:93px;
	margin-right:10px;
}

.promo-bar{
	background:#ccc;
	margin:0 4px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px;
	text-align:center;
	font-size:14px;
}
.page-top{
	background:transparent url(/assets/img/components/bg-content-top.png) no-repeat;
	height:7px;	
	width:898px;
	margin:0 auto;
	overflow:hidden;
}
.page-bottom{
	background:#ccc url(/assets/img/components/bg-content-bottom.png) no-repeat;
	height:4px;
	width:898px;
	margin:0 auto;
	overflow:hidden;
}
.page-wrapper
{
	background:#fff url(/assets/img/components/bg-content.png) repeat-y;
	width:898px;
	margin:0 auto;
}
.page{
	padding:22px 30px 60px 30px;
}

/* Accordian */
.accordian-list
{
	margin:0px;
	list-style:none;
}
.accordian-product{
	float:left;
	width:238px;
	background:#f5f2d9 url(/assets/img/components/bg-accordian-content.png) repeat-x;
	padding:10px;
	border:1px solid #ccc;
	border-top:0px;
}
.accordian-title{
	background:#fff url(/assets/img/components/bg-accordian-title.png) no-repeat;
	margin:0px;
}
.accordian-title a
{
	display:block;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:28px;
	cursor:pointer;
	cursor:hand;
}
.accordian-title a:hover{
	text-decoration:none;	
}
.img-product-small
{
	width:42.5px;	
}
.btn-expand
{
	background:transparent url(/assets/img/components/btn-arrow.png) no-repeat 10px -1px;
}
.btn-collapse
{
	background:transparent url(/assets/img/components/btn-arrow.png) no-repeat 10px -29px;
}

/* Site Path */
.site-path
{
	font-size:11px;
	color:#888;
	margin-bottom:20px;	
/* Hide for now... */ 	
display:none;
}

/* Shopping Cart */	

.cart-info{
	background:#002654 url(/assets/img/components/bg-cart.png) 10px 10px no-repeat;	
	color:#fff;
	border:3px solid #adadad;
	margin-bottom:17px;
}
.cart-info-padding{
	padding:10px 14px 10px 70px;
}
.cart-info .btn{
	float:right;
	margin-left:5px;
	margin-top:6px;
}
.cart-info-title{
	font-size:14px;	
	font-weight:bold;
	margin-bottom:5px;
	color:#fff;
}
.cart-note{
	font-size:11px;
}

/* product and list pages */
.price-cart-wrapper
{
	margin-bottom:20px;		
}
.btn-wrapper, .price
{
	float:left;
	margin-right:10px;
}
.price{
	color:#777;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	vertical-align:middle;
	
}