/*** Primary Style Sheet for Theme ***/


body {
	font: Arial;
	color: #595959;
	background:url(../images/bg.gif) repeat;
}

#Wrapper	{ background:url(../images/bg.gif) repeat 0 0; }	/* The body of the design */

	
/* links */

a, 
a:link, a:visited	{
	color: #CCCCCC;
	text-decoration: none;
}
a:hover, a:active	{
	color: #FF6600;
	text-decoration: none;
}

#MainMenu a:link, #MainMenu a:visited	{ color: #CACACA; font-size:13px; font-weight:bold; text-transform: capitalize; font-family:"Trebuchet MS"}	/* menu links - top level items */
#MainMenu a:hover, #MainMenu a:active	{ color: #2FA694; }
#MainMenu .sf-menu li li:hover, 
#MainMenu .sf-menu li li a:focus, #MainMenu .sf-menu li li a:hover, #MainMenu .sf-menu li li a:active {
	background: #278C7D;	/* menu links - sub-menu items */
	color: #fff;}

#Footer a:hover, #Footer a:active,
#ContentPanel a:hover, #ContentPanel a:active	{
	color: #99CC00;
}

/* headings */

h1, h2, h3, h4, h5, h6, h7, #fancy_title div {
	font-family: "Liberation Sans", Arial, Helvetica, Garuda, sans-serif;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 0.1em;
	padding: 0 0 0.2em;
	color: #000;
}
	
h1			{ font-size: 1.85em; }
h2			{
	font-size: 1.5em;
	margin:0px 0px;
}
h3			{ font-size: 1.35em; margin-bottom: 0.5em; }
h4			{ font-size: 1.2em; margin-bottom: 0.5em; border-bottom: none; }
h7			{ font-size: 1.2em;  border-bottom: none; }
h5			{ font-size: 1em; font-weight: bold; margin-bottom: 0.5em; border-bottom: none; }
h6			{ font-size: 1em; font-weight: lighter; text-transform:uppercase; margin-bottom: 0.5em; border-bottom: none; }

h1 span, h3 span, h4 span {
	display: block;
	color: #8F8F8F;
	font-size: 0.6em;
	margin: -0.1em 0 0;}
	
#ContentPanel h1, #ContentPanel h2 { 
	color: #eee;} /* headers on dark backgrounds */

#cluetip h3 { color: #eee; font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }	/* tool tip titles */

#fancy_title div { font-size: 1.35em; }	/* modal titles */
	
/* text */

.noMargin	{ margin: 0; }
#Footer, #ContentPanel, #cluetip 	{
	color: #CCCCCC;
}

/* Lists */

ul, ol {margin: 0 0 20px 5px;}
ol {padding-left: 2em;}
ul ul {
	margin-top: 8px;}
ul li, ol li {
	line-height: 1.3em;
	padding: 2px 2px;}
ul li {padding-left: 15px;}
ol li {
	list-style-type:decimal;
	list-style-position: outside;}

/* custom list styles */

	/* bullet types */
	ul li 						{ background: transparent url("../images/bullets/dot_gray.gif") no-repeat 0 .6em;}	/* default list style */
					

/* forms and inputs */

input { color: #000; }
textarea, .textInput {
	width: 175px;
	margin: 0 0 0.5em;
	padding: 5px;
	background: #FFFFFF;
	border: 1px solid #d9d9d9;
	outline: none;
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 3px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;  
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 3px;
}

textarea:focus, .textInput:focus {
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 3px;  
    -moz-box-shadow: rgba(255,198,0, 1) 0px 0px 3px;  
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 3px;
}
	
label.overlabel { 
	color: #999; 
	font-size: 1.2em;
	margin-bottom:5px;
	display:block;	/* initially hidden to prevent other content from shifting after JS function runs */ 
}


/* common styles */
	
.hr { 
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	margin-top:5px;
	height: 5px;
	background: transparent url("../images/hr-bg.gif") repeat-x 0 0; }


/* image containers */

a.img 			{ float: left; border: 1px solid #D3D3D3; padding: 5px; background: #fff;}
a.img img 	{ float: left; border: 1px solid #f3f3f3; }
a.img:hover img			{ border-color: #fff; }

p {
	line-height:17px;
}

/* jQuery ui styles */
.ui-state-default {border-color: #C8CBCC;}
.ui-state-active {border-color: #000;}


/* logo */

a#logo { 
	display: block; 
	width: 202px;
	height: 57px;
	margin:0px 30px 5px 0px;
	float:right;
	background: transparent url("../images/logo.png") no-repeat 0 0;
	position:relative;
	top:-20px;}	


/* design structure */

#Wrapper, #PageWrapper	{ position: relative; }	/* IE needs this to position content when using top panel (#ContentPanel) */

#PageWrapper {
	width: 990px;
	margin: 0 auto;
	padding: 25px 0 0;}
	
.pageTop {
	height: 10px;
	overflow: hidden;
	background: transparent url("../images/pageBg-top.png") no-repeat 0 0;}

#Header, .pageMain {
	background: transparent url("../images/pageBg-repeat.png") repeat-y 0 0;}
	
#Header h1 {
	float:left;
	clear:left;
	margin-left:30px;
	margin-top:20px;
	font-size:23px;
	color:#000;
	width:535px;
} 

#Header h1 a {
	font-size:23px;
	color:#000;
	margin:0px;
}

#Header div#breadcrumbs {
	clear:left;
	float:left;
	font-size:12px;
	margin-left:30px;
	margin-top:0px;
	width:490px;
}

#Header div#breadcrumbs a {
	color:#2FA694;
	font-size:12px;
}

#Header div#breadcrumbs a:hover {
	color:#9966CC;
}

#Header div#breadcrumbs.page_crumbs {
	margin-bottom:10px;
	width:535px;
}
	
#Header, .pageMain, #Footer {width: 990px;float:left;}	/* must be specified for PNG Fix to work (IE 6 issue) */

#FooterTop {
	height: 2px;
	overflow: hidden;
	background: transparent url("../images/footerBg-top.png") no-repeat 0 0;}
#FooterContent {
	float: left;	/* added because of the IE sucks "hasLayout" bug */
	padding: 20px 0 0;
	background: transparent url("../images/footerBg-repeat.png") repeat-y 0 0;}
#FooterBottom {
	width: 990px;
	height: 33px;
	overflow: hidden;
	background: transparent url("../images/footerBg-bottom.png") no-repeat 0 0;
	margin: 0 0 0 0;}


/* max width containers */
.contentArea, #Showcase, #Slides {
	margin: 0 26px;
	width: 938px;}
	
	
/* content containers */

.contentArea	{ padding: 0px 0; }

/* layouts styles */
.leftcol, .rightcol, .bigright,.bigleft,  .full {float:left;}
.half-page  {
	 float: left;
	 margin: 0 10px 0 25px; }

.leftcol{ width: 245px; }
.rightcol{ width: 245px; }
.bigright{ width: 662px; padding-left:30px; }
.bigleft{ width: 662px; padding-right:20px; }
.full{ width: 937px;  }
.half-page	{ width: 451px; }

#contactContainer {
	margin-left:0px;
}

#contactContainer #contactTop, #contactContainer #contactMiddle, #contactContainer #contactBottom {
	padding-left:25px;
}

#contactContainer #contactTop {
	width:426px;
	height:11px;
	background:url(../images/contactTop.png) left top no-repeat;
}

#contactContainer #contactMiddle {
	width:426px;
	background:url(../images/contactMiddle.gif) left top repeat-y;
	padding-top:20px;
}

#contactContainer #contactMiddle p {
	width:380px;
}

#contactContainer #contactBottom {
	width:426px;
	height:17px;
	background:url(../images/contactBottom.png) left top no-repeat;
	margin-bottom:30px;
}

.half-page a.contactBlock {
	float:left;
	clear:left;
}

