/*
=================================================================================
WISEINTERNET APPLICATION DEVELOPMENT. ©2008 WISEINTERNET. WWW.WISEINTERNET.COM
All rights reserved. No unauthorised duplication. 
=================================================================================
*/

/*
	CSS STYLE NOTE:
	Lower case for html tag styles (html), camel case (DropDownList) for all other custom styles 
	Html elements first then list ID styles alphabetically with styles within the ID styles
	listed with HTML elements first followed by custom styles listed alphabetically
*/

/* ITEM PAGE */
#ImageThumb a
{
	padding: 0px;
}
#ImageCaption
{
	width: 380px;
	padding: 10px;
	color: #fff;
	position: absolute;
	bottom: 0px !important;
	bottom: 115px;
	left: 1px;
	background: url(/App_Themes/Shopper/img/bg_caption.png);
}
*:first-child + html #ImageCaption
{
	bottom: 5px !important;
}
#ImageCaption b
{
	font-size: 14px;
}
#ImageCaption span
{
	font-size: 11px;
}
.ItemLink:link, .ItemLink:visited
{
	color: #333;
	font-size: 11px !important;
	font-weight: bold;
	height: 25px;
	display: block;
	text-decoration: none;
	margin-bottom: 2px;
}
.ItemLink:hover
{
	color: #0099cc;
}
.ItemLink span
{
	position: relative;
	left: 5px;
	top: -5px;
}
.EquiryTable
{
	font-size: 10px;
	font-weight: bold;
}

/* CATEGORY */
#CategoryCell .Button60
{
	margin-left: 10px;
}
#CategoryCell ul
{
	list-style: none;
	margin-left: 8px;
	margin-top: 8px;
}
#CategoryCell ul li
{
	margin-bottom: 5px;
}
#CategoryCell ul li a:link, #CategoryCell ul li a:visited
{
	color: #303956;
	text-decoration: none;
}
#CategoryCell ul li a:hover
{
	color: #FF9900;
	text-decoration: none;
}

/* Flash Buttons */
#NavFlash
{
	position: absolute;
	top: 34px !important;
	left: 250px !important;
}

/* Header Styles */
h4 a:link, h4 a:visited
{
	color: #303956;
	font-size: 16px;
	padding: 0px;
	text-decoration: none;
}
h4 a:hover
{
	color: #0397d6;
}
/* Footer Logo */
#LogoFooter
{
	position: absolute;
	left: 10px;
	top: 8px;
}
/* Custom Homepage Styles */
#TagLine
{
	position: absolute;
	top: 120px;
	right: 130px;
}
#HomeScreen
{
	min-height: 205px;
	background: url(/App_Themes/Shopper/img/bg_screen.png) repeat-x;
}
.HomeScreenHead
{
	height: 30px;
	background: url(/App_Themes/Shopper/img/bg_screen_head.png) repeat-x bottom;
}
.HomeScreenBody
{
	margin: 5px 12px 20px 12px;
}
.ArticleFrame
{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
}
.ArticleTitle:link, .ArticleTitle:visited
{
	color: #303956;
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin-top: 12px;
	margin-bottom: -5px !important;
	margin-bottom: 5px;
}
*:first-child+html .ArticleTitle:link, *:first-child+html .ArticleTitle:visited
{
    margin-bottom: -10px !important;
}
.ArticleTitle:hover
{
	color: #0099cc;
}
.FeatureFrame
{
	border-bottom: 1px dashed #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.FeatureFrame img
{
	border: 1px solid #ccc;
}
.FeatureFrameInner
{
	background: #fff;
	border: 1px solid #ccc;
	margin: 10px 4px 0px 4px;
	padding: 6px 6px 2px 6px;
	text-align: center;
}
.FeatureFrame a
{
	padding: 0px !important;
}
.FeatureFrame p
{
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #555;
	text-align: left;
}
.FeatureFrame input
{
}
.FeatureTitle:link, .FeatureTitle:visited
{
	color: #303956;
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin: 5px;
	margin-left: 10px;
}
.FeatureTitle:hover
{
	color: #0099cc;
}

/* Panel Styles */
.Panel
{
	background: url(/App_Themes/Shopper/img/bg_login.gif) repeat-x #ffffff;
	padding: 10px;
	color: #666666;
}
.Panel p
{
	color: #333;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 2px;
}
.Panel a:link, .Panel a:visited
{
	color: #0099cc;
	text-decoration: none;
}
.Panel a:hover
{
	color: #0099cc;
	text-decoration: underline;
}


/* Customer Panel Styles */
#LoggedIn
{
	width: 215px;
	padding: 10px;
	padding-bottom: 13px;
	color: #fff;
	margin-bottom: 3px;
	background: url(/App_Themes/Shopper/img/bg_menu.gif) repeat-x #009ddc;
}
#LoggedIn p
{
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}
#LoggedIn a:link, #LoggedIn a:visited
{
	color: #fff;
	text-decoration: none;
}
#LoggedIn a:hover
{
	text-decoration: underline;
}
#LoggedIn .Login
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}
#LoggedInTop
{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	padding-left: 8px;
	margin-bottom: 3px;
	background: #009ddc;
}
#LoggedOut
{
	background: url(/App_Themes/Shopper/img/bg_login.gif) repeat-x #ffffff;
	padding: 5px;
	padding-bottom: 15px;
}
#LoggedOut a:link, #LoggedOut a:visited
{
	color: #666;
	text-decoration: none;
}
#LoggedOut a:hover
{
	color: #0099cc;
	text-decoration: underline;
}
#LoggedOutTop
{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	padding-left: 8px;
	margin-bottom: 3px;
	background: #009ddc;
}


/* QuickView Modal Dialog Styles */
.QuickViewBackGround
{
	background-color: Gray;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.QuickViewWindow
{
	background-color: #ffffff;
	padding: 2px;
	background-position: left top;
	background-repeat: no-repeat;
	width: 650px;
}