@charset "UTF-8";
/**
 *	VIP Gift
 *	Three Column CSS Document
 *	2008/09/08
 *
 *	Memo: display:inline added to fix ie6 double left margin bug
 *	Total canvas width is 980px
 */

#content {
/*	padding-top: 24px;*/
}


/* Width 226 */
#leftpanel {
	width: 190px;
	margin-left:15px;
	padding-left:10px;
	padding-right: 10px;
	padding-bottom: 20px;
	border-right:double 3px #444;
	background-color:#484848; /* 555 */
}

/* Max width available is 469px */
#centerpanel {
	width: 375px; /* 405 */
	margin-left:30px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#centerpanel #centerleft {
	width: 274px;
}
#centerpanel #centerright {
	width: 90px; /* 100 */
}


/* width 260 + right margin should be about 20 : 280 */
#rightpanel {
	width: 245px; /* 250 */
	margin-left:10px;
	margin-top: 42px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 15px;
	background-color:#484848; /* 555 */
	border-top: solid 1px #454545;
	border-left: solid 1px #4A4A4A;
}


/* Product List */
.pagetitle {
	font-size: 16px;
	padding-left: 22px;
	font-weight: bold;
	color: #DDD;
	background-image: url(../image/sitemarks/smalllogo_black.jpg);
	background-repeat: no-repeat;
	line-height: 16px;
	background-position: left bottom;
	margin-bottom: 20px;
	padding-top: 8px;
}
/* Control row spacing */
.productlist tr th {
	border-bottom: 10px solid #484848;
	/* 555 */
}
.productlist tr td {
	border-bottom: 10px solid #484848;
	/* 555 */
}


.productlist tr th {
	width: 34px;
	vertical-align:text-top;
	text-align:left;
	font-weight:normal;
	height: 34px;
}
.productlist tr td {
	height: 34px;
	vertical-align:text-top;
}

.productlist a {
	text-decoration: none;
	font-size: 12px;
	color: #E0E0E0;
}
.productlist tr td a .jp {
	font-size: 10px;
	line-height: 14px;
}

/* Original, not in use */
.productlist .selected a {
	font-weight: bold;
}
.productlist .selected th a {
	color: #FFF;
}
.productlist .selected td a {
	color: #FFF;
}




/* Product Info / Images */
div.producttitle {
	position:relative;
	width:100%;
	height: 42px;
}
p.producttitle {
	padding-top: 8px;
	font-size: 16px;
	font-weight: bold;
	color:#DDD;
}

.thumb {
	display:inline;
	float: left;
	height: 68px;
	width: 68px;
	border: 1px solid #666666;
	margin-bottom: 5px;
}
.thumb img {
	width: 100%;
	height: 100%;
}

/* Image size: 220 x 274 */
.productpic {
	height: 220px;
	width: 274px;
	overflow:hidden;
}
/* Force image size */
.productpic img {
	width: 100%;
	height: 100%;
}
.imgdesc {
	font-size:10px;
	color:#CCC;
	width: 274px;
	margin-top: 4px;
	margin-bottom: 10px;
}

.paragraph {
	clear: left;
	margin-top: 2px;
	text-align: justify;
	color: #ccc;
	font-size: 12px;
	width:100%;
}


.paragraph ul {
	list-style:circle;
	margin-left: 15px;
	padding: 0;
}
/* Override level one UL margin */
.paragraph ul.ulpad1 {
	margin-left: 40px;
}

.paragraph ul ul {
	list-style:square;
}
.paragraph ul ul ul {
	list-style:none;
	margin: 0;
}





/* Product Spec */
.spectable th {
	vertical-align:text-top;
	width: 60px;
	text-align:right;
	padding-right: 5px;
}
.spectable td {
	vertical-align:text-top;
	padding-bottom:5px;
}
.spectoptitle {
	font-size: 14px;
	font-weight: bold;
	color:#DDD;
	padding-bottom: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.spectitle {
	font-size: 12px;
	font-weight: bold;
	color: #EEE;
	padding-bottom: 3px;
	padding-top: 10px;
}

.subspectitle {
	font-size: 10px;
	font-weight: bold;
	color: #DDD;
	padding-bottom: 3px;
	padding-top: 10px;
}
.specpoint {
	font-size: 10px;
	font-weight: bold;
	color: #DDD;
	margin-left: 10px;
	margin-top: 4px;
}
.specinfo {
	font-size: 12px;
	font-weight: normal;
	color: #DDD;
	margin-left: 6px;
	margin-top: 4px;
}
.specnote {
	font-size: 10px;
	font-weight: normal;
	color: #AAA;
	display:block;
	margin-left: 6px;	
}
.spectext {
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	margin-left: 10px;
}
.specoptions {
	margin-top: 3px;
	margin-left: 10px;
	padding-left: 6px;
	margin-bottom: 10px;
}
.specoptionbox {
	display:inline;
	float: left;
	height: 16px;
	width: 16px;
	margin-right: 6px;
	border: 1px solid #5F5F5F;
	color: #CCC;
}
.specoptiontext {
	font-size: 10px;
	font-weight: normal;
	color: #CCC;
	margin-left: 6px;
	text-indent: 6px;	
}
.specoptionboxwtext {
	/* unused */
}


/* Display mini thumbnail picture of a product - used by material */
.minithumb {
	display:inline;
	float: left;
	height: 38px;
	width: 38px;
	margin-right: 6px;
	margin-bottom: 6px;
	border: 1px solid #5F5F5F;
	color: #CCC;
}
.minithumb img {
	width: 100%;
	height: 100%;
}


/* Colours */
.colour1 {
	background-color:#E3E3E3;
}
.colour2 {
	background-color:#CC9966;
}
.colour3 {
	background-color:#CC6666;
}
.colour4 {
	background-color:#990000;
}
.colour5 {
	background-color:#000000;
}


/* Image view - view larger image of a clicked on image */
.imgpreview {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 196px;
	z-index: 1000;
	background-color:#000;
	padding: 8px;
	padding-top: 5px;
	padding-bottom: 0px;
	border: solid 1px #777;
}
.imgpreview .close {
	display:inline;
	float: right;
	clear:right;
	top: 2px;
	right: 2px;
	width: 56px;
	height: 12px;
	background-image:url(../image/sitemarks/closebut.jpg);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
	font-size:10px;
	vertical-align:middle;
}
/* An image is placed inside this div, which can act either as an image display or as a text display */
.imgpreview .definition {
	display:inline;
	float: right;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}

.imgpreview div img {
	height: 100px;
	width: 180px;
	border:none;
	border:none;
}