/* -------------------------------------------------------------------------------------------------------------- */
/* DEFAULT.CSS                                                                                                    */
/* -------------------------------------------------------------------------------------------------------------- */
/* NOTE THAT CHANGES TO THE ORDER OF ENTRIES IN THIS FILE CAN EFFECT THE APPEARANCE OF ANY RELATED WEB PAGES !    */
/* -------------------------------------------------------------------------------------------------------------- */
/* Set margin and padding to zero to tidy up some strangeness when using form elements in a table.                */
/* Use .validateon or .validateoff for berry logo bottom left                                                     */
/* Use TABLES and NOT DIVs for boxes, structure etc because IE6 has many problems.                                */
/*                                                                                                                */
/* -------------------------------------------------------------------------------------------------------------- */

* {margin:0; border:0; padding:0; border-collapse:collapse;}
/* {margin:0; border:0; padding:0;	border-spacing:0;	border-collapse:collapse;} */
html, body, table, th, tr, td {font-size:13px; vertical-align:top; empty-cells:show; font-weight:normal; text-align:left;}
a {text-decoration:none;}
img {display:block;}

/* General */
.cb {clear:both;}
.al {margin-right:auto; text-align:left;}
.ac {margin-left:auto; margin-right:auto; text-align:center;}
.ar {margin-left:auto; text-align:right;}
.at {vertical-align:top;}
.am {vertical-align:middle;}
.ab {vertical-align:bottom;}

