/* @override 
	http://localhost:8000/appmedia/css/styles-newboxsets.css
*/

/* LIBRARIES */
/* reset */
html{color: #646464;background:#CCC;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:disc;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/* GRIDS */
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

.prepend-1{padding-left:40px;}
.prepend-2{padding-left:80px;}
.prepend-3{padding-left:120px;}
.span-3{float: left;width:120px;}
.span-4{float: left;width:360px;}

.section {
	padding: 15px 0;
}

/* TEMPLATE */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}

.pageExt{margin:0 auto;width:1006px;_text-align:left;}
.page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width:auto;margin:0;}
/* ====== Columns ====== */
.leftCol{float:left;width:250px;_margin-right:-3px;}
.rightCol{float:right;width:300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.amazon{width:220px;}
.yahoo{width:240px;}
.width300{width:300px;}

/* Site Specific */

h1, h2, h3, h4, h5 {font-family: "Century Gothic";}

.itemDetails ul li{list-style-type:square; margin-left:30px; padding-bottom: 2px;}
.box li {
	list-style-image: url(../img/bullet.gif);
}

.topBand {
	padding: 0px;
	margin: 0;
	height: 40px;
}

h1.logo {
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	width: 127px;
	height: 111px;
	position: relative;
	top: -23px;
	left: 30px;
	background:  url("../img/logo.png") no-repeat; 
}

h2.nbs-logo {
	margin: 20px 10px 10px 10px;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	width: 281px;
	height: 55px;
	background:  url("../img/nbs-logo.gif") no-repeat; 
}

.banner h2{
	font-family: "Tw Cen MT", "myriad pro", Verdana;
	font-size: 40px;
	color: black;
}
 .banner h4 {
	font-family: "Tw Cen MT", "myriad pro", Verdana;
	padding: 0 10px;
	color: #999;
	font-style: italic;
	font-size: 15px;
}


.right {
	float: right;
}

.left {
	float: left;
}

.clear{
	clear: both;
}

.borders {
  border: 1px solid #d3d3d3;
}

.noTopBorder {
  border-top: none;
}

.border-bot {
	border-bottom: 1px solid #757575;}

/* Fixes IE Bug with rounded corners */
img.noborders {
	padding: 0;
	margin: -1px;
	border: none;
}

.padPage {
	padding: 0 30px 0 30px;
}

.noPadTop {
	padding-top: 0;
}

.padTop {
	padding-top: 10px;
}

.padTop2 {
	padding-top: 2px;
}

/*.padTop20 {
	padding-top: 20px;
}*/


.noPadLeft {padding-left:0;}
.noPadRight {padding-right:0;}
.padLeft {padding-left: 10px;}
.padRight {padding-right: 10px;}
.pad10 {padding: 10px;}
.pad20 {padding: 20px;}

.strike {
	text-decoration: line-through;
}

blockquote {
	margin-right: 10px;
	font-style: italic;
	background: url("../img/quotes.png") no-repeat  5px 5px; 
	/*border: 1px solid #d3d3d3;*/
	text-indent:20px;
}

blockquote p {
	padding-top: 20px;
}

.pageBg{
	background: #cccccc url("../img/background.jpg") repeat-y; 
}

.pageBgExt {
	background-color: white;
}

.centre {
	text-align: center;
}

.lead {
	/* 24px*/
	font-size: 1.3em;
}

.price {
	display: inline;
	font-size: 1.5em;
	color: #99050c;
	font-family: "Century Gothic";
}

.bigPic .price {
	color: #80D303;
}

.textCell {
	padding: 17px 12px 10px 12px;
	background-color: white;
}

.label {
	font-weight: bold;
}

.shade {
	background-color: #f1f1f1;
}

.actionBar {
	/*background-color: black;*/
	padding: 1px 0;
}

.actionBar li {
	padding-right: 15px;
}

.itemDetails h3 {
	color: #6696BE;
}

.priceCell {
	display: block;
	float: left;
	/*background-color: black;*/
	/*color: white;*/
	padding: 10px 7px 0 0px;
	margin-right: 10px;
}

.priceCell .price {
	font-weight: bold;
}

.priceCell .small {
	color: #6696be;
}

.smallPrice {
	color: #99050c;
}

.small {
	font-size: 0.8em;
}

.large {
	font-size: 1.5em;
}

.light {
	color: #7faac4;
	font-weight: normal;
}

.vAligned {
	padding: 10px 10px 5px 0;
}

.inline {
	display: inline;
}

/* Footer */

.footer {
	color: #999;
	font-size: 0.9em;
	background-color: black;	
}

.footer h4, .footer h3, .footer h2 {
	padding-left: 0;
	color: #999;
}

.footer a, .footer a:hover, .footer a:visited {
	color: #999;
}


.footer .catList {
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
}

.footer .catList h3 {
	width: 60%;
}

/* Menu */

.catMenu {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.catMenu li {
	padding: 0 20px 0 0;
}

.catMenu a {
	color: #000;
}

.catMenu a:visited {
	color: #000;
}


.catMenu a:hover {
	color: #6696be;
	text-decoration: underline;
}

.active {
	color: #6696be;
}

/* Lists */

.inlineList li {display: inline;}

.spacedList li {
	padding: 5px 0;
	margin: 0 0 0 10px;
	list-style: none;
	list-style-image: none;
}

.listNoStyle {
	margin: 0;
	padding: 0;
}

.listNoStyle li {
	padding-left: 10px;
	list-style: none;
	list-style-image: none;
}

/* Search */

.searchForm{
	width: 890px;
	height: 47px;
	background: url("../img/search-bar.png") no-repeat; 
	padding-bottom: 15px;
}

.searchBlock {
	position: relative;
	top: 6px;
	/*left: 32.99%;*/
}

#category {
	position: relative;
	top: 7px;
	right: 10px;
	float: right;
}

.searchField {
	width: 287px;
	height: 34px;
	background: url("../img/search-input.png") no-repeat; 
	border: none;
}

input#id_q {
	padding: 0;
	margin: 0;
	width: 267px;
	border: none;
	font-size: 18px;
	border: 0px solid white; /* IE */
	position: relative;
	top: 6px;
	left: 10px;
}

input#id_q:focus {
	/* removes safari focus higlighting */
	outline: 0;
}

