/* general tag styles */

body {
	padding:10px;
        font-size: 85%;
        width: 970px;
        margin: auto;
        background-color: #eff7e4;
        color: #666666;
 
}

a:hover, a:active, a:focus, a {
        text-decoration: none;
        color: ##00ADEF;
        font-weight: 700;
}

fieldset a {
        font-weight: normal;
}


#ja-container2 ul.menu li a span {
        line-height: 180%;
}

#ja-mainnav ul.menu {
        background: #22326e;
}
#ja-mainnav {
background:#22326E;
border-left:1px solid #005A87;
}
ul li {
        line-height: 120%;
        background: none;
        padding-left: 5px;
}
#content ul li {
        list-style-image: url(../styleImages/icon-star-blue.png);
        margin-left: 20px;
}
#pageLinks ul li {
        display: block;
        line-height: 150%;
}
form {
	margin:0px;
	padding:0px;
}
img {
	border:none;
}

.floatLeft {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
.floatRight {
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
}

/* page layout */

#header {
	position:relative;
	float:left;
        width: 100%;
	height:90px;
}
#page{
	float:left;
	background-color:#ffffff;
	display:block;
	background-repeat:repeat-y;
	padding:0px;
}
#barOne {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	height:58px;
	clear:both;
	background-image:url(../styleImages/el-top-bar-bg.gif);
	background-repeat:no-repeat;
	background-position:0px 28px;
	padding:0px 20px 0px 20px;
	z-index:100;
	background-color:#ffffff;
}
#barOne ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#barOne p {
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	padding:6px 0px 0px 0px;
}
*html #barOne p {
	padding:0px;
}
.subTopNavOn {
	font-weight:bold;
}
#barTwo {

	float:left;
	width:100%;
	padding:3px;
	clear:both;
}
#barThree {

	float:left;
	width:100%;
	padding:0px 3px 3px 3px;
	clear:both;
}
#sideNavLeft {
	position:relative;
	float:left;
	width:190px;
	margin:0px;
}
#sideNavRight {
	position:relative;
	float:right;
	width:230px;
	margin:0px;
}
#content {
	position:relative;
	float:left;
	margin:0px;
        padding: 10px;
	width:510px;
	line-height:120%;
}
#rssItems tbody {
   text-decoration:none;
   font-weight:500;
        color:#000000;
}
#footer {
	position:relative;
	float:left;
	width:100%;
	height:5px;
	clear:both;
	padding:17px 0px 0px 0px;
        font-size:80%;
	text-align:center;
        margin-top:55px;

}

/* image widths and heights */
.smallProductImage {
	width:75px;
}
.styleProdImage {
	width:75px;
}
.featureProductImage {
	width:120px;
	/*height:65px;*/
}
.popularProductImage {
	width:75px;
	float:left;
	height:auto;
        left: 0px;
        margin-left: -7px;
}

/* skin design */
.tabExpand {
	position:relative;
	width:100%;
	margin:0px 0px 10px 0px;
}
	/* ie6 hack to prevent tables dropping */
	*html .tabExpand {
		position:relative;
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
	}
