body { font-family: Tahoma, arial, Helvetica, sans-serif; font-size: 11px; color: #999999; margin: 0px; background: #333333; }
p, td { font-size: 11px; color: #999999; text-decoration: none; }
h1 { font-size: 18px; margin-top: 0px; padding-top: 2px; margin-bottom: 10px; font-weight: normal; }
img { border: #FFFFFF 1px solid; }

/* links */
a { color: #f4f3f3; text-decoration: none; font-size: 11px; }
a:hover { color: #ffc94f; text-decoration: none; }

/*  Design  */
div.overflow { width: 100%; overflow: hidden; }
.area { margin: 0px auto; width: 955px; }

#top-line { height: 60px; }
	#logo { float: left; width: 107px; height: 32px; background: url(../images/logo.gif) no-repeat; margin-top: 20px; margin-left: 50px; }
		#logo a { display: block; width: 107px; height: 32px; }
		#logo h1 { text-indent: -5000px; }
	#search { float: right; width: 460px; margin-top: 20px; text-align: right; margin-right: 10px; }
		#search span { width: 78px; height: 17px; background: url(../images/onlinesearch.gif) no-repeat; margin-top: 3px; float: left;  }
			#search span h2 { text-indent: -5000px; display: none; }
		#search input.text { width: 180px; height: 17px; background: #717171; border: 1px; padding-top: 4px; padding-left: 5px; color: #FFFFFF; }
		#search input.submit { background: url(../images/search.gif) no-repeat; width: 75px; height: 23px; text-indent: -5000px; border: 0; margin-left: 5px; margin-right: 20px;}
#menu-line { height: 52px; }
	#menu-left-handler { float: left; width: 12px; height: 52px; background:url(../images/menu-left.gif) no-repeat; }
	#menu-body { float: left; width: 931px; background: url(../images/menu-back.gif) repeat-x; }
	#menu-right-handler { float: left; width: 12px; height: 52px; background: url(../images/menu-right.gif) no-repeat; }		
#login-line { text-align: right; padding-right: 20px; }
#body-line { margin-top: 5px; margin-left: 20px; }
#footer-line { margin-top: 10px; margin-bottom: 20px; }
	#footer-line-left { float: left; width: 45%; }
	#footer-line-right { float: right; width: 45%; text-align: right; }


#cover-txt { float: left; width: 200px; margin-right: 15px; text-align: justify; }
	#cover-txt h1 { background: url(../images/welcome.gif) no-repeat; width: 135px; height: 17px; margin-bottom: 10px; text-indent: -5000px; }
#cover-splash { float: left; width: 503px; margin-right: 5px; }	
#cover-right { float: left; width: 220px; padding-top: 2px; }
#cover-new { float: left; width: 32%; background: url(../images/line1.gif) no-repeat right; padding-left: 10px; }
#cover-special { float: left; width: 32%; background: url(../images/line1.gif) no-repeat right; padding-left: 10px; }
#cover-upcoming { float: left; width: 32%; padding-left: 10px; }

div.gallery-info { float: left; width: 90px; margin-left: 10px; }
div.gallery-image { background: url(../images/gallery_pic.jpg) no-repeat; width: 102px; height: 94px; float: left; margin-left: 3px; }
div.cover-gallery-row { margin-top: 10px; }

/* Boxes */
div.box-right { width: 220px; }
div.box-bottom { width: 100%; }
div.box { border: 1px solid #666666; position: relative; margin: 0; padding: 0; margin-bottom: 10px; }
	div.box .tl { position: absolute; left: -1px; top: -1px; background: url(../images/left_top_corner.gif) no-repeat; width: 6px; height: 6px; }
	div.box .tr { position: absolute; right: -1px; top: -1px; background: url(../images/right_top_corner.gif) no-repeat; width: 6px; height: 6px; }
	div.box .bl { position: absolute; left: -1px; bottom: -1px; background: url(../images/left_bottom_corner.gif) no-repeat; width: 6px; height: 6px; }
	div.box .br { position: absolute; right: -1px; bottom: -1px; background: url(../images/right_bottom_corner.gif) no-repeat; width: 6px; height: 6px; }
	div.box .box-inside { padding: 0px 5px 0px 5px; }
		div.box .box-inside-ie { margin-top: 10px; margin-bottom: 10px; }
		div.box .box-inside h2 { text-indent: -5000px; margin: 0; }
			.box-inside h2.gallery { background: url(../images/gallery.gif) no-repeat; width: 77px; height: 16px; }
			.box-inside h2.member { background: url(../images/member_login.gif) no-repeat; width: 82px; height: 16px; }
			.box-inside h2.media { background: url(../images/media_coverage.gif) no-repeat; width: 88px; height: 16px; }
			.box-inside h2.newsletter { background: url(../images/subscription.gif) no-repeat; width: 126px; height: 16px; }
			.box-inside h2.whatsnew { background: url(../images/whats_new.gif) no-repeat; width: 66px; height: 15px; }
			.box-inside h2.special { background: url(../images/special_events.gif) no-repeat; width: 80px; height: 17px; }
			.box-inside h2.upcoming { background: url(../images/upcoming_show.gif) no-repeat; width: 98px; height: 18px; }
			
div.form-row { margin-top: 5px; }
div.form-left { width: 70px; float: left; padding-top: 4px; }
div.form-right { width: 120px; float: left; }
input.login { width: 120px; height: 17px; background: #717171; border: 1px; padding-top: 4px; padding-left: 5px; color: #FFFFFF; }
input.date { width: 80px; height: 17px; background: #717171; border: 1px; padding-top: 4px; padding-left: 5px; color: #FFFFFF; }
input.login-submit { background: url(../images/login.gif) no-repeat; width: 73px; height: 21px; border: 0; }
input.register-submit { background: url(../images/register.gif) no-repeat; width: 73px; height: 21px; border: 0; }
input.search-submit { background: url(../images/search.gif) no-repeat; width: 75px; height: 23px; border: 0; }
div.link-left { width: 60%; float: left; }
div.link-right { width: 40%; float: right; text-align: right; }

div.form-reg-left { float: left; width: 120px; }
div.form-reg-right { width: 300px; float: left; margin-left: 10px; }

div.form-news-left { float: left; width: 30px; padding-top: 2px; }
div.form-news-right { width: 70px; float: left; margin-left: 10px; }

/* Shop */
div.item-img { float: left; width: 160px; }
div.item-desc { float: left; width: 600px; }
div.cart-header { background: #666666; font-weight: bold; color: #CCCCCC; font-size: 14px; }
div.cart-border { border-bottom: 1px solid #666666; width: 590px; }
div.cart-remove { float: left; width: 50px; text-align: center; padding: 5px; }
div.cart-prod { float: left; width: 350px; padding: 5px; }
div.cart-shipping { float: left; width: 300px; padding: 5px; }
div.cart-status { float: left; width: 150px; padding: 5px; }
div.cart-date { float: left; width: 150px; padding: 5px; }
div.cart-qty { float: left; width: 50px; padding: 5px; }
div.cart-price { float: left; width: 100px; padding: 5px; }
div.cart-total-title { background: #CCCCCC; padding: 5px; float: left; width: 470px; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
div.cart-total { background: #CCCCCC; padding: 5px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #000000; }

/* Paints */
div.item-bigimg { float: left; width: 600px; text-align: right; margin-right: 20px; }
div.item-bigdesc { float: left; width: 300px; color: #CCCCCC; }
div.paintdesc-left { width: 70px; float: left; color: #999999; }
div.paintdesc-right { width: 180px; float: left; padding-left: 10px; }
div.paintdesc p { color: #CCCCCC; text-align: justify; }
div.paint-search { float: left; width: 150px; padding-right: 10px; }
	div.paint-search ul { margin: 0; padding: 0; list-style-type: none; }
		div.paint-search ul li { background: #4C4C4C; border-bottom: 1px solid #333333; }
		div.paint-search ul li.sel { background: #666666; }
			div.paint-search ul li a, div.paint-search ul li a:visited { display: block; padding: 5px; padding-left: 10px; }
				div.paint-search ul li a:hover { background: #666666; }
div.paint-content { float: left; }
div#wn	{ position:relative; width: 850px; height: 150px; overflow:hidden; margin-top: 20px; }
div#wn2	{ position:relative; width: 200px; height: 150px; overflow:hidden; margin-top: 20px; }
a.paint-left { background: url(../images/arrow_left.gif) no-repeat; display: block; width: 8px; height: 13px; text-indent: -1000px; }
a.paint-left:hover { background: url(../images/arrow_left1.gif) no-repeat; }
a.paint-right { background: url(../images/arrow_right.gif) no-repeat; display: block; width: 8px; height: 13px; text-indent: -10000px; }
a.paint-right:hover { background: url(../images/arrow_right1.gif) no-repeat; }
div.paint-movearrows { float: left; width: 20px; padding-top: 60px; margin-left: 10px; }
div.paint-movearea { float: left; }

div.myfav { position: absolute; margin-left: 870px; margin-top: -30px; }
div.pagetree { margin-top: -55px; position: absolute; }

/* Photos */
ul.photos { padding: 0px; margin: 0px; list-style-type: none; width: 100%; overflow: hidden; }
	ul.photos li { float: left; padding: 0px 5px 10px 0px; display: block; margin-left: 10px;  }
	ul.photos img { border: 2px solid #999999; }
	ul.photos img.brd { border: 2px solid #F90;  }
	ul.photos img:hover { border: 2px solid #CCCCCC; }


/*  Design end  */

/* News */
div.news-head-left { float: left; width: 380px; }
div.news-head-right { float: right; }

div.news-head { margin-top: 10px; }
div.news-head-image { float: left; width: 190px; }
div.news-head-info { float: left; font-size: 12px; width: 330px; }
	div.news-head-info a, div.news-head-info a:visited { font-size: 14px; font-weight: bold; }
	div.news-head-info a:visited { color: #CCCCCC; }

div.news-head-image-cover { float: left; width: 100px; margin-right: 10px; }
div.news-head-info-cover { float: left; width: 180px; }

div.news-head-image-show { float: left; margin-right: 10px; }
div.news-head-info-cover-show { float: left; width: 170px; }

div.news-date { font-size: 10px; color: #999999; }

div.news-left { float: left; width: 300px; }
div.news-right { float: left; width: 300px; margin-left: -2px; padding-left: 10px; }

ul.newsline { list-style: none; padding: 0; margin: 0; }
	ul.newsline li { margin-top: 5px; background: url(images/icon-news.gif) no-repeat 0px 0px; padding: 0px; padding-left: 20px; }
		ul.newsline li a:visited { color: #CCCCCC; }
	
div.news-big-image { float: left; padding-right: 10px; }
img.news-img { margin-bottom: 5px; }
/* News end*/

/* Form */
form { padding: 0px; margin: 0px; }
select { font-size: 11px; font-family: Tahoma, arial, Helvetica, sans-serif; }
input { font-size: 11px; font-family: Tahoma, arial, Helvetica, sans-serif; }
.notify { font-size: 12px; color: #990000; font-weight: bold; }
.notify:hover { font-size: 12px; color: #FF0000; text-decoration: none; }
.submit { font-weight: bold;  }
textarea { font-family: Tahoma, arial, Helvetica, sans-serif; font-size: 11px; }




/* Paging */
div.paging { text-align: center; margin-top: 20px; padding-bottom: 10px; }
div.paging strong { color: #000; background-color: #f1f1f1; margin: 2px; padding: 5px; padding-left: 7px; padding-right: 7px; border: 1px solid #CCCCCC; }
div.paging a, div.paging a:visited { background-color: #CCCCCC; color: #000; margin: 2px; padding: 5px; padding-left: 7px; padding-right: 7px; text-decoration: none; }
div.paging a:hover { background-color: #666666; color: #fff; text-decoration: none; }

/* MENU CSS BEGIN */
.menu {width:100%; height:52px; position:relative; z-index:100; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:116px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:116px;position:relative;}
.menu ul li.margin0 { background: none; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#fff; width:105px; height:50px; padding-left:10px; line-height:49px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:116px; w\idth:105px;}

.menu ul li { background: url(../images/menu-sep.gif) no-repeat top left; text-align: center; }
.menu ul ul li { text-align: left; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#4c4c4c url(../images/rarrow.gif) center right no-repeat; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#666666 url(../images/rarrow.gif) center right no-repeat;}
.menu ul ul :hover > a.drop {background:#666666 url(../images/rarrow.gif) center right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#666666; border-left:1px solid #000}
/* style the third level hover */
.menu ul ul ul a:hover {background:#8c8c8c;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:48px;left:0; width:116px; margin-left: 2px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:47px;t\op:48px;}

/* position the third level flyout menu */
.menu ul ul ul{left:118px; top:0px; width:116px;margin-left: 0px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-116px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#4c4c4c; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:98px; border-bottom:1px solid #000;}
.menu ul ul a:hover {background:#666666;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:117px;w\idth:98px;}

/* style the top level hover */
.menu a:hover {color:#ffc94f;}
.menu ul ul a:hover{color:#ffc94f;}
.menu :hover > a {color:#ffc94f;}
.menu ul ul :hover > a {color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* MENU CSS END */