/* Override layout */
html, body {
  background-color: black;
  background-image: url("../images/bkgalt.jpg");
  background-position: 50% 00%;
  background-repeat: repeat-y;
}

#container2 {
  position: relative;
  margin: 0px auto;
  color: #333;
  text-align: left;
}

#container2, #footer, .colmask{
  width: 900px;
}

#footer {
  background: #00117b url(../images/logo/logo2.png) no-repeat top left;
  padding: 0px;
}

/* Changed from #003a65 to #00117b Oct22 */

#wishlist {
  background: white;
}

#mailToFriend, #blog {
  left: 70px; 
  top: 5px;
  width: 250px;
}

#mailWishlistToFriend {
  position: relative; 
  left:10px; 
  width: 285px; 
  height: 1px; 
  overflow: hidden; 
  background-color: #white; 
  visibility: hidden; 
  text-align: left;
}

/* Change column widths */

.threecols .colmid {
  margin-left: -310px; /*-180px;*/ /* Width of right column */
}

.threecols .colleft {
  left: 480px; /*340px;*/ /* Left column width + right column width */
  background-color: white;
}

.threecols .col1wrap {
  right: 170px; /*160px;*/ /* Width of left column */
  padding-bottom: 0px; /*1em;*/ /* Centre column bottom padding */
}

.threecols .col1 {      
  margin-left: 170px; /*165px;*/ /* Left column width + centre column left padding width */
  margin-right: 310px; /*185px;*/ /* Right column width + centre column right padding width */
  border-right: 5px solid #00117b;
}
    
.threecols .col2 {
  width: 170px; /*160px;*/ /* Width of left column content (left column width minus left and right padding) */
}
    
.threecols .col3 {
  width: 310px; /*180px;*/ /* Width of right column content (right column width minus left and right padding) */
}

.fillTable, .articleList {
  width: 405px;
}

.shopcartlist table {
  width: 310px;
  text-align: center;
}

.shopcartlist td {
  padding-top: 5px;
  padding-bottom: 15px;
  vertical-align: bottom;
}

#wishlist .articleList {
  width: 850px;
  padding-left: 0px;
}

.top10list td {
  width: 75px;
  text-align: center;
}

.advartlist td {
  padding-left: 2px;
  padding-bottom: 0px;
  text-align: center;
}

.relartlist td {
  padding: 0px 6px 15px 6px;
  vertical-align: top;
}

.relartlist p {
  padding-left: 2px;
}

.advartlist p {
  padding-left: 10px;
}

#wishlist td.articleList {
  padding: 5px 25px 5px 25px;
  width: 200px;
}

/* Fonts */

p, .p2, .td2, .td, .p2b {
  color: black;
  font-size: 10px;
}

.firstheader {
  color: white;
  background-color: #00117b;
  text-align: right;
  height: 16px;
  font-size: 9px;
}

.secondheader {
  color: #00117b;
  background-color: #ededed;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 1.6em;
  line-height: 1.3;
  letter-spacing: 1px;
  height: 31px;
  padding-top: 5px;
  padding-left: 20px;
}

#mainContent .firstheader {
  margin-top: 10px;
  height: 5px;
  margin-right: 10px;
}

#mainContent .secondheader {
  height: 20px;
  padding-top: 2px;
  padding-left: 10px;
  font-weight: bold;
  margin-right: 10px;
  color: #00117b;
}

#wishlist .secondheader {
  padding-left: 100px;
}

td.overheader {
  color: #00117b;
  background-color: #ededed;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  width: 50%;
  text-align: center;
  height: 31px;
}

a.overheader, #wishlist a  {
  color: #00117b;
}

#wishlist a {
  font-size: 11px;
}

a.overheader  {
  font-size: 11px;
}

#cart, #nav-menu {
  background-color: white;
  padding: 0px;
  margin: 0px;
}

.infotext {
  text-align: center;
}

.infotextMini {
  text-align: center;
  font-size: 10px;
  font-style: italic;
  padding: 10px 40px 0px 40px;
}

#mainContent .p2, #cart .p2, #wishlist .p2 {
  font-size: 10px;
  text-align: left;
  color: black;
}

#cart .p2 {
  padding-left: 7px;
}

#mainContent a, #cart a {
  font-weight: normal;
  color: black;
}

#searchlist a {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 9px;
}

#mainContent a:hover, #cart a:hover {
  text-decoration: underline;
  color: #00117b;
}

#mainContent a.imagelink, #cart a.imagelink {
  text-decoration: none;
}

#mainContent a.p2b {
  font-weight: bold;
  font-size: 11px;
}

img {
  border: 0px solid white;
}

#footer p {
  text-align: right;
  padding: 10px;
}

#footer a {
  color: white;
}

#footer a:hover {
  text-decoration: underline;
}

/* Old top menu
				a.topmenu, a:visited.topmenu {
				  color: black;
				  background-color: white;
				  font-weight: normal;
				  text-align: center;
				  padding: 3px 5px 2px 5px; 
				  text-decoration: none;
				  text-transform: uppercase;
				}
				
				a:hover.topmenu {
				  color: white;
				  background-color: black;
				}
*/

a.topmenu, a:visited.topmenu {
  color: white;
  background-color: #00117b;
  font-weight: bold;
  padding: 3px 5px 2px 5px; 
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
}

a:hover.topmenu {
  color: black;
  background-color: white;
}

.pc {
  text-align: center;
}

#nav-menu li.level_2 {
  padding: 10px 0px 5px 5px;
  font-weight: bold;
  color: #00117b;
}

#nav-menu .level_3 a {
  background-color: #ededed;
  padding: 1px;
  margin: 1px;
}

#nav-menu .level_3 a:hover {
  background-color: #666666;
  color: white;
  padding: 1px;
  margin: 1px;
}

#nav-menu .level_3_select a {
  background-color: black;
  color: white;
  padding: 1px;
  margin: 1px 1px 1px 10px;
  font-weight: bold; 
}

select {
  font-weight: normal;
  width: 80px;
  margin-right: 10px;
}

input {
  font-weight: normal;
  width: 140px;
}

input.checkbox {
  width: 20px;
}

#blog input {
  width: 200px;
}

input.blog {
  width: 300px;
  margin: 15px 0px 15px 0px;
}

#searchlist input {
  margin: 0px;
  padding: 0px;
}

/* Image sizes */

/* Original size is w=711, h=823, so ratio should be 1.16
   (not so good to use width: x% since the size of the big image might change) 
*/
.not_used_advartlist img {
  width: 100px;
  height: 116px;
}

.not_used_top10list img {
  width: 51px;
  height: 59px;
}

img.not_used_relartlist {
  width: 51px;
  height: 59px;
}

img.not_used_article {
  width: 195px;
  height: 226px;
}

img.not_used_shopcartlist {
  width: 75px;
  height: 87px;
}

img.not_used_printlist {
  width: 180px;
  height: 208px;
}