a.contactBlock {
	display:none;
	height:43px;
	overflow:hidden;
	background:#eff1f2;
	border:1px solid #d6d6d6;
	margin:10px 0px 0px;
	padding:5px;
	clear:right;
	float:right;
	width:272px;
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;  
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
    line-height:19px;
}

a.first {
	cursor:pointer;
}

a.contactBlock div#gMap {
	height:255px;
	clear:both;
	position: relative;
	top:4px;
}

a.contactBlock:hover {
	border:1px solid #ffe169;
	background:#fffdef;
	box-shadow: rgba(255,204,0, 0.3) 0px 0px 5px;  
    -moz-box-shadow: rgba(255,204,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(255,204,0, 0.3) 0px 0px 5px;
}

a.contactBlock.bigger {
	height:130px;
}

div.contactInfo {
	width:210px;
	text-align:left;
	float:right;
	font-size:12px;
	color:#acacac;
	text-decoration: none;
}

div.contactInfo span {
	color:#6D9F1D;
}

div.contactInfo b {
	display:block;
	margin:1px 0px 0px;
	font-size:13px;
	color:#343434;
}

a.contactBlock div.contactIcon {
	float:left;
}

a.contactBlock div#icon_email {
	width:45px;
	height:45px;
	background:url(../images/contactIcons.png) -90px 0px no-repeat;
}

a.contactBlock div#icon_phone {
	width:45px;
	height:45px;
	background:url(../images/contactIcons.png) -675px 0px no-repeat;
}

a.contactBlock div#icon_web {
	width:45px;
	height:45px;
	background:url(../images/contactIcons.png) -810px 0px no-repeat;
}

a.contactBlock div#icon_fax {
	width:45px;
	height:45px;
	background:url(../images/contactIcons.png) -135px 0px no-repeat;
}

a.contactBlock div#icon_location {
	width:45px;
	height:45px;
	background:url(../images/contactIcons.png) -450px 0px no-repeat;
}

a.contactBlock div#icon_info {
	width:45px;
	height:45px;
	background:url(../images/contactIcons.png) -315px 0px no-repeat;
}
	
#Footer .contentArea {
	padding-bottom: 0;
	line-height: 1.4em;
}

#ContentPanel { /* hidden top content area */
	position:relative; 
	display:none; 		/* hidden on start */
	background: #2C2C2C; 
	border-bottom: 1px solid #fff; }
#ContentPanel .contentArea	{ margin: 0 auto; }


/* main menu */

#MenuWrapper	{ height: 62px; }
#MainMenu {
	position: relative;
	top: -20px;
	right: 20px;
	height: 62px;
	float: right;
	z-index: 99;	/* allows menu to overlap slideshow*/}
#MmLeft {
	float:left;
	width: 25px;
	height: 62px;
	background: transparent url("../images/mainMenu-left.png") no-repeat 0 0;}
#MmRight {
	float:left;
	width: 20px;
	height: 62px;
	background: transparent url("../images/mainMenu-right.png") no-repeat 0 0;}
#MmBody {
	float: left;
	min-width: 500px;
	height: 62px;
	background: transparent url("../images/mainMenu-repeat.png") repeat-x 0 0;}
	
#MmBody ul li {
	z-index:150;
}

.mmDivider {
	float: left;
	width: 10px;
	height: 40px;
	margin:7px 10px 0;
	background: transparent url("../images/mainMenu-divider.gif") no-repeat 0 0;}

#MainMenu .sf-menu li li		{ background: #393939; } /* sub-menu background */
#MainMenu .sf-menu li li li		{ background: #2f2f2f; } /* sub-sub-menu background */

.mmLogin	{ background: transparent url(../images/icons/bullet-lock.png) no-repeat 0 0; padding-left: 20px; }

/* search */

#Search {
	clear: right;
	float:right;
	width: 298px;
	height: 32px;
	margin: 14px 26px 25px;
	overflow: hidden;
	background: transparent url("../images/search-bg.gif") no-repeat 0 0;
	cursor: text;}

#SearchInput {
	float:left;
	background: transparent;
	border: 0;
	font-size: 14px;
	height: 20px;
	padding: 8px 0 3px 7px;
	width: 216px;
	margin: 0;}
#SearchSubmit {
	float:left;
	display:none;
	background: transparent;
	border: 0;
	width:73px;
	height:30px;
	margin: 1px 0 0;
	padding:0;
	cursor: pointer;}


/* slide show */

#Slideshow { 
	height: 360px; 
	overflow: hidden;
	position:relative;
	float:left;
	background:url("../images/pageBg-repeat.png") repeat-y scroll 0 0 transparent;
	}
#SlideTop, #SlideRepeat, #SlideBottom,
.slidePrev, .slideNext,
#slidePager {
	position: relative;
	z-index: 29;}
#SlideTop {
	height: 4px;
	overflow: hidden;
	background: transparent url("../images/pageBg-slideTop.png") no-repeat 0 0;}
#SlideRepeat {
	height: 301px;
	overflow: hidden;
	background: transparent url("../images/pageBg-slideRepeat.png") repeat-y 0 0;}
#SlideBottom {
	height: 55px;
	overflow: hidden;
	background: transparent url("../images/pageBg-slideBottom.png") no-repeat 0 0;}
#Slides {
	margin-top: -360px;
	margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */
	height: 342px;
	overflow: hidden;
	background: #F4F5F6;}
	
a.slidePrev, a.slideNext {
	display: block;
	z-index: 30;
	top: -235px;
	width: 51px;
	height: 64px;}
a.slidePrev {
	float: left;
	margin: 0 0 0 11px;
	background: transparent url("../images/slide-previous.png") no-repeat 0 0;}
a.slideNext {
	float: right;
	margin: 0 11px 0;
	background: transparent url("../images/slide-next.png") no-repeat 0 0;}

a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;}
	
#slidePager {
	top: -348px;
	float: right;
	margin:0 28px 0 0;
	z-index:32;}
#slidePager a, #slidePager a:visited {
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: transparent url("../images/slide-pager.png") no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;}
#slidePager a:hover {
	background-position: -16px 0;}
#slidePager a.activeSlide {
	background-position: -32px 0;}
	
#Slideshow #overlayBG {
	width:250px;
	height:60px;
	background:#000000;
	top:0px;
	right:26px;
	z-index:30;
	position:absolute;
	opacity:0.40;
	filter:alpha(opacity=75);
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	box-shadow: rgba(0,0,0, 0.3) 0px 3px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 3px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 3px 10px;
}

#Slideshow #overlay {
	width:250px;
	height:40px;
	top:0px;
	right:26px;
	z-index:31;
	position:absolute;
	text-align: center;
	font-size:16px;
	padding:30px 0px 0px;
	color:#fefefe;
}
	
/* showcase/spotlight */

#Showcase 	{ padding: 10px 0 0; margin-bottom:20px; position: relative;display:none;}

/*#Showcase.extra_top {padding-top:50px;}*/

#Showcase h4 {
	margin:0 auto 10px;
	width:auto;
	height:29px;
	width:310px;
	padding:9px 0px 0px;
	text-align:right;
	background:url(../images/green_round_arrow.png) left 5px no-repeat;
}

#Showcase h4.smaller {
	width:230px;
}

#Showcase h4.noArrow {
	background:none;
	width:300px;
	height:19px;
	padding-top:0px;
	padding-bottom:5px;
	margin-bottom:0px;
	text-align:center;
}

/* side navigation menu */

.sideNavWrapper	{ background: transparent url("../images/side-navigation-repeat.gif") repeat-y 0 0; margin: 0 0 0.5em; }
.sideNavBox-1	{ background: transparent url("../images/side-navigation-top.gif") no-repeat 0 0; padding: 15px 0 0; }
.sideNavBox-2	{ background: transparent url("../images/side-navigation-bottom.gif") no-repeat 0 100%; padding: 0 0 15px; min-height: 100px;}

ul.sideNav {
	padding: 0;
	margin-left: 0;}