/* Main layout */
.main {width:100%;}
.m0000 {background-color:#ffffff;}
.i0001 {margin-left:auto; margin-right:auto;}
.m1000 {height:60px; background-color:#660099;}
.m1100 {width:100%; height:60px; background-color:#660099;}
.m1112, .i1112 {height:60px; width:80px;}
.i1113 {margin-left:auto;}
.m2000 {background-image:url(/images/ibackground1.gif);	background-repeat:repeat-x;	background-position:0px 0px; background-color:#660099;}
.m3000 {background-image:url(/images/ibackground2.gif);	background-repeat:repeat-x;	background-position:0px 0px;}
.m5000 {background-color:#ffffff;}
.m5101 {width:100px;}
.m5102 {width:40px;}
.m5103 {width:600px;}
.m5104 {width:40px;}
.m5111 {width:100px; background-color:#660099; text-align:right;}
.m5111 a {text-decoration:none; color:#ffcc00; font-weight:bold;}
.i5111a {height:65px; width:100px;}

/* Delete line below after site update */
.i5111a3 {height:17px; width:100px;}

.i5111c {height:17px; width:100px;}
.i5111b {height:20px; width:100px;}
.m5111d {padding:3px;}
.m5112 {width:40px;}
.m5113 {width:420px;}
.m5114, .i5114 {width:40px;}
.m5115 {width:160px;}
.m5150 td {height:0px; vertical-align:bottom;}
.m5151 {background-color:#660099;}
.m5160 td {height:0px;}
.m5161 {background-color:#660099;}
.m5201 {width:420px;}
.m5202 {width:40px;}
.m5203 {width:160px;}
.m5210 td {height:20px; font-size:13px;}
.m5221 {height:50px; font-size:32px;	vertical-align:bottom; color:#999999;	font-style:italic;}
.m5223 {height:50px;	font-size:16px;	font-weight:bold;	vertical-align:bottom;	font-style:italic;}
.m5230 td {height:10px;}
.m5241, .i5241 {width:420px; height:2px; background-color:#999999;}
.m5242, .i5242 {width:40px; height:2px;}
.m5243, .i5243 {width:160px; height:2px; background-color:#660099;}
.m5250 td {height:15px;}
.m5261 img {margin-left:auto; margin-right:auto;}
.-m5263 {margin-left:auto; margin-right:auto; text-align:center;}
.m6000 {background-color:#ffffff;}
.m6101 {width:100px;}
.m6102 {width:40px;}
.m6103 {width:420px;}
.m6104 {width:40px;}
.m6105 {width:160px;}
.m6106 {width:40px;}
.m6170 td {height:15px;}
.m6171, .i6171 {width:100px; height:2px; background-color:#660099;}
.m6182, .i6182 {width:40px; height:2px;}
.m6183, .i6183 {width:420px;	height:2px; background-color:#999999;}
.m6184, .i6184 {width:40px; height:2px;}
.m6185, .i6185 {width:160px;	height:2px; background-color:#660099;}
.m6186, .i6186 {width:40px; height:2px;}
.m6190 td {height:5px;}
.m6191 {background-color:#660099;}
.m7000 {background-color:#ffffff;}
.m7110 td {height:60px;}
.m7111 {width:100px;	background-color:#660099;}
.m7111 img {margin-left:auto; margin-right:auto;}
.m7112 {width:60px;	vertical-align:bottom; margin-right:auto;}
.m7113 {width:380px; font-size:10px;	text-align:center;}
.m7114 {width:60px;}
.m7115, .i7115 {width:160px;}
.m8100 {margin-left:auto; margin-right:auto; color:#ffcc00;}
.m8100 td {text-align:center;}
.m8140 td {font-size:16px; font-weight:bold;}
.m8153 {vertical-align:bottom;}
.m9000 {height:13px;}

/* Search */
.searchinput {margin:0px; width:80px;}
.search, .isearch {display:block; margin-left:auto; margin-right:auto; text-align:center;}

/* Images */
.-ipot {display:none;}
.ivalidateon, .ivalidateoff {display:block; margin-left:auto; margin-right:auto; text-align:center;}
.iinfo {float:right; vertical-align:bottom;}
.i1 {width:125px; padding-left:5px;}
.i2 {padding-bottom:15px;}
.i3 {padding:5px 0px;}
.i4 {padding-bottom:5px;}
.i5 {display:inline; vertical-align:top; margin: 1px 0px 0px 0px; border: 0px; padding: 0px 3px 0px 0px;}
.il {float:left; padding:0px 5px 0px 0px;}
.im {margin-left:auto; margin-right:auto;}
.ir {float:right; padding:0px 0px 0px 5px;}
.ir2 {float:right; padding:0px 0px 0px 5px; width:125px; height:125px;}

/* Fonts */
.fb, .fwb {font-weight:bold;}
.fwn {font-weight:normal;}

.f0 {font-size:13px; font-weight:normal;}
.f0b {font-size:13px; font-weight:bold;}
.f1 {font-size:10px; font-weight:normal;}
.f1 td {font-size:10px; font-weight:normal;}
.f1a {font-size:10px; font-style:italic;}
.f1b {font-size:10px; font-weight:bold;}
.f11 {font-size:10px; font-weight:normal; color:#000000;}
.f12 {font-size:10px; font-weight:normal; color:#000000;	background-color:#eeccff;}
.f13 {font-size:10px; font-weight:normal; color:#000000;	background-color:#eeeeee;	text-decoration:none;}
.f2 {font-size:16px;}
.f2a {font-size:16px; font-weight:bold; font-style:italic;}
.f2b {font-size:16px; font-weight:bold; color:#666666;}
.f2b * {font-size:16px; font-weight:bold; color:#666666;}

.f16 {font-size:16px;}
.f16b {font-size:16px; font-weight:bold;}
.f16bi {font-size:16px; font-weight:bold; font-style:italic;}
.f20 {font-size:20px;}
.f20b {font-size:20px; font-weight:bold;}
.f20bi {font-size:20px; font-weight:bold; font-style:italic;}
.f24 {font-size:24px;}
.f24b {font-size:24px; font-weight:bold;}
.f24bi {font-size:24px; font-weight:bold; font-style:italic;}
.f28 {font-size:28px;}
.f28b {font-size:28px; font-weight:bold;}
.f28bi {font-size:28px; font-weight:bold; font-style:italic;}
.f32 {font-size:32px;}
.f32b {font-size:32px; font-weight:bold;}
.f32bi {font-size:32px; font-weight:bold; font-style:italic;}

/* Content */
.c0 {width:100%;}
.c01 {height:35px;}
.c01 td {height:35px;}
.c02 {width:100%; height:135px;}
.c03 {width:100%; height:10px;}
.c04 {width:100%; height:15px; clear:both;}
.c05 {width:125px; float:right;}
.c06 {width:100%; height:2px; clear:both;}
.c07 {width:125px; height:auto; text-align:center; border:1px solid #660099; background-color:#eeeeee; padding:0px 1px;}
.c08 {height:200px;}

/* Art */
.arttitle {height:35px;	font-size:16px; font-weight:bold;}
.arttitle td {height:35px;	font-size:16px; font-weight:bold;}

.artwork {margin-left:auto; margin-right:auto; border-collapse:separate; border:1px solid #660099;}
.artwork td {background-color:#eeeeee; padding:7px 7px; text-align:center; font-style:italic;}
/* artzoom and artimage classes are just for providing a printable version ! */
.artzoom, .artimage {background-color:#eeeeee; padding: 0px 0px 7px 0px;}
.z1 {border:1px solid; height:41px;}
.z1a {width:240px; text-align:center; vertical-align:middle;}
.z1b {width:160px;}

.z2 {width:100%; height:15px;}
.z2 * {background-color:#eeeeee;}
.z2a {width:15px;}
.-z2b {width:370px; text-align:center; vertical-align:middle;}
.z2b {text-align:center; vertical-align:middle;}
.z2c {width:15px;}

.artinfo {}

/* PayPal */
/* To remove PayPal logo, reverse .pplogo and .ppnologo below. */
.pp {width:160px; background-color:#FFF1DC;}
.-pplogo {display:none;}
.ppnologo {display:none;}
.pphead {margin-left:auto;}
.pphead td {width:152px; height:35px;	padding:3px; border:1px solid #FF9900; background-color:#FFF1DC; vertical-align:middle;}
.ppfix {margin-left:auto;}
.ppnormal {width:152px;	padding:3px;	border-top: 1px none #FF9900; border-right: 1px solid #FF9900;	border-bottom: 1px solid #FF9900;	border-left: 1px solid #FF9900;}
.pplist {width:152px;	height:auto; border:1px solid #666666; font-size:10px;	color:#000000;}
.ppaddtocarta {width:84px; height:23px; vertical-align:middle;}
.ppaddtocartb {width:68px; height:23px; vertical-align:middle;}
.ppq1a {width:145px;}
.ppq1b {width:15px;}
.ppq2a {width:139px;}
.ppq2b {width:15px;}
.pptac1 {width:152px;}
.pptac1a {}
.pptac1b {width:1px;}
.pptacbox1 {}
.ppviewcarta {width:148px;	padding:5px;	border-top:1px solid #FF9900;	border-right:1px solid #FF9900;	border-bottom:1px solid #FF9900;	border-left:1px solid #FF9900;}
.ppviewcartb {margin-left:auto; margin-right:auto;}
.ppfoot {height:15px; background-color:#FFFFFF;}
.pplogo2 {height:24px;}
.viewcartln {}

/* Tables */
/* Similar to t4 but without the white padding. Use for Artwork print info in the right hand sidebar. */
.t1, .t1h0 {width:100%;}
.t1 td {padding:3px;	border:1px solid #660099;}
.t1h0 td {height:35px;	padding:3px;	border:1px solid #660099;	background-color:#eeccff;	vertical-align:middle; font-weight:bold;}

/* ONLY as a crude substitute for tabs for neat text alignment. */
.t2 td {border:0px; padding:0px;}
.t2c1 {}
.t2c2 {}
.t2c3 {text-align:right;}

/* Artwork thumbnail grid */
.t3 {margin-left:auto; margin-right:auto;}
.t3 td {font-size:10px; font-style:italic; text-align:center;}
.t3 tr {height:13px;}
.t3c1 {width:13px;}
.t3c2 {width:125px;}

/* Pink and Grey content tables such as the prices page and the Artwork features. */
/* Use tables and NOT DIVs for features because IE6 doesn't display the bottom image padding when floating in a DIV container. */
.t4, .t4h0 {border-collapse:separate; border:1px solid #660099; overflow:auto; width:100%;}
.t4 td {background-color:#eeeeee; padding:0px 0px; vertical-align:middle;}
.t4h0 td {background-color:#eeccff; padding:0px 1px; height:31px;	vertical-align:middle; font-weight:bold;}
.t4c0 {}
.t4c1 {width:1px;}

/* Artwork thumbnails */
/* Don't use DIVs for the thumbnail containers because it is not possible to make the DIV colapse to the content width with IE6. */
.t5 {border-collapse:separate; border:1px solid #660099; margin-left:auto; margin-right:auto;}
.t5 td {background-color:#eeeeee; padding:0px 0px; font-size:10px; font-style:italic; text-align:center;}
.t5 img {margin-left:auto; margin-right:auto;}

/* RSS */
ul.rss {list-style:none; padding:0px; margin:0;}
ul.rss li {background:url("/images/ifeed16x16.gif") no-repeat 0px 0px;	font-weight:normal;	padding:0px;	height:18px;}
ul.rss li a {padding:0 0 0 21px;}

.hide {width:0px; height:1px; display:none;}

/* for image trails */
/* The width setting is essential as it prevents large lengths of text making pushing the sides outwards.
Full version below:
#trailimageid {font-size:13px; position:absolute;	width:420px;	height:0px; left:0px;	top:0px;	display:none; z-index:200;}
Simplified version below: 
*/
#trailimageid {font-size:13px; position:absolute;}