/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* Main Wrapper*/

#homerightv2 {
	width:159px;
	float: left;
}
#homeleftv2 {
	width:580px;
	float: left;
}

#uber {
	width:980px;
	position:relative;
	margin: auto auto;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-y;
}
#uberbody {
	width:980px;
	position:relative;
	background-image: url(/images/logo_corporateproshop.jpg);
	background-repeat: no-repeat;
}
#topsearch {
	width:140px;
	position:absolute;
	left: 812px;
	top: 18px;
	z-index: 2;
	text-align: right;
	vertical-align: top;
}

.searchText 
{
	float: left;
	margin-top: 0px !important;
	padding:2px 2px 2px 2px !important;
}

.searchButton
{
	margin-top: -2px;
	padding: 0px;
	margin-left: -5px !important;	
}

/*
#topsearch input
{
	float: left;
	margin-top: 0px !important;
	padding:2px 2px 2px 2px !important;
}
*/
	 
#topnav {
	width:800px;
	position:absolute;
	left: 223px;
	top: 24px;
	color: #8fcee7;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	z-index: 2;
}
#topnav a {
	color: #8fcee7;
	font-size: 11px;
}
#navcol {
	width:190px;
	padding-right: 17px;
	padding-left: 16px;
	float: left;
	font-size: 11px;
}
#navcol a {
	color: #FFFFFF;
	font-size: 11px;
}
#navcol p {
	font-size: 11px;
}
#bodycol {
	width:739px;
	padding-top: 50px;
	float: left;
}
#productsearch {
	color: #FFFFFF;
	width:167px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right:10px;
	padding-left:10px;
	border: 1px solid #5F9AB8;	
}
#membernav {
	color: #FFFFFF;
	width:187px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #5F9AB8;
	border-right-color: #5F9AB8;
	border-left-color: #5F9AB8;
}
#membernav p {
	display: block;
	margin-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5F9AB8;
	color: #FFFFFF;
	padding-left: 10px;
	padding-bottom: 6px;
}
#n1off {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5F9AB8;
	color: #FFFFFF;
}
#n1on {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5F9AB8;
}
#n1on a {
	color: #f8be22;
}
#n2off {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
}
#n2on {
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
	
}
#n2on a {
	color: #f8be22;
	
}
#n3off {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFFFFF;
}
#n3on {
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 20px;
	
}
#n3on a {
	color: #f8be22;
	
}
#n4off {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 30px;
	color: #FFFFFF;
}
#n4on {
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 30px;
	
}
#n4on a {
	color: #f8be22;
	
}
#nend {
	display: block;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5F9AB8;
}
#homeright {
	width:181px;
	float: left;
}
#homeleft {
	width:185px;
	float: left;
}
#homemiddle {
	width:341px;
	float: left;
	padding-left:15px;
	padding-right:15px;
}
#productleft {
	width:507px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 28px;
	padding-right: 27px;
	padding-bottom: 28px;
	padding-left: 28px;
}
#productright {
	width:150px;
	float: left;
	padding: 10px;
}
#productphotos {
	width:200px;
	float: right;
	margin-top:-28px;
	margin-right:-27px;
	margin-left: 1px;
	margin-bottom: 20px;
}
#onecolumn {
	width:683px;
	padding: 28px;
}

.buttonEflyer {
	font-size: 10px;
	background-image: url(/images/button_bg.gif);
	background-repeat: repeat-x;
	height: 23px;
	cursor:pointer;
	padding-right: 7px;
	padding-left: 7px;
	background-color: #017DB1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #017DB1;
	border-right-color: #017DB1;
	border-bottom-color: #017DB1;
	border-left-color: #017DB1;
}

form#style #button {
	font-size: 10px;
	background-image: url(/images/button_bg.gif);
	background-repeat: repeat-x;
	height: 23px;
	cursor:pointer;
	padding-right: 7px;
	padding-left: 7px;
	background-color: #ddf0f8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddf0f8;
	border-right-color: #7eaabb;
	border-bottom-color: #7eaabb;
	border-left-color: #ddf0f8;
}
form#style #button:hover {
	font-size: 10px;
	height: 23px;
	padding-right: 7px;
	padding-left: 7px;
	background-image: url(/images/button1_bg.gif);
	background-repeat: repeat-x;
	background-color: #d3e7f0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddf0f8;
	border-right-color: #7eaabb;
	border-bottom-color: #7eaabb;
	border-left-color: #ddf0f8;
}
form#style input {
	border:1px solid #ccc;
	background:#fff url(/images/form.gif) repeat-x top left;
	padding-left:0.5em;
	margin-bottom:0.6em;
}
#footer {
	clear:both;
	background-color: #017db0;
	height: 110px;
	width: 980px;
	background-image: url(/images/footer.jpg);
	background-repeat: no-repeat;
}
#footer1 {
	padding-top: 14px;
	padding-left: 236px;
	color: #FFFFFF;
}
#footer1 a {
	color: #b6d9fb;
}

#footer2 {
	padding-top: 25px;
	text-align: right;
	width: 960px;
}

.MenuGroup
{
	cursor: pointer;
	cursor: hand;
	background-color: #DFEEF4;
	width: 120px;
}
.MainItem 
{
	height:22px;
	cursor: pointer;
	cursor: hand;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #000000;
	width: 120px;
	text-align: center; 
	margin: 1px 0px 3px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.MainItemOver
{
	height:26px;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #000000;
	border-bottom: 3px solid #1973C9;
	border-top: 2px outset #85C3E6;
	width: 120px;
	text-align: center;
	background-color: #64B3DF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.MenuItem
{
	font-family: Arial, Verdana;
	font-size:11px;
	cursor: pointer;
	cursor: hand;
	padding: 6px 0px 6px 7px;
	background-image: url(../Img/arrow.gif);
	background-repeat: no-repeat;
	background-position : 7px center;
	border: 1px solid #BFCDE3;
	border-top: 1px solid white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.MenuItemOver
{
	font-family: Arial, Verdana;
	font-size:11px;
	cursor: pointer;
	cursor: hand;
	padding: 6px 0px 6px 7px;
	background-image: url(../Img/arrow.gif);
	background-repeat: no-repeat;
	background-position : 7px center;
	border: 1px solid #BFCDE3;
	border-top: 1px solid white;
	border-bottom: 1px solid #1973C9;
	background-color: #A7CFE8;
}
.MenuItemToolTip
{
	background-color: #fffacd;
	border-style:solid;
	border-width:1px;
	border-color: black; 
	font-family: Arial;	
	padding: 3px;
	font-size:8pt;
	text-align: left;
}

.MenuItemClicked
{
	cursor: pointer;
	cursor: hand;
	padding: 1px;
	background-color: #BCE3FB;
}

#ProductNav
{
	border-top:solid 1px #9bc1d4; border-bottom:solid 1px #9bc1d4; padding:3px 0px 3px 0px; width:330px;
}