/*======== Home Page Styles ===========================================*/

/*======== Main Content ===============================================*/
#bodyContent {
	
}
h2 {
	font-size:14px;
}
#welcome {
	margin:10px 0 0 0;
	top:10px;
	border-top:dotted 1px #AAA;
	border-bottom:dotted 1px #AAA;
}
#welcome a:link, #welcome a:visited {
	color:#700;
}
#welcome a:hover, #welcome a:active {
	color:#F88;
}
#welcome h2 {
	color:#900;
	text-decoration:underline;
	text-indent:5px;
}
#welcome p {
	font-size:12px;
	text-indent:5px;
	margin:0 5px;
}

/*======== Tabbed Navigation Box ==========================================*/
#panelsContainer {
	float:left;
	width:650px;	
}
#MainPanels {
	margin:0 0 0 5px;
}
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	z-index:0;
	float: left;
	clear: none;
	width: 640px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin:0 0 0 10px;
	padding: 0px;
	list-style:none;
}
.TabbedPanelsTab {
	display:block;
	width:100px;
	height:35px;
	top: 1px;
	float: left;
	margin: 0px 3px 0px 0px;
	font: bold 0.7em sans-serif;
	background: url(../pics/tab.png) no-repeat left -35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:normal;
	text-align:center;
	border-bottom: solid 1px #666;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	border-bottom: solid 1px #C33;
	background: url(../pics/tab.png) no-repeat left -70px;
}
.TabbedPanelsTabSelected {
	background: url(../pics/tab.png) no-repeat left 0;
	color:#ddd;
	border-bottom: 1px solid #600;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	width:638px;
	height:465px;
	background: url(../pics/tabborder.png) no-repeat top left;
	background-color: #FFF;
}
.TabbedPanelsContent {
	padding: 4px;
	font: 12px Arial, Helvetica, sans-serif;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
.TabbedPanelsContent.TabbedPanelsContentVisible p strong {
	color: #F00;
}
.displaySection {
	display:block;
	float:left;
	width:210px;
}
.displaySection ul {
	list-style:none;
}
.displaySection ul li {
	text-align:left;
	text-indent:35px;
}
.TabbedPanelsContentGroup a:link, .TabbedPanelsContentGroup a:visited {
	color:#900;
}
.TabbedPanelsContentGroup a:hover, .TabbedPanelsContentGroup a:active {
	color:#F88;
}
#MainPanels .imgContainer {
	display:block;
	width:75px;
	height:75px;
	margin:auto;
	background: url(../../images/rollovers/productsprite.jpg) no-repeat top left;
}
#MainPanels div.brandLogo {
	width:115px;
	height:120px;
	float:left;
	text-align:center;
	padding:10px 0 0 0;
}



/*========= Side Bar ==================================================*/
#sidebar {
	float:right;
}
#adticker {
	width:325px;
	height:200px;
	overflow:scroll;
}
#adticker div {
	width:325px;
	height:200px;
}
#whyShop {
	margin:10px 0 0 0;
	width:323px;
	border:solid 1px #CCC;
	background:url(../../images/whyshop-bkg.gif) top left repeat-x;
}
#whyShop h2, #brands h2, #doors h2 {
	text-align:center;
	text-decoration:underline;
	color:#900;
	margin:4px 0;
}
#doors h2 {
	color:#006600;
}
#whyShop p, #doors p {
	margin:0 0 0 3px;
	color:#333;
	font-size:13px;
}
#brands, #doors {
	width:323px;
	border:solid 1px #CCC;
	margin:5px 0 0 0;
	background:url(../../images/whyshop-bkg.gif) top left repeat-x;
}
#doors img {
	margin:0 4px;
}
#brands img {
	float:left;
	margin:5px 10px;
	padding:2px;
	border:solid 1px #CCC;
}