#search {
	position:relative;
	float:right;
	top:35px;
	right:35px;
}
#search input {
	font-size:150%;
}
.searchButton {
	position:relative;
	float:right;
	background-color:#006699;
	border:none;
	color:#FFFFFF;
	font-weight:normal;
	font-size:160%;
	padding:0px;
	width:75px;
	height:30px;
	background-image:url(../styleImages/el-search-but.jpg);
	background-repeat:no-repeat;
	margin-left:10px;
}
.searchButton:hover {
	background-image:url(../styleImages/el-search-but-hover.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}
#searchbox {
	border:3px inline #cbd0ed;
	width:300px;
	padding:2px;
	color:#cccccc;
}
#header h1 {
	position:absolute;
	top:10px;
	left:10px;
	margin:0px;
	line-height:120%
}
#header a {
	color:#FFFFFF;
	text-decoration:none;
}
#header a:hover {
	color:#E8EBEE;
	text-decoration:none;
}
#homeNav {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#homeNav li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	height:29px;
	list-style-type:none;
	text-align:center;
}
#homeNav li a {
	position:relative;
	float:left;
	padding:8px 20px 0px 20px;
	margin:0px 0px 0px 0px;
	height:29px;
	display:block;
	font-weight:bold;
	text-align:center;
}
.topNavOn {
	background-image:url(../styleImages/el-top-but-l-on.gif);
	background-repeat:no-repeat;
}
.topLinkOn {
	background-image:url(../styleImages/el-top-but-r-on.gif);
	background-position:right 0px;
	background-repeat:no-repeat;
	color:#666666;
}
.topNavOff {
	background-image:url(../styleImages/el-top-but-l.gif);
	background-repeat:no-repeat;
}
.topLinkOff {
	background-image:url(../styleImages/el-top-but-r.gif);
	background-position:right 0px;
	background-repeat:no-repeat;
}
#sideNavLeft p {
	position:relative;
	float:left;
	width:180px;
	font-size:110%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 10px;
	height:24px;
	color:#666666;
	background-image:url(../styleImages/boxTopBG.gif);
	background-repeat:no-repeat;
}
#sideNavLeft ul {
	position:relative;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px;
	width:168px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-image:url(../styleImages/boxBotBG.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#sideNavLeft li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:100%;
}
#sideNavLeft li a {
	position:relative;
	float:left;
	margin:0px;
	padding:5px 0px 0px 0px;
	width:170px;
	display:block;
	color:#0099CC;
}
#sideNavLeft ul li ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	background-image:none;
	display:inline;
	font-size:90%;
}
#sideNavLeft ul li ul li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline;
}
#sideNavLeft ul li ul li a {
	position:relative;
	float:left;
	margin:0px;
	padding:0px 0px 3px 0px;
	color:#006699;
	width:auto;
}
#pageLinks ul li a {
	background-image:url(../styleImages/el-page-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding:0px 0px 0px 8px;
	width:auto;
}
#pageLinks ul li ul li a {
	background-image:none;
	padding:0px 0px 0px 8px;
	width:auto;
}
.boxborder {
	position:relative;
	float:left;
	padding:10px;
	width:168px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-image:url(../styleImages/boxBotBG.gif);
	background-position:top;
	background-repeat:repeat-x;
        overflow: hidden:
}

#featureProduct ul {
	text-align:center;
}
#featureProduct li a {
	background-image:none;
	margin:0px;
	padding:0px;
        font-size: 90%;
}
#pullDownNav {
	background-color:#eeeeee;
	padding:5px;
	margin:0px 0px 10px 0px;
}
#compareDisplay {
	position:relative;
	float:left;
	width:100%;
}
#productDisplay fieldset, #subBuiltNav fieldset, #subNav fieldset, #content fieldset {
	position:relative;
	float:left;
	width:95%;
	border:1px solid #cccccc;
	line-height:150%;
	padding:10px;
	margin-bottom:10px;
}
#productDisplay legend, #subBuiltNav legend, #subNav legend, #content legend  {
	color:#006699;
	font-weight:bold;
}
#productDisplay table {
	clear:left;
}
#productDisplay td, #compareDisplay td {
	position:relative;
	padding:2px 15px 10px 5px;
}
#singleProductDisplay {
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #cccccc;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
}
#singleProductDisplay ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
#singleProductDisplay ul li {
	position:relative;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	display:inline;
	list-style-type:none;
	width:100%;
}
#singleProductDisplay img {
	margin:10px 0px 10px 0px;
	padding:0px;
	max-width:350px;
	/*width:450px*/
}

#sideNavRight p, #newsItems p,#tagCloud p, #pageLinks p {
	position:relative;
	float:left;
	width:200px;
	font-size:110%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:6px 10px 0px 10px;
	height:24px;
	color:#666666;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#featureProduct ul, #popularProd ul, #newsItems ul,#tagCloud div, #pageLinks ul {
	position:relative;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px;
	width:200px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#tagCloud div {
	text-align:center;
}
#popularProd li, #newsItems li, #rssItems li {
	position:relative;
	float:left;
	margin:0px;
	padding:5px 0px 5px 0px;
	width:200px;
	list-style-type:none;
	border-top:1px dashed #cccccc;
}
#rssItems li {
        width: 510px;
        padding: 10px;
}
#featureProduct li {
	background: none;
        list-style-type:none;
}
#newsItems li, #rssItems li {
	border-top:none;
	padding:0px 0px 10px 0px;
}
#popularProd li a {
	position:relative;
	float:left;
	margin-left:10px;
	padding:0px 0px 0px 0px;
        font-weight: normal;
        font-size: 85%;
}
.popLink {
	color:#0099CC;
	font-weight:bold;
        margin-left:7px;
}
.popProdPrice {
	color:666633;
	font-weight:normal;
        padding-left:18px;
}