ul.sideNav li {
	font-size: 1em;
	background: none;
	padding: 0;
	margin: 0;}
.sideNav li a {
	display: block;
	padding: 0.5em 5px 0.5em 25px;
	margin: 0;	
	text-decoration: none;
	text-shadow: #fff 1px 1px 0px;
	color:#343434;}

/* button styles */

button { 
	position: relative;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */}

input.submit {
	background:#79af23;
	background: -moz-linear-gradient(top, #b4db76, #79af23);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4db76), to(#79af23));
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6b9d1c;
	color:#ffffff;
	font-size:13px;
	padding:4px;
	cursor:pointer;
}

input.submit:active {
	background: #b4db76;
	background: -moz-linear-gradient(top, #79af23, #b4db76);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#79af23), to(#b4db76));
	box-shadow: none;  
    -moz-box-shadow: none;  
    -webkit-box-shadow: none;
}

button.btn {
	border: 0; 
	padding: 0;
	outline: none;
	margin-left: -6px; /* corrects for shadow to make left edge look aligned */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;}

button.btn { 
	padding: 0 35px 0 0; 
	margin-right:5px; 
	font-size: 1em; 
	text-align: center; 
	background: transparent url("../images/button-sprite.gif") no-repeat right -92px;}
	
button.btn span {
	padding: 13px 0 0 35px; 
	height: 29px; 
	background: transparent url("../images/button-sprite.gif") no-repeat left top; 
	color: #a2a2a2;
	line-height: 1.2;
	text-shadow: #000 -1px -1px 0px;}
	
button.btn:hover { background-position: right -138px;} /* extra class used for sucky browsers (stupid IE) */
	
button.btn:hover span {
	background-position: 0 -46px;
	color: #fff;
	text-shadow: #333 -1px -1px 1px;}
	
#ContentPanel button.btn, #ContentPanel button.btn span { background-image: url("../images/button-sprite-dark.gif"); }	/* for buttons on dark backgrounds */


/* login */

.loginForm		{ height: 207px; overflow: hidden; }
#loginBg						{ float: left; margin: 17px 0 0;}
.loginForm fieldset legend		{ display: none; }


/* top reveal content panel */

#ContentPanel #loginBg	{ margin: 0 15px 0 0; }
#ContentPanel .closeBtn	{ 
	width: 36px;
	height: 30px;
	float: right;
	margin: 10px;
	text-indent: -999px;
	overflow: hidden;
	background: transparent url("../images/fancybox/smallClose-dark.png") repeat 0 0; }
#ContentPanel .closeBtn:hover, #ContentPanel .closeBtn:active { background-position: 0 -30px; }

/* contact */

#CommentForm fieldset legend	{ display: none; }
#CommentForm div 				{ margin-bottom: 1.5em; }		/* space between inputs */
#CommentForm .textInput, 
#CommentForm textarea			{ width: 390px; margin: 0; }	/* margins set by containers <div> */
#CommentForm textarea 			{ height: 150px; }

/* table styles */

table {
	border-collapse: collapse;
	border-spacing: 0;}	
	
/* other */

div#fancy_overlay { background: #2c2c2c; }	/* overlay color */


/* new code*/

div.fSection {
	width:226px;
	float:left;
	position:relative;
	margin:0px 0px 0px 7px;
	padding:25px 0px 0px;
}

div.fSection ul {
	margin-left:0px;
}

.bigrighttitle, .lefttitle, .righttitle2, .fulltitle {float:left; height:27px; background-image:url(../images/titlebg.gif); padding-top:10px; font-size:14px; color:#cccccc;  }
 .fulltitle div {
 	padding-top:3px;
 	color:#ffffff;
 }
.bigrighttitle{ width: 601px; padding-left:20px;  margin-bottom:20px;}
.fulltitle{ width: 876px; padding-left:20px;  }
.lefttitle{ width: 184px; padding-left:20px;  }
.righttitle2{ width: 184px; padding-left:20px;  }
.righttitle{float:left; height:37px; background-image:url(../images/righttitle.gif); width:41px;}
.arial{
	font-size:11px;
}
.fulltitle > div {
	position: relative;
	top:-5px;
}
div#connect {
	float:left;
	width:239px;
}
div#connect a {
	display:block;
	height:50px;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 8px;
	/*padding-bottom:6px;*/
	width:239px;
	float:left;
	background-image:url(../images/button_brou_dow_bg.png);
	background-repeat:no-repeat;
	
}
div#connect img{padding-top:8px; padding-left:8px;}
div#connect div {
	display:block;
	float:left;
	color: #666;
	padding-left:20px;
	line-height:50px;
}
div#connect b {
	color:#343434;
	font-size:13px;
	position:relative;
	display: block;
	margin-bottom:1px;
}
div#connect b:hover {
	color:#99cc00;
}
div#connect img {
	border:0px;
	vertical-align: top;
	float:left;
	width:38px;
	height:38px;
}  
 .productblock{width:937px;; margin:0px; float:left; text-align:center; color:#5a5a5a; line-height:21px;}  
 
 .share{float:right; font-size:13px; vertical-align:middle;}
 .share img{ padding:4px; vertical-align:middle;} 
 .color{ height:99px; width:78px; float:left;}
 
 #testimonials_inner {  width:auto; background:url(../images/linksContainer_bg.gif) left top repeat-x; display:block; float:left;  border:1px solid #c9d4d8; margin-bottom:14px; margin-left:0px; font-family: Arial, sans-serif; font-size:12px;}
.links1 li {
	background:url(../images/grey_tri.png) left 5px  no-repeat;
	 height:14px; padding-left:15px;
	
}
.links1 li a:link, .links1 li a:visited{
	color:#666666;
	font-size:12px;
}
.links1 li a:hover {
	color:#6D9F1D;
}
.left h4{
	font-size:12px;
	font-weight:bold;
	color:#333333;
}
.left ul {padding-left:0px;}

#copyright {
	text-align: center;
}


/* home buttons */

div#buttons.not_home {
	position: relative;
	margin-bottom:10px;
	top:0px;
	height:61px;
}

div#buttons.not_home div {
	margin-top:0px !important;
}

div#buttons.not_home a {
	margin-top:0px;
}

div#buttons.not_home a#home_button, div#buttons.not_home a#email_button, div#buttons.not_home a#info_button, div#buttons.not_home a#diy_button {
	margin-top:7px;
}

div#buttons {
	height:75px;
	margin-bottom:10px;
	position: absolute;
	width:938px;
	z-index:30;
	top:-25px;
}

a#home_button {
	display:block;
	height:45px;
	width:45px;
	float:left;
	background: transparent url(../images/button_home.png) left top;
	margin-right:10px;
	margin-left:5px;
	margin-top:25px;
}

a#home_button:hover {
	background: transparent url(../images/button_home.png) left bottom;
}

a#email_button {
	display:block;
	height:45px;
	width:45px;
	float:left;
	background: transparent url(../images/button_email.png) left top;
	margin-right:10px;
	margin-top:25px;
}

a#email_button:hover {
	background: transparent url(../images/button_email.png) left bottom;
}

a#info_button {
	display:block;
	height:45px;
	width:45px;
	float:left;
	background: transparent url(../images/button_info.png) left top;
	margin-right:10px;
	margin-top:25px;
}

a#info_button:hover {
	background: transparent url(../images/button_info.png) left bottom;
}

a#diy_button {
	display:block;
	height:45px;
	width:45px;
	float:left;
	background: transparent url(../images/button_diy.png) left top;
	margin-right:10px;
	margin-top:25px;
}

a#diy_button:hover {
	background: transparent url(../images/button_diy.png) left bottom;
}

#quote_button {
	display:block;
	width:90px;
	height:90px;
	background: transparent url(../images/button_quote.png) left top;
	right:0px;
	position: absolute;
	top:-38px;
}

