body 		{margin:0; padding:7px 0 0; background:url(../../i/bg-page.jpg) 0 0 repeat; color:#515050; font-family:tahoma, arial, sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:15px; text-align:center;}

div			{text-align:left;}

p			{}
ul, ol, li	{margin:0; padding:0; list-style:none;}

a			{text-decoration:underline; color:#515050;}
a:hover		{text-decoration:none;}

h1			{font-size:1.2em; font-weight:normal; text-transform:uppercase;  margin:0px; }
h2			{font-size:1.2em; font-weight:normal; text-transform:uppercase; margin:10px 0px;}
h3			{font-size:1em; margin:5px 0; }
h4			{}
h5			{}
h6			{}

hr			{border:0; border-top:1px solid #e5e5e5; height:1px; margin:12px 0;}

img			{border:0;}

table 		{border-collapse:collapse; border-spacing:0; font-size:11px;}
td			{vertical-align:top; padding:0; font-size:11px;}

.lefthometext { border-top:4px solid #d9d9d9; margin-top:20px; width:377px; float:left; }
.righthometext { border-top:4px solid #d9d9d9; margin-top:20px; width:360px; padding-right:15px; float:right; }
.righthometext strong, .lefthometext strong { /*letter-spacing:0.3em;*/ }

th { vertical-align:top; font-size:11px; }



/* Utility classes */


.clear		{clear:both;}
.remove		{border:0 !important;}

.perpageselection { margin:0px 10px 0px 10px; float:right; }


/* page wrapper */

#page-wrapper			{width:1014px; margin:0 auto;}




/* masthead */

#masthead				{float:left; width:1014px; height:94px; background-color:#f0f0f0;}

#masthead img			{float:left;}
#masthead .search form	{margin:0;}
#masthead .search		{float:right; padding:10px; width:250px; margin-top:10px;}
#masthead .search label	{diaplay:block;}
#masthead .search-box	{border:0; background:#e7e7e7; padding:2px;}

#masthead .utility			{float:left; border-bottom:4px solid #e6e6e6}
#masthead .utility ul		{float:left; padding:8px 0; margin:0;}
#masthead .utility ul li	{float:left;}
#masthead .utility ul li a	{margin-right:6px; padding-right:10px; background:url(/i/icon-slash.gif) 100% 50% no-repeat; color:#666; text-decoration:none;}
#masthead .utility ul li .checkout	{font-weight:bold; margin:0; padding:0;}

#masthead .logo			{float:left; width:550px; position:relative; top:0;}
#masthead .logo p		{position:absolute; top:52px; left:85px; margin:0; line-height:1em; color:#999; font-size:12px; font-family:"Century Gothic", arial;}



/* nav */

#nav					{float:left; width:1014px;}
#nav ul					{float:left;}
#nav ul li 				{float:left; border-left:1px solid #f0f0f0;}
#nav ul li a			{width:106px; height:15px; padding:5px 10px 7px 10px; display:block; color:#000; text-decoration:none; font-size:0.9em; font-weight:bold; background:url(../../i/bg-nav.gif) 0 0 no-repeat;}
#nav ul li a:hover		{background:url(../../i/bg-nav-over.gif) 0 0 no-repeat; text-decoration:none;}
#nav ul li a.active		{background:url(../../i/bg-nav-over.gif) 0 0 no-repeat; text-decoration:none;}
#nav ul li.shop			{border:0;}
#nav ul li.shop a		{width:232px; background:url(../../i/bg-nav-shop.gif);}
#nav ul li.shop a:hover	{background:url(../../i/bg-nav-shop-over.gif);}
#nav ul li.shop a.active{background:url(../../i/bg-nav-shop-over.gif);}



/* page */

#page					{float:left; position:relative; width:1014px; padding:10px 0 10px 0; background-color:#f0f0f0; overflow:hidden; }

#page .breadcrumb			{float:left; height:35px; width:760px;}
#page .breadcrumb ul		{float:left; margin:4px 10px;}
#page .breadcrumb ul li		{float:left; color:#333;}
#page .breadcrumb ul li a	{margin-right:6px; padding-right:10px; background:url(/i/icon-slash.gif) 100% 50% no-repeat; color:#666; text-decoration:none;}

#page .shop-col			{float:left; padding-bottom:80px; width:253px; overflow:hidden;}
#page .shop-col #col-set		{height:265px;}
#page .shop-col ul 		{margin:36px 0 0; *width:233px; border-top:4px solid #e6e6e6;}
#page .shop-col ul li	{width:233px; border-bottom:4px solid #e6e6e6; padding:5px 10px; margin:0;}
#page .shop-col ul li.double	{width:233px; border-top:4px solid #e6e6e6;  border-bottom:4px solid #e6e6e6; padding:5px 10px; margin:0;}
#page .shop-col ul li a	{text-transform:uppercase; color:#666; text-decoration:none; background:url(/i/icon-arrow.gif) 0 50% no-repeat; padding-left:8px;}

.shop-col .email			{float:left; padding:0px 10px 15px 10px; width:233px; height:41px; }
.shop-col .email form		{margin:0;}
.shop-col .email label	{display:block; margin-bottom:10px; }
.shop-col .search-box		{border:0; background:#e7e7e7; padding:2px; font-size:1em;}

#latestnews				{clear:both; float:left; padding-bottom:0; border-top:4px solid #e6e6e6; position:relative; top:-4px;}
#latestnews ul			{margin-top:10px !important; border-top:0 !important;}
#latestnews ul li		{border:0 !important; padding-left:0 !important; padding-right:0 !important;}
#latestnews ul li a		{font-weight:normal !important;}
#latestnews ul ul		{width:253px; margin-top:7px !important; border:0 !important;}
#latestnews ul ul li	{width:233px;}
#latestnews ul ul li a	{text-transform:none !important; color:#666; text-decoration:none;}
#latestnews h4 			{text-transform:uppercase; font-size:11px; margin:10px 0 5px 10px; font-weight:normal; color:#333;}

#tweet					{border-top:4px solid #E6E6E6; clear:both; padding:10px 0 10px 0;}
#tweet .twt-title		{text-decoration:none; margin-left:10px;}
#tweet .twtr-timeline	{height:90px !important;}
#tweet .twtr-tweet		{height:90px !important;}
#tweet .twtr-hd			{padding-bottom:0 !important;}
#tweet .twtr-tweet-text	p {font-size:11px;}

#page .content			{float:left; width:761px; padding:0; overflow:hidden;}

#page .text-box			{float:left; width:354px; margin-left:4px; border-top:4px solid #e6e6e6; padding:0 10px 10px; margin-top:20px;}

#page .img-right		{float:right; width:374px;}
#page .img-right p		{margin:3px 0;}

#page .img-left			{float:left; width:374px; margin-left:4px;}
#page .img-left	.bigimage { width:380px; height:377px; overflow:hidden; }
#page .img-left p		{margin:3px 10px;}
#page .img-left ul		{clear:both; float:left;}
#page .img-left ul li	{float:left; border-left:1px solid #f0f0f0; height:126px;}

#page .promo-row		{clear:both; float:left; margin-top:10px; width:760px; overflow:hidden; }
#page .promo-row h3 { margin-left:0px; }
#page .promo-row .promo p	{margin:5px 0 0;}
#page .promo-row .promo	{float:left; width:236px; height:363px; padding:8px; border-left:1px solid #f0f0f0; background:#e7e7e7;}
#page .promo-row .remove{padding-left:10px;}
#page .promo-row .promo h3 {width:216px; padding-right:20px; position:relative; top:0;}
#page .promo-row .promo h3 span	{position:absolute; right:0; top:1px;}
#page .promo-row .promo h3 span input {margin-top:0;}
#page .promo-row .promo.compareHeight { height:520px; }
#page .promo-row .promo.projectsHeight { height:383px; }

.promo h3				{height:2.6em; line-height:1.3em; overflow:hidden;}
.promo_fixh				{height:6.5em; line-height:1.3em; overflow:hidden;}
.promo.compareHeight .promo_fixh	{height:17.5em;}
.promo.projectsHeight .promo_fixh	{height:8em;}
.promo.compareHeight .promo_fixh .shortDesc { display:block; height:6.5em; }
.promo_fixh p			{margin-top:0 !important;}
#page .promo_fixh p.padded			{margin-bottom:1em;}
.promo-left				{float:left;}
.promo-right			{float:right;}

#page .pagination		{float:left; margin:10px; padding-top:2px;}
#page .pagination a		{text-decoration:none;}
#page .pagination ul 	{float:left;}
#page .pagination ul li {float:left;}
#page .pagination .active	{font-weight:bold;}

#page .img-left .pagination	{float:none; margin:0 10px;}

#page .left { float:left; width:340px;}
#page .left p { margin-left:0px; }
#page .left p.wrapper { margin:3px 0; }
#page .pwrapper { padding:0 40px 0 10px; }
#page .searchdiv { padding-left:10px; padding-right:10px;}

#page .perpageselection.left	{width:auto;}

#page .compare			{float:right; margin:0 10px;}

#page .leftmargin { margin-left:20px; }
#page .leftmargin table { font-size:11px; }
#page .leftmargin table td { vertical-align:top; padding-right:10px; font-size:11px; }

.tabbed-content			{float:left;}

.blog					{float:left; padding:0 10px 4px; width:685px;}
.blog .item				{padding:0 0 10px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.blog h1				{margin-bottom:12px;}
.blog h2				{margin:0 0 12px;}
.blog p					{margin:0 0 10px;}
.blog img				{float:left; margin-right:20px; width:320px; margin-bottom:15px; margin-top:2px;}
.blog .posted			{font-size:11px; text-transform:uppercase; color:#999;}
.blog .posted span		{color:#333;}

.blog-nav				{float:left; margin-top:36px; width:253px; border-bottom:4px solid #e6e6e6; display:inline;}
.blog-nav h4 			{text-transform:uppercase; font-size:1.1em; margin:5px 0 5px 10px; font-weight:normal; color:#333;}
.blog-nav ul			{margin-top:0 !important; }
.blog-nav ul li			{border:0 !important;}
.blog-nav ul ul			{width:253px; margin-top:7px !important; border:0 !important;}
.blog-nav ul ul li		{width:233px;}
.blog-nav ul ul li a	{text-transform:none !important; color:#666; text-decoration:none;}

.blog-image-stack		{float:left;}
.blog-image-stack li	{display:inline; width:340px;}

.blog #container		{width:680px;}

ul.pdflist ul {margin:10px 0 0 0; }
ul.pdflist li a { display:block; background:url(/i/icon_pdf.gif) left no-repeat; height:16px; padding-top:3px; padding-left:26px; margin:5px 0 3px 0; }

.page-number			{display:inline-block; padding:2px 5px 3px; background-color:#e4e4e4; margin-left:2px; line-height:1em; text-decoration:none;}
.page-number.active		{font-weight:bold; background:#b2b2b2; color:#fff;}
.page-number:hover		{background:#b2b2b2; color:#fff;}

ul.search {margin-top:20px;  margin-left:20px; }
ul.search, ul.search li { list-style-type:decimal; margin-bottom:20px; width:680px; clear:both; float:left; }
ul.search li .image		{float:left; margin-right:20px;}

.search-title			{margin-top:20px;; font-size:12px;}

table.enquiryform tr td { padding:0px 20px 10px 0px; }
table.enquiryform tr td input.enquirytext { width:300px; }
table.enquiryform tr td textarea { width:300px; height:120px; }

table.buy				{margin:10px 0;}
table.buy tr td 		{padding:5px 10px 5px 0;}

.btn-submit				{cursor:pointer; border:0; font-weight:bold; background:url(/i/btn-next.gif) 100% 0 no-repeat; padding:2px 20px 4px 8px; text-trasnform:uppercase; height:22px; line-height:1em; color:#fff; text-decoration:none; border-left:1px solid #919191; width:120px;}
.btn-enq				{cursor:pointer; border:0; background:url(/i/btn-enq.gif) 100% 0 no-repeat; padding:2px 20px 4px 8px; text-trasnform:uppercase; height:22px; line-height:1em; color:#666; text-decoration:none; width:120px;}
.btn-back 				{display:inline-block; background:url(/i/btn-back.gif) 0 0 no-repeat; text-decoration:none;}
.btn-back span 			{display:inline-block; text-transform:uppercase; text-decoration:none; line-height:1em; height:13px; padding:5px 8px 4px 23px;}
input.btn-back			{cursor:pointer; border:0; padding:2px 20px 4px 8px; text-trasnform:uppercase; padding:2px 8px 4px 23px; height:22px; line-height:1em; color:#666; text-decoration:none;}

table.account 			{width:700px;}

.btn-submit				{cursor:pointer; border:0; font-weight:bold; background:url(/i/btn-next.gif) 100% 0 no-repeat; padding:2px 20px 4px 8px; text-trasnform:uppercase; height:22px; line-height:1em; color:#fff; text-decoration:none; border-left:1px solid #919191;}
.btn-enq				{cursor:pointer; border:0; background:url(/i/btn-enq.gif) 100% 0 no-repeat; padding:2px 20px 4px 8px; text-trasnform:uppercase; height:22px; line-height:1em; color:#666; text-decoration:none;}
.btn-back 				{display:inline-block; background:url(/i/btn-back.gif) 0 0 no-repeat; text-decoration:none;}
.btn-back span 			{display:inline-block; text-transform:uppercase; text-decoration:none; line-height:1em; height:13px; padding:5px 8px 4px 23px;}

table.account 			{width:700px;}
table.account tr td 	{padding:3px 5px;text-align:left;}

table.login 			{width:350px;}
table.login tr td 		{padding:3px 5px;text-align:left;}

Form.cartForm			{margin:0;}

table.cartTable 		{width:700px; border-collapse:separate; border-spacing:7px;  font-size:11px;}
table.cartTable tr td 	{padding:12px; text-align:left; font-size:12px;}
table.cartTable tr td.light-bg 	{background:#ebebeb;}
table.cartTable tr td.remove 	{text-align:center; vertical-align:middle; }
table.cartTable .shade td 	{background:#e4e4e4;}
table.cartTable .calculate td 	{padding:0;}
table.cartTable tr td.qty {text-align:center;}

.btn-prev				{display:inline-block; background:url(/i/btn-prev.gif) 0 0 no-repeat; text-decoration:none;}
.btn-prev span			{display:inline-block; color:#fff; text-transform:uppercase; text-decoration:none; line-height:1em; height:13px; padding:5px 8px 4px 20px; border-right:1px solid #919191;}
.btn-next				{display:inline-block; background:url(/i/btn-next.gif) 100% 0 no-repeat; text-decoration:none;}
.btn-next span			{display:inline-block; color:#fff; text-transform:uppercase; text-decoration:none; line-height:1em; height:13px; padding:5px 20px 4px 8px; border-left:1px solid #919191;}

.total					{background:#ebebeb; line-height:1.8em;}

.product-tabs			{clear:both; float:left; margin-left:1px; margin-top:30px; width:759px; border-bottom:4px solid #b8b8b8;}
.product-tabs .tab		{float:left; padding:5px 10px 5px; margin:0 1px 1px 0; text-transform:uppercase; color:#666; background:#e0e0e0; cursor:pointer; text-decoration:none;}
.product-tabs .active	{color:#fff; background:#b8b8b8; font-size:12px; padding-top:6px; padding-bottom:4px; cursor:default; margin-bottom:0; border-bottom:1px solid #b8b8b8;}

.progress				{float:left; margin:20px 0;}
.progress ul			{margin:0; padding:0; float:left; }
.progress ul li			{float:left; margin:0 2px 0 0; width:173px; font-weight:bold;}
.progress ul li span	{padding:6px 8px 7px; line-height:1em; margin-top:3px; font-size:12px; font-weight:normal; width:157px; display:block; background:#e0e0e0;}
.progress ul li .active	{background:#b8b8b8; color:#fff;}
.two-col				{float:left; width:348px; margin-right:2px;}

/* slider */

#slider 				{float:left; width:760px !important; background:#E7E7E7; position:relative; }



/* footer */

#footer					{float:left; position:relative; top:0; width:1014px; background-color:#f0f0f0; margin-bottom:10px;}

#footer .footer			{float:left; width:994px; padding:10px; background-color:#e5e5e5; border-top:1px solid #ccc; margin-top:30px;}
#footer .footer p		{float:left; margin:0;}
#footer .footer ul		{float:right; padding:0; margin:0;}
#footer .footer ul li	{float:left;}
#footer .footer ul li a	{ margin-right:6px; padding-right:10px; background:url(/i/icon-slash-foot.gif) 100% 50% no-repeat; color:#666; text-decoration:none;}
#footer .footer ul li.remove a	{background:none; margin:0; padding:0;}



/* filters */

#page-wrapper			{*width:1014px;}
#masthead				{*width:1014px;}
#page					{*width:1014px;}
#footer					{*width:1014px;}

#page .text-box			{*padding-top:10px; *width:374px;}

*html #nav ul li a		{width:126px;}
*html #nav ul li.remove a		{width:125px;}
*html #nav ul li.shop a		{width:252px;}
*html #page .shop-col ul li	{width:253px;}
*html #page .shop-col ul li.double	{width:253px;}

/* jCarousel */

.jcarousel-control {
    margin-bottom: 0;
    text-align: center;
}

.jcarousel-control a {
	cursor:default;
    display:block;
	float:left;
	line-height:0px;
	width:10px;
	height:10px;
	margin:15px 2px;
    background-color: #d0d0d0;
    font-size:1px;
	color:#d0d0d0;
}

.jcarousel-control a.active {
    background-color:#e0e0e0;
	color:#e0e0e0;
	width:14px;
	height:14px;
	margin:13px 2px;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
   /* margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;*/
}

.specialnotice {
	width:700px;
	background-color:#A9A9A9;
	padding:20px;
}
.specialnotice p { color:#FFF; }

#sharing { padding:20px 0px 20px 15px; clear:both; border-top:4px solid #E6E6E6; }

#latestnews {margin:1px 0 1px 1px; border-top:4px solid #E6E6E6; padding:5px 0 9px 9px; position:relative; top:-5px;width:243px; display:inline;}
#latestnews h4 { text-transform:uppercase; font-size:1.1em; margin:2px 0 0; padding-bottom:5px; font-weight:normal; color:#333;}
#latestnews h5 { margin:0px; padding-bottom:2px; font-size:1em;}
#latestnews a	{font-weight:normal; text-decoration:none; font-weight:bold;}
#latestnews a:hover	{text-decoration:underline;}
#latestnews .date { font-size:0.85em; margin:0px; padding:0px; font-size:0.85em; color:#666; }

.table-wrapper				{float:left; border:5px solid #e7e7e7; border-bottom:8px solid #e7e7e7; border-right:8px solid #e7e7e7; margin-top:1px; margin-left:1px;}

#hometable td {vertical-align:top; padding:7px 4px 4px 7px; font-size:11px; position:relative; top:0; width:220px; background:#e7e7e7;}
#hometable td .cell-wrapper	{position:relative; top:0;}
#hometable td img	{border:1px solid #f0f0f0; border-top:0;}
#hometable td .hiddentextbg { position:absolute; top:0px; left:0px; width:236px; height:30px; background-color:#333; z-index:99; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; display:none; margin-left:1px; margin-bottom:1px;}
#hometable td .hiddentext { position:absolute; bottom:0px; left:0px; width:220px; padding:3px 8px 5px; z-index:100; color:#FFF; display:none; }
#homeyable td .hiddentext span	{text-transform:uppercase;}

.sliderUL { margin:0px; padding:0px; display:block; height:247px; overflow:hidden; }
.sliderUL li { float:left; padding:7px 4px 0px 7px; margin:0px 0px 4px 0px; display:block; height:236px; }
.sliderUL li .cell-wrapper	{position:relative; top:0; width:236px; height:236px; overflow:hidden;}
.sliderUL li img	{border:1px solid #f0f0f0; border-top:0;}
.sliderUL li .hiddentextbg { position:absolute; top:0px; left:0px; width:236px; height:30px; background-color:#333; z-index:99; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; display:none; margin-left:1px; margin-bottom:1px;}
.sliderUL li .hiddentext { position:absolute; bottom:0px; left:0px; width:220px; padding:3px 8px 5px; z-index:100; color:#FFF; display:none; }
.sliderUL li .hiddentext span	{text-transform:uppercase;}

#homePanel { width:761px; padding:20px; background:#e0e0e0; border-bottom:3px solid #B8B8B8; height:80px; margin-bottom:10px; }
#homePanel .left { width:355px; }
#homePanel .right { width:355px; float:left; margin-left:10px; }

*html #latestnews {width:253px;}