html,body{
height:100%;
margin:0px;
padding:0px;
font-family:Tahoma,Arial,Helvetica,sans;
background-image:url(/xtpl/i/p1-main-bg.jpg);
background-color:#CCCCCC
}

h1 {
LEFT:182px;
FONT:11px Tahoma, Arial, Verdana;
COLOR:#524f4a;
POSITION:absolute;
TOP:65px
}

h2 {
	margin: 0;
	padding: 2px 2px 3px 2px;
	FONT:13px Tahoma, Arial, Verdana;
	font-weight:bold;
	color: #333;
	}
	
h3 {
	margin: 0;
	padding: 2px 2px 0px 12px;
	FONT:18px Tahoma, Arial, Verdana;
	font-weight:bold;
	color: #333;
	}

h4 {
	margin: 0;
	padding: 2px 2px 0px 12px;
	FONT:18px Tahoma, Arial, Verdana;
	font-weight:bold;
	color: #333;
	}

.red {
	color: #c00;
	}

#brdtitle {background: url('/xtpl/i/l2-top1-pic-right.jpg') no-repeat top right #C7C6C4; height:128px;}
#brdtitle img {margin:0px; padding:0px;}

.menubg {background: url('/xtpl/i/l2-top-gradient.gif') repeat-x #C7C6C4; height:71px; border-top: 4px solid #6F6F6F;}

.menu {
margin:0px 0px 0px 182px;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:11px;
font-weight:bold;
width:90px;
padding:7px 2px;
color:#333;
background:transparent;
text-decoration:none;
margin-right:2px;
border-bottom:2px solid #ccc;
text-align:left;
}
/* style the links hover */
.menu :hover{
background:#c00;
color:#fff;
}

#dropdown :hover, #dropdown :active{
background:#c00;
color:#fff
}

#droppeddown a{
background:#DEDEDD;
font-weight:normal;
text-align:left;
padding:8px 0px 8px 10px;
width:200px;
}

#droppeddown :hover, #droppeddown :active{
background:#ccc;
font-weight:normal;
color:#333;
text-align:left;
padding:8px 0px 8px 10px;
width:200px;
}


/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:90px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

.border{
	display:block;
	width:170px;
	padding:7px 2px;
	margin: 0px 0px 0 7px;
	background:transparent;
	border:1px solid #ccc;
	text-align:left;
}

#bordercontent{
	display:block;
	position:relative;
	width:97%;
	min-width:760px;
	padding:6px 2px;
	background:transparent;
	border:1px solid #ccc;
	text-align:left;
}

.sidebar{
	display:block;
}

.content{
  position: absolute; left: 210px; top: 200px;}
}

.formfield {
	background: #ccc;
	height: 20px;
	width: 100px;
	padding: 2px 0px 0px 2px;
	border:1px solid #999;
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}
.formfield:focus {
	border:1px solid #fff;
}

small {
	font: 10px Tahoma, Arial, Verdana, sans-serif;
	color: #fff;
	margin-left:10px;
	}
	
.vedra {
  width:160px;
  color:#000;
  font-family:tahoma, arial, verdana, helvetica, sans-serif;            
  font-size:0.7em;
  list-style-image: url(/xtpl/i/li.gif);
}

.vedra li {
	margin-top:10px;
	FONT:12px Tahoma, Arial, Verdana;
	color: #333;
}


.white {color:#fff; background: transparent;FONT:Tahoma, Arial, Verdana;}
.white a:link, .white a:visited {color:#fff; background: transparent; text-decoration:underline;}
.white a:hover {color:#fff; background: transparent; text-decoration:none;}

.grey {PADDING-RIGHT:10px;
PADDING-LEFT:10px;
PADDING-BOTTOM:0px;
FONT:11px Arial;
COLOR:#ccc;
background:#666;
PADDING-TOP:0px}
.grey a:link, .grey a:visited {color:#ccc; background: transparent; text-decoration:underline;}
.grey a:hover {color:#ccc; background: transparent; text-decoration:none;}



.ThumbPhotoTitel {
	margin: 0;
	margin: 10px 0px 15px 20px;
	font: 12px Tahoma, Arial, Verdana, sans-serif;
	color: #000;
	}
.ThumbPhotoTitel a:link, .ThumbPhotoTitel a:visited {color:#000; background: transparent; text-decoration:underline; font-weight:bold;}
.ThumbPhotoTitel a:hover {color:#000; background: transparent; text-decoration:none; font-weight:bold;}

table.stuff{
border-collapse:separate;
width: 97%;
font: 12px Tahoma, Arial, Verdana, sans-serif;
}

table.stuff td{
padding:4px 4px;
border:1px solid #666666;
font-size: 12px;
font-weight: 400;
}

.stuff .second{
	background-color: #c0c0c0;
	color: Black;
}
.stuff .first{
	background-color: White;
	color: Black;
}
table.order, table.order td{
	border: none; font-size: 11px; padding: 0px; margin: 0px; 
}

.pre_photo {
  display:block;
  background: url('camera-photo.png') no-repeat;
  width:16px;
  height:16px;
}

.preview {
  *dispaly:none;
}

/*modal*/
#sm_content {
display: none;
position: fixed;
left: 50%;
padding: 15px;
top:10%;
-webkit-box-shadow: 0px 0px 8px #111;
background:#FFF;
width:671px;
margin-left:-335px;
text-align:center;
}
#sm_content small{font-size:77%;}
#sm_content .sm_close{
position:absolute;
top:-1%;
left:98%;
*top:0%;
cursor:pointer;
}
#dis[disabled="true"]+div.sm_close {
  top:0px;
}
#sm_content h3{font-size:116%;}
#sm_content img {display:block;}
#sm_olay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) 
*/
* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
 Star selector used to hide definition from browsers other than IE6
 For valid CSS, use a conditional include instead */
* html #sm_content {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17
* (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.highlight {
  font-weight:bold;
}