a.quote_button {
	display:block;
	width:122px;
	height:122px;
	background: transparent url(../images/button_quote3.png) left top;
	right:0px;
	position: absolute;
	top:0px;
	left:-30px;
}

a#phone_button {
	display:block;
	width:181px;
	height:61px;
	background: transparent url(../images/button_phone.png) left top;
	float:right;
	margin-top:15px;
}

/* end home buttons */


/* cat thumbnails */

.on_home {
	margin-top:10px;
}

div#catThumbs {
	float:left;
   	width:100%;
   	background: transparent;
   	position:relative;
   	padding-left:5px;
}

div#catThumbs > ul {
	list-style: none;
	list-style-type: none;
	clear:left;
   	float:left;
   	margin:0;
   	padding:0;
   	position:relative;
   	text-align:center;
}

div#catThumbs > ul > li {
	display:block;
   	float:left;
   	list-style:none;
   	width:147px;
   	height:155px;
   	margin:0px;
   	padding:0px 0px 0px;
   	margin-right:9px;
   	margin-bottom:10px;
   	z-index:0;
   	background:#f5f5f5 url(../images/cat_box_drop.png) left bottom no-repeat;
}

div#catThumbs > ul > li > div {
	height:100%;
	border:1px solid #cecece;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	position:relative;
	background:#f5f5f5;
	padding:5px;
	width:137px;
	height:136px;
	text-align:left;
	cursor: pointer;
	z-index:0;
}

div#catThumbs > ul > li > div > a.subCatLink {
	display:block;
	width:100%;
	height:100%;
}


div#catThumbs > ul > li > a {
	display:block;
	height:142px;
}

div#catThumbs > ul li a:hover h3, div#catThumbs > ul li div.current h3 {
	background: #83cb2d;
	background: -moz-linear-gradient(top, #b6e282, #68b111);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b6e282), to(#83cb2d));
	color:#ffffff;
}

div#catThumbs > ul li h3 {
	width:auto;
	font-size:11px;
	font-weight:normal;
	text-align: center;
	color:#343434;
	background: #eaeaea;
	background: -moz-linear-gradient(top, #f5f5f5, #eaeaea);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eaeaea)); 
	margin:0px;
	padding:5px;
	position:relative;
	top:107px;
	line-height:18px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top:1px solid rgba(255, 255, 255, 0.7);
}

div#catThumbs > ul li div.categoryMenu {
	position:absolute;
	top:-25px; 
	left:100px;
	border:1px solid #767676;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: rgba(0,0,0, 0.6) 0px 5px 9px;  
    -moz-box-shadow: rgba(0,0,0, 0.6) 0px 5px 9px;  
    -webkit-box-shadow: rgba(0,0,0, 0.6) 0px 5px 9px;
    
	z-index:1000;
	width:280px;
	display:none;
	
	background:#fefefe url(../images/pointing_girl.png) 20px top no-repeat;
	
	padding:121px 0px 0px;
}

div#catThumbs > ul li div.categoryMenu a.closeLink {
	position:absolute;
	right:-5px;
	top:-5px;
}

div#catThumbs > ul li div.categoryMenu a.closeLink:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

div#catThumbs > ul li div.categoryMenu a.closeLink:hover img {
	border:0px;
}

div#catThumbs > ul li div.categoryMenu > p {
	padding:0px 10px 10px;
	margin:0px 0px 10px;
	font-size:18px;
	color:#006699;
	font-weight:bold;
	text-align:center;
}

div#catThumbs > ul li div.categoryMenu > p > span {
	display:block;
	font-size:12px;
	font-weight:normal;
}

div#catThumbs > ul li div.categoryMenu > ul {
	margin:0px 0px 20px;
	padding:0px;
	display:block;
	width:282px;
	position:relative;
	left:-1px;
}

div#catThumbs > ul li div.categoryMenu > ul > li {
	padding:0px;
	background:none;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	height:27px;
}

div#catThumbs > ul li div.categoryMenu > ul li a {
	padding:5px 20px;
	margin:0px 0px 0px 1px;
	display:block;
	height:17px;
	width:240px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #e3e3e3;
	font-size:12px;
}

div#catThumbs > ul li div.categoryMenu > ul > li:hover {
	border-top:1px solid #737c84;
	border-bottom: 1px solid #55626d;
	background:#7e868e;
	background: -moz-linear-gradient(top, #7e868e, #68717c) url(../images/cat_tris.png) 235px 8px no-repeat;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7e868e), to(#68717c));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColourStr='#7e868e', EndColourStr='#68717c'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColourStr='#7e868e', EndColourStr='#68717c')"; /* IE8 */
}

div#catThumbs > ul li div.categoryMenu > ul > li:hover > a {
	color:#ffffff;
	border-color:transparent;
}

div#catThumbs > ul li div.categoryMenu > ul > li > a {
	color:#343434;
}


/* end cat thumbnails */



/* project descriptions */

div.dataLeft {
	float:left;
	width:280px;
	height:244px;
	background:#ffffff;
	padding:10px;
}

div.dataLeft ul {
	margin-top:10px;
}

div.dataRight {
	float:right;
	width:342px;
	height:264px;
}

/* end project descriptions */


/* color table */

table#colorTable {
	width:250px;
	float:right;
	border-collapse: collapse;
	margin-left:20px;
}

table#colorTable th {
	text-align:center;
	height:60px;
}

table#colorTable th, table#colorTable td {
	border:1px solid #dfdfdf;
	padding:10px;
	vertical-align: middle;
}

table#colorTable td.cleft {
	width:143px;
}

table#colorTable td.cleft div.color {
	width:143px;
	height:38px;
	border:1px solid #343434;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	box-shadow: rgba(0,0,0, 0.4) 0px 0px 6px;  
    -moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 6px;  
    -webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 6px;
}

table#colorTable td.cright {
}

/* end color table */

div.picCon {
	width:652px;
	height:286px;
	background:url(../images/piccon.jpg) no-repeat;
}
.picc_img1{
	width:auto;
	float:left;
	margin-top:66px;
	margin-left:20px;
}
.pic_ri_tex{
	width:401px;
	float:left;
	margin-top:66px;
	margin-left:10px;
	line-height:17px;
	font-size:12px;
	color:#595959;
}
.pic_bot_tex{
	width:608px;
	float:left;
	margin-top:8px;
	margin-left:20px;
	line-height:17px;
	font-size:12px;
	color:#595959;
}
div.picCon div.left {
	width:220px;
	height:248px;
	float:left;
	background:#efefef;
	margin-right:5px;
}

div.picCon div.left > div, div.picCon div.middle > div {
	width:200px;
	margin-left:10px;
	height:130px;
	margin-top:100px;
}

div.picCon div.middle {
	width:220px;
	height:248px;
	float:left;
	background:#efefef;
	margin-right:5px;
}
div.picCon div.right {
	width:189px;
	height:248px;
	float:left;
	background:#efefef;
	margin-right:5px;
}

#tabContents div.picCon {
	width:594px;
	height:223px;
	background:url(../images/piccon_product.png) left top no-repeat;
	padding:12px 0 0 6px;
}

#tabContents div.picCon img {
	width:582px;
	height:195px
}

div.lines {
	/*border-top:1px solid #e0e0e0;*/
	height:10px;
	width:652px;
	margin-bottom:10px;
	padding:6px 0px 0px;
	color:#666666;
	font-size:13px;
	position: relative;
}

#tabContents div.lines {
	width:594px;
}

div.picConSmall {
	width:190px;
	height:206px;
	background:url(../images/piccon_small.png) left top no-repeat;
	float:left;
	margin-right:13px;
	margin-bottom:10px;
	position:relative;
	padding:5px;
}

