/* http://www. */

/* Colours
light grey: rgb(204,204,204); 
mid grey: rgb(128,128,128); 
dark grey : rgb(102,102,102); 
Xdarkest grey : rgb(70,67,58); 

background (for images etc) : rgb(250,247,240) =  #FAF7F0

blue: rgb(51,102,204); 

rgb(211,211,211);  
rgb(250,250,250); 
*/

/* Global */
	/* links - need to go in this order */
A {color: rgb(102,102,102);  text-decoration:underlined; }
A:link {color: rgb(102,102,102);    text-decoration:underlined;}
A:visited {color: rgb(102,102,102);  text-decoration:underlined;}
A:hover {color: rgb(0,0,0);  text-decoration:underlined; }
A:active {color: rgb(0,0,0);  text-decoration:underlined;}




	/* links - need to go in this order */
DIV.menuLinks A {color: rgb(102,102,102);  text-decoration:none; }
DIV.menuLinks A:link {color: rgb(102,102,102);  text-decoration:none;}
DIV.menuLinks A:visited {color: rgb(102,102,102);  text-decoration:none;}
DIV.menuLinks A:hover {color: rgb(0,0,0);  text-decoration:underlined; }
DIV.menuLinks A:active {color: rgb(0,0,0);  text-decoration:underlined; }

	/* links - need to go in this order */
DIV.pageLinks A {color: rgb(102,102,102);  text-decoration:none; }
DIV.pageLinks A:link {color: rgb(102,102,102);  text-decoration:none;}
DIV.pageLinks A:visited {color: rgb(102,102,102);  text-decoration:none;}
DIV.pageLinks A:hover {color: rgb(0,0,0);  text-decoration:underlined; }
DIV.pageLinks A:active {color: rgb(0,0,0);  text-decoration:underlined; }

	/* links - need to go in this order */
P.title A {color: rgb(0,0,0);  text-decoration:none; }
P.title A:link {color: rgb(0,0,0);  text-decoration:none;}
P.title A:visited {color: rgb(0,0,0);  text-decoration:none;}
P.title A:hover {color: rgb(0,0,0);  text-decoration:none;}
P.title A:active {color: rgb(0,0,0);  text-decoration:none;}

.here { color: rgb(51,51,51); font-weight:bold; }

BODY {
width: 100%; 
height: 100%; 
margin: 0px; 
padding: 0px; 
scroll:auto;  
scrollbar-base-color: rgb(250,247,240); scrollbar-face-color: rgb(204,204,204); scrollbar-track-color: rgb(250,247,240); scrollbar-arrow-color: #000000;scrollbar-highlight-color: #ffffff;scrollbar-3dlight-color: rgb(220,234,226); scrollbar-shadow-color: #000000;scrollbar-darkshadow-color: #000000; 
background: rgb(250,247,240); 
font-family : times,serif; font-size:12pt; color: rgb(102,102,102); text-align: center; }

.center { text-align: center; }

DIV.menuBackground { height:40px; width:100%; background: rgb(250,247,240); padding:0; margin:0; margin-left:auto; margin-right:auto; }
DIV.menuLinks { position:absolute; top:5px; right:5px; height:40px; width:40%; padding:0; padding-top:5; margin:0; text-align:right; }
SPAN.menuLink { font-size: 7pt; color: rgb(102,102,102); padding:0; padding-left:0; padding-right:5; }
DIV.menuLine { height:1px; width:100%; padding:0; margin:0; border:0; }

#logo { border:0; padding:0; margin:0; margin-left:auto; margin-right:auto; padding-top:15px; }
#logoText { position:absolute; top:5px; left:5px; padding:0; margin:0; font-size:9pt; font-weight:bold; font-style:italic; color: rgb(102,102,102); text-align:left; }
#buyItNow { position:absolute; top:40px; left:240px; padding:0; margin:0; text-align:left; }

DIV.introPic{ position:relative; top:5px; left:0px; padding:0; margin:0; text-align:center; }

H1{ position:relative; top:5px; left:0px; padding:0; margin:0; margin-left:auto; margin-right:auto; text-align:center; width:519px; font-size: 9pt; }

DIV.mainPic { position:absolute; top:90px; left:505px; width:300px; height:335px; background: rgb(250,247,240); padding:0; margin:0; text-align:center; }
DIV.mainPicLowRes { position:absolute; top:60px; left:335px; width:300px; height:335px; background: rgb(250,247,240); padding:0; margin:0; text-align:center; }
#mainPic { margin-top:10px; }

DIV.detailPic { position:absolute; top:425px; left:555px; width:200px; height:235px; background: rgb(250,247,240); padding:0; margin:0; text-align:center; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); }
DIV.detailPicLowRes { position:absolute; top:395px; left:385px; width:200px; height:235px; background: rgb(250,247,240); padding:0; margin:0; text-align:center; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); }
#detailPic { margin-top:10px; }

P.closeup {text-align:center; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); } 

