
/* Global Settings */
html, body { border:0; margin:0; padding:0; }
body { background:#ffffff; font:75% verdana, arial, helvetica, tahoma, sans-serif; line-height: 18px; }
a { color: #000000;  text-decoration:none; }
a:visited { text-decoration:none; }

/* Common Formatting */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { padding:20px 0; letter-spacing:-1px; font:2em arial, helvetica, sans-serif; }
h2 { padding:20px 0; letter-spacing:-1px; font:1.5em arial, helvetica, sans-serif; }
h3 { font:1em arial, helvetica, sans-serif; font-weight:bold; }
p, ul, ol { margin:0; padding:0 0 18px 0; }
ul, ol { padding:0 0 18px 40px; }
.single-thumb { border: 7px solid #DFDFDF; float: left; display: inline; margin: 0px 15px 5px 0px; }
blockquote { margin:22px 40px; padding:0; }
small { font-size:0.85em; }
img { border:0; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/* Forms */
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em helvetica, arial, sans-serif; }
textarea { line-height: 14px; }
label { cursor:pointer; }

/* Global Classes */
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.visibility-hidden { visibility:hidden; }
.visibility-visible { visibility:visible; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.display-block { display:block; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#161616; color:#0fb2fc; }
.wrap { width:960px; margin:0 auto; }
.img-left { float:left; margin:4px 10px 4px 0; }
.img-right { float:right; margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0; padding-left:0; }
.nobullet { list-style:none; list-style-image:none; }

/* Layout */
.htop { width:100%; height:12px; background:url(img/vtop.png) repeat-x; }
#logo { float:left; width:210px; height:40px; margin-top:7px; margin-left:15px; margin-right:15px; }

/* Wrapper */
#wrap { width:972px; margin:0 auto;}
.content { width:970px; margin:0 auto; border:solid 1px black; border-top:0px; }

/* Main Navigation */
.bnavleft { float:left; width:6px; overflow:hidden; height:55px; background:url(img/bnav-l_55.png) no-repeat; }
.bnavright { float:left; width:6px; height:55px; background:url(img/bnav-r_55.png) no-repeat; }
.bnavinner { float:left; background:url(img/bnavbg_55.png) repeat-x; width:960px; min-height:55px; }
.bnavinner ul { margin: 0px; padding: 0px; float:left; }
.lidivider { background:url(img/knot_53.png) no-repeat right; }
.bnavinner ul li { display:inline; padding: 0px;  float: left; display: block; height:55px; }

.bnavinner ul li a { font-size: 11px; color:#fafafa; padding: 18px 15px 12px 15px; margin: 0px; display: block; }
.bnavinner ul li span.title { font-size: 12px; color:#fafafa; font-weight:bold; font-variant:small-caps; padding:12px 15px 15px 15px; margin: 0px; display: block; cursor:default; }
.bnavinner ul li a:hover { color: #eff6a0; background-repeat: repeat-x; }
.bnavinner ul li a#logoLink { display: inline; }
.end { padding: 0px; margin-left:65px; float: left; display: block; height:55px;  }

/* Footer */
.footer { background:url(img/bnavbg_60_i.png) repeat-x; width:970px; min-height:60px; border: solid 1px black; border-top:0px; border-bottom:0px;  }
.footerContent
{
	font-size:11px; color:#ffffff; padding-left:20px; width:900px;
}

/* Search Styles */
.searchWrap { float:right; margin:18px 0px 0px 17px; width:245px; height:22px; background:url(img/searchbox.jpg) no-repeat; padding: 0px; padding-left:5px; padding-right:5px; }
#searchform { padding: 0px; width:227px; height:22px; float:left; }
.searchWrap input { float: left; margin:0px; height:20px; width:200px; background:none; padding-top:5px; color:#333333; font-size: 11px; border:none; }
.searchBtn { float:right; width:21px; height:21px; cursor:pointer; margin-top:1px; }

/* Login Account and Cart */
#loginWrap { text-align:right; padding:10px; font-size:11px; margin-right:17px; }
#loginWrap a { color:Black; }
#loginWrap a:hover { color:#19abab; }
.keyDiv {  float:right; width:70px; background:url(img/key_off.jpg) no-repeat; }
.keyDivOver {  float:right; width:70px; background:url(img/key_over.jpg) no-repeat;}
.cartDiv {  float:right; width:50px; background:url(img/cart_off.jpg) no-repeat; margin-left:20px; }
.cartDivOver {  float:right; width:50px; background:url(img/cart_over.jpg) no-repeat; margin-left:20px; }
a.cartDivOnly {  display: block; float:right; width:80px; background:url(img/cart_off.jpg) no-repeat; margin-left:20px; }
a.cartDivOnly:hover { background:url(img/cart_over.jpg) no-repeat; }

/* OUTER FRAME: main title, title 2, paging, left menu */
#oframeWrap { width: 950px; margin:0 auto; min-height:700px; }
#oframeTitle { text-align:left; margin-bottom:25px; padding-left:10px; }
.pageTitle { color:#333333; font-weight:bold; font-size:18px; font-family:Arial; }
.pathRoot { font-weight:bold; font-size:14px; }
.pathDetail { color:#333333; font-size:11px; }
.pathDetailBold { color:#333333; font-weight:bold; font-size:11px; }
.pathSubDetail { color:#333333; font-weight:bold; font-size:11px; }
.pathSubDetailBlue { color:#19abab; font-weight: bold; font-size:11px; }
.pathSubDetailLight { color:#666666; font-weight:bold; font-size:11px; }

a.bdsPathLink { color:#850019; font-size:12px;  }
a.bdsPathLink:hover { color:#850019; font-size:12px;  text-decoration:underline; }
a.detailPathLink { color:#19abab; font-size:12px; }
a.detailPathLink:hover { color:#19abab; font-size:12px;  text-decoration:underline; }

a.pt_searchResultsFor { color:#333333; font-size:15px; }
a.pt_searchResultsFor:hover { color:#333333; font-size:15px; text-decoration:underline;  }
.catPath { color:#666666; font-size:12px; font-weight:bold; cursor:text; }
.currPath { color:#666666; font-size:12px; font-weight:bold; cursor:text; }
img.pathArrow { margin-left:10px; margin-right:5px; }
	
/* OFRAME LEFT SIDE: left menu and ads */
#ofLeftWrap { width: 200px; float: left; margin-left:5px; }


/* oframe left side: menu */
#lnav { width: 175px; min-height:220px; height:auto; margin:0px; margin-left:3px; padding:0px; border:1px solid #aaaaaa;}
.lnavleft { float:left; width:10px; height:24px; background:url(img/lm-l.jpg) no-repeat; }
.lnavright { float:left; width:10px; height:24px; background:url(img/lm-r.jpg) no-repeat; }
.lnavinner { float:left; background:url(img/lm-bg.jpg) repeat-x; width:155px; height:24px; padding:3px 4px 0px 4px; }
.lmtitle { color: #ffffff; font-weight:bold; font-size:11px; }
.lnavbleft { float:left; width:10px; height:24px; background:url(img/lm_b-l.jpg) no-repeat; }
.lnavbright { float:left; width:10px; height:24px; background:url(img/lm_b-r.jpg) no-repeat; }
.lnavbinner { float:left; background:url(img/lm_b-bg.jpg) repeat-x; width:154px; height:24px; padding:3px 4px 0px 4px; margin:0px; }
#lnavads { min-height:200px; margin-top:75px; }

ul.NavList
{
	list-style-type: none;
    padding-left: 10px;
    margin: 0px;
    padding-bottom: 0px;
    padding-top:25px;
	font-size:11px;
}
ul.SubNavList
{
	list-style-type: none;
    padding-left: 10px;
    margin: 0px;
    padding-bottom: 5px;
	font-size:11px;
}
ul#Categories
{
	margin-top:10px; margin-bottom:10px;
}
ul#Categories a
{
	color:#000000;
}
ul#Categories a:hover 
{
	color:#19abab;
}
.Category
{
	font-weight: normal;

}
.ActiveCategory
{
	font-weight: bold;

}

/* oframe left side: ads */
img.ad 
{
	padding-top:10px;
	padding-left:3px;
	margin-bottom:10px;
}

/* OFRAME RIGHT SIDE: title 2 and paging */
#ofRightWrap { width: 740px; float: left; min-height:760px; }
#rscontent 
{
	border:none; 
	background-color:#55cccc;
	width:745px;
	min-height:700px;
	
}

/* oframe right side: content title and paging  */
/**** INNER DIV FOR CONTENT ****/
.contentAd { margin-bottom:25px; }

/* Paging */
.paging { float: right; margin-right:3px; display:inline; font-size:11px; }
.pageNumberCurr 
{ 
	height:18px;
	border:1px solid #cecdd3;
	width:18px;
	color:#000000;
	font-weight:bold;
	z-index:10;
	opacity:1;
	float:left;
	margin-top:2px;
	margin-left:5px;
	cursor:text;
	text-align:center;
	display:inline;
}
.pageNumber
{ 
	height:18px;
	border:1px solid #cecdd3;
	width:18px;
	color:#19abab;
	z-index:10;
	opacity:1;
	float:left;
	margin-top:2px;
	margin-left:5px;
	cursor:pointer;
	text-align:center;
	display:inline;
}
.pageNumberOver
{ 
	height:18px;
	border:1px solid #acacac;
	background-color:#97cfcf;
	width:18px;
	color:#000000;
	z-index:10;
	opacity:1;
	float:left;
	margin-top:2px;
	margin-left:5px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	display:inline;
}

img.itemDetail { border: 1px solid #cccccc; }
img.itemDetailOver { border: 1px solid #19abab; }
div#catalogueItems
{
	margin-top:20px;
	margin-bottom:30px;	
	width: 735px;
	overflow:  hidden;
	text-align:left;
	display:block;
}
.catalogueItem
{
	width: 183px;	
	height: 175px;
	text-align: center;
	margin-bottom: 35px;
	color: black;
	font-size: 10px;
    white-space: normal;
}
span.catalogueLink { color: #333333; display:block; }			/* the text link below the thumb */
span.catalogueLink:hover { color: #19abab; display:block; }
/**** End INNER DIV FOR CONTENT ****/


/* Detail Page */
#ofLeftWrapDetail { float: left; margin-left:10px; text-align:left; }
#ofRightWrapDetail { float: left; margin-left:25px;}

.detailImgHeader
{
	background-color:#cccccc;
	font-weight:bold;	
	padding-left:5px;
	width:275px;
}
.detailImgText
{
	background-color:#eeeeee;
	padding-left:5px;
	width:275px;
}
.itemDetailTitle { font-size:17px; font-weight:bold; color:#333333; font-family:Arial; }
.price { color:#19abab; }
#productInformation
{
	border:solid 1px #666666;
	width:400px;
	
}
#productInformation td.title
{
	background-color:#97cfcf;
	text-align:left;
	font-weight:bold;
}
#productInformation td
{
	padding:7px 10px 7px 10px;
	height:20px;
	text-align:left;
}
#productInformation td.attributeLbl
{
	width:30px;
}
.qtyInputBox
{
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	
	background-color:#FEFEFE;
	padding:1px;
	width:50px;
}