.searchForm .button {
	width: 97px;
	height: 46px;
	border: none;
	background: transparent url("../img/button-search.png") no-repeat; 
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;

	display: inline;
	position: relative;
	bottom: 6px;
	background: url("../img/button-search.png") no-repeat; 
	cursor: pointer;
}


/* CSS Sprite */

.catNav {
	position: relative; 
	margin: 10px auto; 
	padding: 10px 0px;
	width: 528px; 
	height: 158px;
}

.catNav li {
	width: 128px; 
	height: 128px; 
	position: absolute; 
	display: block; 
	list-style: none;
}

.catNav li#nav1 {
	background: url(../img/cat-nav.png) 0px 0px no-repeat; 
	left: 0px; }

.catNav li#nav2 {
	background: url(../img/cat-nav.png) -128px 0px no-repeat; 
	left: 200px; }

.catNav li#nav3 {
	background: url(../img/cat-nav.png) -256px 0px no-repeat; 
	left: 400px; }


.catNav a {
	width: 128px; 
	height: 128px; 
	display: block; 
	color: #2794d2;
	font-weight: bold;
}

.catNav #nav1 a:hover {
	text-decoration: none;
	background: url(../img/cat-nav.png) 0px -128px no-repeat; }

.catNav #nav2 a:hover {
	text-decoration: none;
	background: url(../img/cat-nav.png) -128px -128px no-repeat; }

.catNav #nav3 a:hover {
	text-decoration: none;
	background: url(../img/cat-nav.png) -256px -128px no-repeat; }


.navText {
	font-size: 1.4em;
	position: relative;
	top: 140px;
	left: 2em;
	padding: 4px;
}


a:visited .navText {
	color: #2794d2;
	padding: 6px 4px 2px 4px;
}

