/* -----------------
Radii Production 
Copyright 2009

Swatch colours
--------------
e6e6e6 - 10% grey
cecece - 20% grey
b5b5b5 - 30% grey
9c9c9c - 40% grey
838383 - 50% grey
696969 - 60% grey
505050 - 70% grey
363636 - 80% grey
1c1c1c - 90% grey 
----------------- */


/*--- Tables ---*/

table {
	margin:0 0 1.2em;
	table-layout:auto;
	text-align:left;
	width:100%;
}

table td {
	font-size:10pt;
	padding:6px 0;
	vertical-align:top;
}

table th {
	color:#7f2243;
	font-size:10pt;
	font-weight:normal;
	padding:6px 0;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}


/*--- Alternating Colour Tables ---*/

table.alternating td, table.alternating th {
	padding:6px 12px;
	text-align:left;
}

.rowAlternating {
	background:#e6e6e6;
}


/*--- Form elements ---*/

input, textarea, select {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:8pt;
	font-style:normal;
	vertical-align:middle;
	/* margin:0 -17px 0 0; - web core static default setting */
	margin:0 0 0 0;
}

textarea {
	background-color:#ffffff;
	border-color:#999999 #AAB3B3 #D5DDDD;
	border-style:solid;
	border-width:thin;
	padding:5px;
}

label {
	font-size:11px;
	font-weight:bold;
	margin:0 5px 5px 0;
}

span.required {
	color:#CC0001;
}


/*--- CUSTOM ---*/

.productListing td {
	border-bottom:1px solid #c0c0c0;
	padding:10px;
}

.productListing th {
	padding:5px 10px;
}

.swatchGuide td {
	padding:6px 16px 0 0;
}


table.productSpecs {
	border-collapse:collapse;
	border: solid 1px #996;
}

table.productSpecs thead {
	border: solid 1px #996;	
	padding:10px;
	background:#996;
	color:#fff;
}

table.productSpecs td {
	border: solid 1px #996;	
	padding:10px;
}

table.productSpecs .name {
	font-weight:bold;
}

table.productSpecs td.description {
	width:60%;
}

table.productSpecs td.model {
	width:20%;
}

table.productSpecs td.dimensions {
	width:20%;
}




/*--- PRODUCT THUMBS ---*/

table.thumbs {
	width:auto;
}

table.thumbs td{
	padding:0;	
}

table.thumbs{
	padding-bottom:20px;	
}

/*--- Media ---*/

table.media {
	border-collapse:collapse;
	border: solid 1px #996;
}

table.media td{
	border: solid 1px #996;	
	padding:10px;
}

table.media .description{
	width:75%;
}

table.media .thumbnail{
	width:25%;
}

table.media .title {
	font-weight:bold;
	padding-bottom:10px;
}

table.media .productsUsed {
	font-style:italic;
	padding:0px;
	margin:0 0 10px 0;
}

table.media .thumbnail {
	width:240px;
}