
/**************************************************************
 * body
 */
body {
	background-color: #ffffff;
	background-image: url(../images/bg3.gif);
	margin: 0px; 

	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
}

/**************************************************************
 * text
 */
p, pre, td, th, input, select, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
}

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #4d4d4d;
}

h1.splash {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	margin-bottom: 0px;
	color: #000000;
}

h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ac8e50;
}

.small {
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	line-height: 12px;
}

.tiny {
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.red {
	color: #ff0000;
}

.error {
	color: #ff0000;
}

/**************************************************************

/* search */
input.search {
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #bbbbbb;
}

/**************************************************************
 **************************************************************
 * links
 */

/**************************************************************
 * default
 */
a:link {
	color: #ac8e50;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #ac8e50;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

/**************************************************************
 * splash
 */
a.splash:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.splash:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.splash:active {
	color: #ac8e50;
	font-weight: bold;
}
a.splash:hover {
	color: #ac8e50;
	font-weight: bold;
}

/**************************************************************
 * grey
 */
a.grey:link {
	color: #4d4d4d;
	text-decoration: none;
	font-weight: bold;
}
a.grey:visited {
	color: #4d4d4d;
	text-decoration: none;
	font-weight: bold;
}
a.grey:active {
	color: #0368a7;
	text-decoration: none;
	font-weight: bold;
}
a.grey:hover {
	color: #0368a7;
	text-decoration: none;
	font-weight: bold;
}

/**************************************************************
 * small
 */
a.small:link {
	color: #0368a7;
	font-size: 11px;
	line-height: 12px;
	text-decoration: none;
	font-weight: bold;
}
a.small:visited {
	color: #0368a7;
	font-size: 11px;
	line-height: 12px;
	text-decoration: none;
	font-weight: bold;
}
a.small:active {
	color: #0368a7;
	font-size: 11px;
	line-height: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a.small:hover {
	color: #0368a7;
	font-size: 11px;
	line-height: 12px;
	text-decoration: underline;
	font-weight: bold;
}

/**************************************************************
 * big2
 */
a.big2:link {
	color: #4d4d4d;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
}
a.big2:visited {
	color: #4d4d4d;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
}
a.big2:active {
	color: #0368a7;
	font-size: 15px;
	text-decoration: underline;
	font-weight: normal;
}
a.big2:hover {
	color: #0368a7;
	font-size: 15px;
	text-decoration: underline;
	font-weight: normal;
}

/**************************************************************
 **************************************************************
 * layout tables
 */

/**************************************************************
 * outer
 */
table.outer {
	width: 900px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.outer td {
	padding: 0px;
	background-color: #000000;
	border-left: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
	border-bottom: solid 1px #4d4d4d; 
	vertical-align: middle;
}
table.outer td.contentContainer {
	background-color: #ffffff;
	vertical-align: top;
}
table.outer td.footerContainer {
	padding: 5px 8px 5px 8px;
}

/**************************************************************
 * header
 */
table.header {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
}
table.header td {
	padding: 0px;
	background-color: #000000;
	border: 0px;
	color: #ffffff;
}
table.header td.checkout {
	width: 102px;
	text-align: right;
	padding: 0px 20px 0px 0px;
}
table.header td.right {
	text-align: right;
}

/**************************************************************
 * footer
 */
table.footer {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
}
table.footer td {
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #bbbbbb;
}
/*
table.footer td.logo {
	background-image: url(../images2/footer_logo.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 50px;
	text-align: right;
}
*/

/**************************************************************
 * tall content
 */
table.contentTall {
	width: 900px;
	height: 800px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
}
table.contentTall td {
	vertical-align: top;
	border: 0px;
	padding: 20px;
}
table.contentTall td.spacer {
	padding: 0px;
	height: 0px;
}

/**************************************************************
 * wide content
 */
table.contentWide {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 20px 0px 20px 0px;
	background-color: #ffffff;
}
table.contentWide td {
	border: 0px;
	padding: 0px 20px 0px 20px;
	vertical-align: top;
	background-color: #ffffff;
}
table.contentWide td.left {
}
table.contentWide td.right {
	width: 200px;
	border-left: 1px solid #4d4d4d;
}

/**************************************************************
 * base
 */
table.base {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 20px 0px;
}
table.base td {
	text-align: left;
	vertical-align: top;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/**************************************************************
 * grid
 */
table.grid {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.grid td {
	border: 0px;
	border-top: 1px solid #4d4d4d;
	vertical-align: top;
	padding: 1px 5px 1px 0px;
	white-space: nowrap;
}
table.grid td.open {
	border-top: 0px;
}
table.grid td.bottom {
	border-bottom: 1px solid #4d4d4d;
}

/**************************************************************
 * grid
 */
table.gridWrap {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.gridWrap td {
	border: 0px;
	border-top: 1px solid #4d4d4d;
	vertical-align: top;
	padding: 1px 5px 1px 0px;
}
table.gridWrap td.open {
	border-top: 0px;
}
table.gridWrap td.amount {
	text-align: right;
}

/**************************************************************
 * nav
 */
table.nav {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.nav td {
	border: 0px;
	padding: 5px 16px 5px 16px;
}

/**************************************************************
 * board header
 */
table.boardHeader {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 5px 0px;
	width: 100%;
}
table.boardHeader td {
	text-align: left;
	vertical-align: top;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.boardHeader td.title {
	padding: 0px 20px 0px 0px;
	white-space: nowrap;
}

/**************************************************************
 * accessory list
 */
table.accessoryList {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.accessoryList td {
	border: 0px;
	border-top: 1px solid #4d4d4d;
	vertical-align: top;
	padding: 2px 0px 10px 0px;
	text-align: left;
}
table.accessoryList td.col1 {
	width: 110px;
	padding-right: 10px;
}
table.accessoryList td.col2 {
	width: 90px;
	padding-top: 10px;
	padding-right: 10px;
}
table.accessoryList td.col3 {
	width: 100px;
	padding-top: 10px;
	padding-right: 10px;
}
table.accessoryList td.col4 {
	width: 320px;
	padding-top: 10px;
}

/**************************************************************
 * attributes
 */
table.attributes {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px 0px 0px 0px;
}
table.attributes td {
	border: 0px;
	border-top: 0px;
	vertical-align: top;
	padding: 0px 0px 2px 0px;
}

/**************************************************************
 * attribute valueContainer
 */
table.attributeValueContainer {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
}
table.attributeValueContainer td {
	border: 0px;
	border-top: 0px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}

/**************************************************************
 * attribute value
 */
table.attributeValue {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
}
table.attributeValue td {
	border: 0px;
	border-top: 0px;
	vertical-align: middle;
	padding: 0px 2px 2px 0px;
}

/**************************************************************
 * attribute form
 */
table.attributeForm {
	border: 10px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 10px;
	background-color: #cccccc;
	margin: 0px 0px 0px 0px;
}
table.attributeForm td {
	border: 0px;
	border-top: 0px;
	vertical-align: middle;
	padding: 2px 5px 2px 0px;
	background-color: #cccccc;
}
table.attributeForm td.buttons {
	padding: 5px 5px 0px 0px;
}

/**************************************************************
 * price
 */
table.price {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 5px 0px;
}
table.price td {
	border: 0px;
	border-top: 0px;
	vertical-align: middle;
	padding: 0px 5px 2px 0px;
}

/**************************************************************
 * add-to-cart response
 */
table.add2CartResponse {
	width: 200px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #cccccc;
	padding: 5px;
}
table.add2CartResponse td {
	border: 0px;
	border-top: 0px;
	background-color: #cccccc;
	padding: 2px 0px 2px 0px;
}

/**************************************************************
 * previous page
 */
table.previousPage {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 20px 0px 0px 0px;
}
table.previousPage td {
	padding: 0px 5px 0px 0px;
	vertical-align: top;
	color: #707070;
}

a.previousPage:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.previousPage:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.previousPage:active {
	color: #707070;
	text-decoration: underline;
	font-weight: bold;
}
a.previousPage:hover {
	color: #707070;
	text-decoration: underline;
	font-weight: bold;
}

/**************************************************************
 * side link
 */
table.sideLink {
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px;
}
table.sideLink td {
	vertical-align: top;
	padding: 0px 5px 5px 0px;
}

a.sideLink:link {
	/* color: #0368a7; */
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.sideLink:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.sideLink:active {
	color: #707070;
	text-decoration: underline;
	font-weight: bold;
}
a.sideLink:hover {
	color: #707070;
	text-decoration: underline;
	font-weight: bold;
}

/**************************************************************
 * footer
 */
a.footer:link {
	color: #bbbbbb;
	text-decoration: none;
	font-weight: normal;
}
a.footer:visited {
	color: #bbbbbb;
	text-decoration: none;
	font-weight: normal;
}
a.footer:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
a.footer:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

/**************************************************************
 * topsheetArt
 */
table.topsheetArt {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 20px 0px;
}
table.topsheetArt td {
	vertical-align: top;
	padding: 0px 10px 15px 0px;
}

/**************************************************************
 * news
 */
table.news {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
}
table.news td {
	vertical-align: top;
	padding: 0px 10px 8px 0px;
}

/**************************************************************
 * photos
 */
table.photos {
	width: 100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.photos td {
	vertical-align: top;
	border: 0px;
	padding: 0px 0px 10px 0px;
	white-space: nowrap;
}

/**************************************************************
 * form
 */
table.form {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.form td {
	vertical-align: top;
	border: 0px;
	padding: 0px 4px 4px 0px;
	white-space: nowrap;
}

/**************************************************************
 * box grey
 */
table.boxGrey {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
}
table.boxGrey td {
	border: 0px;
	padding: 0px;
}
table.boxGrey td.content {
	width: 100%;
	padding: 10px;
	vertical-align: top;
	text-align: left;
	background-color: #ffffff;
}

/**************************************************************
 * boardStyleGrid
 */
table.boardStyleGrid {
	width: 100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
}
table.boardStyleGrid td {
	border: 0px;
	text-align: center;
	vertical-align: top;
	padding: 0px 5px 0px 5px;
}
table.boardStyleGrid td.thumbnail {
	height: 200px;
	vertical-align: bottom;
}

/**************************************************************
 * boardProfile
 */
table.boardProfile {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.boardProfile tr {
	border-top: 1px solid #4d4d4d;
}
table.boardProfile tr.bottom {
	border-bottom: 1px solid #4d4d4d;
}
table.boardProfile td {
	vertical-align: top;
	padding: 3px;
}
table.boardProfile td.left {
	text-align: left;
	padding-right: 10px;
}

/**************************************************************
 * boardStyleChooser
 */
table.boardStyleChooser {
	width: 100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}
table.boardStyleChooser td {
	border: 0px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}
table.boardStyleChooser td.name {
	padding: 0px 0px 20px 0px;
}

/**************************************************************
 * board specs
 */
table.boardSpecs {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.boardSpecs tr td {
	border-top: 1px solid #cccccc;
}
table.boardSpecs td {
	padding: 1px 8px 2px 0px;
	white-space: nowrap;
	text-align: right;
}
table.boardSpecs td.rowHeader {
	text-align: left;	
}

/**************************************************************
 * board extras
 */
table.boardExtras {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px 0px 10px 0px;
}
table.boardExtras td {
	border: 0px;
	border-top: 0px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}

/**************************************************************
 * board buy
 */
table.boardBuy {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 10px 0px;
}
table.boardBuy td {
	border: 0px;
	border-top: 0px;
	vertical-align: top;
	padding: 0px 0px 8px 0px;
}
table.boardBuy td.buyToBuild {
	padding: 0px 0px 0px 0px;
}

/**************************************************************
 * orderGrid
 */
table.orderGrid {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #4d4d4d #4d4d4d #4d4d4d #4d4d4d;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
}
table.orderGrid td {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #4d4d4d #4d4d4d #4d4d4d #4d4d4d;
	padding: 3px 3px 3px 3px;
	text-align: left;
	vertical-align: center;
}
table.orderGrid td.amount {
	text-align: right;
}

/**************************************************************
 * outerPopup
 */
table.outerPopup {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #ffffff;
}
table.outerPopup td {
	padding: 10px;
	vertical-align: top;
}
table.outerPopup td.header {
	background-color: #000000;
}
