body {
background-color: rgb(255,255,255);
color: rgb(50,50,50); /* grey */
font-size: 12px;
font-weight: normal;
font-family: tahoma, verdana, microsoft sans serif, arial, helvetica;
margin: 0px;
}

body.thebody {
background-color: rgb(255,255,255);
color: rgb(50,50,50); /* grey */
font-size: 10px;
font-weight: normal;
font-family: tahoma, verdana, microsoft sans serif, arial, helvetica;
margin: 0px;
visibility: hidden;
}

img {border: 0px;}
a.img {border: 0px;}


#photo-albums-top {
width: 100%; min-width: 770px; height: 61px; position: absolute; left: 0px; top: 0px; background: url('photo-album.gif') repeat-x;
}

#photo-albums {
position: relative; left: 10%; top: 46px; z-index: 1;
filter: alpha(opacity=50); 
opacity: 0.5;
}

#buy-photo-album {
position: absolute; right: 0px; top: 0px;
}

#bristol-and-brooks {
position: absolute; left: 16px; top: 16px;
}

#page {
width: 990px; position: relative; margin: auto;
}

#leftbg {
width: 173px; height: 387px; position: absolute; left: 4px; top: 130px;
background: rgb(197,0,0);
}

#left {
width: 173px; position: absolute; left: 4px; top: 130px; font-weight: bold; text-align: center;
}

#rightbg {
width: 183px; height: 387px; position: absolute; right: 4px; top: 130px; 
background: rgb(197,0,0);
}

#right {
width: 183px; position: absolute; right: 4px; top: 130px; text-align: center; padding-top: 10px;
}

.fc {
text-align: left; font-family: trebuchet ms; font-size: 14px; color: rgb(255,225,225);
}

#features {
margin: 10px 10px 20px 10px;
}

#capacity {
margin: 12px 10px 10px 10px;
}

.sub {
margin: 0px 30px 0px 30px; font-size: 10px; font-weight: normal;
}

ul {font-weight: normal; font-size: 12px; margin-left: 15px; padding-left: 0px;}
li {padding: 0px; margin: 0px;}

div.heading {
background: rgb(170,0,0);
margin: 20px 0px 8px 0px; padding-top: 7px; height: 20px; color: rgb(255,255,255); letter-spacing: 2px; font-weight: bold;
}

span.heading {
color: rgb(255,255,255); letter-spacing: 3px; font-weight: bold;
}

#cart {
background: rgb(225,138,138);
border: rgb(255,255,255) solid 1px;
margin: 10px; margin-bottom: 0px;
width: 143px; height: 170px; padding: 10px; text-align: left; overflow: auto;
}

#carttotal {
background: rgb(225,138,138);
border: rgb(255,255,255) solid 1px; border-top: none;
margin: 0px 10px -10px 10px;
width: 147px; height: 11px; padding: 8px; text-align: left;
}

.carttotalbox {
font-weight: bold;
}

#checkoutbut {
position: absolute; right: 15px; top: 230px;
}

#framepage {
width: 555px; position: relative; margin: auto;
}

iframe.frame {
margin: 0px; width: 588px; _width: 600px; height: 368px; position: absolute; left: 195px; top: 147px;
}

.pframel {
width: 260px; height: 300px; border: rgb(0,0,0) solid 3px; position: absolute; top: 0px; left: 10px;
}

.pframer {
width: 260px; height: 300px; border: rgb(0,0,0) solid 3px; position: absolute; top: 0px; right: 10px;
}

img.photo {
margin: 30px 27px 0px 27px; border: rgb(180,180,180) solid 1px;
}

img.tr {
position: absolute; right: 0px; top: 0px;
}

img.bl {
position: absolute; left: 0px; bottom: 0px;
}

img.addbut {
position: absolute; right: 0px; bottom: 0px; margin: 0px;
}

.album {
padding: 10px 10px 40px 226px; text-align: left; font-family: trebuchet ms; font-size: 14px; font-weight: bold;
}

img.large-photo-album {
position: absolute; left: 10px; top: 10px;
}

input.buybut {
position: absolute; right: 10px; top: 140px;
}

.l {float: left; clear: left;} .r {float: right; clear: right;}

.med {
font-weight: normal; font-size: 12px;
}

input.extra {
margin-bottom: 4px; *margin-bottom: 0px; *margin-top: 0px;
}

.sml {
font-size: 10px; font-weight: normal; color: rgb(150,150,150);
}

