* { margin: 0; padding: 0; outline: 0; }
body { font: 14px/20px Lucida Sans Unicode,Lucida Grande,sans-serif; color: #757575; text-align: left; background: #444444 url(images/bg.jpg) repeat center 0; padding-top:10px}

a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 1001px;}
.hawksmoor {text-transform:uppercase;color:#531458;font-size:22px;margin-bottom:18px;}
.float-left {float:left;}
.float-right {float:right;}
.arrow-right {padding-right:22px;height:17px;line-height:17px;background:url(images/rarr.gif) no-repeat top right}
.arrow-left {padding-left:22px;height:17px;line-height:17px;background:url(images/larr.gif) no-repeat top left}
.gray, .gray * {color:#757575;}
.light-gray, .light-gray * {color:#d4d4d4;}

#page{width:1001px; background:#fff;}
#page .top{width:1001px; background:url(images/top.jpg) no-repeat;}
#page .btm{width:1001px; background:url(images/btm.jpg) no-repeat 0 bottom; padding-bottom:10px}

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:317px;
	height:114px;
	float: left;
	display: inline;
}
h1#logo a{
	display: block;
	height:114px;
	background:url(images/logo.jpg);
}
h2.slogan{background:url(images/slogan.gif); float: left; display: inline; width:596px; height:16px; margin-top:60px}
h3.purple {color:#5f076f}
h4.purple, h4.purple *{color:#330033;font-size:12px;font-weight:bold;line-height:12px;margin-bottom:12px;}
#header{height:114px; padding-left:11px; position:relative;z-index:1;}

.head-nav{text-transform: uppercase; float: right; display: inline; padding-right:20px; padding-top:15px}
.head-nav a{float: left; display: inline; color:#3d0e3d; font-size: 10px; margin-left:20px}

#nav{background:url(images/nav.jpg); width:969px; height:42px; margin:0 auto; position:relative;z-index:2;}
#nav ul{list-style-type: none; padding-top:1px; padding-left:5px; float: left; display: inline; list-style-position: outside;z-index:2;position:relative;}
#nav li{float: left; line-height:36px; background:url(images/divider.gif) no-repeat right 0; position:relative; z-index: 1;}
#nav li .sub-nav{position:absolute; top:31px; left:0; z-index: 10; width:236px;}
#nav li .sub-nav .top-part{width:236px; background:url(images/top.png) no-repeat; height:8px; line-height:0; font-size: 0;}
#nav li .sub-nav .btm-part{width:236px;height:8px; line-height:0; font-size: 0; background:url(images/btm.png); }
#nav li .sub-nav .rep{width:236px; background:url(images/line.png) repeat-y}
#nav li .sub-nav ul{width:210px; margin:0 auto; float: none; display: block;}
#nav li .sub-nav li{width:210px; background-image: none; border-bottom:solid 1px #dbd9f9;}
#nav li .sub-nav li.last{border:0}
#nav li .sub-nav li a{color:#4c2b7b; padding:0 0 0 8px; line-height:28px;}
#nav li.last{background-image: none; }
#nav li a{float: left; color:#5a6c84; text-transform: uppercase;  font-weight: bold; font-size: 11px; padding:0 30px}
#nav .srch-form{float: right; padding-top:3px; padding-right:15px}
#nav .srch-form .fld{float: left; background:url(images/fld.gif); width:165px; height:26px; margin-top:2px}
#nav .srch-form .field{float: left; width:155px; margin-top:6px; margin-left:3px; font-size: 12px; line-height:15px; border:0}
#nav .srch-form .btnp input{float: left; width:29px; height:30px; background:url(images/srch.gif); border:0; cursor:pointer}
#nav .srch-form .btnp{float: left; display: inline; margin-left:5px}
.navtab {width:78px; height:6px; background:url('images/nav_tab.jpg') no-repeat;position:absolute;top:35px;z-index:1;}
.tab_home {left:13px;}
.tab_about {left:125px;}
.tab_products {left:250px;}
.tab_downloads {left:388px;}
.tab_news {left:509px;}
.tab_contact {left:628px;}

#content{background:url(images/topping.jpg) no-repeat right 0; width:1001px; margin-top:15px}
#content_inner{ margin-left:15px;}
.left-cnt{float: left; display: inline; width:694px; line-height:30px;}
.left-cnt-prod{float: left; display: inline; width:694px; line-height:30px;}
.left-cnt .description{float: left; margin-left:290px; display: inline; width:390px; padding-top:40px; padding-bottom:120px;}
.left-cnt .description h3.solution{width:379px; height:16px; background:url(images/solution.gif); margin-bottom:15px}
.left-cnt .main_description, .left-cnt-prod .main_description{width:640px; padding-top:40px; padding-bottom:80px; margin-left:30px;}
.left-cnt .main_description li, .left-cnt-prod .main_description li{margin-left:15px;}
.left-cnt .image a.learn-more{width:265px; height:65px; background:url(images/more.gif); display: block;position:absolute; z-index: 10; top:197px; left:190px}
.left-cnt .image{bottom:0px; left:0px; width:290px; position:absolute;}
.left-cnt .image img{display: block; position:relative; z-index: 100; background:url(images/item.png); width:267px; height:300px;}
.left-cnt .links{margin-top:19px}
.left-cnt .links ul{list-style-type: none;}
.left-cnt .links li{float: left; display: inline; width:228px; height:135px; margin:0px 4px 0px 0px; background:url(images/active.jpg) no-repeat left bottom;position:relative;overflow:hidden;}
.left-cnt .links li.last{margin:0px;}

#content .left-cnt .links li.hovered{z-index: 1000;overflow:hidden;}
.left-cnt .links li ul{position:absolute;bottom:0px;left:0px;height:216px;list-style-position: outside;}
.left-cnt .links li li{float: left; width:200px; height:auto; line-height:20px; display: inline; margin-bottom:10px; background:none;}
.left-cnt .links li li a{color:#1B188F; font-size: 14px; margin-left:25px; float: left;}

.left-cnt .links li div.action{width:228px; height:135px;position:relative;}
.left-cnt .links li div h4.homelinks{color:#20086f;height:16px;text-align:center;margin-top:14px;width:228px;position:relative;z-index:999;line-height:1;}
.left-cnt .links li div .link-background{position:absolute;top:0px;left:0px;width:228px;height:135px;}
.left-cnt .links li div.lipop_1{float: left; margin-right:8px; background:url(images/first.png);}
.left-cnt .links li div.lipop_6{float: left; margin-right:8px; background:url(images/second.png);}
.left-cnt .links li div.lipop_10{float: left; margin-right:8px; background:url(images/second.png);}

.left-cnt .links li a:hover{text-decoration: none;}
/*.left-cnt .links li h4{text-indent: -4000px; line-height:0; font-size: 0; display: block;}
.left-cnt .links li h4.listcategory_1{background:url(images/hinges.png); width:161px; height:12px; margin:0 auto; margin-top:14px}
.left-cnt .links li h4.listcategory_6{background:url(images/wheels.png); width:189px; height:12px; margin:0 auto; margin-top:14px}
.left-cnt .links li h4.listcategory_10{background:url(images/products.png); width:169px; height:12px; margin:0 auto; margin-top:14px}*/
.left-cnt .links li.last{margin-right:0}

.box{background:url(images/box-rep.jpg) repeat-y; margin-top:18px;}
.box .box-top{background:url(images/box-top.jpg) no-repeat;}
.box .box-btm{background:url(images/box-btm.jpg) no-repeat 0 bottom; min-height:300px; position:relative;}

.box-prod{background:url(images/box-rep-prod.jpg) repeat-y; margin-top:18px;width:694px;}
.box-prod .box-top-prod{background:url(images/box-top-prod.jpg) no-repeat;}
.box-prod .box-btm{background:url(images/box-btm.jpg) no-repeat 0 bottom; min-height:300px; position:relative;}
.box-prod .purple-box-btm{background:url(images/purple-box-btm.jpg) no-repeat 0 bottom; min-height:300px; position:relative;}
.box-prod .box-btm-prod{background:url(images/box-btm-prod.jpg) no-repeat 0 bottom; min-height:300px; position:relative;}
.news-body {border-top:1px solid #e7e7e7;margin-bottom:32px;padding-top:10px;clear:both;font-size:12px;line-height:15px;}
.news-body p {margin-bottom:15px;}
.news-info, .news-info div {font-size:10px;}

.tab-wrapper {width:696px;}
.section-active-tab-bg, .section-inactive-tab-bg{background:url(images/tab-prod.jpg) no-repeat 0 bottom; height:41px; width:228px; position:relative; line-height:41px;margin:0px 2px;}
.tab-wrapper div.last {margin:0px;}
.section-active-tab-bg span, .section-inactive-tab-bg span{display:block;font-weight:bold;font-size:12px;color:#2e0243;margin-left:20px;}
.section-active-tab-bg span{font-size:15px;}
.section-inactive-tab-bg span{color:#6c5c81;}
.add-to-cart-tab{background:url(images/tab-addtocart.jpg) no-repeat 0 bottom; height:41px; width:259px;float: left; display: inline;cursor:pointer;}
.add-to-cart-tab-nolink{background:url(images/tab-addtocart.jpg) no-repeat 0 bottom; height:41px; width:259px;float: left; display: inline;}
.add-to-cart-tab span, .add-to-cart-tab-nolink span{display:block;font-weight:bold;font-size:18px;margin-top:6px;width:244px;text-align:right;color:#fff;}

.add_to_cart_area, .side_search_area{width:266px;}
.side_search{width:260px;height:135px;background:url(images/side-search.jpg) no-repeat;margin-top:16px;position:relative;}
.side_search .side_search_txt{position:absolute;top:91px;left:28px;width:139px;height:19px;padding:0px;border:0;}
.side_search .side_search_btn{position:absolute;top:90px;left:181px;width:62px;height:14px;border:0;background:url(images/side-search-btn.jpg); cursor:pointer;}
.right-cnt{float: left; display: inline; width:266px; margin-top:25px; padding-left:16px}
.right-cnt-prod{float: left; display: inline; width:266px; margin-top:34px; padding-left:16px;}
.right-cnt .box, .right-cnt-prod .box{width:259px; background:url(images/side-rep.jpg) repeat-y;}
.right-cnt .box .tops, .right-cnt-prod .box .tops{width:259px; background:url(images/side-top.jpg) no-repeat;padding-top:30px;}
.right-cnt .box .bottom-rounded, .right-cnt-prod .box .bottom-rounded {width:260px; background:url(images/side-btm.jpg) no-repeat 0 bottom; padding:10px 0; min-height:215px}
.right-cnt .box .inner, .right-cnt-prod .box .inner{width:239px; margin:0 auto;}
.right-cnt .box .inner p.all, .right-cnt-prod .box .inner p.all{width:245px; text-align: center; text-transform: uppercase; font-size: 10px; border-bottom:solid 2px #f3f3f3}
.right-cnt .box .inner p.all a, .right-cnt-prod .box .inner p.all a{color:#d7d7d7}
.right-cnt .box .inner .article{}
.right-cnt .box .inner .article p{padding-top:20px}
.right-cnt .box .inner .article h4{text-transform: uppercase; font-size: 11px; color:#989898}
.right-cnt .box .inner .article .arrs{padding-top:30px}
.right-cnt .box .inner .article .arrs a.larr{float: left; background:url(images/larr.gif); width:16px; height:17px}
.right-cnt .box .inner .article .arrs a.rarr{float: right; background:url(images/rarr.gif); width:15px; height:17px}
.right-cnt .box .inner .article .arrs a.center{font-weight: bold; text-transform: uppercase; color:#d8d8d8; width:200px; float: left; text-align: center; line-height:17px;}
.right-cnt .search-box{background:url(images/search-box.png) no-repeat; width:264px; height:172px; margin-top:17px}
.right-cnt .search-box h4.locate{ background:url(images/locate.gif) no-repeat; width:234px; height:16px;  margin:0 auto; margin-top:17px}
.right-cnt .search-box .frame{width:240px; margin-left:20px}
.right-cnt .search-box .frame p{line-height:15px;font-size: 11px; color:#fff; padding-top:10px}
.right-cnt .search-box .frame form{padding-top:10px}
.right-cnt .search-box .frame .fld{background:url(images/field.gif); width:153px; height:37px; float: left; margin-right:10px}
.right-cnt .search-box .frame .fld .field{width:140px; margin-left:4px; margin-top:9px; line-height:15px; font-size: 13px; border:0; background:#fff;}
.right-cnt .search-box .frame .btnp input{
	background-color: transparent; 
	border:0; 
	color:#fff; 
	font-family: georgia, sans-serif; 
	font-size: 13px; 
	text-transform: uppercase;
	margin-top:8px; 
	cursor:pointer;
	position:relative;
 }
.right-cnt-prod .search-box .frame .btnp{float: left; display: inline;}
.right-cnt-prod .overline {width:100%;border-top:1px solid #e7e7e7;margin-bottom:18px;padding-top:10px;}
.right-cnt-prod ul.overline li {list-style:none;font-size:12px;color:#757575;}
.right-cnt-prod ul.overline li a {font-size:12px;color:#757575;}
.right-cnt-prod ul.overline li ul {margin-left:16px;}

.left-cnt .prod-drop, .left-cnt-prod .prod-drop {background:url(images/tab-drop-prod.jpg) no-repeat 0 0; height:54px; width:694px; position:relative; clear:both;}
.add_to_cart_area .prod-drop, .side_search_area .prod-drop {background:url(images/tab-drop-prod.jpg) no-repeat top right; height:54px; width:259px; position:relative; clear:both;}
.smaller { font:12px/18px Arial,sans-serif; }
.smaller li { list-style:none; }
.categories-image { float:right; margin-left:30px; }
.subcategories_list { margin-left:30px; margin-top:18px; }
.product-image { float:right; margin:10px 20px 10px 10px; }
.ddsearch-results {margin:10px 5px;width:645px;}
.dd_map {width:250px;height:200px;float:right;}

#footer{padding-top:5px; width:969px; margin:0 auto}
#footer .ftr-nav{border-bottom:solid 2px #f3f3f3; padding-right:25px}
#footer .ftr-nav a{float: right; display: inline; margin-left:40px; font-size: 11px; font-weight: bold; color:#464646; text-transform: uppercase;}
#footer .logos{padding-top:12px}
#footer  a.afa{float: left; background:url(images/afa.gif); width:126px; height:58px; margin-top:5px; margin-left:35px}
#footer  a.nomma{float: left; background:url(images/nomma.gif); width:51px; height:66px;}
#footer  a.reader{float: right; background:url(images/reader.gif); width:118px; height:36px; margin-top:36px; margin-left:35px}
#footer  a.fb{float: right; background:url(images/facebook.gif); width:88px; height:34px; margin-top:36px; }
#footer  a.twitter{float: right; background:url(images/twitter.gif); width:97px; height:29px; margin-top:36px; margin-left:25px}




#slideshow {
	width: 239px;
	height: 214px;
	position: relative;
}

#slideshow .buttons span {
	display: block;
	height: 17px;
	position: absolute;
	top: 199px;
}
#slideshow .buttons span.prev {
	background: url(images/larr.gif) no-repeat 0 0;
	left: 10px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	cursor: pointer;
	width: 15px;
}
#slideshow .buttons span.next {
	background: url(images/rarr.gif) no-repeat 0 0;
	right: 10px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	cursor: pointer;
	width: 15px;
}
#slideshow .buttons span.readmore {
	width:109px;
	left:65px;
	text-align:center;
	text-transform:lowercase;
	font-size:12px;
	line-height:15px;
	color:#d4d4d4;
}
#slideshow .buttons span.readmore a {
	text-transform:lowercase;
	font-size:12px;
	line-height:15px;
	color:#d4d4d4;
}
#slideshow .holder {
	width: 239px;
	height: 184px;
	position: relative;
	background: #fff;
	margin: 6px 0 0 0px;
	overflow: hidden;
}
#slideshow .content {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100000px;
	height: 184px;
}
#slideshow .content ul li {
	float: left;
	display: inline;
	list-style-position: none;
	background: url(images/sl-fragment.gif) no-repeat 0 0;
	height: 184px;
	width: 239px;
	padding: 0 5px;
}
#slideshow .content ul li .cnt {
	display: none;
}

.learnmore {
	width:200px;
	height:65px;
	float:left;
	background:url(images/learnmore.jpg) no-repeat;
	margin-left:-28px;
	cursor:pointer;
}
.subcat_item_desc {
	float:right;
	width:468px;
	margin-bottom:26px;
}

.subcategories_list li {
	list-style:none;
	line-height:16px;
	margin-bottom:4px;
}

.subcategory_title {
	margin-bottom:12px;
}

.subcategory_title a, .subcategories_list a {
	font-size:12;
	line-height:16px;
	font-weight:bold;
	color:#330033;
}

.subcategory_desc {
}

.subheader {
	display: block;
	clear:both;
	margin-bottom: 15px;
}

.form-elm-required {
	border: 1px solid #ff0000;
}

/* for checkboxes in FF */
input[type=checkbox].form-elm-required {
	outline: 1px solid #ff0000; 
}

.form-field {
	margin-bottom: 5px;
	z-index: 100;
	clear: both;
	width:590px;
}

.form-field label {
	float: left;
	clear: left;
	text-align: left;
	width: 170px;
	padding-top: 1px;
	font: normal 11px verdana, geneva, arial, helvetica, sans-serif;
}

.fullwidth {
	width:440px;
}

.form-field .required-field-mark {
	display: block;
	float: left;
	width: 15px;
	text-align: center;
}

.form-field span {
	font-size: 11px;
}

.ajax-loading-box {
	border: 1px solid #ffffff;
	background-color: #5f076f;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	display: none;
	z-index: 9999;
}
.ajax-message-wrapper {
	display: none;
	position: absolute;
	left: -1000px;
	top: -1000px;
	z-index: 9999;
	width: 439px;
	border-top: 1px solid #ffffff; 
	border-left: 1px solid #ffffff; 
	border-right: 1px solid #366073;  
	border-bottom: 1px solid #366073;
	cursor: pointer;
}
.ajax-message {
	border: 1px solid #5f076f; 
	background: #ffffff url('images/ajax_message_bg.gif') repeat-x bottom; 
	padding: 25px 29px 10px 29px;
}

.ajax-notification-n, .ajax-notification-e, .ajax-notification-w {
	padding-left: 17px; 
	padding-bottom: 15px;
}

.ajax-notification-e {
	background: url('images/ajax_notification_e.gif') no-repeat left 1px; 
}

.ajax-notification-w {
	background: url('images/ajax_notification_w.gif') no-repeat left 1px; 
}

.ajax-notification-n {
	color: #757575; 
	font-weight: bold;
	text-align:center;
	background: url('images/ajax_notification_n.gif') no-repeat left 1px; 
}

.qtrow {
	margin-top:15px;
	text-align:right;
}
.qtrow input {
	width:55px;
}
.lprow {
		display:none;
}
.lprow, .qtrow label {
	font-size:18px;
	text-align:right;
	color:#330033;
}
.lprow span {
	font-weight:bold;
}

.pricebox {
	margin:15px auto;
	border:1px solid #330033;
	border-collapse:collapse;
}

.pricebox th {
	background:#330033;
	color:#fff;
	padding:4px 8px;
	text-align:center;
}

.pricebox td {
	padding:4px 8px;
	text-align:center;
	color:#330033;
	background:#fff;
}

.button {
	display:block;
	text-decoration:none !important;
}
.button .buttonleft {
	background:url('images/button_l.gif') no-repeat top left;
	height:39px;
	width:6px;
	float:left;
	display:block;
}
.button .buttonright {
	background:url('images/button.gif') no-repeat top right;
	height:39px;
	float:left;
	padding:10px 0px 10px 0px;
	display:block;
}
.button .buttontext {
	min-width:181px;
	font-size:18px;
	line-height:18px;
	height:18px;
	text-align:center;
	color:#fff;
	margin:0px 20px 0px 14px;
	display:block;
}
.link {
	cursor:pointer;
}
.sendto {
	margin:3px auto;
}
.sendto td {
	text-align:center;
	padding:8px;
}

.cart-list-wrapper
{
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
}

.cart-list-product-description
{
	padding-bottom:15px;
}

.cart-list-product-description .product-name-wrap
{
	font-weight:bold;
}

.cart-list-product-description .product-price-wrap
{
	margin-left:15px;
}

#cart_items div.notlast
{
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}

.remove-product
{
	font-size:10px;
}

.buttons-wrapper
{
	margin-top:15px;
}
.buttons-wrapper a
{
	display:block;
	float:left;
	margin-right:15px;
}

.buttons-wrapper-centered
{
	display:inline-block;
	margin:0px auto;
}

#notification_contents {
margin-top:20px;
}

.fl2col {
	width:312px;
	margin-right:10px;
	float:left;
	text-align:center;
	height:130px;
}

.arrows-list {
	list-style:none;
}