body {
	/* Grey: margin: 0; padding: 0; background: #DDD URL('/graphics/background.jpg') repeat top left; font-family: arial, helvetica, sans-serif; font-size: 80%; */
	background: #FFF; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 80%;
}

img { border: 0; }

a { color: blue; }

form { margin: 0; padding: 0; }

ul { margin: 10px 0; padding: 0 0 0 20px;}

#colLeft {
	width: 220px; float: left; margin-bottom: 20px;
}

#leftHeader { 
	background: URL('/graphics/itc-mag-main-background-top.jpg') repeat-x top left; height: 230px;
}

#leftContent {
	background: #DDD; border-top: 1px solid #999; border-bottom: 1px solid #999999; padding: 20px; 
}

.storeInfo {
	background: #EEE; padding: 5px 10px; margin-bottom: 1px; border-bottom: 1px solid #999;
}

#magHolder { 
	border-bottom: 1px solid #BBB; padding: 10px 0; margin-bottom: 20px; 
}

#magHolder img { max-width: 160px; }

ul#dvdList {
	list-style-type: none; padding: 10px 0; margin: 0;
}

ul#dvdList li { float: left; width: 90px;}

#colMain {
	background: URL('/graphics/itc-mag-main-background-top.jpg') repeat-x top left; margin-left: 220px; margin-bottom: 20px; min-width: 730px;
}

#mainHeader {
	height: 165px;
}

#session {
	margin: 5px 20px 0 0;
}

ul#navBar { 
	list-style-type: none; margin: 0; padding: 6px 0 0 0; 
}

ul#navBar li { 
	float: left; margin-right: 10px;
}

ul#navBar li a {
	display: block; padding: 4px 6px; font-weight: bold; color: yellow; text-decoration: none; font-size: 1em; border: 1px solid yellow; background: red; text-transform: uppercase;
}

ul#navBar li a:hover { 
	background: yellow; color: red; border-color: red;
}

ul#navBar li a.navSale { background: #A50000; color: #EEE;}

#mainHeader {
	min-width: 730px;
	padding-right: 20px;
	overflow: hidden;
	position: relative;
}

#mainHeader #topBanner {
	margin-top: 45px;
	text-align: right;
}

#mainContentWrapper {
	/* grey background: #FFF URL('/graphics/itc-mag-main-background.jpg') repeat-y top right; border: 1px solid #CCC; border-right: 1px solid #999; margin-right: 20px; padding: 20px; */
	background: #FFF; border: 1px solid #CCC; border-right: 1px solid #999; margin-right: 20px; padding: 20px;
}

#mainContentWrapper #sideAd {
	padding: 20px 0; float: right; background: #FFF; width: 180px; text-align: center; background-color: #EEE;
}
#leftContent #sideAd {
	padding: 20px 0; float: left; background: #FFF; width: 180px; text-align: center; background-color: #EEE; margin-bottom: 20px;
}
#sideAd .ad {
	float: left; clear: both;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}


#mainContentWrapper #mainContent {
	margin-right: 200px;
}

#breadcrumb { 
	margin-bottom: 20px;
}

#mainFooter {
	border-top: 1px solid #999; margin-right: 20px;	padding-top: 10px;
}

/* CATEGORY TEMPLATE */

.subCat {
	background: #EEE; width: 120px; height: 120px; overflow: hidden; text-align: center; float: left; margin-bottom: 10px; margin-right: 10px; border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-bottom: 1px solid #999; border-right: 1px solid #999;
}

.subCat img { max-height: 100px; max-width: 100px;  }
table.productTable {
	margin-top: 20px; border: 1px solid #DDD; border-collapse: collapse; width: 100%;
}

table.productTable td { padding: 5px; border: 1px solid #DDD; vertical-align: top;}

table.productTable td.tdOdd, table.productTable td.tdcartOdd { background: #EEEEFF; }

table.productTable thead td {
	background: #DDD; border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 2px 5px; font-weight: bold;
}

/* PRODUCT INFO */

span.txtPrice { float: right; }
span.txtSale { float: right; color: #A50000; margin-left: 10px; }
.addToCart { background: #EEE; padding: 10px; margin-bottom: 20px; display: inline; }
span.salePrice { color: #A50000;}
span.txtOldPrice { text-decoration: line-through; font-weight: normal;}

/* SHOPPING CART */

table#cartProgress {
	width: 100%; border-collapse: collapse; margin-bottom: 20px;
}

table#cartProgress td {
	border: 1px solid #DDD; width: 25%; padding: 10px; background: #EEE; font-weight: bold;
}

table#cartProgress td.txtcartProgressCurrent {
	background: #FFF;
}

/* LOGIN */

.loginStatus { background: #FFFFCC; border: 1px solid #999; padding: 10px; }

.txtError { background: #FFCCCC; border: 1px solid #A50000; padding: 10px;}

table#login { width: 100%; margin-bottom: 20px; }

table#login td { height: 30px; }

table#login td.label { width: 200px; text-align: right; font-weight: bold; padding-right: 20px;}

table#login input.txtInput { width: 200px; }

/* ACCOUNT */

ul li.account { font-size: 1.2em;}

h1 {
	margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 2.2em; font-weight: bold; letter-spacing: -1px; border-bottom: 1px solid #CCC;
}

h2 {
	margin: 5px 0; padding: 0; font-size: 1.4em; font-weight: bold;
}

h3 {
	margin: 0 0 5px 0; padding: 0; font-size: 1.2em; font-weight: bold;
}

.button {
	font-size: 1em; font-weight: normal; color: #EEE; background: #A50000; text-decoration: none; padding: 1px 4px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #999; border-bottom: 1px solid #999;
}

.button:hover {
	background: #DDD; color: #333; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;
}

/* GALLERY */

.collection
{
	background: none;
	padding: 10px;
}

.collection img
{
	display:inline;
	background:#f0f0f0;
	border:1px solid #ccc;
	float:left;
	margin-right:15px;
	padding:3px;
}

.collection p {
	line-height: 1.5em;
}

.collection img:hover
{
	background:#A0B7C9;
}

ul.slides
{
	list-style:none;
	line-height:1.4em;
	margin:15px 0 0;
	padding:0;
}

ul.slides li
{
	position:relative;
	float:left;
	display:inline;
	text-align:center;
	margin:5px;
	padding:10px;
}

ul.slides li a
{
	display:block;
	border:1px solid #789;
}

ul.slides li a img
{
	text-align:center;
	background:#f0f0f0;
	margin:1px;
	padding:3px;
}

ul.slides li a:hover
{
	border:1px solid #38c;
	background:#A0B7C9;
}
#nav-link-img-next, #nav-link-img-prev {
	display: inline;
	line-height: 40px;
}

#nav-link-img-next a
{
	border:1px solid #fff;
	margin-top:5px;
	padding:5px 15px;
}

#nav-link-img-prev a
{
	border:1px solid #fff;
	margin-top:5px;
	padding:5px 15px;
}

#nav-link-img-prev a:hover,#nav-link-img-next a:hover
{
	background:#efefef;
	border:1px solid #bbb;
	margin-top:5px;
}

#next-link-container
{
	width:50%;
	text-align:right;
}

#thumbnail_container {
	float: left;
	width: 100%;
}
