body { margin: 0; padding: 0; }
body, p, td, ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

a {
	color: #333; 
	text-decoration: underline; 
}
a:hover	{
	color: #666; 
	text-decoration: none; 
}
form {
	margin: 0;
}
h1#title {
	padding: 13px 0 16px 21px;
	margin: 0;
}
h5 {
	font-size: 100%;
	font-weight: bold;
}

/* =======================*/

h2 {
	font-size: 100%;
	color: #c00;
	background-color: #ccc;
	font-weight: bold;
	margin: 0;
	padding: 8px;
}
h2 small {
	font-size: smaller;
	font-weight: normal;
	color: #666;
}

/* ======================= */

.redposttext {
	font-size: 8pt;
	color: #c00;
}

.fix {
	width: 750px;
}

.error {
	color: #c00;
	font-weight: bold;
	border: 1px solid #c00;
	padding: 10px;
	background-color: #fcc;
}

/* ===== Main Table Layout ===== */

td {
	vertical-align: top;
}

table.homepage {
	background: url(../images2k4/girls_background.jpg) no-repeat top left;
}

table.digitalback {
	background: url(../images2k4/digitalbackground.gif) no-repeat top left;
}

table.home_table_padding {
	padding-top:	10px;
	padding-left:	20px;
}

table.maintable {
	border-top: 5px solid #c00;
	border-bottom: 5px solid #c00;
	margin: 0;
}

/* ===== Other Table Layout ===== */

table.bottomredline {
	border-bottom: 5px solid #c00;
	padding-top: 13px;
	padding-left: 21px;
	padding-bottom: 13px;
	margin: 0;
}	

/* ===== Product List Table ===== */

table.prodlist td {
	border-top: 1px solid #666;
	padding: 7px;
	vertical-align: top;
}
table.prodlist th {
	border-top: 1px solid #666;
	text-align: left;
	height: 20px;
	vertical-align: middle;
}
th.desccol {
	padding-left: 27px;
}
td.desccol {
	background: white url(../images2k4/bg_arrow.gif) 27px 0 no-repeat;
}
td.desccol img.prodpic {
	border: 0;
	float: left;
	margin-left: 70px;
}
td.desccol h5, td.desccol p {
	margin: 0;
	padding: 0 0 0 160px;
}
table.prodlist td.desccol h5 a {
	color: #c00;
}
table.prodlist td.codecol {
	background: white url(../images2k4/bg_arrow.gif) 0 0 no-repeat;
	padding-left: 36px;
	font-weight: bold;
}
table.prodlist td.pricecol{
	border-left: 1px solid #666;
	font-weight: bold;
}
table.prodlist tr.buttonbar td {
	background-color: #ccc;
}
table.prodlist tr.afterbuttons td {
	padding: 0;
}

/* ===== Camera feature detail table ===== */

table.featurelink {
	margin: 0;
}
table.featurelink a:link, 
table.featurelink a:active, 
table.featurelink a:visited {
	color: #c00;
	text-decoration: underline;
}
table.featurelink a:hover {
	text-decoration: none;
}

/* ===== Product detail table ===== */
table.proddetail th {
	text-align: left;
	padding: 10px 19px 14px 19px;
}
table.proddetail th img#title {
	padding-bottom: 10px;
}
table.proddetail td#detail {
	background: white url(../images2k4/reddots.gif) repeat-y top left;
	padding: 0 19px 10px 28px;
}
table.proddetail td#buttonbar {
	padding: 10px 28px;
}
table.proddetail h5#tagline, 
table.proddetail .bluebold {
	color: #c00;
	font-weight: bold;
}
table.proddetail .spectable {
	padding: 3px 0 5px 0;
	border-bottom: 1px solid #CCC;
	}
	