/* for each new row of thumbs add in 90px to the height */
DIV.thumbsBorder { position:absolute; top:89px; left:14px; width:479px; height:462px; background: rgb(102,102,102); padding:0; margin:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; }
DIV.thumbs { position:absolute; top:90px; left:15px; width:477px; height:460px; background: rgb(250,247,240); margin:0; padding:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); }
DIV.thumbsBorder2 { position:absolute; top:89px; left:14px; width:479px; height:372px; background: rgb(102,102,102); padding:0; margin:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; }
DIV.thumbs2 { position:absolute; top:90px; left:15px; width:477px; height:370px; background: rgb(250,247,240); margin:0; padding:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); }
/* low res */
/* for each new row of thumbs add in 60px to the height */
DIV.thumbsBorderLowRes { position:absolute; top:59px; left:4px; width:327px; height:332px; background: rgb(102,102,102); padding:0; margin:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; }
DIV.thumbsLowRes { position:absolute; top:60px; left:5px; width:325px; height:330px; background: rgb(250,247,240); margin:0; padding:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); }
DIV.thumbsBorder2LowRes { position:absolute; top:59px; left:4px; width:327px; height:272px; background: rgb(102,102,102); padding:0; margin:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; }
DIV.thumbs2LowRes { position:absolute; top:60px; left:5px; width:325px; height:270px; background: rgb(250,247,240); margin:0; padding:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); }

/* limited edition */
DIV.LEthumbsBorder { position:absolute; top:89px; left:14px; width:479px; height:116px; background: rgb(102,102,102); padding:0; margin:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; }
DIV.LEthumbs { position:absolute; top:90px; left:15px; width:477px; height:100px; background: rgb(250,247,240); margin:0; padding:0; text-align:center; vertical-align:middle;  padding-top:3; padding-bottom:3; font-size: 9pt; font-weight: bold; color: rgb(102,102,102); }
SPAN.thumb { margin: 0; padding: 0; }

DIV.captionsBorder { position:absolute; top:89px; left:819px; width:152px; height:682px; background: rgb(102,102,102); padding:0; margin:0; text-align:center; }
DIV.captions { position:absolute; top:90px; left:820px; width:150px; height:680px; background: rgb(255,255,255); padding:0; margin:0; text-align:center; font-weight: bold; font-size:10pt; }
#caption{ padding-top:10px; width:140px; }
DIV.captionsBorderLowRes { position:absolute; top:59px; left:639px; width:137px; height:472px; background: rgb(102,102,102); padding:0; margin:0; text-align:center; }
DIV.captionsLowRes { position:absolute; top:60px; left:640px; width:135px; height:470px; background: rgb(255,255,255); padding:0; margin:0; text-align:center; font-weight: bold; font-size:10pt; }
#captionLowRes { padding-top:5px; width:125px; }
BODY.captions { background: rgb(255,255,255); }
P.title { font-size:10pt; color: rgb(102,102,102); text-align: center; }
FONT.dimensions { font-size:8pt; color: rgb(102,102,102); text-align: center; }
P.caption { font-size:10pt; font-weight: normal; color: rgb(51,51,51); text-align: center; }
P.captionLimited { font-size:10pt; font-weight: normal; color: rgb(51,51,51); text-align: left; padding-left:30px; padding-right:30px; padding-bottom:20px; }
P.buyItnow { padding-top:10px; text-align: center; }

BODY.dimensions { background: rgb(250,247,240); }
DIV.titles { position:absolute; top:5px; left:5px; font-size:8pt; color: rgb(51,51,51); text-align: right; }
DIV.dimensions { position:absolute; top:5px; left:180px; font-size:8pt; font-weight: normal; color: rgb(51,51,51); text-align: left;}

DIV.mainText { position:relative; top:10px; left:10px; width:720px; padding:0; margin:0; margin-left:auto; margin-right:auto; padding-top:30px; padding-bottom:20px; font-size:11pt; color: rgb(51,51,51); text-align:left; }
FONT.small { font-size:9pt; }
FONT.emphasis { font-size:16pt; font-weight:bold;}

TABLE.commentForm { border:0 padding:0; margin:0; text-align:left; font-size:11pt; color: rgb(51,51,51); }

IMG {margin:0; padding: 0; border:0; }

div.leftPic { width:300px; height:600px; background: rgb(250,247,240); padding:0; margin:0; padding-top:10px; padding-right:20px; vertical-align:top;  }
div.rightPic { width:300px; height:600px; background: rgb(250,247,240); padding:0; margin:0; padding-top:10px; padding-left:20px; vertical-align:top;  }

DIV.bundyLogoCentre { padding:0; margin:0; padding-top:20px; padding-bottom:20px; font-size:9pt; text-align:center; }

DIV.copyright { padding-top:40px; padding-bottom:20px; font-size:.8em; text-align:center; }
DIV.top { font-size:7pt; text-align:right; padding-right:10px; }
/* done with extra padding-top to compensate for div positionings */
DIV.topOpen { padding-top:750px; font-size:7pt; text-align:right; padding-right:10px; }
DIV.topOpenLowRes { padding-top:720px; font-size:7pt; text-align:right; padding-right:10px; }

/* For printing */
@media print {body {background-color: white}}
@page {margin: 5%}