.styleProdName {
	font-size:100%;
	color:#006699;
	font-weight:bold;
}
.styleProdPromo {
	font-size:100%;
	color:#333333;
	font-weight:bold;
}
.styleProdPrice {
	font-size:100%;
	color:666633;
	font-weight:bold;
}
.styleProdMerchant {
	font-size:75%;
}
.styleProdMerchant a {
	font-size:70%;
}
.styleProdID {
	font-size:80%;
}
.styleProdCategory {
	font-size:80%;
}
.styleProdBrand {
	font-size:80%;
}
.styleProdDescription {
	font-size:80%;
}
.styleProdDescription a {
	font-size:70%;
}
.singleProdName {
	font-size:120%;
	color:#006699;
	font-weight:bold;
        line-height: 140%;
}
.singleProdPromo {
	font-size:100%;
	color:#333333;
	font-weight:bold;
        line-height: 140%;
}
.singleProdPrice {
	font-size:120%;
	color:666633;
	font-weight:bold;
        line-height: 140%;
}
.singleProdBrand {
	font-size:100%;
	color:#006699;
	font-weight:bold;
        line-height: 140%;
}
.singleProdDesc {
	font-size:100%;
	color:#333333;
        line-height: 140%;
}
.singleProdId {
	font-size:100%;
	color:#666666;
	font-weight:normal;
        line-height: 140%;
}
.singleProdMerchant {
        line-height: 140%;
}
.singleProdCategory {
        line-height: 140%;
}

a.button, a.bigbutton {
	color:#000000;
	display:block;
	padding:0px;
	font-weight:bold;
	background-image:url(../styleImages/butBg.jpg);
	background-repeat:no-repeat;
	width:75px;
	height:37px;
	margin:0px;
}
.button{
        border: 1px solid #d4d5dd;
}

.button:hover, .button:focus {
        border: none;
	background-image:url(../styleImages/butBg.jpg);
	background-repeat:no-repeat;
}

a.catNavOn span{
        color: #006699;
        font-weight: bold;
}
#ja-container2 ul.menu a.catNavOn {
        background:#FFFFFF url(../images/hdot2.gif) repeat-x scroll center bottom;
}

a.catNavOff {

}
a.brandNavOn {
	font-weight:bold;
}
a.brandNavOff {
	font-weight:normal;
}
#linksDisplay {
	position:relative;
	float:left;
	width:100%;
}
#linksDisplay li{
	margin:0px 0px 10px 0px;
}
#catDisplay {
	position:relative;
	float:left;
	width:100%;
}
#catDisplay ul {
	position:relative;
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
	margin:0px;
}
#catDisplay li {
	position:relative;
	float:left;
	width:260px;
	height:80px;
	padding:0px 10px 0px 0px;
	margin:0px;
	list-style-type:none;
	display:block;
}
#sideNavRight fieldset {
	position:relative;
	float:left;
	width:200px%;
	border:1px solid #cccccc;
	line-height:150%;
	padding:10px;
	margin-bottom:10px;
}
#sideNavRight legend {
	color:#006699;
	font-weight:bold;
}
#pageContent, #rssItems {
	position:relative;
	float:left;
        padding-left: 10px;
        padding-right: 10px;
}
#rssItems a {
        font-size: 85%;
}


.adminInput {
	width:300px;
}
#myLink {
	border:1px solid #cccccc;
	background-color:#FFFFCC;
	font-family:'Courier New', Courier, mono;
	padding:10px;
	margin:10px 0px 10px 0px;
	clear:both;
}
#content h1 {
	width:100%;
	padding:0px;
	margin:0px;
	line-height:140%;
	clear:both;
        list-style-type: none;
}
#content h1 ul {
        list-style-type: none;
}
}#newsPage h1 {
	position:relative;
	width:100%;
	padding:0px;
	margin:0px;
	line-height:130%;
	clear:both;
}
#newsPage ul {
	padding:0px;
	margin:0px;
}
#newsPage li {
	position:relative;
	float:left;
	padding:0px 0px 30px 0px;
	margin:0px;
	width:100%;
	list-style-type:none;
}
#newsPage ul li ul {
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
}
#newsPage ul li ul li {
	position:relative;
	float:none;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 30px;
	width:auto;
	list-style-type:disc;
}
.botrowborder {
	border-top:1px solid #cccccc;
}
.comments {
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #cccccc;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}
.linkGroup {
	position:relative;
	float:left;
	width:100%;
	padding:10px 0px 5px 0px;
	font-size:120%;
	font-weight:bold;
}
#ja-footer .copyright {
        padding-left:33%;
}
.legend-title {
	display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -13px;
}

.legend {
	border: 1px solid #cc3399;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}
