/*
*************************************************

iEVO
General Screen Styles

*************************************************
*/

/* USE MASTER STYLES */
@import url(master.css);

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/

#content	{ float:left; width:924px; padding:8px 18px 0px 18px; line-height:18px;}
#content h1     { font-size:20px; color:#000; }

#content .col21, #content .col22 { float:left; width:448px; margin-right:26px;  }
#content .col22 { margin-right:0; }
#content .col31, #content .col32, #content .col33 { float:left; width:292px; margin-right:23px;  }
#content .col33 { margin-right:0; }
#content .col41, #content .col42, #content .col43, #content .col44 { float:left; width:213px; margin-right:23px; }
#content .col44 { margin-right:0; }

#content .imgright { float:right; }

/* Products */

.products-top		{ float:left; width:922px; border-bottom:#ddd 1px solid; padding-top:10px; margin-bottom:16px; }
.products-top h1 { float:left; padding-top:10px;  }

.products-menu		{ float:right; width: 740px; font-size:12px;   }
.products-menu ul 	{ float:right;   margin:0; padding:0;  }
.products-menu li 	{ list-style-type: none;float: left; padding:10px 0px; display:block;  }
.products-menu li a { color:#00adef;  padding:12px 18px;  font-weight:bold;  }
.products-menu li a:hover { background:#eee; text-decoration:none;  }
.products-menu li a.menuSelected { background:#888 url(../images/menuSelected.gif) top center no-repeat;color:#fff; }

.products-foruse	{ float:left; background:#eee; border:1px solid #ccc; padding:4px; margin-right:7px; margin-bottom:7px; }

.overview-intro h2, .overview-intro2 h2, .overview-intro3 h2 { font-size:17px; }
.overview-intro, .overview-intro2, .overview-intro3  { padding-top:10px; }

.overview-intro .text { float:left; width:472px; font-size:15px; line-height:16px;}
.overview-intro img { float:right; padding-right:20px;  }
.overview-intro ul { margin:0; padding:0; padding-left:20px; }
.overview-intro li { padding-bottom:8px; padding-left:6px; list-style-image: url(../images/icon-tick.gif); font-size:12px; }

.bulletleft { float:left; width:210px; }
.bulletright { float:right; width:210px; margin-left:18px; }

.overview-intro2 .text { float:right; width:416px; font-size:14px; line-height:20px;}
.overview-intro2 img { float:left; padding-bottom:44px; }
.overview-intro3 .text { float:left; width:340px; font-size:14px; line-height:20px;}
.overview-intro3 img { float:right;  padding-bottom:44px; padding-right:28px; }

.textunderimg	{ float:left; clear:left; width:460px; }

.btn-fulloverview { background:#00adef; border:1px #0080b1 solid; color:#FFF; padding:8px 20px; }
.btn-fulloverview:hover { background:#0080b1; }

.user, .celarge, .audio, .software { text-align:center;height:100px; }
.celarge { padding-top:14px; height:86px; }
.software { padding-top:10px; height:90px; }

.internal-intro { float:left; width:290px; height:319px; background:#a3afb5 url(../images/internal-mainimg.jpg) no-repeat; padding:50px 306px 0px 330px;color:#666; font-size:15px; }
.internal-intro h2 { font-size:24px; line-height:30px;color:#2121; }

.external-intro { float:left; width:344px; height:334px; background:#37568d url(../images/external-mainimg.jpg) top right no-repeat; padding:34px 548px 0px 32px; color:#ccc;}
.external-intro h2 { font-size:24px; line-height:30px; color:#fff; }

.colours-intro { float:left; width:344px; height:289px; background:url(../images/colours-mainimg.jpg) no-repeat; padding:40px 32px 40px 548px; }
.colours-intro h2 { font-size:24px; line-height:30px; }
.coloursnote { font-size:11px; line-height:14px; color:#999; }

/* Installers */

.installers-menu		{ float:left; width:200px;  }
.installers-menu ul		{ margin: 0;padding: 0;margin-top:1px;list-style: none;}
.installers-menu li		{ margin: 0;font-weight:bold;}
.installers-menu li  a	{ font-size:13px; color: #00adef;display: block;padding: 10px 22px;text-decoration:none; border-top:#ddd 1px solid;}
.installers-menu li  a:hover {color: #00adef;display: block;padding: 10px 22px;background: #ddd;text-decoration:underline;}
.installers-menu li a.menuSelected { background:#888 url(../images/menuSelected.gif) top center no-repeat;color:#fff; border-top:none; }

.installers-content		{ float:left; width:700px;padding-left:20px;   }
.installers-content h2		{ border-bottom:1px dotted #ccc; padding-bottom:6px; margin-bottom:16px; font-size:15px; color:#666;}
.installers-content li { padding-bottom:10px; }

.warning-box 	{ float: left;width: 508px; background: #efefef url(../images/warning_sign.jpg) no-repeat 31px 13px; border:1px #ccc dashed;  min-height:72px;margin-bottom: 26px;padding: 13px 20px 3px 130px;}
.slider-header { float:left;  width:662px; margin:0; padding:0;border:1px #ccc dashed; padding:13px 18px 0px 18px;background:#f0f0f0; }
.slider-header h3 em { font-style:normal; font-size:11px; color:#444;  }
.slider-header h3 a {  colour:#fff; }

.welcomeslide, .assemblyslide, .wallslide, .flushslide, .wiringslide, .wieglandslide, .settingsslide, .networkslide { float:left; width:662px; border:1px #ccc dashed; border-top:none; padding:18px; }
.settingsslide td { padding-bottom:6px; }

.twocolA  { float:left;width:320px; margin-right:22px; }
.twocolB  { float:left;width:320px;  }


/********************
    TABLE STYLES
********************/
.referral-table a{ color:#333333; text-decoration:none; padding:4px;}

.referral-table a:hover{ color:#ffffff; background-color:#9e0000; text-decoration:none; padding:4px;}

.ref-form{color:#333;	font-weight:bold;font-size: 14px;}

.ref-name{color:#00adef;	font-weight:bold;font-size: 13px;}

.referral-celltop {background-color:#00adef;	padding:10px;	font-weight: bold;color: #FFFFFF;	font-size: 13px;}

.referral-cella  { background-color:#ddd; padding:10px;}

.referral-cellb  { background-color:#eee; padding:10px;}

/*-------------------------------------------    
    Trade Application forms
-------------------------------------------*/
.colA1  { float:left; width:432px; padding:12px; background:#eee; margin-top:10px;  }
.colA2  { float:left; width:432px; margin-left:12px; padding:12px; background:#eee; margin-top:10px; }
.colA1 input, .colA2 input, .colB1 input, .colB2 input { width:400px; }

.colB1  { float:left; width:432px; padding:8px;  margin-top:10px;  }
.colB2  { float:left; width:432px; margin-left:22px; padding:8px; margin-top:10px; }

.colC1  { float:left; width:280px; padding:8px;  margin-top:10px;  }
.colC2  { float:left; width:280px; padding:8px;  margin-top:10px;  }
.colC3  { float:left; width:280px; padding:8px;  margin-top:10px;  }

.formterms { float:left; background:#eee; border:1px dotted #ccc; padding:12px; font-style:italic;  }

/*===== LOGIN =======*/
.loginform { float:left; width:882px; background:#fff; border:4px #f0f0f0 solid; padding:10px 20px;  margin-top:10px;}
.loginform label { float:left; font-weight:bold; clear:left;width:280px; padding-bottom:14px; color:#000; }
.loginform label em {font-weight:normal; font-size:12px; color:#777; }
.loginform input, .loginform textarea { float:left;   margin-bottom:20px;   }
.loginform .entry { float:left;   padding-bottom:20px;   }
.loginform .field {float:left; width:100%; border-bottom:1px #ccc solid; padding-top:14px; }

/*************************/
/* 	CONTACT US 	*/
/*************************/
.address	{ float:left; width:288px; margin-top:16px; background:#eee; padding:16px; }
.address h2 { font-size:16px; border-bottom:1px solid #ccc; padding-bottom:6px;  color:#000;  }
.address em { color:#000000; font-style:normal; font-weight:bold; }

.contactform	{ float:right; width:590px; margin-top:16px;  }
.contactform h2 { border-bottom:1px solid #ccc; padding-bottom:6px;  color:#000;  }

#cform fieldset	{float:left;border:none;	margin:0;	padding:0;}
#cform label	{float: left;width: 500px;margin-right: 1em;font-weight: bold;color:#000;font-family:Arial, Helvetica, sans-serif; padding-bottom:6px;}
#cform input, #cform textarea 	{	border: none; border:1px #aaa solid; font-family:Arial, Helvetica, sans-serif; padding:6px;}

#cform .categoryName { color:#fff; }
#cform h3 { background:#000; color:#fff; padding:4px 8px; float:left; }
#cform ol {list-style:none; padding:0; margin:0; clear:left; }
#cform li {float: left;  clear: left;margin-bottom:1.5em;  padding: 0; }

#cform fieldset legend	{font-size:1.3em;	font-weight:normal;	color:#ccc;}

#cform em { color:#fff; font-size:0.9em; font-weight:bold; color:#d00000; font-style:normal; }
/* Required */
#cform i { color:#FF0000; font-style:italic;}
#antispam 	{ visibility:hidden; display:none; }

/* Submit Button */
 .submit-btn { margin-top:0px; cursor:pointer; border:outset 1px #ccc; background:#999; color:#000; font-weight:bold; font-size:14px; padding: 6px 24px;  background:url(../images/inputbtn-bg.gif) repeat-x left top; margin-bottom:0;  font-family:Arial, Helvetica, sans-serif;}
 .submit-btn:hover { background:#333; color:#fff;}

.errtext { color:#FF0000; }

.paypallogo		{ float:left; padding-top:10px; }
.ppnote			{ float:left; width:300px; padding-top:10px;  }
.paypal			{ float:left; background:#fff; border:1px dashed #ccc; width:300px; padding:10px 0; padding-left:14px; margin-top:10px; }
.cheque			{ float:left; background:#f0f0f0; border:1px dashed #ccc; margin-left:10px; width:260px; padding-top:10px; padding-bottom:14px; padding-left:14px; margin-top:10px; }
.postal			{ float:left; background:#f0f0f0; border:1px dashed #ccc; margin-left:10px; width:260px; padding-top:10px; padding-bottom:14px; padding-left:14px;margin-top:10px; }
.paypal h5, .postal h5, .cheque h5	{ color:#000; font-weight:bold; font-size:15px; }

/*-------------------------------------------    
    			Integration
-------------------------------------------*/

.integbox { float:left; width:340px; border:1px #ccc dotted; padding:16px; }
.integcopy { float:left; width:520px; padding-left:20px; }

.disclaimer { font-size:11px; color:#999; }

.integrationimg  {   margin-right:20px; }

/*-------------------------------------------    
    			Media
-------------------------------------------*/

.casestudy              { margin-bottom:18px; }
.casestudy h2 		{ margin:0; padding:0; font-size:19px; line-height:19px; letter-spacing:-0.5px; color:#00adef; margin-bottom:14px; }
.casestudy h3		{ margin:0; padding:0;font-size:12px; color:#9e9e9e;   }
.casestudy h4           { font-size:15px; letter-spacing:-0.5px;}
.casestudy .leftimg     { float:left; margin-right:18px; margin-bottom:18px; padding:4px; border:1px #ddd solid; }
.casestudy .rightimg    { float:right; margin-left:18px; margin-bottom:18px; padding:4px; border:1px #ddd solid; }

.casestudy .video { float:right; width:380px; background:#eee; padding:16px; margin:0 0 16px 16px; border:1px dotted #999; }
.casestudy .video h4 { border-bottom:1px #ccc solid; margin-bottom:16px; font-size:18px; }

.casestudy strong { color:#333; }
.casestudy .pull { float:right; width:350px; color:#555; padding:18px; margin-left:16px;margin-bottom:16px; background:#f0f0f0; border:2px solid #ddd; font-size:14px; line-height:22px; font-weight:normal; text-indent:20px; }

/*-------------------------------------------    
    			Store
-------------------------------------------*/

.buyform label	{ float:left;width:200px; margin-top:10px; clear:left;  }
.buyform input, .buyform select	{ float:left; margin-top:10px; }
.buyform em { background:#f00; color:#fff; padding:2px 6px; }

.product-listing, .product-listing2 { float:left; width:440px; color:#888;  }
.product-listing { margin-right:38px; }
.product-listing h2, .product-listing2 h2 { padding-top:20px; padding-bottom:6px;  margin-bottom:10px; }
.floatleftimg { float:left; padding-right:28px; }

.cartwarning	{ float:left; width:766px; background:#eee; border:1px #ccc dashed; padding:16px; margin-bottom:16px; }
.cartwarning h3 { margin:0; padding:0; padding-bottom:6px; }
.cartwarning img { float:left; padding-right:20px; }

/*-------------------------------------------    
    			News
-------------------------------------------*/
#all .narrowcolumn { float:left; width:640px; }
#all .narrowcolumn small { font-size:15px; display:block; color:#333; padding-bottom:10px; }
#all #sidebar { float:left; width:200px; padding-left:20px; padding-top:14px; }
#all #sidebar h2 { margin:0; padding:0; padding-bottom:20px; }
#all #sidebar ul { margin:0; padding:0; }
#all #sidebar li { list-style-type:none; padding-bottom:12px; }

.post { border-bottom:1px #ccc solid; margin-bottom:20px; }