@CHARSET "UTF-8";

html,
body,
#sitecontainer {
	padding: 0px;
	margin: 0px;
	background: #f2f2f2;
	min-height: 100%;
}
#sitecontainer {
	width: 1130px;
	margin: auto;
  background: white;
}

.clear {
	clear: both;
}

/* ------------
menubar
------------ */
#menubar {
	background: black;
	padding: 5px 50px;
}
#menubar li,
#menubar p,
#menubar a {
	color: white;
	text-decoration: none;
}
#menubar li {
	display: inline;
}
#menubar li + li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid white;
}

#menubar #menu {
	float: left;
}
#menubar #login {
	float: left;
  margin-left:40%;
}
#menubar #language {
	float: right
}

/* ------------
header 
------------*/
#header {
  position: relative;
  padding: 15px 50px;
}
#header .wrapper {
  height: 105px;
  position: relative;
  margin-bottom: 15px;
}
#logo, 
#contact,
#customer {
	position: absolute;
	bottom: 0px;
	min-width: 50px;
	min-height: 50px;
}
#logo {
	left: 0px;
	width: 500px;
}
#contact {
	display: none;
}
#customer {
	right: 0px;
}

#search {
	padding: 4px;
	background: #f3f6fc;
	width: 864px;
}
#search form,
#search button,
#search input {
  padding: 0px;
  margin: 0px;
}
#search .btn-group,
#search input {
	border: 1px solid #d5d4d4;
  float: left;
  height: 43px;
  outline-style: none;
}
#search .btn-group {
  border-color: #383838;
}
#search .btn-group button {
	height: 43px;
	background: #383838;
  border: 0px solid transparent;
  color: white;
  width: 113px;
  padding: 0px 5px;
}
#search input[type="text"] {
	width: 662px;
	padding: 0px 15px;
	color: #989898;
  border-left: 0px solid transparent;
}
#search input[type="text"]:focus {
	color: #333;
}
#search input[type="submit"] {
	width: 52px;
	height: 45px;
	background: white;
	background-image: url("/download/PunchOutLayout/WebHome/searchIcon.png");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 4px;
}
#carticon {
	position: absolute;
	top: 136px;
	left: 948px
}
#carticon .cartIcon {
	background-image: url("/download/PunchOutLayout/WebHome/cartIcon.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 59px;
  height: 53px;
  display: block;
}

/* ------------
container
------------ */
#container {
  padding: 5px 50px;
}
#content {
	width: 810px;
	float: left;
}
#shoppingchart {
	float: left;
	margin-left: 35px;
}

/* ------------
footer
------------ */
#footer {
  padding: 15px 50px 5px 50px;
}