@charset "utf-8";

/* Original design work copyright © OCDesignsOnline, All Rights Reserved. Used with permission by TLC Corals Aquarium Supplies. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:#FFF url(images/x-bg.jpg) center top fixed no-repeat; padding:15px 0; }
.x-bg *				{ margin:0; padding:0; }
.x-bg img				{ border:0; }
.x-bg, .x-content			{ margin:0 auto; text-align:center; vertical-align:top; }
.x-content			{ width:960px; background-color:#FFF; padding:0 0 10px !important; overflow:hidden; }
#CentralArea			{ padding:0 10px 0 0 !important; }
#TopPromoArea			{ display:none !important; margin:0 !important; padding:0 !important; }

p, a, .x-bg, .x-bg p, .x-bg a		{ font:12px Georgia, "Times New Roman", Times, Serif; color:#272727; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#034F6D; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#066296; text-decoration:underline; }

#x-sub h5			{ text-align:left; font:bold 14px Georgia, "Times New Roman", Times, Serif; color:#066296; line-height:15px; text-decoration:none; margin:0; padding:5px 0 10px; } /* text subtitles */
#x-sub p				{ padding:0 0 15px; }
.x-highlight			{ color:#EC0000 !important; }



/* Header formatting
-------------------------------------------------- */
#x-header			{ position:relative; width:960px; height:124px; background:transparent url(images/x-header.png) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-logo				{ position:absolute; left:17px; top:14px; }
#x-logo, #x-logo img		{ width:284px; height:95px; }
#x-hpp				{ position:absolute; left:573px; top:19px; }
#x-hpp, #x-hpp img			{ width:77px; height:48px; }
#x-h60				{ position:absolute; left:658px; top:6px; }
#x-h60, #x-h60 img			{ width:70px; height:70px; }
#x-hph				{ position:absolute; left:732px; top:11px; width:217px; height:63px; background:transparent url(images/x-header-notice.png) 0 0 no-repeat; }
#x-hph-ins			{ padding:5px; text-align:center; font:normal 24px Tahoma, Geneva, Arial, Sans-serif; color:#066296; line-height:26px; }
#x-hph-ins span.red		{ color:#EC0000; }

#x-menu				{ position:absolute; left:323px; top:84px; width:404px; }
#x-menu, x-menu ul li a span	{ height:35px; }
#x-menu ul			{ list-style-type:none; margin:0; padding:0; }
#x-menu ul li			{ float:left; margin:0 2px 0 0; padding:0; }
#x-menu ul li a, #x-menu ul li a span	{ display:block; text-align:center; font:bold 14px Tahoma, Geneva, Arial, Sans-serif; color:#FFF; line-height:35px; text-decoration:none; cursor:pointer; }
#x-menu ul li a			{ background:transparent url(images/x-menu-button-r.png) right top no-repeat; padding:0 7px 0 0; }
#x-menu ul li a span		{ background:transparent url(images/x-menu-button.png) left top no-repeat; padding:0 8px 0 15px; }
#x-menu ul li a:hover, 
#x-menu ul li a:hover span		{ color:#FFCB10; text-decoration:none; }
#x-menu ul li a:hover		{ background-position:right bottom; }
#x-menu ul li a:hover span		{ background-position:left bottom; }

#x-search			{ position:absolute; left:736px; top:91px; background:transparent url(images/x-search.png) 0 0 no-repeat; }
#x-search, #x-search #x-query	{ width:203px; height:22px; }
#x-search form			{ display:inline; }
#x-search #x-query .v4sbox		{ width:164px; height:22px; border:0 none; background-color:transparent; font:normal 11px Tahoma, Geneva, Arial, Sans-serif; color:#034F6D; line-height:22px; margin:0; padding:0 5px; float:left; } 
#x-search #x-query .x-lookup	{ margin:0 3px 0 0; padding:0; float:right; }



/* Left nav bar formatting
-------------------------------------------------- */
#LeftPanel			{ margin:0 !important; padding:0 0 0 10px !important; vertical-align:top !important; float:left; }
#LeftPanel, #LeftPanel h4, #x-cat, 
#x-news, .x-ln-bg, .x-ln-ft		{ width:210px !important; text-align:left; }
.x-ln-bg				{ background:transparent url(images/x-ln-bg.png) 0 0 repeat-y; }
.x-ln-ft				{ background:transparent url(images/x-ln-ft.png) 0 0 no-repeat; height:7px; margin:0 0 10px; }
#LeftPanel ul			{ list-style-type:none; margin:0; padding:0; }
#LeftPanel .ttl, #LeftPanel .cnt,
#LeftPanel .all_cats, #LeftPanel .link,
#LeftPanel .v4acpcont		{ display:none !important; }

#LeftPanel h4			{ height:43px; background:transparent url(images/x-ln-title.png) 0 0 no-repeat; display:block; margin:0; padding:0; }
#LeftPanel h4.cats			{ background-image:url(images/x-ln-title-cats.png); }
#LeftPanel h4.news		{ background-image:url(images/x-ln-title-news.png); }

#x-cat ul.lev1 li			{ margin:0; padding:6px 5px; background:transparent url(images/x-ln-divider.png) 0 0 no-repeat; }
#x-cat ul.lev1 li a, #x-cat ul.lev1 li span	 { background:transparent url(images/x-ln-lev1.png) 0 0 no-repeat; display:block; margin:0; padding:0 10px 0 20px;
				  color:#272727; font:normal 14px Georgia, "Times New Roman", Times, Serif; text-decoration:none; line-height:17px; }
#x-cat ul.lev1 li a:hover		{ color:#066296; text-decoration:none; background-image:url(images/x-ln-lev1-h.png); }

#x-cat ul.lev2 li a, #x-cat ul.lev2 li span { background:transparent none; display:block; margin:0; padding:0 10px 0 35px;
				  color:#272727; font:normal 14px Georgia, "Times New Roman", Times, Serif; text-decoration:none; line-height:22px;  }
#x-cat ul.lev2 li a:hover		{ color:#066296; text-decoration:none; background-position:left bottom; }

#x-news				{ overflow:hidden; }
#x-news p			{ text-align:left; font:normal 14px Georgia, "Times New Roman", Times, Serif; color:#272727; line-height:17px; padding:10px 10px 5px; }
#x-news .x-signup			{ margin:5px 10px; float:right; }
#x-news .x-signup img		{ width:90px; height:24px; }

#x-ln-promo, #x-ln-promo img	{ width:210px; height:139px; }



/* Homepage formatting
-------------------------------------------------- */
#x-home				{ width:718px; margin:0 auto; padding:0; float:right; }
.x-tb-title h4			{ text-align:left; font:bold 16px Georgia, "Times New Roman", Times, Serif; color:#034F6D; line-height:43px; margin:0; padding:0 20px 0 50px; }

#x-ba				{ position:relative; width:718px; height:249px; background:transparent url(images/x-home-banner.jpg) 0 0 no-repeat; margin:0 0 10px; }
#x-ba-about			{ position:absolute; left:16px; top:50px; width:594px; height:99px; }
#x-ba-about p, #x-ba-about a		{ text-align:left; font:normal 11px Georgia, "Times New Roman", Times, Serif; color:#FFF; line-height:14px; }
#x-ba-about p			{ padding:0 10px; }
#x-ba-about a, #x-ba-about a:visited,
#x-ba-about a:active, #x-ba-about a:link { color:#FFFBF0; text-decoration:underline; }
#x-ba-about a:hover		{ color:#FFCB10; text-decoration:underline; }

.x-tb-title, .x-tb-top, .x-tb-top-tabs,
.x-tb-mid, .x-tb-btm			{ width:718px; } /* section text box */
.x-tb-title				{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:43px; }
.x-tb-title-shopcat			{ background-image:url(images/x-tb-title-shopcat.png); }
.x-tb-title-descr			{ background-image:url(images/x-tb-title-descr.png); }
.x-tb-top				{ background:transparent url(images/x-tb-top.png) 0 0 no-repeat; height:7px; }
.x-tb-top-tabs			{ background:transparent url(images/x-tb-top.png) 0 -1px no-repeat; height:6px; }
.x-tb-mid				{ background:transparent url(images/x-tb-mid.png) 0 0 repeat-y; padding:5px 0 0; overflow:hidden; }
.x-tb-btm				{ background:transparent url(images/x-tb-btm.png) 0 0 no-repeat; height:7px; margin:0 0 10px; }
.x-tb-ins				{ padding:0 15px 0; } /* inset */
.x-tb-mid, .x-tb-mid p, 
.x-tb-mid a, .x-tb-mid li		{ text-align:left; font:normal 12px Georgia, "Times New Roman", Times, Serif; color:#272727; line-height:15px; }
.x-tb-mid p, .x-tb-mid ul		{ padding:0 0 15px; list-style-type:none; }
.x-tb-mid li			{ background:transparent url(images/x-bullet.png) 0 0 no-repeat; padding:0 0 5px 14px; line-height:15px; } /* bullet img w10px h15px */
.x-tb-mid a, .x-tb-mid a:visited,
.x-tb-mid a:active, .x-tb-mid a:link	{ color:#034F6D; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#066296; text-decoration:underline; }

.x-fb, .x-fb a			{ width:164px; height:157px; } /* featured item boxes */
.x-fb				{ background:transparent url(images/x-fb-bg.png) 0 0 no-repeat; margin:7px 0 5px 12px; float:left; }
.x-fb a, .x-fb a:visited,
.x-fb a:active, .x-fb a:link		{ color:#272727; text-decoration:none; text-align:center; font:normal 14px Georgia, "Times New Roman", Times, Serif; display:block; }
.x-fb a:hover			{ color:#066296; text-decoration:none; }
.x-fb img				{ width:150px; height:110px; margin:6px auto 17px; display:block; }
.x-fb2r img			{ margin-bottom:10px; }



/* Footer formatting
-------------------------------------------------- */
#x-footer				{ width:960px; height:68px; margin:0 auto; background:transparent url(images/x-footer.png) 0 0 no-repeat; }
#x-footer, #x-footer a		{ text-align:center; font:normal 11px Tahoma, Geneva, Arial, Sans-serif; color:#272727; letter-spacing:0.04em; padding:0; line-height:70px; }
#x-footer a, #x-footer a:link,
#x-footer a:active			{ color:#272727; text-decoration:none; }
#x-footer a:hover			{ color:#034F6D; text-decoration:underline; }