div.picConSmall > div {
	width:auto;
	font-size:12px;
	font-weight:normal;
	text-align: center;
	color:#343434;
	background: #eaeaea;
	background: -moz-linear-gradient(top, #f5f5f5, #eaeaea);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eaeaea)); 
	margin:0px;
	padding:5px;
	position:relative;
	top:167px;
	line-height:18px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top:1px solid rgba(255, 255, 255, 0.7);
}

a.rightAd {
	display:block;
	width:233px;
	height:auto;
	background:grey;
	margin:0px 4px 20px;
	float:right;
	text-align: left;
	background:#ffffff;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
}

a.rightAd img {
	border:0px;
}

.rightcol a.brochure {
	display:block;
	width:231px;
	height:135px;
	background:grey;
	margin:0px 4px 20px;
	float:right;
	text-align: left;
	background:#ffffff url(../images/pdf_icon_big.png) 5px 5px no-repeat;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    padding:0px;
    font-size:13px;
    line-height:23px
}

.rightcol div.contact {
	width:233px;
	background:grey;
	margin:0px 4px 20px;
	float:right;
	text-align: left;
	background:#ffffff;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    font-size:12px;
    line-height:19px;
}

.rightcol div.contact b {
	font-size:13px;
}

.rightcol div.contact > div {
	padding:10px;
	width:auto;
	font-size:12px;
}

.rightcol div.contact > div a {
	font-size:12px;
	color:#2FA694;
}

.rightcol div.contact > div > div {
	padding-left:25px;
	margin-bottom:4px;
}

.rightcol div.contact > div > div.home {
	background:url(../images/icon_home.png) left 2px no-repeat;
}

.rightcol div.contact > div > div.phone {
	background:url(../images/icon_phone.png) left 2px no-repeat;
}

.rightcol div.contact > div > div.fax {
	background:url(../images/icon_fax.png) left 2px no-repeat;
}

.rightcol div.contact > div > div.email {
	background:url(../images/icon_email.png) left 2px no-repeat;
}

.rightcol div.contact h3 {
	display:block;
	width:213px;
	height:25px;
	background:url(../images/content_tabs_bg.gif) left bottom repeat-x;
	border-bottom:1px solid #dfdfdf;
	margin:0px;
	padding:0px;
	text-align: left;
	padding:10px 10px 0px;
	font-size:16px;
}

a.brochureLink {
	position: absolute;
	right:0px;
	color:#308485;
	font-size:11px;
	display:block;
	padding:9px 0px 0px 30px;
	height:25px;
	background:url(../images/pdf.png) left top no-repeat;
	top:2px;
}

a.brochureLink:hover {
	color:#99CC00;
}

ul#guarantees {
	list-style: none;
	list-style-type: none;
}

ul#guarantees b {
	color:#006699;
	font-weight: bold;
}

ul#guarantees span {
	display:block;
	font-size:10px;
	text-align:right;
}

ul#guarantees > li {
	width:225px;
	float:left;
	margin-bottom:20px;
	background:none;
	padding-left:0px;
	margin-right:15px;
	padding-left:55px;
}


/* ebook styling */

div#ebook {
	display:none;
	width:auto;
	height:480px;
}

div#ebook > img {
	float:left;
}

div#ebook > div.right {
	width:200px;
	float:right;
}

div#ebook > div > h3 {
	width:200px;
	font-size:24px;
	text-transform: uppercase;
	margin-top:20px;
}

div#ebook > div > p {
	width:200px;
}

div#ebook > form {
	display:block;
	clear:both;
	width:330px;
	height:280px;
	padding:20px;
	background:#ffffff;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div#ebook > form > h3 {
	text-align:center;
	margin-bottom:30px;
}
div#ebook > form > label {
	display:block;
	clear:both;
	height:22px;
	margin-bottom:20px;
	font-size:12px;
	vertical-align: middle;
}

div#ebook > form span {
	color:red;
}

div#ebook > form input {
	float:right;
	padding:3px;
	height:14px;
	width:180px;
}

div#ebook > form input#mobile {
	width:100px;
	margin-right:10px;
}

div#ebook > form button {
	background:#79af23;
	background: -moz-linear-gradient(top, #b4db76, #79af23);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4db76), to(#79af23));
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6b9d1c;
	color:#ffffff;
	font-size:10px;
	padding:3px;
	cursor:pointer;
	float:right;
	width:70px;
	display:block;
	height:22px;
}

div#ebook > form input#submit {
	background:#79af23;
	background: -moz-linear-gradient(top, #b4db76, #79af23);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4db76), to(#79af23));
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6b9d1c;
	color:#ffffff;
	font-size:10px;
	padding:3px;
	cursor:pointer;
	float:right;
	width:120px;
	display:block;
	height:22px;
}

div#ebook > form > p {
	font-size:10px;
}

/* end ebook styling */


/* DIY styling */

div#diy {
	display:none;
}

/* end DIY styling */


/* brochure popup styling */

div#brochure {
	display:none;
	width:510px;
	height:500px;
	background:#000000 url(../images/logo_big_shade.png) 10px 10px no-repeat;
}

div#brochure > form {
	display:block;
	width:260px;
	height:280px;
	position:absolute;
	padding:20px;
	right:40px;
	bottom:80px;
	background:#ffffff;
	border:1px solid #cccccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div#brochure > form > h3 {
	text-align:center;
	margin-bottom:30px;
}
div#brochure > form > label {
	display:block;
	clear:both;
	height:22px;
	margin-bottom:20px;
	font-size:12px;
	vertical-align: middle;
}

div#brochure > form span {
	color:red;
}

div#brochure > form input {
	float:right;
	padding:3px;
	height:14px;
	width:180px;
}

div#brochure > form input#mobile {
	width:100px;
	margin-right:10px;
}

div#brochure > form button {
	background:#79af23;
	background: -moz-linear-gradient(top, #b4db76, #79af23);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4db76), to(#79af23));
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6b9d1c;
	color:#ffffff;
	font-size:10px;
	padding:3px;
	cursor:pointer;
	float:right;
	width:70px;
	display:block;
	height:22px;
}

div#brochure > form input#submit {
	background:#79af23;
	background: -moz-linear-gradient(top, #b4db76, #79af23);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4db76), to(#79af23));
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 10px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6b9d1c;
	color:#ffffff;
	font-size:10px;
	padding:3px;
	cursor:pointer;
	float:right;
	width:120px;
	display:block;
	height:22px;
}

div#brochure > form > p {
	font-size:10px;
}

/* end brochure pop styling */


/* measure and quote styling */

div#measureandquote {
	display:none;
	width:auto;
	height:660px;
	width:420px;
	background:#ececeb;
	padding-top:20px;
}

div#measureandquote h3 {
	width:auto;
	font-size:26px;
	font-weight:bold;
	text-transform: capitalize;
	margin-bottom:0px;
	margin-left:20px;
}

div#measureandquote > span {
	font-size:12px;
	display:block;
	margin-left:20px;
	color:#3869a7;
}

div#measureandquote ul {
	display:block;
	margin:0px;
	padding:0px;
	list-style: none;
	list-style-type: none;
	margin:20px;
	height:105px;
}

div#measureandquote ul li {
	display:block;
	float:left;
	height:19px;
	background: transparent url(../images/check.gif) left top no-repeat;
	margin-right:20px;
	width:142px;
	padding-left:26px;
	padding-top:4px;
	margin-bottom:3px;
}

div#measureandquote ul li.first {
	width:200px;
}

div#measureandquote ul li b {
	font-size:14px;
	color:#222222;
	font-weight:bold;
}

div#measureandquote > form {
	display:block;
	clear:both;
	width:360px;
	height:420px;
	padding:20px;
	background:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:13px;
}

div#measureandquote > form span._blue {
	color:#3869a7;
}

div#measureandquote > form > label {
	display:block;
	clear:both;
	height:auto;
	margin-bottom:10px;
	font-size:12px;
	vertical-align: middle;
	position:relative;
}

div#measureandquote > form > label.mobile {
	padding-top:10px;
}

div#measureandquote > form > label.text {
	height:60px;
}

