/* Global page defs */ 
html, body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: white;
  font-family: Helvetica, Arial;
  color: #FFFFFF;
  font-size: 11px;
}

#container {
  position: relative;
  width: 1000px;
  margin: 0px auto;
  background-color: white;
  color: #333;
  text-align: left;
}

/*Top part*/
#top {
  padding: 0px;
  background-color: white;
  background-image: url('../images/top_bg.gif');
  background-repeat: repeat-x;
  height: 130px;
  margin-left: 0px;
  margin-right: 0px;
  width: 1000px;
  overflow: hidden;
  clear: both;
  float: left;
}

#login {
  position: absolute;
  top: 7px;
  left: 820px;
  width: 180px;
  height: 110px;
  background-color: black;
  padding: .5em;
}

#sellerLogin {
  position: absolute;
  top: 7px;
  left: 820px;
  width: 200px;
  height: 110px;
  background-color: black;
  padding: .5em;
}

#menu {
  position: absolute;
  top: 95px;
  left: 0px;
  width: 900px;
  height: 25px;
  background-image: url('../images/menubg.jpg');
  background-repeat: repeat-x;
  padding: .4em;
  background-color: white;
  color: white;
}

#footer {
  clear: both;
  float: left;
  width: 1000px;
  margin: 0;
  padding: .14em;
  background-color: white;
  background-image: url('../images/bottom_bg.gif');
  background-repeat: repeat-x;
}

/* 3 column design*/
.colmask {
  position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
  width: 1000px; /* width of whole page */
  overflow: hidden;
}

.threecols {
  background: white; /* Right column background colour */
}
    
.threecols .colmid {
  float: left;
  width: 200%;
  margin-left: -180px; /* Width of right column */
  position: relative;
  right: 100%;
  background: white; /* Centre column background colour */
}
    
.threecols .colleft {
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 340px; /* Left column width + right column width */
  background: #dedede; /* Left column background colour */
}

.threecols .col1wrap {
  float: left;
	width: 50%;
	position: relative;
	right: 160px; /* Width of left column */
	padding-bottom:1em; /* Centre column bottom padding */
}
	
.threecols .col1 {      
  /* Centre column padding*/
  margin-left: 165px; /* Left column width + centre column left padding width */
  margin-right: 185px; /* Right column width + centre column right padding width */
  margin-top: 0px;
  margin-bottom: 0px;
  
  position: relative;
	left: 200%;
	min-height: 500px; /* Makes sure the three cols are at least 500px high */
}
    
.threecols .col2 {
  float: left;
  float: right; /* This overrides the float:left above */
  width: 160px; /* Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 0px; /* Width of the left-had side padding on the left column */
}
    
.threecols .col3 {
  float: left;
  float: right; /* This overrides the float:left above */
  width: 180px; /* Width of right column content (right column width minus left and right padding) */
  margin-right: 0px; /* Width of right column right-hand padding + left column left and right padding */
  position: relative;
  left: 50%;
}

/* div specific adjustments */
#nav-menu {
  background-color: #dedede;
  margin-top: 5px;
}

#mainContent {
  min-height: 472px;
}

#cart {
  min-height: 22px;
  background-color: black;
  padding: .5em;
}

#search {
  height: 90px;
  background-color: black;
  padding: .5em;
}

.tmphidden {
  display: none;
}

#leftColumn {
	float: left;
	width: 190px;
}

#rightColumn {
	float: right;
	width: 500px;
}

#bottomColumn { 
	float: right; /* the clear:both style does not work properly for IE*/
	width: 700px;
}

#mailToFriend, #blog {
	position: relative; 
	left:40px; 
	width: 285px; 
	height: 1px; 
	overflow: hidden; 
	background-color: #white; 
	visibility: hidden; 
	text-align: left;
	padding-top: 3px;
}

#mediaContainer {
	overflow-y:auto; 
	overflow-x: hidden;; 
	scrollbar-base-color: #C3D7F8; 
	width: 160; 
	height: 160px;
}

#popupMediaContainer {
	overflow-y:auto; 
	overflow-x: hidden;; 
	scrollbar-base-color: #C3D7F8; 
	width: 100; 
	height: 300px;
}

img.media {
	float: left; 
	margin: 0 5px;
	border: 1px solid black;
}