html, body {
	background: #CCCCCC url('images/background-tile.jpg');
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial;
	color: #555555;
	text-align: center;
	}

p {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

a {
	color: #5a99ff;
	}
	
a img {
	border: 0px;
	}

#container {
	background: #FFFFFF;
	width: 80%;
	text-align: left;
	margin: 0px auto 0px auto;
	border-top: 3px solid #888888;
	}

/* ------------------------------------------------
 HEADER
------------------------------------------------ */

.header {
	background: #444141 url('images/logo_2.jpg') 0 0 no-repeat;;
	height: 160px;
	color: #FFFFFF;
	}

.header strong {
	color: #8b3181;
	}

.header-padding {
	padding: 6px 6px 6px 6px;
	font-size: 18px;
	font-weight: bold;
	}
	
#logo {
	}
	
.header .text {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #BBBBBB;
	}


/* ------------------------------------------------
 MENU
------------------------------------------------ */	

.menu-container {
	width: 80%;
	text-align: left;
	margin: 0px auto 0px auto;
	}

.menu {
	background: #F4F4F4;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
	}

.menu .name {
	float: right;
	margin: 10px 6px 0px 0px;
	font-size: 11px;
	color: #666666;
	}

.menu-selected {
	background-color: #DDDDDD;
	}

.menu a {
	font-weight: bold;
	padding: 10px 6px 10px 6px;
	color: #444444;
	text-decoration: none;
	}

.menu a:hover {
	background: #666666;
	color: #CCCCCC;
	}

.menu-padding {
	padding: 10px 6px 10px 0px;
	}


/* ------------------------------------------------
 BODY
------------------------------------------------ */

.body {
	font-size: 12px;
	}

.body-content {
	line-height: 18px;
	margin: 0px 0px 20px 0px;
	}


/* ------------------------------------------------
 FOOTER
------------------------------------------------ */

.footer {
	background: #FFFFFF url("images/footer-left.jpg") 0 0 no-repeat;
	height: 36px;
	font-size: 11px;
	color: #888888;
	}
	
.footer-right {
	background: url("images/footer-right.jpg") 100% 0 no-repeat;
	height: 36px;
	}
	

.footer-padding {
	border-top: 1px solid #EEEEEE;
	padding: 10px 6px 10px 6px;
	}


/* ------------------------------------------------
 COLUMN-NARROW
------------------------------------------------ */

.side-tile {
	background: url("images/sidebar-tile.jpg") 0 0 repeat-y;
	}

#narrow-column {
	float: left;
	width: 160px;
	}
	
.narrow-column-padding {
	padding: 0px 0px 20px 0px;
	}

#narrow-column p {
	background: url("images/bullet.jpg") 5px 8px no-repeat;
	margin: 5px 5px 5px 0px;
	padding: 5px 0px 5px 14px;
	border-bottom: 2px solid #7e8185;
	}

#narrow-column a {
	color: #c6d0dd;
	text-decoration: none;
	}

#narrow-column a:hover {
	color: #d6dbe3;
	text-decoration: underline;
	}


/* ------------------------------------------------
 COLUMN-WIDE
------------------------------------------------ */

#wide-column {
	margin: 0px 0px 0px 160px;
	text-align: left;
	}

.content-padding {
	padding: 5px 5px 6px 5px;
	}
	

/* ------------------------------------------------
 PRODUCT-ITEM
------------------------------------------------ */

.product-container {
	float: left; 
	margin: 0px 2px 20px 10px; 
	width: 186px; 
	height: 200px;
	color: #353333;
	}

.product-container a {
	font-weight: bold;
	color: #efefef;
	}

.product-image {
	height: 158px;
	text-align: center;
	}
	
.product-image h2{
	margin: 60px 0px 0px 0px;
	font-size: 16px;
	color: #CCCCCC;
	}
	
.product-image a{
	text-decoration: none;
	}

.product-item {
	background: url("images/product-item.jpg") 0 0 no-repeat;
	height: 55px;
	}

.product-item p {
	margin: 6px 0px 0px 16px;
	}


/* ------------------------------------------------
 OTHER
------------------------------------------------ */

.sub-title {
	background: #3f3d3d url("images/sub-title-tile.jpg") 0 0 repeat-x;
	border-top: 1px solid #565454;
	padding: 6px 6px 6px 6px;
	font-size: 11px;
	font-weight: bold;
	color: #9b9c9d;
	}

.section-title {
	background: #f4f4f4;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px solid #EAEAEA;
	}
	
.section-padding {
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.image {
	background: #CCCCCC;
	border-right: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	padding: 0px 1px 1px 0px;
	}
	
.no-image {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #CCCCCC;
	}

.clear {
	clear: both;
	}
	
	
/* ------------------------------------------------
PRODUCT PAGE
------------------------------------------------ */

.product-skate { 
	width: 350px;
	}
	
.product {
	margin: 0px 0px 0px 0px;
	}
	
.product-padding {
	border-top: 1px solid #EFEFEF; 
	padding: 15px 0px 0px 0px; 
	color: #666666;
	}
	
.description {
	background: #EFEFEF;
	border: 1px solid #EEEEEE;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #666666;
	}
	
.description h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.description p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}