@import url('reset.css');
@import url('fancybox.css');
@import url('uniform.css');

/********** GENERIC START **********/

body { font: normal 14px/18px Arial, "Helvetica Neue" , Helvetica, sans-serif; color: #636363; background: #141414; }
body.lightBoxPage{width:inherit; background:#fff}
/*
 *   Text
 */
h1,h2,h3,h4,h5,h6{color:#636363;} 
h1 { font-size: 22px;}
h2 { font-size: 20px;}
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { }
p { font-size: 12px; line-height:20px; color: #636363} 
em { font-style: italic; }
strong { }
small { font-size: 10px; }
address { font-size: 10px; font-style: normal; }
a, a:link, a:visited, a:hover, a:active { font-size: 13px; line-height: 18px; text-decoration: none; color: #636363; }
a:hover { }
li {font-size:13px;}

span.horizontalSeparator{ background:url("../images/0-separator-horizontal.jpg") repeat-x bottom; margin:2px 0px; clear:both; display:block; height:1px; }
.error {color:red; background: url("../images/notice-icon3.png") no-repeat  right top; padding-right:30px;}
.contactForm .cityItem.error {background: url("../images/notice-icon3.png") no-repeat  372px top;}
.contactForm .zipItem.error {background: url("../images/notice-icon3.png") no-repeat  112px top;}

/*
 *   Site
 */
#BGwrap { width: 100%; height: 100%; float: left; background: #fff url(../images/0-bg-repeat-new.jpg) repeat-x center top; }
#categoryPage #BGwrap, #accessoriesPage #BGwrap, #productPage #BGwrap, #accessoryPage #BGwrap { background: #f6f3f3 url(../images/0-bg-repeat-category.jpg) repeat-x; }
#accessoriesPage #BGwrap,#accessoryPage #BGwrap{ background-image:url(../images/accessories-bg.jpg); }
#accessoriesPage #contentHeader,#accessoryPage #contentHeader{height:500px}
#BGwrap.start { }
#wrap { width: 980px; margin: 0 auto; }
/*
 *   Header
 */
#header { height: 106px; width: 980px; position: relative; left: 0; top: 0; }
#header .logo { width: 191px; height: 53px; position: absolute; top: 15px; left: 15px; display: block; }

/*  mainMenu  */
/*
#mainMenu { height: 30px; position: absolute; padding-top: 4px; top: 39px; left: 250px; background: url(../images/0-mainMenu-divider.gif) repeat-x center 11px; }
#mainMenu ul { margin-right: -1px; }
#mainMenu li { display: inline; padding-right: 1px; float: left; }
#mainMenu h3 { padding-left: 13px; float: left; font-weight: normal; background: #fff; }
#mainMenu span { padding-right: 13px; float: left; line-height: 20px; background-color:#fff; }
#mainMenu a { font-size: 18px; padding: 6px 18px 3px 18px; float: left; display: block; cursor: pointer; }
#mainMenu a:hover { color: #486cad; cursor:pointer;}

#mainMenu .selected { padding-right: 0; margin-left: -1px; }
#mainMenu .selected h3 { background: #fff url(../images/0-menu-left-tab.jpg) no-repeat left top; }
#mainMenu .selected span.menuItemOuter { background: #fff url(../images/0-menu-left-tab.jpg) no-repeat left top; }
#mainMenu .selected span.menuItemInner { background: url(../images/0-menu-right-tab.jpg) no-repeat right top; color: #486cad; }
#mainMenu .selected span { background: url(../images/0-menu-right-tab.jpg) no-repeat right top; color: #486cad; }
#mainMenu .selected a { background: url(../images/0-menu-mid-repeat-tab.jpg) repeat-x left top; padding-bottom: 9px;  color: #486cad; margin-bottom:2px;}
*/
#mainMenu { height: 30px; position: absolute; padding-top: 4px; top: 39px; left: 250px; background: url(../images/0-mainMenu-divider.gif) repeat-x center 11px; }
#mainMenu ul { margin-right: -1px; }
#mainMenu li { display: inline; padding-right: 1px; float: left; }
#mainMenu span.menuItemOuter { padding-left: 13px; float: left; font-weight: normal; background: #fff; }
#mainMenu span.menuItemInner { padding-right: 13px; float: left; line-height: 20px; }
#mainMenu a { font-size: 18px; padding: 6px 18px 3px 18px; float: left; display: block; cursor: pointer; }
#mainMenu a:hover { color: #486cad; cursor:pointer;}

#mainMenu .selected { padding-right: 0; margin-left: -1px; }
#mainMenu .selected span.menuItemOuter { background: #fff url(../images/0-menu-left-tab.jpg) no-repeat left top; }
#mainMenu .selected span.menuItemInner { background: url(../images/0-menu-right-tab.jpg) no-repeat right top; color: #486cad; }
#mainMenu .selected a { background: url(../images/0-menu-mid-repeat-tab.jpg) repeat-x left top; padding-bottom: 9px;  color: #486cad; margin-bottom:2px;}

/*  subMenu  */
#subMenu { height: 20px; position: absolute; left: 0; top: 83px; width: 100%; text-align: center; }
#subMenu li { display: inline; }
#subMenu a { font-weight: bold; font-size: 14px; padding: 3px 18px; color: #787878; }
#subMenu a:hover { text-decoration: underline; }
#subMenu .selected a { color: #275faa; }

/* Header Links */
#headerLinks { position: absolute; top: 0; right: 15px; }
#headerLinks li { display: inline; padding-right: 10px; float: left; margin-top: 5px; position: relative; }
#headerLinks .divider { background-color: #ddd; display: block; float: left; margin: 4px 0 0 10px; height: 10px; width: 1px; }
#headerLinks a { float: left; color: #373532; font-size: 11px; border-right: #d2d2d2; }
#headerLinks a:hover { color: #486cad; }
#headerLinks .current, #headerLinks .current:hover { color: #aaa; cursor: default; }
#headerLinks .left, #headerLinks .center, #headerLinks .right { float: left; }
#headerLinks .left { height: 32px; width: 5px; background: url(../images/0-header-links-sprite.jpg) no-repeat; }
#headerLinks .center { padding-left: 7px; height: 32px; background: url(../images/0-header-links-repeat.jpg) repeat-x; }
#headerLinks .right { height: 32px; width: 5px; background: url(../images/0-header-links-sprite.jpg) no-repeat -4px 0; }
#headerLinks .arrow { float: left; margin-top: 5px; margin-right: -2px; padding: 2px 0 0 5px; }
#headerLinks .arrow span { display: block; height: 6px; width: 11px; background: url(../images/0-header-links-sprite.jpg) no-repeat -10px 0; }
#headerLinks .dropDown { display: none; position: absolute; right: -5px; top: 24px; }
#headerLinks .dropDown .bottomLeft { float: left; background: url(../images/0-header-links-bottom-left.png) no-repeat bottom left; }
#headerLinks .dropDown .bottomRight { padding-bottom: 9px; margin-left: 7px; float: right; background: url(../images/0-header-links-bottom-right.png) no-repeat bottom right; }
#headerLinks .dropDown ul { margin: -3px 0 0; }
#headerLinks .dropDown li { clear: both; padding-left: 9px; padding-left: 9px; margin: 0; height: 20px; }
#headerLinks .dropDown .topRight { background: #eee; border-right: 1px solid #e2e2e2; width: 2px; height: 2px; display: block; position: absolute; top: -2px; right: 0; }

/* Preload images */
#headerLinks { background: url(../images/0-header-links-bottom-left.png) no-repeat -9999em -9999em; }
#headerLinks li { background: url(../images/0-header-links-bottom-right.png) no-repeat -9999em -9999em; }

/*
 *   Main
 */
#mainContainer { width: 980px; }
.row { width: 980px; float: left; }

.row745 { width: 745px; float: left; }
.row240 { width: 240px; float: left; }

/*  250px Puff start */
.puffStart250 { width: 238px; margin-left: 10px; float: left; display: inline; }
.puffStart250 a{display:block; width:231px; float:left;}
.puffStart250 .shdWrap { width: 219px; height: 110px; display: block; float: left;  margin-bottom: 6px; background: url(../images/0-250StartPuffBG2.jpg) no-repeat left bottom; }
.puffStart250 .shdWrap .imgCutWrap { width: 217px; height: 105px; display: block; overflow: hidden; margin: 2px 1px 2px 1px; float: left; }
.puffStart250 .puff250Text { width: 220px; display: block; float: left; cursor:pointer;}
.puffStart250 .puff250Text .title { font-size: 18px; line-height: 26px; display: block; }
.puffStart250 .puff250Text .text { color: #636363; font-size: 13px; line-height: 18px; display: block; }
.puffStart250 .puff250Text:hover h2.title, .puffStart250 .puff250Text:hover .text { color: #486cad; }
.puffStart250 a:hover,.puffStart250 a:hover p,.puffStart250 a:hover h2.title{color:#486cad;}
/*
*   Start Page
*/
.startMid { background: url(../images/0-startPageMidPart-Repeat.jpg) repeat-y left top; }
#startLeft { float: left; width: 430px; height: 110px; }
#startRight { float: left; width: 330px; height: 110px; }
.startPageDivide { width: 725px; margin: 25px 10px; float: left; height: 1px; background: url(../images/0-start-mid-divide-horisontalLine.jpg) no-repeat center bottom; }

/* Right menu */
.rightMenu{ position:absolute; right:0px; top:45px; width:234px}
.rightMenu ul , .rightMenu ul li { position:relative;}
.rightMenu ul li { height:39px; padding-top:16px;}
.rightMenu .first{background: url(../images/StartPageRightMenuFirst.png) no-repeat; height:37px;}
.rightMenu .item{background: url(../images/StartPageRightMenuItem.png) no-repeat;}
.rightMenu .last{background: url(../images/StartPageRightMenuLast.png) no-repeat;}
.rightMenu a{ display:block; height:23px; line-height:23px; padding-left:36px; margin-left:24px; color:#fff; background: url(../images/StartPageRightMenuArrow.png) no-repeat; font-weight:800; padding-top:6px;}

/* low puff start */
.startLowRow { float: left; width: 760px; margin-bottom: 30px; }
.startLowRowLEFT { width: 410px; margin-left: 10px; height: 150px; float: left; }
.startLowRowLEFT .shdLowWrap { display: block; float: left; width: 169px; height: 109px; background: url(../images/0-LOWStartPuffBG.jpg) no-repeat left bottom; }
.startLowRowLEFT .shdLowWrap .imgLowCutWrap { display: block; overflow: hidden; width: 167px; margin-left: 1px; height: 106px; }
.startLowRowLEFT .startLowRowTEXT { float: right; display: block; width: 226px; }
.startLowRowLEFT .startLowRowTEXT .title { font-size: 18px; width: 220px; line-height: 26px; display: block; }
.startLowRowLEFT .startLowRowTEXT .text { font-size: 13px; line-height: 18px;margin-top:5px; display:block; }
.startLowRowLEFT a:hover .title, .startLowRow .startLowRowLEFT a:hover .text p { color: #486cad; }
.startLowRow .lowStartDivide { width: 20px; float: left; height: 105px; background: url(../images/0-divide-line-vert.gif) repeat-y center top; margin: 0 0 15px 0; }

.startLowRowRIGHT { width: 310px; height: 150px; float: right; }
.startLowRowRIGHT .startLowRowTEXT { float: right; display: block; width: 280px; margin-right: 23px; }
.startLowRowRIGHT .startLowRowTEXT .title { font-size: 18px; width: 270px; line-height: 26px; display: block; }
.startLowRowRIGHT .startLowRowTEXT .text { font-size: 13px; line-height: 18px;margin-top:5px; display:block; }
.startLowRowRIGHT a:hover .text, .startLowRowRIGHT a:hover .text p { color: #486cad; }

/*  news stream  */
.newsStream { width: 180px; float: left; display: block; padding-bottom: 30px; margin-bottom: 4px; margin-left:30px}
.newsStream h4 { font-size: 20px; line-height: 25px; margin: 38px 0 0 23px; font-weight: lighter; }
.newsStream .stream { width: 205px; margin: 12px 0 0 25px; float: left; }
.newsStream a{ display:block; padding-left:46px; height:46px; line-height:32px; margin-top:10px; color:#2d4876}
.RSSLink{ background: url(../images/RSSIcon.png) no-repeat; }
.FlickrLink{background: url(../images/FlickrIcon.png) no-repeat;}
.TwitterLink{background: url(../images/TwitterIcon.png) no-repeat;}
.FacebookLink{background: url(../images/facebookIcon.png) no-repeat;}
.newsStream .separator, .errorMain .separator{background:url("../images/0-separator-horizontal.jpg") repeat-x center; margin-top:20px; margin-bottom:20px; clear:both; height:1px }
.newsStream h5{font-size:14px; font-weight:800; color:#333; margin-top:10px}
.newsStream h4{margin-left:0px}
.newsStream a, .newsStream .separator, .newsStream h5{margin-left:0px}

/* används inte just nu 
.newsStream .bottomStreamLinks { width: 205px; float: left; margin-left: 20px; }
.newsStream .bottomStreamLinks #moreNews { background: url(../images/0-moreNews-btn.png) no-repeat left 1px; color: #486cad; width: 80px; padding: 2px 0 0 24px; margin-bottom: 10px; display: block; font-size: 12px; }
.newsStream .bottomStreamLinks #moreNews:hover { background-position: left bottom; }
.newsStream .bottomStreamLinks #rssFeed { padding: 0 0 0 22px; background: url(../images/0-rss-btn.png) no-repeat left top; display: block; width: 80px; color: #486cad; font-size: 12px; }
.newsStream .bottomStreamLinks #rssFeed:hover { background-position: left bottom; }
*/

/*
 *   Footer
 */
#footerWrap { width: 100%; float: left; background: url(../images/0-foot-bg-repea2.jpg) repeat-x center bottom; }
#footer { width: 1000px; height: 266px; margin: 0px auto; }

/*  breadCrumb  */
#breadCrumb { height: 37px; width: 1000px; float: left; display:inline;}
#breadCrumbEnd { width: 50px; height: 24px; float: left; margin: 6px 0 0 10px; display: block; background: url(../images/0-breadCrumb-end-btn.png) no-repeat left top; }
#breadCrumbEnd:hover { background-position: left bottom; }
#breadCrumb ul { float: left; margin-top: 7px; margin-left: -8px; display: inline; }
#breadCrumb li { height: 23px; float: left; display: inline; }
#breadCrumb li a { cursor: pointer; padding-left: 7px; float: left; background: url(../images/0-breadCrumb-arrowEnd.png) no-repeat left top; }
#breadCrumb li .outer { padding-right: 7px; float: left; background: url(../images/0-breadCrumb-arrowPoint.png) no-repeat right top; }
#breadCrumb li .outer span { float: left; height: 16px; background: url(../images/0-breadCrumb-arrowRepeat.png) repeat-x left top; padding: 3px 12px; color: #ddd; }
#breadCrumb li a:hover { background-position: left bottom; }
#breadCrumb li a:hover .outer { background-position: right bottom; }
#breadCrumb li a:hover .outer span { background-position: left bottom; }

/* plate parts */
#footerPuffs { width: 980px; margin: 0 10px; float: left; font-size: 11px; }
#footerPuffs .left { height: 205px; float: left; margin-right: 20px; background: url(../images/0-foot-plate-left.jpg) no-repeat left top; }
#footerPuffs .center { height: 205px; width: 165px; background: url(../images/0-foot-plate-repeat.jpg) repeat-x left top; margin-left: 5px; }
#footerPuffs .right { height: 205px; background: url(../images/0-foot-plate-right.jpg) no-repeat right top; }
#footerPuffs .padding { float: left; margin: 12px; position: relative; }
#footerPuffs .padding h5 { color: #fff; font-weight: lighter; font-size: 17px; line-height: 25px; margin-bottom: 4px; }
#footerPuffs .padding ul { margin: 0; width: 130px; }
#footerPuffs .padding ul li a { color: #fff; font-size: 11px; display: block; line-height: 20px; }
#footerPuffs .padding ul li a:hover { text-decoration: underline; }

/* form puff */
#footerForm { margin-top: 30px; margin-right: 5px; width: 158px; }
#footerForm .genericTextBox input { width: 145px; }
#footerForm .genericButton { margin-top: 5px; }
#footerForm .genericButton input { width: 152px; }

#footerMap { position: absolute; right: 0; top: 45px; }
#footerPuffs .uniSelectBox { margin-top: 5px; }

/* low line */
#footerLowBar { width: 980px; height: 34px; margin: 0 auto; }
#footerLowBar address { font-size: 10px; color: #fff; margin-top: 9px; font-style: normal; float: left; }
#DisclamerMenu { height: 25px; float: right; margin-top: 7px; background: url(../images/0-disclamMenuDivider.gif) repeat-x left center; }
#DisclamerMenu ul { float: left; margin-left: -1px; }
#DisclamerMenu li { display: inline; }
#DisclamerMenu a { color: #fff; height: 15px; background: url(../images/0-disclamMenuBG.jpg) repeat-x left -7px; margin-left: 1px; padding: 2px 5px 0 5px; display: block; float: left; font-size: 10px; }
#DisclamerMenu a:hover { text-decoration: underline; }

/* Horizontal scroll slider start */

.horizontalScroll{ margin:20px 0px 20px 20px; position:relative}
.horizontalScroll .viewPort{width:939px; position:relative; overflow:hidden; height:90px;}
.horizontalScroll .content{position:absolute; top:0; left:0; height:90px; margin-left:31px}
.horizontalScroll .ui-slider-handle{width:50px; height: 20px; cursor:pointer; display:block; position:absolute; padding-top:3px}
.horizontalScroll .sliderContainer{width:100%; margin: 0px auto;} 
.horizontalScroll .slider{width:100%; height:20px; position:relative;} 
.horizontalScroll .content-item{ color:#555;display:block; overflow:visible; margin:15px 0; background:url(../images/WindowScrollBg.png) no-repeat left center;float:left;height:70px;position:relative;width:196px; margin-right:31px}

.horizontalScroll .content-item .image{cursor:pointer;height:68px;right:7px; z-index:0; overflow:hidden;position:absolute;top:-10px;width:176px; text-align:center}
.horizontalScroll .content-item .image img{float:right;}
.horizontalScroll .content-item .title{ cursor:pointer;font-size:12px;font-weight:800;left:8px;position:absolute;text-align:center;top:31px;width:140px;height:31px; line-height:45px; }
.horizontalScroll .content-item .title.hover , .horizontalScroll .content .selected{color:#000;}
.horizontalScroll .content .selected, .horizontalScroll .content .content-item:hover{background-image:url(../images/WindowScrollBgSelected.png)} 

.horizontalScroll .image .color{ display:none;}
.horizontalScroll .image .bnw{ display:block;}
.horizontalScroll .selected .bnw{display:none;}
.horizontalScroll .selected .color{display:block;}

.horizontalScroll .horscroll-handle-wrap{background:url(../images/category-scroll-repeat.png) repeat-x;float:left;height:39px;margin-left:26px;width:888px;}
.horizontalScroll .horscroll-slider-wrap{background:url(../images/category-scroll-sprite.png) no-repeat -63px -17px;height:39px;width:940px;}
.horizontalScroll .horscroll-slider-wrap .right{background:url(../images/category-scroll-sprite.png) no-repeat 0 -17px;float:left;height:39px;width:26px;}
.horizontalScroll .horscroll-handle .ui-slider-handle{height:22px;margin:0 45px; background:none}

.horizontalScroll .ui-slider-handle .handleLeft, 
.horizontalScroll .ui-slider-handle .handleRight, 
.horizontalScroll .ui-slider-handle .handleBg{height:17px; position:absolute;}

.horizontalScroll .ui-slider-handle .handleLeft{ width:10px;  background:url("../Images/scrollHandle/BgLeft.png") no-repeat top left;}
.horizontalScroll .ui-slider-handle .handleBg {  left:10px; right:10px; background:url("../Images/scrollHandle/BgRepeat.png") repeat-x top left;}
.horizontalScroll .ui-slider-handle .handleRight{right:0px;float:left;width:10px; background:url("../Images/scrollHandle/BgRight.png") no-repeat top left;}
 
 
#categoryPage .horizontalScroll .viewPort{width:981px; position:relative; overflow:hidden; height:70px;}
#categoryPage .horizontalScroll{ top:314px; margin-left:0px}
#categoryPage .horizontalScroll .content{margin-left:41px}
#categoryPage .horizontalScroll .content-item{background:url(../images/category-thumb-bg.png) no-repeat left center; height:80px;margin-right:41px;}
#categoryPage .horizontalScroll .content-item .image{top:3px; cursor:pointer;height:57px;left:1px;overflow:hidden;position:absolute;width:194px;}
#categoryPage .horizontalScroll .content-item .overlay{background:url(../images/0-background-white-transparent.png);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;}
#categoryPage .horizontalScroll .selected .overlay{display:none;}
#categoryPage .horizontalScroll .content-item .title{top:auto; bottom:4px; line-height:12px; height:12px;cursor:pointer;font-size:12px;font-weight:700;left:1px;position:absolute;text-align:center;width:194px;}
#categoryPage .horizontalScroll .content-item .selected{color:#000;}
#categoryPage .horizontalScroll .content-item .hover{color:#000; font-weight:800}
#categoryPage .horizontalScroll .content{height:94px;}
#categoryPage .horizontalScroll .viewPort{height:105px;}
#categoryPage .horizontalScroll .horscroll-slider-wrap{width:981px;}
#categoryPage .horizontalScroll .horscroll-handle-wrap{width:929px;}



#accessoriesPage .horizontalScroll, #accessoryPage .horizontalScroll {margin-bottom:0px}


.horscroll-handle-wrap{background:url(../images/category-scroll-repeat.png) repeat-x;float:left;height:39px;margin-left:26px;width:928px;}
.horscroll-slider-wrap{background:url(../images/category-scroll-sprite.png) no-repeat -63px -17px;height:39px;width:980px;}
.horscroll-slider-wrap .right{background:url(../images/category-scroll-sprite.png) no-repeat 0 -17px;float:left;height:39px;width:26px;}
.horscroll-handle{height:22px;margin:0 45px;}

.horscroll-handle .ui-slider-handle{background:url(../images/category-scroll-sprite.png) no-repeat 0 0;float:left;height:17px;margin-left:-45px;margin-top:3px;position:relative;width:89px;} .horscroll-content{margin:0 15px 7px;overflow:hidden;position:relative;width:950px;}
.horscroll-content .content-wrap{width:9999px;}
.mapContainer a.demoShopIcon{ position:absolute; background: url(../Images/retailerHouse.png) no-repeat 0 0; display:block; height:27px; width:28px;}
.mapContainer{ position:relative; float:left;}

.windowscroll .image .color{ display:none;}
.windowscroll .selected .color{display:block;}

.windowscroll .image .bnw{ display:block;}
.windowscroll .selected .bnw{display:none;}

/* Horizontal scroll slider end */
#contentBody{
	width: 960px;
	margin: 30px 10px 0;
	background-image:url(../images/0-separator-vertical.jpg);background-position:665px 0; background-repeat:repeat-y;
}

.hDivideLine730 { height: 1px; width: 730px; float: left; margin: 25px 0 0 10px; background: url(../images/0-divide-line.gif) repeat-x left top; }


/* Text Boxes */

.genericTextBox, .genericButton {
	background: transparent url(../images/jquery-uniform-sprite.png) no-repeat left -297px;
	display: block;
	height: 26px;
	width: 7px;
	overflow: visible;
}
.genericTextBox input, .genericButton input {
	background: transparent url(../images/jquery-uniform-sprite.png) no-repeat right -493px;
	border: none;
	color: #aaa;
	font-size: 13px;
	height: 25px;
	margin-left: 7px;
	padding-right: 7px;
}
.genericButton { background-position: left -183px; height: 25px; }
.genericButton input {
	background-position: right -549px;
	color: #444;
	cursor: pointer;
	padding-right: 10px;
}

.genericButton:hover { background-position: left -207px; }
.genericButton input:hover { background-position: right -573px; color: #000; }
.genericTextBox .focus { color: #444; }


#topContainer{position:absolute; left:-1px; top: 20px;}
.topContainer_top{background:url("../images/topContainer_top.png") no-repeat right;height:3px;margin-top:24px}
.topContainer_content{background:url("../images/topContainer_bg.png") repeat-y right; height:302px;}
.topContainer_bottom{background:url("../images/topContainer_bottom.png") no-repeat right;height:2px}

.topContainerText{width:383px; float:left; padding:20px; margin-top:20px; margin-left:16px}
.topContainerText h1{font-size:28px; color:#373737}
.topContainerText p{font-weight:600;}
.topContainerImage{width:213px; float:left; padding:10px; text-align:center}
.topContainerImagelist{width:305px; float:left;}

.topContainerImagelist ul li{cursor:pointer; margin-bottom:1px; height:74px; position:relative}
.topContainerImagelist ul li .leftBorder{ float:left; width: 2px; background:url("../images/ProductImageListBorderLeft.png") repeat-y; height:74px;}
.topContainerImagelist ul li .imageBackground{   }
.topContainerImagelist ul li .arrowlink{ margin-top:30px; margin-left:10px; }

.topContainerImagelist ul li .background{ position:absolute; width:305px; height:100%; background:url("../images/ProductImageLiBG.png") repeat-x;  }
.topContainerImagelist ul li .background .imageBackground{ position:absolute; background:url("../images/imageBG.png") no-repeat center; top:0px; right:2px; width:105px; height:74px; }
.topContainerImagelist ul li .content .imageContent{ float:right; width:105px; height:74px; margin-right:2px; text-align:center; }
.topContainerImagelist ul li .content .imageContent img{margin-top:6px}
.topContainerImagelist ul li .content{ position:relative; height:74px;}

.tabsBackground{width:100%; margin-bottom:20px;}
.tabsWrapper{ position:relative; width:944px;margin:0px auto}
.tabsWrapper .tabs{position:relative; height:29px; width:943px;z-index:0px; margin-left:1px; }
.tabsWrapper .tab{z-index:0; position:relative; height:30px; float:left; margin-right:1px; padding:0px 0px 0px 0px; cursor:pointer }
.tabsWrapper .tabStart,.tabsWrapper .tabEnd {float:left;width:6px}
.tabsWrapper .tabStart,.tabsWrapper .tabContent,.tabsWrapper .tabEnd{height:38px;}
.tabsWrapper .tabStart{background:url("../images/tabStart.png") no-repeat left}
.tabsWrapper .tabContent{background:url("../images/tabContent.png") repeat-x; color:#fff;font-variant:small-caps; font-weight:800; font-size:10px; float:left;padding:0px 16px; line-height:31px}
.tabsWrapper .tabEnd{background:url("../images/tabEnd.png") no-repeat right}
.tabsWrapper .selected .tabStart{background:url("../images/tabStart_selected.png") no-repeat left}
.tabsWrapper .selected .tabContent{background:url("../images/tabContent_selected.png") repeat-x; color:#000}
.tabsWrapper .selected .tabEnd{background:url("../images/tabEnd_selected.png") no-repeat right}

.tabsWrapper .datacontent{ border:1px solid black; width:922px;clear:both; padding:0px 10px 0px 10px;}
.tabsWrapper .selectedTabData,.tabData{position:absolute; display:none}
.tabsWrapper .selectedTabData{display:block}
.tabsWrapper .top, .tabsWrapper .content, .tabsWrapper .innerContent, .tabsWrapper .bottom{position:relative; z-index:10; float:left}
.tabsWrapper .top{background:url("../images/tabContainerTop.png") no-repeat left; height:6px; width:944px;}
.tabsWrapper .outerContent{}
.tabsWrapper .content{background:url("../images/tabContainerBackground.png") repeat-y;}
.tabsWrapper .bottom{background:url("../images/tabContainerBottom.png") no-repeat left; height:6px; width:944px; }

.tabsWrapper .dynamicContent{float:left; width:489px; vertical-align:top; padding:0px 10px 10px 10px}
.tabsWrapper .staticContent1, .staticContent2{float:left; width:182px;  padding:10px}
.tabsWrapper .staticContent1 a{margin-bottom:10px}
.tabsWrapper .staticContent2{ width:213px}

.tabsWrapper .dynamicContent .genericTabContent{margin: 10px 0px 10px 10px }
.tabsWrapper .dynamicContent .ColorTabInfo{margin: 10px 0px 10px 10px; clear:both;}

.colorList .suspensionItem{padding:10px 10px 10px 10px; margin:0px 0px 0px 0px}
.colorList .suspensionItemData{width:469px;}
.colorList .suspensionItem img{}


.suspensionList .suspensionItem h5{width:259px;float:left}
.suspensionList .suspensionItem{padding:10px; margin-left:10px; margin-right:10px}
.suspensionList .suspensionItemImage{float:left; width:180px; text-align:center; margin-right:10px}
.suspensionList .suspensionItemData{float:left; width:259px;}
.suspensionList .suspensionItemSeparator{ background:url("../images/0-separator-horizontal.jpg") repeat-x bottom; margin-bottom:20px; clear:both }
.suspensionList .suspensionItemData p{margin-bottom:10px}
.suspensionList .suspensionItem h5{width:259px;float:left}



.blueLink {margin-top:20px;clear:both; margin-left:-12px}
.blueLink div{height:33px; float:left}
.blueLink .Left{ background:url("../images/BlueLink_left.png") no-repeat ;width:43px }
.blueLink .Content{ background:url("../images/BlueLink_content.png") repeat-x}
.blueLink .Right{ background:url("../images/BlueLink_right.png") no-repeat ;width:41px}
.blueLink .Content a{color:#fff; line-height:30px}

.row{margin:24px 0 24px 0;}
.bannerText{position:absolute; top:52px; left:440px; width:442px;}
.row .puffStart250 { width: 231px; margin-left: 14px; float: left; display: inline; }
.row .puffStart250 .shdWrap { width: 219px; height: 108px; display: block; float: left;  margin-bottom: 6px; background: url(../images/0-250StartPuffBG2.jpg) no-repeat left bottom; }
.row .puffStart250 .shdWrap .imgCutWrap { width: 217px; height: 103px; display: block; overflow: hidden; margin: 2px 1px 2px 1px; float: left; }
.row .puffStart250 .puff250Text { width: 220px; display: block; float: left; }
.row .puffStart250 .puff250Text .title { font-size: 18px;  line-height: 26px; display: block;margin:5px 0; }
.row .puffStart250 .puff250Text .text { font-size: 13px; line-height: 18px; display: block; }
.row .puffStart250 .puff250Text:hover .title, .puffStart250 .puff250Text:hover .text { color: #486cad; }

#accessoriesPage .content-wrap .content-item, #accessoryPage .content-wrap .content-item{ float: left; width:237px; }
#accessoriesPage .content-wrap .content-item.last, #accessoryPage .content-wrap .content-item.last{ width:2px; }
#accessoriesPage .content-wrap .content-item a, #accessoryPage .content-wrap .content-item a{
	background: url(../images/0-accessories-bg-scroll.png) no-repeat;
	display: block;
	height: 16px;
	padding: 25px 80px 25px 20px;
	font-size: 16px;
	color: #3d3e3f;
	text-align: center;
}
#accessoriesPage .content-wrap .content-item a.selected, #accessoryPage .content-wrap .content-item a.selected{
    background-position: 0 bottom;
}

#accessoriesPage .horscroll-content .content-wrap, #accessoryPage .horscroll-content .content-wrap{padding-left: 21px;}

.accessory.selected{background-position: bottom;}



.puff{}
.puffSeparator{height:40px;}
.puff .imageDiv {text-align:center}
.puff .puffTitle, .puff .puffText, .puff .arrowlink{margin:3px 20px 3px 20px;}
.puff .puffTitle{ font-weight:800;}
.puff .arrowlink{}
.puff h3{font-size:16px;}

#categoryPage .horscroll-content .hover, #categoryPage .horscroll-content .selected{color:#000;}



#productPage .topContainerText p{
    font-size:14px;
    font-weight:400;
}



/* arrowlink */
a.arrowlink.countyAJAX {font-size:11px; margin-top: 10px; }
a.arrowlink{background:url("../images/0-button-arrow-right.png") top left no-repeat;color:#2d4876;display:block;float:left;height:19px;line-height:19px;padding-left:24px; font-size:12px;}
a:hover.arrowlink{background-position:bottom left;}
/* end arrowlink */


/* Ui tabs start */
.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{left:-99999999px;position:absolute;}
.ui-helper-reset{border:0;font-size:100%;line-height:1.3;list-style:none;margin:0;outline:0;padding:0;text-decoration:none;}
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.ui-helper-clearfix{display:block;}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-zfix{filter:Alpha(Opacity=0);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;}
.ui-tabs{position:relative;zoom:1;}
.ui-tabs .ui-tabs-panel{display:block;}
.ui-tabs .ui-tabs-hide{display:none !important;}
/* Ui tabs end */

/********** GENERIC END **********/

/********** TEMPLATES START **********/

/* CategoryPage start */
#contentTop{background:url(../images/0-separator-vertical.jpg) repeat-y 665px;clear:both;}
#mainText{padding-right: 100px;}
#preview{position:absolute; left:-1px; top:0px;}
#preview .item{background:url("../images/category-preview-bg.png") no-repeat;display:none;height:307px;position:absolute;width:982px;left:0; top:0}
#preview .selected{display:block;}
#preview .productImage{background:url(../images/loader.gif) no-repeat center center;height:305px;left:1px;overflow:hidden;position:absolute;top:0;width:980px;}
#preview .productImage img{left:0;position:absolute;top:0;}
#preview .info{background:url(../images/0-background-white-transparent.png);left:30px;padding:20px 20px 15px;position:absolute;top:70px;}
#preview .info h3{color:#333;font-size:29px;font-weight:700;margin-bottom:5px;}
#preview .info p{color:#333;font-size:14px;font-weight:700;margin-bottom:10px;max-width:250px;line-height:18px;}
#preview .info .readMore{background:url("../images/0-button-arrow-right.gif") no-repeat scroll left top;color:#000;display:block;font-size:14px;height:24px;padding:1px 0 0 24px;}

#steps{
	padding-top:20px;
	margin-top:20px;
	overflow:visible;
	width:650px;
	background: url(../images/0-separator-horizontal.jpg) repeat-x left top ;
}
#steps h3{color:#373737;font-size:21px;left:50px;line-height:24px;position:absolute;top:12px;}
#steps h4{color:#373737;font-size:18px;line-height:21px;}
.step{background:#fff url(../images/0-step-bg-repeat.jpg) repeat-y bottom;cursor:pointer;margin:12px 0;position:relative;width:545px;}
.step .top{background:url(../images/0-step-bg-top.jpg) no-repeat;height:5px;width:100%;}
.step .header{height:55px;position:relative;z-index:2;}
.step .text{float:left;width:285px;}
.step .arrow{background:url(../images/0-step-arrow.png) no-repeat;height:21px;left:20px;position:absolute;top:14px;width:14px;}
.step.open .arrow{background-image:url(../images/0-step-arrow-open.png);height:14px;left:20px;top:20px;width:21px;}
.step .bottom{background:url(../images/0-step-bg-bottom.jpg) no-repeat left top;bottom:0;display:block;height:50px;left:0;position:absolute;width:100%;z-index:1;}
.step .content{padding:0 20px 20px;position:relative;z-index:2; display:none; width:505px;}
.step .image{float:left;margin-right:20px;overflow:hidden;position:relative;text-align:center;width:200px;}
/* CategoryPage end */

/* AccessoriesPage start */
/* AccessoriesPage end */

/* AccessoryPage start */
#mainColumn .item .image{background-color:#414140;float:left;height:100px;margin-right:20px;overflow:hidden;text-align:center;width:150px;}
#mainColumn .item{background:url(../images/0-separator-horizontal.jpg) repeat-x top;margin-top:20px;padding-top:20px;}
#mainColumn .item .text{float:left;width:420px;}
#mainColumn .item.first{background:none;margin-top:5px;padding-top:0;}
/* AccessoryPage end */

/* Generic AccessoriesPage & AccessoryPage start */
#tabBox{position: absolute; top: 15px; left:-1px;}
#tabBox .bottom{background:url(../images/0-tab-box-bg-bottom.png) no-repeat;height:2px;width:982px; clear:both;}
#tabBox .navigation{margin-left:3px;}
#tabBox li{background:url(../images/0-tab-box-tab-left.png) no-repeat;float:left;height:30px;left:-3px;padding-left:7px;position:relative;top:1px;white-space:nowrap;}
#tabBox li.ui-tabs-selected{background-image:url(../images/0-tab-box-tab-left-active.png);height:31px;padding-left:8px;top:0;}
#tabBox li a{background:url(../images/0-tab-box-tab-repeat.png) repeat-x;color:#fff;float:left;font-size:16px;height:18px;padding:6px 10px;}
#tabBox li.ui-tabs-selected a{background-color:#f5f3f3;background-image:none;color:#373737;height:17px;padding:7px 10px;}
#tabBox li span{background:url(../images/0-tab-box-tab-right.png) no-repeat;display:block;float:left;height:30px;width:8px;}
#tabBox li.ui-tabs-selected span{background-image:url(../images/0-tab-box-tab-right-active.png);height:31px;width:7px;}
#tabBox .tabContent{background:url(../images/0-tab-box-bg-repeat.png) repeat-y;height:231px;padding:45px 516px 30px 30px;position:absolute;width:436px;}
#tabBox .image{position:absolute;right:1px;top:1px;}
#tabBox h3{color:#373737;margin-bottom:10px;}
#tabBox p{font-size:14px;line-height:20px;margin:10px 0;}
/* Generic AccessoriesPage & AccessoryPage end */

/* Generic CategoryPage, AccessoriesPage & AccessoryPage start */
#mainColumn{float:left;width:650px;padding-bottom:20px;}
/* #rightColumn h2{color:#373737;font-size:25px;line-height:30px;margin-bottom:10px;} */
#mainColumn p,#rightColumn p{font-size:13px;line-height:20px;margin:10px 0;}
#rightColumn{float:left;margin-left: 30px;width:280px;}
#contentBottom{background:url(../images/0-separator-horizontal.jpg) repeat-x;margin:30px 0;margin-top:30px;width:960px;}
#bottomLinks .item{float:left;margin-left:26px;width:220px;}
#bottomLinks .item .text{padding:5px 5px 0;}
#bottomLinks .item .image{padding-bottom:3px;background: #fff url(../images/0-bottom-links-shadow.png) no-repeat bottom; width: 220px; height: 105px; display:block; overflow:hidden;}
#bottomLinks .item.first{margin-left:0;}
#contentBottom h3{color:#373737;font-size:18px;line-height:21px;}
#contentHeader {position: relative; height: 472px;}
#slider {position: absolute; bottom: 0;}
.blueButton{
	display: none;
	background:url("../images/0-button-blue-left.png") no-repeat scroll 0 0 transparent;
	height:33px;
	left:10px;
	padding-left:43px;
	position:absolute;
	top:10px;
}
.blueButton .text{
	background:url("../images/0-button-blue-repeat.png") repeat-x scroll 0 0 transparent;
	display:block;
	float:left;
	height:33px;
}
.blueButton .right{
	background:url("../images/0-button-blue-right.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:33px;
	width:41px;
}
#sliderCategory2{
	bottom:0;
	left:0;
	position:absolute;
}
#sliderCategory1{
	bottom:0;
	left:0;
	position:absolute;
}

/* Generic CategoryPage, AccessoriesPage & AccessoryPage start */

.column{background:url(../images/0-separator-horizontal.jpg) repeat-x top;padding:20px 10px; width:260px;}
.column.first{background:none;padding-top:0;}
.column.last{background:none;padding-bottom:0;}
span.clear{clear:both;display:block;font-size:0;line-height:0;position:relative}

/* Generic Page */

.genericMenu{width:180px; float:left; margin-right:20px; min-height:1px}
/* .genericMenu li{width:180px;} */
.genericMenu .level-0{ background:url("../images/GenericMenu/level0.png") no-repeat top left;}
.genericMenu .level-2{ background:url("../images/GenericMenu/level2.png") repeat-y;}

.genericMenu a{ display: block;height:30px; line-height:30px;}
.genericMenu .level-0 a {padding-left:8px; color:#fff;}
.genericMenu .level-1 a {padding-left:8px; display:block; background:url("../images/GenericMenu/level1.png") no-repeat top left;}
.genericMenu .level-2 a { display:block; background:url("../images/GenericMenu/level2.png") no-repeat top left;}
.genericMenu .menuBottom{ background:url("../images/GenericMenu/bottom.png") no-repeat top left; height:10px; width:180px }

#normalPage .main{width: 780px; float:left;}
#normalPage .puffs .mainTop{width:780px; height:6px; background:url("../images/GenericContent/top.png") no-repeat; float:left; clear:both;}
#normalPage .puffs .mainContent{width:780px; background:url("../images/GenericContent/content.png") repeat-y top left; float:left; clear:both;}
#normalPage .puffs .mainBottom{width:780px; height:6px;  background:url("../images/GenericContent/bottom.png") no-repeat top left;float:left; clear:both;}

#normalPage .noPuffs .mainTop{width:780px; height:5px; background:url("../images/GenericContent/GenericPage_NoPuff_Top.png") no-repeat; float:left; clear:both;}
#normalPage .noPuffs .mainContent{width:780px; background:url("../images/GenericContent/GenericPage_NoPuff_BG_RepeatY.png") repeat-y top left; float:left; clear:both;}
#normalPage .noPuffs .mainBottom{width:780px; height:6px;  background:url("../images/GenericContent/GenericPage_NoPuff_Bottom.png") no-repeat top left;float:left; clear:both;}



#normalPage .pageContent{float:left; width:525px; margin: 21px 21px 21px 21px}
#normalPage .pageContent .image{width:525px; margin-bottom:10px;}
#normalPage .pageContent .imageCaption{width:525px; margin-bottom:10px; color:#9a9d9a}
#normalPage .puffs{width:213px; float:left;}
#normalPage .content{margin:40px 0 40px 0;}
#normalPage .puff{padding:0 px 10px 0 px 10px; margin-top:21px}

.genericTabContent ul, #normalPage .pageContent ul{margin-bottom:18px;}
.genericTabContent ul li, #normalPage .pageContent ul li{ list-style-type:disc; list-style-position:inside; margin-left:4px}
.genericTabContent p, #normalPage .pageContent p{margin:4px 0px 18px 0px; }
.genericTabContent a, #normalPage .pageContent a{color:#486CAD;}
.genericTabContent a:hover, #normalPage .pageContent a:hover{text-decoration:underline}
.genericTabContent h1,
.genericTabContent h2,
.genericTabContent h3,
.genericTabContent h4,
.genericTabContent h5,
.genericTabContent h6,
#normalPage .pageContent h1,
#normalPage .pageContent h2,
#normalPage .pageContent h3,
#normalPage .pageContent h4,
#normalPage .pageContent h5,
#normalPage .pageContent h6{
    color:black;
    margin:8px 0px 2px 0px;
}

.genericTabContent h1, #normalPage .pageContent h1{ font-size:26px}
.genericTabContent h2, #normalPage .pageContent h2{ font-size:20px}
.genericTabContent h3, #normalPage .pageContent h3{ font-size:16px}
.genericTabContent h4, #normalPage .pageContent h4{ font-size:14px}
.genericTabContent h5, #normalPage .pageContent h5{ font-size:12px}
.genericTabContent h6, #normalPage .pageContent h6{ font-size:10px}

#findRetailerPage #contentBody, #county #contentBody{background:url(../images/RetailerBg.png) repeat-y scroll 0 0 transparent;  margin-bottom:20px}
#findRetailerPage .selectBox, #county .selectBox{float:left; width:284px; padding:8px;}
#findRetailerPage .mapImageBox, #county .mapImageBox{float:left; width:360px; padding:8px;}
.countyDetailsBox,#county .countyDetailsBox{float:left; width:268px; padding: 8px 0px 0px 8px;}

.countySelectBox{width:180px;}
.countySelectBox .header{background:url(../images/Find_Retailer/County_List_Header.png) no-repeat scroll 0 0 transparent; padding:4px 0px 4px 12px; color:#fff;font-size:14px}
.countySelectBox ul{background:url(../images/Find_Retailer/County_List_BG_Repeat_Y.png) repeat-y scroll 0 0 transparent; height:400px; overflow:auto}
.countySelectBox ul li{padding:2px 0px 2px 10px;margin:0px 2px; background-color:#f8f8f8; font-size:10px; height:20px}
.countySelectBox ul li a{font-size:12px; display:block; color:#000}
.countySelectBox ul li.alt{ background-color:#e7e7e7 }
.countySelectBox ul li.selected {background:url(../images/Find_Retailer/County_ListItem_BG_Repeat_X.png) repeat-x scroll 0 0 transparent}
.countySelectBox .footer{background:url(../images/Find_Retailer/County_List_Bottom.png) no-repeat scroll 0 0 transparent; height:6px;}

#findRetailerPage #BGWrap, #county #BGWrap{ background: url(../images/RetailerWrapBG.png) repeat-x center top;}
#findRetailerPage #footerWrap,#county #footerWrap{background-image:url(../images/retailerFooterBg.png);}
#findRetailerPage #footer,#county #footer{ height:256px; padding-top:68px }
#findRetailerPage .countyDetailsBox img{ vertical-align:middle}
#findRetailerPage 
#findRetailerPage h4,#findRetailerPage h5,#findRetailerPage h6{ font-weight:800;font-size:20px;font-weight:bold;}
#findRetailerPage h5{font-size:14px; margin-top:10px; margin-bottom:2px; line-height:16px; }
#findRetailerPage h6{font-size:10px; margin-top:4px; margin-bottom:2px; line-height:14px; display:inline;}

#county h3,#county h4,#county h5,#county h6 { font-weight:800;font-size:20px;font-weight:bold;}
#county .countyDetailsBox h3{ font-size:14px; margin-top:10px; margin-bottom:2px; line-height:16px; }
#county .countyDetailsBox h4{ font-size:12px; margin-top:10px; margin-bottom:2px; line-height:14px;}
#county .countyDetailsBox h5{font-size:10px; margin-top:4px; margin-bottom:2px; line-height:14px; display:inline;}
#county .countyDetailsBox h6{}



#county {font-size:11px}
#county .demoShopHeading{ background: url(../images/retailerHouse.png) no-repeat; background-position:  center  right;  height:28px; line-height:28px}
#county .slogan{font-size:20px; font-weight:bold; margin-bottom:10px}
#county .hours{margin-left:10px;}
#county .shops,#county .retailers,#county .hoursHeading{font-weight:800; margin-bottom:4px;}
#county .retailerSeparator{ background:url("../images/0-separator-horizontal.jpg") repeat-x bottom; margin:10px 0px; clear:both; height:1px}
#county .mapImageBox .retailerHouse{ position:absolute; }
#county .countyDetailsBox img{padding:20px 0px; display:block;} 
#county .emailLink a{color:#486CAD;font-size:100%}

body.lightBoxPage #wrap{width:690px  ; margin:0 auto; padding:16px;}
body.lightBoxPage #mainContainer{width:100%}

/*
#retailerDistrict .person{ width:334px; float:left; height:130px;}
#retailerDistrict .person .title{display:block; float:left; clear:both; width:334px; margin-bottom:6px}
#retailerDistrict .person img{border:1px solid #999; float:left; clear:left;}
#retailerDistrict .person .personData{width:216px; float:left;  margin-left:16px; font-size:12px; line-height:20px; padding-top:10px}
#retailerDistrict .districtTitle{margin:15px 0 6px 0;}
*/

#retailerDistrict {margin:20px auto;padding:20px;width:600px;}
#retailerDistrict .person{ width:250px; height:130px;}
#retailerDistrict .person.even{ float:left; }
#retailerDistrict .person.odd{ float:right; }
#retailerDistrict .person .title{display:block; float:left; clear:both; width:334px; margin-bottom:6px}
#retailerDistrict .person img{border:1px solid #999; float:left; clear:left; width:90px;}
#retailerDistrict .person .personData{width:140px; float:right;  margin-left:16px; font-size:12px; line-height:20px; padding-top:10px}
#retailerDistrict .districtTitle{margin:15px 0 6px 0;}
#retailerDistrict .section {clear:both; /*border-bottom:1px dotted #ddd; */margin:20px 0;}
.lightBoxDivide {width:100%; margin:0 0 20px 0; float: left; height: 1px; background: url(../images/0-start-mid-divide-horisontalLine.jpg) no-repeat center bottom; }

#orderCataloguePage{width:300px; height:130px; padding:0; }
#orderCataloguePage .genericTextBox{width:280px;}
#orderCataloguePage .genericTextBox input{width:285px;}

#orderCataloguePage .genericButton{width:130px;}
#orderCataloguePage .genericButton input{width:124px;}

#orderCataloguePage #errorMessage{display:none}
#orderCataloguePage #successMessage{display:none}

#customerServicePage .bannerText h1,
#customerServicePage .bannerText h2,
#customerServicePage .bannerText h3,
#customerServicePage .bannerText h4,
#customerServicePage .bannerText h5,
#customerServicePage .bannerText h6{ margin-bottom:4px; }
#customerServicePage .bannerText h1{ font-size:20px}
#customerServicePage .bannerText h2{ font-size:18px}
#customerServicePage .bannerText h3{ font-size:16px}
#customerServicePage .bannerText h4{ font-size:14px}
#customerServicePage .bannerText h5{ font-size:12px}
#customerServicePage .bannerText h6{ font-size:12px; font-weight:800}
#customerServicePage .bannerText p{margin: 4px 0px 20px 0px;} 


/********** TEMPLATES END **********/

/* lightBoxContentStyleHtml is a looong word */
#retailerDistrict{}
#retailerDistrict h2{font-size:22px;}
#retailerDistrict h3{font-size:16px; }
#retailerDistrict .personData a{color:#486CAD;}
#retailerDistrict .personData a:hover{text-decoration:underline;}
#retailerDistrict .blueLink{margin-bottom:10px;}

.contactForm .item{float:left; width:262px; margin-bottom:6px}
.contactForm .textarea{ width:520px; }
.contactForm .genericTextBox{width:240px;}
.contactForm .genericTextBox input{width:250px;}
.contactForm .genericButton{width:130px;}
.contactForm .genericButton input{width:124px;}
.contactForm{margin-top:4px;}

.contactForm .selectbox select{width:252px; height:25px;}
.contactForm .selectbox .uniSelectBox{width:252px}
.contactForm .selectbox .uniSelectBox span{width:227px}
.contactForm .selectbox{display:block;}

.contactForm .countItem{width:131px}
.contactForm .countItem .genericTextBox{width:118px}
.contactForm .countItem .genericTextBox input{width:118px}

.contactForm .measurementItem{width:131px}
.contactForm .measurementItem .genericTextBox{width:118px}
.contactForm .measurementItem .genericTextBox input{width:118px}

.contactForm .causeItem{width:524px}
.contactForm .causeItem textarea{width:520px}

.contactForm .zipItem{width:131px}
.contactForm .zipItem .genericTextBox{width:118px}
.contactForm .zipItem .genericTextBox input{width:118px}

.contactForm .cityItem{width:393px}
.contactForm .cityItem .genericTextBox{width:380px}
.contactForm .cityItem .genericTextBox input{width:380px}

.orderCatalogForm{text-align:center}
.orderCatalogForm h5{text-align:left}

#successMessage {
    text-align:center; z-index:10; padding-top:50px; position:absolute; width:100%; top:0; left:0; color:#fff;
    height:80px; width:300px; background:url(../Images/formSubmittedOverlay.png) top left repeat;
}

#errorMessage {
    text-align:center; z-index:10; padding-top:50px; position:absolute; width:100%; top:0; left:0; color:#fff;
    height:80px; width:300px; background:url(../Images/formSubmittedOverlay.png) top left repeat;
}

#successMessage .genericButton{width:40px}
#errorMessage .genericButton{width:40px}

.genericButton{ display:inline-block; height:24px}
.genericButton input{padding-left:0px}

.genericButton:hover { background-position: left -207px;}
.genericButton input:hover { background-position: right -573px; color: #000; }
#lbwrap{ position:relative}
#bookAMeetingForm #lbwrap{ width:526px; overflow:hidden;}
#bookAMeetingForm #lbwrap .wrap{ overflow:hidden;}
#bookAMeetingForm #errorMessage{display:none; height:100%; width:100%}
#bookAMeetingForm #successMessage{display:none; height:100%; width:100%}

.text p {font-size:13px; }
.clear {width:100%; height:0px; display:block; clear:both; }

.service_page_bg {width:980px; height: 305px; background: transparent url(../Images/Customer-Service-Banner-Clean.jpg) no-repeat 0 0; position:relative; }
.category_service_image {height:305px; overflow:hidden;width:350px; position:absolute; top:0; left:0; }
.category_service_image img {position:relative; }

.errorMain {min-height:300px;width:650px;}