/* CSS Document */

/********************************************
*
* Shop 600 (Banner + Menu left + Menu right)
*
* Using different size shops or modifing the size 
* of the elements may cause the need for other 
* elements to be modified, as well.
*
********************************************/
/* Center the page content */
body {
	font-size:0em;
	margin:0 auto;
	padding:0;
	width: 1000px;
	text-align: center;



/* Defines the size of body for the shop and the navigation.*/
body.twoElements {
	width:79.1em;
	clear: both;
	float: left;
	height: auto;

}

/* Defines the Banner image for the shop.*/
body.twoElements #myBanner {
	width:1000px;
	height:auto;
	float:left;
	clear: both; 
}
body.twoElements #barLeft, body.oneElement #barRight {
	display:none;
}
/* Defines the Left Menu for the shop and its elements.*/
body.twoElements #menuLeft {
	width:0em;
	float:left;
	clear: both; 
	margin:0em;
	padding:0em;
	font-size:0.9em;
	border-right:0px solid #000;
	background-color:#000000;
	height:110em;
}

/* Defines the Right Menu for the shop and its elements.*/
body.twoElements #menuRight {
	width:0em;
	float:left;
	clear: both; 
	margin:0em;
	padding:0em;
	font-size:0.9em;
	border-left:0px solid #000;
	background-color:#000000;
	height:110em;
}

/* Defines the Paragraph tags used for the text in the Example Shop*/
body.twoElements #menuLeft p,
body.twoElements #menuRight p {
	float:left;
	width:100%;
}

body.twoElements #menuLeft p a,
body.twoElements #menuRight p a {
	margin:0em 0 0 0;
	float:left;
}
body.twoElements #menuLeft ul,
body.twoElements #menuRight ul {
	width:0em;
	margin:0em 0;
	float:left;
}

/* Defines the Buttons for the shop.  Button color is pulled from
the selected button color under Colors and Fonts.*/
body.twoElements #menuLeft ul li .button,
body.twoElements #menuRight ul li .button {
	margin:0em 0 0 0;
	width:100%;
}

/* Fix for IE6, so the Right Navigation does not go below the shop */ 
* html body.twoElements #main {
	margin: 0 0 0 -10px;
}

/* Fix for IE7, so the Right Navigation does not go below the shop */ 
*+html body.twoElements #main { 
	margin: 0  0 0 -10px;
}

/* Fix for IE7, so the Banner does not stretch*/ 
*+html body.twoElements #myBanner {
    width:78.55em;
	float:left;
    height: 150px;
}

/* Fix for IE6, so the Banner does not stretch*/ 
* html body.twoElements #myBanner {
     width:78.55em;
	 float:left;
     height: 150px;
}

/*Menu turned off*/
#menu{
display: none;
}

/* If you are using the Designer, then you may need to 
add these into the code, so the Right Menu does not go
into the header.  Ad
* html body.twoElements #menuRight { 
	margin: 10px 0 0 0;
}
*+html body.twoElements #menuRight { 
	margin:10px 0 0 0;
}
*/