div#measureandquote > form span {
	color:red;
}

div#measureandquote > form input {
	padding:5px;
	height:14px;
	width:300px;
	display:block;
	margin-top:3px;
	margin-bottom:5px;
	border:1px solid #000;
}

div#measureandquote > form input#mobile_code {
	border:2px solid red;
	height:12px;
	width:150px;
}

div#measureandquote > form textarea {
	float:none;
	padding:5px;
	height:50px;
	width:326px;
	border:1px solid #000;
}

div#measureandquote > form input#mobile {
	width:210px;
	margin-right:10px;
	margin-bottom:20px;
}

div#measureandquote > form button {
	background: transparent url(../images/get-sms-code.png) left top no-repeat;
	width:75px;
	height:75px;
	float:right;
	border:0px;
	padding:0px;
	margin-right:45px;
	position:relative;
	top:5px;
	right:0px;
	position:absolute;
}

div#measureandquote > form input#submit {
	background: transparent url(../images/download.png) left top no-repeat;
	width:100px;
	height:29px;
	border:0px;
	padding:0px;
	margin-top:15px;
	margin-bottom:25px;
}

div#measureandquote > form > p {
	font-size:11px;
	line-height:16px;
}

/* end measure and quote styling */


/* start popup */

div#start {
	display:none;
}

div#start_popup {
	width:542px;
	height:auto;
	background:none;
	left:0px;
	top:0px;
}

div#start_popup > div#start_popup_top {
	width:542px;
	height:20px;
	background: transparent url(../images/start_popup_top.png) left top no-repeat;
}

div#start_popup > div#start_popup_middle {
	padding:0px 20px;
	width:502px;
	height:auto;
	background: transparent url(../images/start_popup_middle.png) left top repeat-y;
}

div#start_popup > div#start_popup_bottom {
	width:542px;
	height:20px;
	background: transparent url(../images/start_popup_bottom.png) left top no-repeat;
}

div#start_popup h4 {
	text-align:center;
	font-size:24px;
	margin-top:0px;
	margin-bottom:4px;
}

div#start_popup div#start_links {
	display:block;
	list-style: none;
	list-style-type: none;
	margin:10px 0px 0px;
	padding:0px;
}

div#start_popup div#start_links > div.row {
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	position: relative;
	display:block;
	clear:both;
	margin-bottom:20px;
	min-height:60px;
}

div#start_popup div#start_links > div.row.no_bottom_margin {
	margin-bottom:0px;
}

div#start_popup div#start_links a {
	float:left;
	display:block;
	width:243px;
	height:58px;
	background: #595959;
	border:1px solid #232323;
	padding:0px;
	margin:0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

div#start_popup div#start_links a.inactive {
	opacity:0.6;
	filter:alpha(opacity=60);
}

div#start_popup div#start_links a.active {
	height:68px;
	background:#fff;
	border-bottom:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	z-index:100;
	position:relative;
}

div#start_popup div#start_links a.active:hover {
	background: #fff;
}

div#start_popup div#start_links a.active b {
	color:#343434;
}

div#start_popup div#start_links a.active span {
	color:#666666;
}

div#start_popup div#start_links a#other {
	width:500px;
	background: #8CBF1E;
	border:1px solid #709F09;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

div#start_popup div#start_links a#other.active {
	background:#fff;
	border-bottom:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	z-index:100;
	position:relative;
}

div#start_popup div#start_links a#other.active:hover {
	background:#fff;
}

div#start_popup div#start_links a#other:hover {
	background: #7FAF15;
}

div#start_popup div#start_links a#other img {
	float:left;
	margin-top:8px;
	margin-left:80px;
}

div#start_popup div#start_links a#other  b {
	width:370px;
	color:#364F00;
	margin-top:18px;
	font-size:20px;
}

div#start_popup div#start_links a:hover {
	background: #454545;
	color:#f3f3f3;
}

div#start_popup div#start_links a.inactive:hover {
	background: #595959;
	color:#f3f3f3;
}

div#start_popup div#start_links a b {
	display:block;
	width:180px;
	float:right;
	font-size:18px;
	color:#f3f3f3;
	margin-top:12px;
}

div#start_popup div#start_links a span {
	display:block;
	float:right;
	width:180px;
	margin-top:3px;
}

div#start_popup div#start_links a.margin-right {
	margin-right:12px;
}

div#start_popup div#start_links a#price-list img, div#start_popup div#start_links a#ebook img, div#start_popup div#start_links a#appraisel img, div#start_popup div#start_links a#catalogue img {
	float:left;
	margin-top:9px;
	margin-left:9px;
}

div#start_popup div.form_container {
	padding:20px;
	display:none;
	background:#fff;
	border:1px solid #232323;
	position:relative;
	top:-1px;
	z-index:1;
	height:340px;
}

div#start_popup div.form_container > div.results {
	display:none;
}

form.start_form {
	display:none;
	position: absolute;
	width:458px;
	height:363px;
}

form.start_form.top_form {
	display:block;
	position: relative;
	border:1px solid #232323;
	background:#fff;
	margin-bottom:20px;
	padding:20px;
	height:296px;
}

form.start_form#form_other {
	height:420px;
}

form.start_form label {
	display:block;
	margin-bottom:10px;
}

form.start_form label.last {
	margin-top:30px;
}

form.start_form label span, form.start_form span.red {
	color:red;
}

form.start_form label.short {
	width:160px;
}

form.start_form input.text {
	width:300px;
	padding:5px;
	border:1px solid #565656;
}

form.start_form input.error, form.start_form textarea.error, .form_container form.start_form input.error:focus {
	background:#ffdfdf;
}

form.start_form textarea.text {
	width:300px;
	padding:5px;
	border:1px solid #565656;
	height:100px;
}

form.start_form textarea.text:focus {
	background:#efefef;
	box-shdadow:none;
	box-shadow: none;  
    -moz-box-shadow: none;  
    -webkit-box-shadow: none;
    border:1px solid #565656;
}

form.start_form input.text.mobile_code {
	width:180px;
	padding:5px;
	border:2px solid red;
}

form.start_form input.text.mobile_code:focus {
	background:#fff;
}

form.start_form input.text.mobile {
	width:150px;
}

form.start_form input.text:focus {
	background:#efefef;
}

form.start_form button {
	width:160px;
	padding:5px;
	border:1px solid #709F09;
	background:#8CBF1E;
	color:#fff;
	font-weight:bold;
}

form.start_form button:hover {
	background: #7FAF15;
}

#start_popup h5 {
	margin-bottom:20px;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	color:#3e5c97;
	line-height:22px;
	width:390px;
	margin:0 auto;
}

#start_popup h5 b {
	font-weight:bold;
	font-size:15px;
	color:#4263a5;
}

form.start_form#form_price-list div.extra, form.start_form#form_ebook div.extra, form.start_form#form_catalogue div.extra {
	width:200px;
	height:120px;
	background: transparent url(../images/startpopup_form_extra_bg.png) left top;
	position:absolute;
	right:60px;
	bottom:94px;
	padding:10px 10px 20px 30px;
	line-height:18px;
	font-size:11px;
	color:#343434;
}

form.start_form input#submit {
	background:#595959;
	border:1px solid #232323;
	padding:5px;
	color:#fff;
	font-weight:bold;
	font-family: Arial, sans-serif;
	font-size:13px;
	width:225px;
	position: absolute;
	cursor:pointer;
}

form.start_form input#submit:hover {
	background:#454545;
}

form.start_form#form_appraisel input#submit, form.start_form#form_other input#submit {
	background:#595959;
	border:1px solid #232323;
	padding:5px;
	color:#fff;
	font-weight:bold;
	font-family: Arial, sans-serif;
	font-size:13px;
	width:100px;
	float:right;
	margin-right:146px;
	cursor:pointer;
	position: relative;
}

form.start_form#form_appraisel input#submit:hover, form.start_form#form_other input#submit:hover {
	background:#454545;
}