/* ===== Left hand navigation ===== */
.leftnav, 
.leftnavsel { 
	margin-left: 19px;
	padding-left: 0;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 10pt;
}
.leftnav, 
.leftnav a, 
.leftnav a:visited {
	color: black;
	text-decoration: none;
	list-style-image: url(../images2k4/leftnav.gif);
}
.leftnavsel, 
.leftnavsel a, 
.leftnavsel a:visited, 
.leftnav a:hover, 
.leftnavsel a:hover	{
	color: #c00; 
	text-decoration: none; 
}

/* ===== New styling ===== */

.tabledisplay {	
	margin-top:4px;
	/*padding: 7px;*/
	border-bottom: 1px solid #ccc;
}

.tabledisplay td{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.tabledisplay td.borderleft{
	border-top: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}

.tabledisplay td.borderright{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ccc;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}

.tabledisplay td.bordertopright{
	border-top		: 1px solid #ccc;
	border-left		: 0;
	border-right	: 1px solid #ccc;
	padding-top		: 7px;
	padding-bottom	: 7px;
	padding-left	: 7px;
}

.tabledisplay td.bordertop{
	border-top		: 1px solid #ccc;
	border-left		: 0;
	border-right	: 0;
	padding-top		: 7px;
	padding-bottom	: 7px;
}

.tabledisplay td.noborders{
	border-top		: 0;
	border-left		: 0;
	border-right	: 0;
	padding-top		: 7px;
	padding-bottom	: 7px;
}

.tabledisplay th.toplightgreybar{
	background		: #ededed;
	border-top		: 1px solid #fff;
	border-right	: 1px solid #fff;
	border-left		: 0;
}

.tabledisplay th.greybar{
	background		: #858585 url(../images2k4/td_corner_grey.gif) no-repeat top right;
	height			: 21px;
	border-right	: 1px solid #fff;
	border-top		: 1px solid #fff;
	padding-left	: 10px;
}

.tabledisplay th.redbar{
	background		: #c00 url(../images2k4/td_corner_red2.gif) no-repeat top right;
	height			: 21px;
	border-top		: 1px solid #fff;
	border-bottom	: 1px solid #ccc;
	border-right	: 0;
	padding-left	: 10px;
}

.tabledisplay td.lightgreybar{
	background		: #ededed;
	border-right	: 1px solid #ccc;
	border-left		: 1px solid #fff;
	padding			: 5px 5px 5px 10px;
}

.tabledisplay td.infocell{
	padding			: 5px 0 5px 10px;
}

.tabledisplay td.bottomgreybar{
	background		: #ccc;
}

.tabledisplay td.bottomredbar{
	background		: #c00;
	font-size		: 12px;
	color			: #fff;
	font-weight		: bold;
	padding-left	: 10px;
}

.tabledisplay td.noborder {
	border-left		: 0;
	border-bottom	: 0;
}

.tabledisplay td.leftborder {
	border-left		: 1px solid #ccc;
	border-bottom	: 0;
}


.bottomgreybar{
	background		: #ccc;
}

.bottomredbar{
	background		: #c00;
	font-size		: 12px;
	color			: #fff;
	font-weight		: bold;
}

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

.nobordersnopadding{
	border-top		: 0;
	border-left		: 0;
	border-right	: 0;
	padding-top		: 0;
	padding-bottom	: 0;
}

.redline {
    margin-top		: 14px;
	height			: 3px;
	background		: #c00;
}
td td li { /* This is a feable attempt to sort out the LI tags, but as the containers don't have any target, I used li's two tables in. */
	display			: block;
	list-style		: none;
	margin-left		: 5px;
}
	

/* ===== Footer ===== */
p.footerlink {
	padding			: 10px 30px;
	margin			: 0 0 15px;
}
p.footerlink a {
	font-size		: 8pt; 
	color			: #333; 
	text-decoration	: underline; 
}
p.footerlink, 
p.footerlink a:hover {
	font-size		: 8pt; 
	color			: #666; 
	text-decoration	: none; 
}