a:hover .navText {
	color: #01fffc;
	background-color: #2794d2;
	padding: 6px 4px 2px 4px;
}


/* CONTENT */
/*body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}*/
body{font-family: Verdana, Arial, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 2px solid #e2e2e2; border-width: 0 0 2px 0; margin: 10px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:black;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color: #464646;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #6696be; ;text-decoration: none }
a:focus, a:hover {color: #2794d2;text-decoration: underline;}
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #d3d3d3;}
/*th, td{vertical-align:top;border:1px solid #d3d3d3;background-color: white;}*/ /* REMOVE for fancyzoom */
.showTable th, .showTable td{vertical-align:top;border:1px solid #d3d3d3;background-color: white;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}
/* ====== special formatting classes ====== */
.detail{color: #777; font-size:11px;display:block;}


/* MOD */
.mod{margin:10px;}
.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}


/* Mod Skins */

/* ----- simple (extends mod) ----- */
.simple .inner {border:1px solid #d3d3d3;/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.simple b{background-image:url(../img/skin/simple_corners-d3.png);}

.simple {
	background-color: white;
}



.breadcrumb h2 {
	padding: 5px 10px;
	color: white;
}

.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:visited {
	color: white;
	text-decoration: underline;
}

a.ignore, a.ignore:focus, a.ignore:hover {
	text-decoration: none;
	border-bottom: none;
}

/* My Comment */

.submenu {
	height: 15px;
	padding: 13px 10px;
	background: url(../img/submenu.png) no-repeat;
}

.submenu a, .submenu a:visited {
	color: #7d7d7d;
	text-decoration: none;
	margin: 0 10px;
}

.submenu a:hover {
	color: #25b11b;
	text-decoration: none;
}

.sub-button {
	padding: 10px 0;
	border-left: 1px solid black;
	border-color: #9f9f9f;
}


.catList h3 {
	margin-top: 10px;
	width: 80%;
	padding: 5px 10px;
	color: white;
}

.catList ul {
	padding: 10px 0;
}

.cat1{background-color: #6696BE;}
.cat2{background-color: #B66C6D;}
.cat3{background-color: #E0A366;}

.colHead {
	color: black;
	padding: 10px 0;
	font-size: 2em;
}

/* Big Pics */

.bigPic {
	padding: 0;
	margin: 0;
	width: 290px;
	height: 370px;
	color: white;
}

.ad1 { background: url(../img/backgrd-dvd.png) no-repeat; }
.ad2 { background: url(../img/backgrd-music.png) no-repeat; }
.ad3 { background: url(../img/backgrd-books.png) no-repeat; }

.bigPic h3 {
	padding: 10px;
	font-size: 1.8em;
	color: white;
	font-family: "Century Gothic";
}

.bigPic h4 {
	font-weight: bold;
	padding: 0;
	color: white;
}

.bigPic a, .bigPic a:hover, .bigPic a:visited {
	color: white;
	cursor: pointer;
}

.ftDesc {
	padding: 10px;
	font-size: 0.85em;
}

.complex{
  width: 290px;
  text-decoration:none;
  position:relative;
  display:block;
  color: white;
}

.ribbonSlant {
  position:absolute;
  right:0;
  top: 0px;
}

.ribbon {
  position:absolute;
  left:0;
  bottom: 0px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.ribbonText {
	position: absolute;
	bottom: 7px;
	padding: 0 0 0 10%;
	font-size: 20px;
}


/*Product List*/

.prepend-item {
	padding-left: 110px;
}

.span-item {
	width: 100px;
}

.itemCol1 {
	width: 120px;
}

.itemCol2 {
	width: 200px;
}

.itemInfo {
	overflow: hidden;
	height: 60px;
}

.productList ul {
	padding: 0;
	margin: 0;
}

.productList ul li {
	padding: 0px;
	margin: 10px 0;
	list-style: none;
}

.productItem {
	width: 344px;
	height: 158px;
	padding: 0px 0;
	background: url(../img/product-item.png) no-repeat;
}

.productItem h4 {
	padding: 0;
}