form.start_form#form_price-list input#submit, form.start_form#form_ebook input#submit, form.start_form#form_catalogue input#submit {
	right:60px;
	bottom:65px;
}

form.start_form#form_price-list div.details, form.start_form#form_ebook div.details, form.start_form#form_catalogue div.details {
	width:458px;
	font-size:11px;
	margin-top:20px;
}

form.start_form div.details span {
	color:red;
}

form.start_form div.details p {
	font-size:11px;
	margin-top:100px;
}


/* end start popup */



/* results: price list */

div#start_popup div.form_container > div.results ul#document_links {
	display:block;
	margin:30px 0px 0px;
	padding:0px;
	list-style: none;
	list-style-type: none;
}

div#start_popup div.form_container > div.results ul#document_links li {
	display:block;
	height:23px;
	background: transparent url(../images/pdf2.gif) left top no-repeat;
	padding-left:38px;
	padding-top:7px;
	font-size:12px;
	color:#343434;
	text-transform: capitalize;
	border-bottom:1px solid #DDDDDD;
	margin-bottom:5px;
}

div#start_popup div.form_container > div.results ul#document_links li span {
	float:right;
	display:block;
	width:240px;
}

div#start_popup div.form_container > div.results ul#document_links li span a {
	background: transparent url(../images/blue_tri.gif) left 1px no-repeat;
	padding-left:16px;
	color:#006699;
	height:auto;
	border:0px;
}

div#start_popup div.form_container > div.results ul#document_links li b {
	font-weight:normal;
	display:block;
	float:left;
	width:160px;
}

div#start_popup div.form_container > div.results ul#document_links li span a:hover {
	color:#6d9f1d;
}

div#start_popup div.form_container > div.results ul#document_links li span a.down {
	float:left;
	width:112px;
}

div#start_popup div.form_container > div.results ul#document_links li span a.email-this {
	float:right;
	width:82px;
}

/* end results: price list */


/* info popup styling */

div#info {
	display:none;
}

/* end info popup styling */



/* download page */

a#ebook-link {
	display:block;
	border:1px solid #DFDFDF;
	height:80px;
	width:280px;
}

ul#document_links {
	display:block;
	margin:30px 0px 0px;
	padding:0px;
	list-style: none;
	list-style-type: none;
}

ul#document_links li {
	display:block;
	height:23px;
	background: transparent url(../images/pdf2.gif) left top no-repeat;
	padding-left:38px;
	padding-top:7px;
	font-size:12px;
	color:#343434;
	text-transform: capitalize;
	border-bottom:1px solid #DDDDDD;
	margin-bottom:5px;
}

ul#document_links li span {
	float:right;
	display:block;
	width:260px;
}

ul#document_links li span a {
	background: transparent url(../images/blue_tri.gif) left 1px no-repeat;
	padding-left:16px;
	color:#006699;
}

ul#document_links li span a:hover {
	color:#6d9f1d;
}

ul#document_links li span a.down {
	float:left;
	width:112px;
}

ul#document_links li span a.email-this {
	float:right;
	width:102px;
}

div#tabs ul#tabNav li#note {
	width:520px;
}

div#tabs ul#tabNav li#note a {
	font-size:10px;
	text-align:right;
	width:auto;
}

/* end download page */


/* link boxes */

div#link_boxes.topMargin {
	margin-top:60px;
}

div#link_boxes ul {
	margin:10px 0 20px 0px;
	display:block;
	height:134px;
}

div#link_boxes ul li > a, div#link_boxes ul li {
	display:block;
	float:left;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	position: relative;
}

div#link_boxes ul li > a {
	height:50px;
	width:217px;
	background:#fff;
	margin-right:20px;
	margin-bottom:10px;
	border:1px solid #A8A8A8;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 7px;  
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 7px;  
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 7px;
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding:5px 0px;
    z-index:10;
}

div#link_boxes ul li > a img {
	width:48px;
	height:48px;
	float:left;
	border:1px solid #fff;
	background:#dddddd;
	margin:0px 10px 0px 5px;
}

div#link_boxes ul a span.right {
	width:150px;
	float:right;
	height:48px;
	text-align:left;
	color:#333333;
	font-size:12px;
}

div#link_boxes ul a span.right span {
	font-size:11px;
	color:#006699;
	display:block;
}

div#link_boxes ul a span.right b {
	color:#333333;
	display:block;
	margin-top:2px;
	font-size:15px;
	text-shadow: 1px 1px 1px #fff;
	font-family: Arial, sans-serif;
	text-transform:uppercase;
}

div#link_boxes ul a:hover span.right b {
	color:#8cbb00;
}

div#link_boxes ul a.far_right {
	margin-right:0px;
}

/* end link boxes */

.popupp {
	position:absolute;
	width:280px;
	height:370px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #767676;
	background: #FEFEFE url("../images/pointing_girl.png") no-repeat scroll 20px top;
	z-index:1000;
	display:none;
	left:100px;
	top:-25px;
	opacity:0.9;
	filter:alpha(opacity=90);
}

.popupp > p {
	margin-top:120px;
	padding:10px;
	color:#343434;
}

.popupp > p > b {
	font-size:140%;
}

.popupp > p > a {
	font-size:13px;
	color:#4a4aeb;
	text-decoration: underline;
}

.popupp > a.closeLink {
	position:absolute;
	right:-5px;
	top:-5px;
}