a.sml:link, a.sml:hover, a.sml:active, a.sml:visited {color: rgb(0,0,0); font-weight: normal; text-decoration: underline;}

.clear {
clear: both;
}

.name {
margin-bottom: 15px; *margin-bottom: 10px;
}

.medclick {
cursor: default; font-weight: normal; font-size: 12px;
}

.postage {
clear: both; margin-top: 25px; padding-top: 0px;
}

div.thumb {
margin: 8px; float: left; border: solid rgb(150,150,150) 1px; position: relative;
}

img.thumb {
margin: 7px;
}

#change {
display: none;
}

#color {
text-align: center; font-size: 10px; font-family: tahoma, verdana, microsoft sans serif, arial, helvetica; 
font-weight: normal; margin-top: 5px; width: 150px;
}

#empty {
margin-top: 15px; text-align: right; clear: both;
}

a.empty:link, a.empty:hover, a.empty:visited, a.empty:active {
color: rgb(100,100,100); text-decoration: underline; font-size: 8px; font-weight: normal;
}

a:link, a:visited, a:active {text-decoration: none; color: rgb(255,255,255);}
a:hover {*font-weight: bold; text-decoration: underline; *text-decoration: none; color: rgb(255,255,255);}

a {outline: none;}

.detail {
font-size: 11px; font-weight: normal;
}

a.black:link, a.black:active, a.black:visited {text-decoration: none; font-weight: bold; color: rgb(50,50,50);}
a.black:hover {text-decoration: underline;}

a.pw:link {text-decoration: underline; color: rgb(200,200,200); font-weight: normal; padding-top: 5px;}
a.pw:visited {text-decoration: underline; color: rgb(200,200,200); font-weight: normal; padding-top: 5px;}
a.pw:hover {text-decoration: none; color: rgb(150,150,150); font-weight: normal; padding-top: 5px;}
a.pw:active {text-decoration: none; font-weight: normal; padding-top: 5px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {min-height: 100%;height: auto !important;height: 100%}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {color: rgb(255,255,255); letter-spacing: 2px; font-weight: bold; font-size: 14px; font-family: tahoma;}
#TB_secondLine {  font: 10px Arial, Helvetica, sans-serif;  color:white;}
#TB_window a:link {color: white; letter-spacing: normal; font-weight: normal; font-family: arial; font-size: 11px;}
#TB_window a:visited {color: white; letter-spacing: normal; font-weight: normal; font-family: arial; font-size: 11px;}
#TB_window a:hover {color: white; letter-spacing: normal; font-family: arial; font-size: 11px; font-weight: normal; text-decoration: underline;}
#TB_window a:active {color: white; letter-spacing: normal; font-weight: normal; font-family: arial; font-size: 11px;}
#TB_window a:focus{color: white; letter-spacing: normal; font-weight: normal; font-family: arial; font-size: 11px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {  position: absolute;  z-index:100;  top: 0px;  left: 0px;  background-color:#000;  filter:alpha(opacity=60);  -moz-opacity: 0.6;  opacity: 0.6; min-height:100%; height:auto;}
#TB_window {  position: absolute;  background: #ffffff;  z-index: 102;  display:none;  border: 4px solid #525252;  text-align:left;}
#TB_window img {  display:block;  margin: 15px 0 0 15px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;  border-top: 1px solid #666;  border-left: 1px solid #666;}
#TB_caption{  height:25px;  padding:7px 30px 10px 25px;  float:left;}
#TB_closeWindow{  height:25px;  padding:11px 25px 10px 0;  float:right;}
#TB_closeAjaxWindow{  padding:5px 10px 7px 0;  margin-bottom:1px;  text-align:right;  float:right;}
#TB_ajaxWindowTitle{  float:left;  padding:7px 0 5px 10px;  margin-bottom:1px;}
#TB_title{  background-color: rgb(197,0,0);  height:35px;}
#TB_ajaxContent{  clear:both;  padding:2px 15px 15px 15px;  overflow:auto;  text-align:left;  line-height:1.4em;}
#TB_ajaxContent p{  padding:5px 0px 5px 0px;}
#TB_load{  position: absolute;  display:none;  height:100px;  width:100px;  z-index:101;}
#TB_HideSelect{  z-index:99;  position:absolute;  top: 0;  left: 0;  background-color:#fff;  border:none;  filter:alpha(opacity=0);  -moz-opacity: 0;  opacity: 0;}
#TB_iframeContent{  clear:both;  border:none;  margin-bottom:-1px;  margin-top:1px;  *margin-bottom:1px;}