body { margin:0 0 15px 0; font:11px Verdana, Arial, Helvetica, sans-serif; background:#BE884A url(/images/brush-hair3.jpg) repeat right top; }
a { text-decoration:none; }
a:hover { color:red; }

.al { text-align:left; }
.ac, .ctr { text-align:center; }
.ar { text-align:right; }
.ff { position:relative; width:100%; height:0px; line-height:0px; font-size:1px; clear:both; }
.fl { float:left; }
.fr { float:right; }
img.fl { margin:0 7px 5px 0; }
img.fr { margin:0 0 5px 7px; }
p.errmsg { margin:0; color:red; font-weight:bold; text-align:right; }

.window { position:relative; float:left; z-index:11; overflow:hidden; }
.window .top { position:relative; float:left; clear:both; width:100%; height:13px; }
	.window .top .left, .window .bottom .left { position:absolute; left:0; top:0; width:13px; height:13px; }
	.window .top .left { background:url(/images/winTL2b.gif) no-repeat left top; }
	.window .top .center { position:relative; height:13px; margin:0 13px; background:url(/images/winT2.gif) repeat-x left top; height:13px; }
	.window .top .right, .window .bottom .right { position:absolute; right:0; top:0; width:13px; height:13px; }
	.window .top .right { background:url(/images/winTR2b.gif) no-repeat left top; }
.window .bottom { position:relative; float:left; clear:both; width:100%; height:13px; }
	.window .bottom .left { background:url(/images/winBL2c.png) no-repeat left top; }
	.window .bottom .center { position:relative; height:13px; margin:0 13px; background:url(/images/winB2.gif) repeat-x left top; height:13px; }
	.window .bottom .right { background:url(/images/winBR2c.png) no-repeat left top; }
.window .content-box { position:relative; float:left; clear:both; width:100%; margin:0; }
.window .content { position:relative; margin:0 13px; background:white; }

#container1 { position:relative; overflow:hidden; width:816px; margin:0 auto; background:url(/images/bg-triangles2.gif) repeat-y left bottom; }
#container2 { position:relative; overflow:hidden; width:816px; margin:0 auto; background:url(/images/bg-triangles.gif) repeat-y right bottom; }

#header { display:none; }
#body { position:relative; width:778px; margin:0 auto; padding:0 0 15px 0; background:#FBF7EA url(/images/bg_blue4.jpg) repeat-y left top; overflow:hidden; border:2px solid black; }

#bg01a { width:225px; height:276px; position:absolute; left:0; top:0; background:url(/images/connoisseur_corner_logo7.jpg) no-repeat left top; z-index:5; }
#bg01a img { width:225px; height:276px; }
#bg01b { width:111px; height:55px; position:absolute; left:222px; top:0; background:url(/images/vgrad02.jpg) repeat-x left bottom; z-index:5; }
#bg01c { width:415px; height:55px; position:absolute; left:329px; top:0; background:url(/images/connoisseurtitle3.jpg) no-repeat left top; z-index:5; }
#bg01c img { width:395px; height:55px; }
#bg01d { width:54px; height:55px; position:absolute; left:724px; top:0; background:url(/images/vgrad02.jpg) repeat-x left bottom; z-index:5; }
#bg02c { width:778px; height:50px; position:absolute; left:0; top:55px; background:url(/images/bg_blue3.jpg) no-repeat left top; z-index:4; }
#bg03a { width:53px; height:277px; position:absolute; left:0; top:274px; background:url(/images/BlueVerticalGradient.jpg) no-repeat left top; z-index:5; }
#bg05a { position:absolute; z-index:2; width:725px; height:296px; background:url(/images/bg_bottom4.jpg) no-repeat right bottom; left:53px; bottom:0; }

#top_menu { z-index:10; position:relative; float:right; width:100%; clear:both; margin:55px 0 20px 0; overflow:hidden; }
#top_menu a { background:#31328F url(/images/nav_corner_C2.gif) repeat-x left bottom; color:white; float:right; padding:3px 7px 4px 7px; }
#top_menu a:hover { color:red; }
#top_menu .left { float:right; width:20px; height:20px; background:url(/images/nav_corner_L2.gif) no-repeat left bottom; }
#top_menu .right { float:right; width:20px; height:20px; background:url(/images/nav_corner_R2.gif) no-repeat right bottom; }

#sidebar { width:200px; margin:60px 0 0 80px; }
#sidebar .content-box { background:url(/images/win1.gif) repeat-y left top; }
#sidebar .content { width:174px; background:white url(/images/1PixelVerticalGradient.jpg) repeat-x left bottom; }
#sidebar h2 { font-size:14px; font-weight:bold; color:white; background:#212366 url(/images/hgrad01.jpg) repeat-y left top; padding:2px 0; margin:2px 0 0 0; text-align:center; }
#sidebar a.group, #sidebar span.group { display:block; color:black; font-size:13px; font-weight:bold; margin:0; padding:2px 0 2px 25px; background:url(/images/Bullet06.gif) no-repeat left center; }
#sidebar a.groupactive, #sidebar span.groupactive { background-color:#CACBF9; color:#2F3291; }
#sidebar a, #sidebar span { display:block; color:black; padding:0 0 0 25px; background:url(/images/bullet05.gif) no-repeat 8px center; }
#sidebar a:hover { color:red; background-color:#CACBF9; }
#sidebar a.active { font-weight:bold; color:#2F3291; background:white url(/images/bullet05b.gif) no-repeat 8px center; }

#main { float:right; width:460px; margin:0 25px 0 0; }
#main .top .right { background:url(/images/winTR2c.gif) no-repeat left top; }
#main .content-box { background:url(/images/win2.gif) repeat-y left top; }
#main .content { width:434px; }
#main a.box { border:1px solid #9597D7; padding:1px 4px; font-weight:bold; background:#F0F1F8; color:#4D50BC; }
	#main a.box:hover { background-color:#AFB1E0; color:white; }
#main h1 { position:relative; margin:0; width:434px; height:49px; background-repeat:no-repeat; background-position:center center; text-align:center; }
	#main h1 span { display:none; }
	#oilpureredsable { background-image:url(/images/Heading_Oil_PureRedSable3.jpg); }
	#oilbadger { background-image:url(/images/Heading_Oil_Badger3.jpg); }
	#oilwhitehogbristle { background-image:url(/images/Heading_Oil_WhiteHogBristle3.jpg); }
	#oilgoldsable { background-image:url(/images/Heading_Oil_GoldSable3.jpg); }
	#oilwhitetaklon { background-image:url(/images/Heading_Oil_WhiteTaklon3.jpg); }
	#oilgoldtaklon { background-image:url(/images/Heading_Oil_GoldTaklon3.jpg); }
	#oilmaroontaklon { background-image:url(/images/Heading_Oil_MaroonTaklon3.jpg); }
	#oilsyntheticmongoose { background-image:url(/images/Heading_Oil_SyntheticMongoose3.jpg); }
	#oilpuresynthetic { background-image:url(/images/Heading_Oil_PureSynthetic3.jpg); }
	#wckolinskysable { background-image:url(/images/Heading_WC_KolinskySable3.jpg); }
	#wcpureredsable { background-image:url(/images/Heading_WC_PureRedSable3.jpg); }
	#wcgoldsable { background-image:url(/images/Heading_WC_GoldSable3.jpg); }
	#wcrisslon { background-image:url(/images/Heading_WC_Risslon3.jpg); }
	#wcmop { background-image:url(/images/Heading_WC_Mop3.jpg); }
	#wcwhitetaklon { background-image:url(/images/Heading_WC_WhiteTaklon3.jpg); }
	#wcgoldtaklon { background-image:url(/images/Heading_WC_GoldTaklon3.jpg); }
	#wcgoldtaklonblend { background-image:url(/images/Heading_WC_GoldTaklonBlend3.jpg); }
	#wcmaroonnylon { background-image:url(/images/Heading_WC_MaroonNylon3.jpg); }
	#wchake { background-image:url(/images/Heading_WC_HakeBrushes3.jpg); }
	#wcbamboo { background-image:url(/images/Heading_WC_Bamboo3.jpg); }
	#wcyuming { background-image:url(/images/Heading_WC_YumingZhuSumi3.jpg); }
	#knknives { background-image:url(/images/Heading_Knives3.jpg); }
	#about { background-image:url(/images/Heading_AboutUs_OurMission3.jpg); }
	#contact { background-image:url(/images/Heading_Contact_ContactUs3.jpg); }
	#hintshairtypes { background-image:url(/images/Heading_Hint_BrushTypes3.jpg); }
	#hintsbrushstyles { background-image:url(/images/Heading_Hint_BrushStyles3.jpg); }
	#brushes { background-image:url(/images/Heading_Brushes_ConnoisseurBrushes3.jpg); }
	#dtminiature { background-image:url(/images/Heading_Detail_DetailMiniature3.jpg); }
	.titleshoponline { background-image:url(/images/Heading_Stores_Shoponline.jpg); }
	#stores { background-image:url(/images/Heading_StoreLocator4.jpg); }
	#home { background-image:url(/images/Heading_TheArtOfPerfection2.jpg); }
	#purchase { background-image:url(/images/Heading_Purchase.jpg); }
	#main h1#protege { background-image:url(/images/heading-protege.png); height:113px; }
#main h2 { font:bold 11px Verdana, Arial, Helvetica, sans-serif; background:#212366 url(/images/hgrad01.jpg) repeat-y left top; color:white; margin:5px 0 0 0; padding:2px 5px; }
#main .photo { position:relative; width:226px; float:right; clear:right; margin:3px 0 0 0; border-top:1px solid #B9BCFF; text-align:right; }
	#main .photo strong { position:absolute; width:221px; font-size:10px; font-weight:normal; color:#3838AA; height:16px; right:0px; top:-17px; line-height:16px; border-bottom:1px solid #B9BCFF; z-index:10; }
		#main .photo strong.up { top:-30px; border-bottom:none; line-height:12px; }
	#main .photo a { position:relative; width:216px; float:right; }
	#main .photo a img { border:1px solid white; float:right; position:relative; top:-1px; }
	#main .photo a:hover img { border-color:#B9BCFF; }
	.pad1 { padding-top:5px; padding-bottom:5px; }
	.pad4 { padding-top:15px; }
	.pad5 { padding-top:20px; }
	.pad6 { padding-top:27px; }
	.pad7 { padding-top:35px; }
	.pad9 { padding-top:45px; }
	.pad10 { padding-top:53px; }
	.pad11 { padding-top:60px; }
	.pad13 { padding-top:72px; }
	.pad14 { padding-top:80px; }
	.pad15 { padding-top:87px; }
	.pad16 { padding-top:95px; }
	.pad17 { padding-top:100px; }
#main .prodlist { position:relative; float:left; clear:left; margin:3px 0 0 0; width:208px; border-top:1px solid #B9BCFF; font-size:10px; }
	#main .nb { border-top:none; }
	#main .prodlist td { vertical-align:top; }
	#main .prodlist th { font-size:10px; font-weight:bold; white-space:nowrap; }
	.style, .item { text-align:left; }
	.style, .item, .msrp, .disc { vertical-align:top; }
	.style, .msrp, .disc { width:50px; }
	.style { padding-right:3px; }
	.item { width:53px; }
	.msrp, .disc { text-align:right; }
	.desc { margin:7px 0; text-indent:25px; line-height:1.4em; }
	.block { margin:7px 0; }
	#main p.ac { text-indent:0; }
#main .subhead { position:relative; clear:both; width:100%; margin:5px 0 0 0; font-weight:bold; }
#main .subdesc { position:relative; float:left; clear:left; margin:3px 0 0 0; width:208px; font-style:oblique; }
#main a.nav { position:relative; font-size:10px; font-weight:bold; float:right; color:white; margin:0 0 0 7px; padding:2px 5px; background:#8C90D9; border-right:1px solid white; border-bottom:1px solid white; border-left:1px solid white; }
	#main a.next { left:1px; }
	#main a.nav:hover { background-color:white; color:red; border-color:#FF7878; left:0px; }
	#main a.nav img { position:relative; width:20px; height:9px; }
	#main a.next img { background:url(/images/bullet04.gif) no-repeat left top; margin:0 0 0 5px; }
	#main a.next:hover img { background-image:url(/images/bullet04b.gif); }
	#main a.prev img { background:url(/images/bullet07.gif) no-repeat left top; margin:0 5px 0 0; }
	#main a.prev:hover img { background-image:url(/images/bullet07b.gif); }
#main ul { margin:7px 0 7px 1.5em; padding:0; }
	#main ul li { margin:2px 0; padding:0; }

#main p.buy { position:relative; float:left; clear:left; width:208px; margin:0; padding:5px 0 2px 0; text-align:right; overflow:hidden; }
.buy a { float:right; border:1px solid #9597D7; padding:3px 5px 3px 24px; font-weight:bold; background:#F0F1F8 url(/images/shopping-cart.gif) no-repeat 5px center; color:#4D50BC; }
	.buy a:hover { background-color:#AFB1E0; color:white; }
a.shop { border:1px solid white; padding:5px; display:block; text-align:center; }
	a.shop img { vertical-align:middle; }
	a.shop:hover { border-color:#9597D7; position:relative; overflow:hidden; }
	

.prodfloat { float:left; width:144px; margin:0; text-align:center; }
	.prodfloat a { display:block; margin:3px 0; padding:5px 0; width:142px; border:1px solid white; color:#212366; }
	.prodfloat a:hover { border-color:red; color:red; }
	.prodfloat span { font-size:13px; font-weight:bold; display:block; padding:3px 0 0 0; }
.prodfloatfull { width:430px; position:relative; float:none; }
	.prodfloatfull a { width:428px; }

#contactform { position:relative; width:364px; margin:10px 0 0 0; padding:15px 35px; }
	#contactform label { float:left; width:77px; margin:0; padding:0 5px 0 0; text-align:right; }
	#contactform label.nobreak { width:auto; float:right; margin:0 4px 8px 10px; padding:0; }
	#contactform input.nobreak { float:right; line-height:1.7em; margin:0 0 8px 0; }
	#contactform textarea#comments { width:362px; height:130px; border:1px solid #8C90D9; clear:both; }
	#contactform .city, #contactform .state, #contactform .zip { line-height:1.7em; margin:0 0 8px 0; float:left; border:1px solid #8C90D9; }
	#contactform .city { width:110px; }
	#contactform .state { width:25px; }
	#contactform .zip { width:60px; }
	#contactform .inp_reg { line-height:1.7em; margin:0 0 8px 0; float:left; width:277px; border:1px solid #8C90D9; }
	#contactform .btn { float:right; margin:7px 0 0 10px; padding:2px 7px; border:1px solid #8C90D9; background:white; }
	#contactform .btn:hover { background-color:#8C90D9; }
	#contactform #captcha { position:relative; width:315px; margin:7px 0 0 auto; text-align:right; }

.brush_styles { width:434px; }
	.brush_styles td { text-align:center; border-bottom:1px solid #8C90D9; }
	#main .brush_styles td p { width:120px; text-indent:0px; font-size:9px; position:relative; margin:4px auto; }

#footer { position:relative; width:778px; margin:0 auto; }
	#smallprint { position:relative; margin:0; padding:10px 0 0 0; text-align:center; }