.phone_top{float: right;font-size: 25px;font-weight:bold;left:10px;position: relative;top: -15px;width:240px;color: #0E76A3; padding: 7px 0 0;}
.phone_top a{font-size: 28px;font-weight:bold;color:#595959;}
.phone_top img{margin-right:10px;vertical-align:middle; margin-top: -3px;}
.free_quote{float: right;right:10px;position: relative;top: -20px;}
.top_logo{width:240px;float:right;}
.top_left{width:535px;float:left;}


/* Fast Popup */
#start_popup2 ul, #start_popup2 ul li{background:none;padding-left:0;padding:0;}
#start_popup2 label{font-size:12px}
#start_popup2 div{font-size:12px}
#document_links {
    display: block;
    list-style: none outside none;
}
#document_links li {
    background: url("../images/arrow-blue.png") no-repeat scroll left 8px transparent;
    border-bottom: 1px solid #EEEEEE;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding-left: 12px;
}
#start_popup2 {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    left: 0;
    top: 0;
    width: 920px;
}
#start_popup2 .product-specials {
    background: url("../images/popup-bg.png") repeat scroll left top transparent;
    border-radius: 15px 15px 15px 15px;
    color: #555555;
    height: auto;
    margin-left: 110px;
    padding: 20px 20px 0;
    position: relative;
    width: 660px;
}
#start_popup2 .product-specials a.close-link {
    background: url("../images/icon-close.png") no-repeat scroll left top transparent;
    color: red;
    display: block;
    height: 15px;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 3px;
    width: 15px;
}
#start_popup2 .product-specials > ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    width: 680px;
}
#start_popup2 .product-specials p {
    margin: 0;
    padding-bottom: 1px;
}
#start_popup2 .product-specials p img {
    clear: none;
    display: block;
    float: none;
    height: 380px !important;
    margin-bottom: 20px;
    width: 655px !important;
}
#start_popup2 .product-specials > ul li, #start_popup2 .product-specials > ul li a {
    display: block;
    float: left;
    margin: 0;
}
#start_popup2 .product-specials > ul.home-specials {
    width: 700px;
}
#start_popup2 .product-specials > ul.home-specials li span {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #333333 #333333 -moz-use-text-color;
    border-style: solid solid none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-width: 1px 1px 0;
    color: #333333;
    display: block;
    float: left;
    font-size: 14px;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    top: 1px;
    z-index: 10;
}
#start_popup2 .product-specials > ul.home-specials li img {
    border: 1px solid #333333;
    clear: both;
    display: block;
    position: relative;
    z-index: 1;
}
#start_popup2 .product-specials > ul li a {
    margin: 0 20px 20px 0;
}
#start_popup2 .product-specials > ul li a img, #start_popup2 .product-specials > ul li img {
    background: none repeat scroll 0 0 #CCCCCC;
    display: block;
    height: 200px;
    width: 320px;
}
#fast-quote-wrapper {
    display: none;
}
#start_popup2 > .fast-quote {
    background: url("../images/popup-bg.png") repeat scroll left top transparent;
    border-radius: 15px 15px 15px 15px;
    color: #555555;
    height: auto;
    padding: 20px;
    position: relative;
    width: 920px;
}
#start_popup2 .fast-quote a.close-link {
    background: url("../images/close-icon.png") no-repeat scroll left top transparent;
    color: red;
    display: block;
    height: 22px;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 3px;
    width: 22px;
}
#start_popup2 .fast-quote .top {
    background: url("../images/girl-pic.png") no-repeat scroll 40px top transparent;
    height: 150px;
    margin-bottom: 30px;
}
#start_popup2 .fast-quote .top h1 {
    color: #1A1618;
    float: right;
    font-size: 25px;
    margin-bottom: 10px;
    width: 660px;
}
#start_popup2 .fast-quote .top h1 span{font-size: 25px;display:inline;}
#start_popup2  span{display:inline;}
#start_popup2 .fast-quote .top p {
    color: #333333;
    float: right;
    font-size: 16px;
    width: 660px;
}
#start_popup2 .fast-quote .top h1 span {
    color: red;
}
#start_popup2 .fast-quote .top h1 span.underline {
    text-decoration: underline;
}
#start_popup2 .fast-quote h5 {
    background: url("../images/arrow-blue3.png") no-repeat scroll left top transparent;
    font-size: 20px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    padding-left: 30px;
}
#start_popup2 .fast-quote form.start_form {
    display: block;
    position: relative;
    width: 940px;
}
#start_popup2 .fast-quote form.start_form .left {
    float: left;
    width: 460px;
}
#start_popup2 .fast-quote form.start_form .right {
    float: right;
    width: 460px;
}
#start_popup2 .fast-quote form.start_form p.bottom {
    color: #E83C8E;
    font-size: 11px;
    margin: 10px 0 0;
}
#start_popup2 .fast-quote form.start_form p.bottom a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
#start_popup2 .fast-quote form.start_form > p {
    color: #222222;
    font-size: 14px;
}
#start_popup2 .fast-quote form.start_form > p b {
    color: #000000;
    font-size: 15px;
}
#start_popup2 .fast-quote form.start_form .fields {
    background: none repeat scroll 0 0 #DAF1FC;
    padding: 10px;
}
#start_popup2 .fast-quote form.start_form .fields > label {
    display: block;
    float: left;
    margin: 0 20px 10px 0;
}
#start_popup2 .fast-quote form.start_form .fields > label input, #start_popup2 .fast-quote form.start_form .fields > label select {
    display: block;
    width: 95%;
}
#start_popup2 .fast-quote form.start_form .fields > label select {
    border: 1px solid #565656;
    padding: 5px;
}
#start_popup2 .fast-quote form.start_form .fields h5, #start_popup2 .fast-quote form.start_form h5.smaller {
    background: url("../images/arrow-blue2.png") no-repeat scroll left top transparent;
    color: #222222;
    font-size: 15px;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    margin: 15px 0 10px;
    padding-left: 22px;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dt {
    height: 25px;
}
.ui-timepicker-div dl dd {
    margin: -25px 0 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
#start_popup2 .fast-quote form.start_form .productlist {
    display: block;
    list-style: none outside none;
}
#start_popup2 .fast-quote form.start_form .productlist li {
    float: left;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    width: 120px;
}
#start_popup2 .fast-quote form.start_form input[type="checkbox"]{vertical-align:middle;}
#start_popup2 .fast-quote form.start_form .productlist li.wide_li{width: 190px;}
#start_popup2 .fast-quote form.start_form .submit {
    background: none repeat scroll 0 0 #3F3E3D;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 36px;
    margin: 20px 0;
    width: 120px;
}
#start_popup2 .fast-quote form.start_form .loading {
    background: url("../images/ajax-loader.gif") no-repeat scroll left top transparent;
    color: green;
    display: none;
    float: left;
    font-size: 15px;
    margin: 30px 0 0 20px;
    padding-left: 20px;
}
#start_popup3 {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    left: 0;
    top: 0;
    width: 700px;
}
#start_popup3 .showroom {
    background: url("../images/popup-bg.png") repeat scroll left top transparent;
    border-radius: 15px 15px 15px 15px;
    color: #555555;
    height: auto;
    padding: 20px;
    position: relative;
    width: 700px;
}
#start_popup3 .showroom .close-link {
    background: url("../images/icon-close.png") no-repeat scroll left top transparent;
    color: red;
    display: block;
    height: 15px;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 3px;
    width: 15px;
}
#start_popup3 .showroom ul {
    display: block;
    list-style: none outside none;
    margin: 0;
}
#start_popup3 .showroom ul li {
    margin: 0;
}
#range-wrapper {
    display: none;
}
#start_popup2 .range {
    background: url("../images/popup-bg.png") repeat scroll left top transparent;
    border-radius: 15px 15px 15px 15px;
    color: #555555;
    height: auto;
    padding: 20px;
    position: relative;
    width: 920px;
}
#start_popup2 .range p {
    margin: 0;
}
#start_popup2 .range a.close-link {
    background: url("../images/close-icon.png") no-repeat scroll left top transparent;
    color: red;
    display: block;
    height: 22px;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 3px;
    width: 22px;
}
form.start_form button.submit_but{background: url("../images/submit-button.png") no-repeat scroll left top transparent;width:122px;height:37px;border:0;margin:15px 0;}

.alumitec_bot h2{font-size:24px;margin-top:10px;}
#tabNav h1{margin:15px 20px 0;}
.pdf_download{margin-top:50px;}
.pdf_download img{vertical-align:middle;margin-right:10px;}
.pdf_download a{font-size:22px;color:#000;}
.pdf_download a:hover{color:#8CBB00}
#productGallery h5{height: 20px;margin: 0;padding: 10px 0 0;text-align: center;font:normal 13px arial;}
div#productGallery div.more_less{float:right;position:relative;margin-right:10px;margin-top:-22px;color:#747474;font-size:13px;padding:0;}
div#productGallery div ul li{list-style:none;background:none;padding:0;float:left;width:88px;text-align:center;height:100px;}
div#productGallery div p{font-size:11px;width:78px;line-height:13px;margin:4px 0 7px 0;}
div#productGallery div.more_less a img{margin-left:5px;height:auto;width:auto;}
div#productGallery div.more_less a{color:#747474;font-size:13px;padding:0;border:0;height:auto;float:none;margin:0;width:auto;}
div#productGallery div.more_less a:hover{background:none;border:0;}
div#productGallery div.color_div{padding:0;margin:0;width:78px;height:28px;border:1px solid #B9BABA;}
div#productGallery div.style_div{padding:0;margin:0;width:78px;}
div#productGallery div.style_div img{width:75px;height:53px;}
/*div#productGallery div.styles_main{margin-bottom:150px;}*/
div#productGallery div.styles_main ul li{margin:0 0 20px 0;}
div#productGallery div.styles_main p{margin:0;}
div#productGallery div.styles_main a{height:90px;text-align:center;border: 1px solid #fff;color:#5A5A5A;line-height: 13px;}
.more_less_inner{display:none;}

.pdf_download_div{float:left;width:50%;margin:0 0 15px 0}
.pdf_download_div span{font-size:24px;line-height:28px;display:block;float:left;width:50%;}
.pdf_download_div a{float:left;}
.pdf_download_div img.pdf_download_img{margin:0 10px;border:solid 1px #bbb;padding:3px;}
