@charset "UTF-8";
/* CSS Document */

body { margin:0px; }

#new-prod-page-container,
#new-prod-page-container-video,
#new-prod-page-container-features,
#new-prod-page-container-sizes,
#new-prod-page-container-techspec,
#new-prod-page-container-comparison,
#new-prod-page-container-accessories,
#new-prod-page-container-reviews,
#new-prod-page-container-buildyours,
#new-prod-page-container-howitworks { width:1020px; padding:0px 0 0px 0px; margin:0 auto; z-index:1; /*border:1px solid #6C0;*/ }


#prod-page-right-container { width:790px; height:964px; margin:0 auto; padding:0px; /*border:1px solid #F00;*/ }


#prodlist-page-title2 { width:760px; height:150px; padding:30px 0 0px 30px; margin:0px 0 10px 0px; background:#000; float:right; /*border:1px solid #F00;*/ }
#prodlist-page-title2 > ul { padding:0px; margin:0px 0 0 0; /*border:1px solid #F00;*/ }
#prodlist-page-title2 > ul > li { padding:0px; margin:0px 0 0px 0; list-style:none; float:left; /*border:1px solid #F00;*/ }
#prodlist-page-title2 > ul > li h1 { font:70px 'Titillium Web', Arial, Helvetica, sans-serif; font-weight:700; line-height:60px; padding:50px 0 0 0px; margin:0px; color:#FFF; }
#prodlist-page-title2 > ul > li h2 { font:20px 'Titillium Web', Arial, Helvetica, sans-serif; font-weight:700; line-height:30px; padding:0px 0 0 0px; margin:0px; color:#09F; text-transform:capitalize; }
#prodlist-page-title2 > ul > li h3 { font:16px 'Titillium Web', Arial, Helvetica, sans-serif; font-weight:400; line-height:20px; padding:0px 0 0 0px; margin:0px; text-transform:capitalize; }
#prodlist-page-title2 > ul > li.prod-img { float:right; padding:0px 0 0 0px; margin:20px 20px 0 0; text-transform:capitalize; }
#prodlist-page-title2 > ul > li.prod-img img { width:120px; padding:0px 0 0 0px; margin:0px; text-transform:capitalize; }



/*************
  CONTACT US 
*************/

/* On contact page */
#contactus > ul.one { width:780px; padding:30px 0 30px 10px; margin:0px 0 10px 0; float:right; background:#EEE; /*border:1px solid #F00;*/ }
#contactus > ul.one > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:28px; font-weight:400; line-height:28px; margin:10px 0 0 0; padding:0px 0 30px 0; /*border:1px solid #F00;*/  }
#contactus > ul.one > li { width:378px; padding:0px 0px 20px 0px; margin:0px 10px 0px 0px; float:left; list-style:none; border-right:1px solid #CCC; /*background:#FFF; /*border:1px solid #F00;*/  }
#contactus > ul.one > li.last { border-right:none; /*background:#FFF; /*border:1px solid #F00;*/  }
#contactus > ul.one > li > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; line-height:16px; color:#111; text-align:left; margin:20px 0 3px 0px; padding:0px; text-transform:uppercase; /*border:1px solid #F00;*/  }
#contactus > ul.one > li > h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:20px; color:#111; text-align:left; margin:0px 0 3px 0px; padding:0px; text-transform:capitalize; /*border:1px solid #F00;*/  }
#contactus > ul.one > li > p { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; line-height:14px; color:#777; text-align:left; margin:0px 0 0px 0px; padding:0px; text-decoration:none; }
#contactus > ul.one > li > span img { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:30px; font-weight:600; line-height:36px; color:#09F; text-align:left; margin:0px 0 5px 0px; padding:0px; text-transform:uppercase; text-decoration:none; }
#contactus > ul.one > li > a { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:28px; font-weight:600; line-height:36px; color:#09F; text-align:left; margin:0px 0 0px 0px; padding:0px; text-transform:capitalize; text-decoration:underline; }
#contactus > ul.one > li > a:hover { text-decoration:underline; }
#contactus > ul.one > li > a > img { width:100px; padding:10px 0 0px 0; margin:0px 20px 0px 20px; float:left; /*border:1px solid #F00;*/ }

/* On other pages */
#contactus > ul.two { width:780px; padding:20px 0 15px 10px; margin:0px 0 10px 0; float:right; background:#EEE; /*border:1px solid #F00;*/ }
#contactus > ul.two > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:28px; font-weight:400; line-height:28px; margin:10px 0 0 0; padding:0px 0 30px 0; /*border:1px solid #F00;*/  }
#contactus > ul.two > li { width:378px; padding:0px 0px 20px 0px; margin:0px 10px 0px 0px; float:left; list-style:none; border-right:1px solid #CCC; /*background:#FFF; /*border:1px solid #F00;*/  }
#contactus > ul.two > li.last { border-right:none; /*background:#FFF; /*border:1px solid #F00;*/  }
#contactus > ul.two > li > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; line-height:16px; color:#111; text-align:left; margin:20px 0 3px 0px; padding:0px; text-transform:uppercase; /*border:1px solid #F00;*/  }
#contactus > ul.two > li > h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; line-height:20px; color:#111; text-align:left; margin:0px 0 3px 0px; padding:0px; text-transform:capitalize; /*border:1px solid #F00;*/  }
#contactus > ul.two > li > p { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; line-height:14px; color:#777; text-align:left; margin:5px 0 20px 0px; padding:0px; text-decoration:none; }
#contactus > ul.two > li > span img { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:30px; font-weight:600; line-height:36px; color:#09F; text-align:left; margin:5px 0 2px 0px; padding:0px; text-transform:uppercase; text-decoration:none; }
#contactus > ul.two > li > a { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:28px; font-weight:600; line-height:36px; color:#09F; text-align:left; margin:0px 0 0px 0px; padding:0px; text-transform:capitalize; text-decoration:underline; }
#contactus > ul.two > li > a:hover { text-decoration:underline; }
#contactus > ul.two > li > a > img { width:100px; padding:10px 0 40px 0; margin:0px 20px 0px 20px; float:left; /*border:1px solid #F00;*/ }
#contactus > ul.two > li > a.link { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:16px; font-weight:600; line-height:16px; color:#000; text-align:left; margin:0px ; padding:0px 25px 0 0; text-transform:capitalize; text-decoration:underline; background:url(file:///Macintosh%20HD/Applications/MAMP/htdocs/images/icons/arrows-black2.png) no-repeat right center; }
#contactus > ul.two > li > a.link:visited { color:#000; }

#contactmessage { width:750px; height:120px; top:0px; padding:40px 20px 0px 20px; margin:0px 0 0px 0; background: url(../../images/bg/opaqueblk1.png) repeat; z-index:10; float:right; /*border:1px solid #F00;*/ }
#contactmessage > ul { padding:0px; margin:10px 0 10px 0; list-style-type:none; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.before { padding:0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.before > h1 { font-family: Arial, Helvetica, sans-serif; font-size:30px; font-weight:600; line-height:30px; color:#FFF; text-align:left; text-transform:capitalize; padding:0px 0 5px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.before > h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; line-height:22px; color:#09F; text-align:left; padding:0px 0 0px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.before > p { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; line-height:22px; color:#09F; text-align:left; text-transform:none; padding:0px 0 0px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.before > p > b { color:#FFF; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.successful { position:relative; top:0px; padding:0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.successful > h1 { font-family: Arial, Helvetica, sans-serif; font-size:30px; font-weight:600; line-height:30px; color:#FFF; text-align:left; text-transform:capitalize; padding:0px 0 5px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.successful > h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; line-height:22px; color:#09F; text-align:left; padding:0px 0 0px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.successful > p { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; line-height:22px; color:#09F; text-align:left; text-transform:none; padding:0px 0 0px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.successful > p > b { color:#FFF; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.successful > img { float:left; margin:0 20px 0 20px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.after { position:relative; top:0px; padding:0px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.after > h1 { font-family: Arial, Helvetica, sans-serif; font-size:30px; font-weight:600; line-height:30px; color:#FFF; text-align:left; text-transform:capitalize; padding:0px 0 5px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.after > h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; line-height:22px; color:#09F; text-align:left; padding:0px 0 0px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.after > p { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; line-height:22px; color:#09F; text-align:left; text-transform:none; padding:0px 0 0px 20px; margin:0px; /*border:1px solid #F00;*/ }
#contactmessage > ul > li.after > p > b { color:#FFF; /*border:1px solid #F00;*/ }

#contactform.us { width:750px; top:0px; padding:40px 20px 60px 20px; margin:0px 0 10px 0; background: url(../../images/bg/opaqueblk1.png) repeat; z-index:10; float:right; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form.coll2 { width:350px; padding:44px 0 0 0; margin:0px 0px 0 20px; list-style-type:none; float:left; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form { width:350px; padding:0px; margin:0px 0px 0 0; list-style-type:none; float:left; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li { min-width:100px; padding:0px 0; margin:0px 0px 0px 0; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li > h1 { width:348px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; line-height:14px; color:#FFF; text-align:left; text-transform:uppercase; padding:0px 0px 0px 0px; margin:10px 0 20px 20px;  }
#contactform.us > form > ul#form > li > h2 { width:70px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:14px; color:#FFF; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 0px 0 20px; float:left; }
#contactform.us > form > ul#form > li > h3 { width:70px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:13px; font-weight:400; line-height:14px; color:#DDD; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 0px 0 20px; float:left; }
#contactform.us > form > ul#form > li > p { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; line-height:17px; color:#FFF; text-align:left; text-transform:none; padding:0px 0 0 22px; margin:0px; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li > select { height:35px; width:330px; padding:0px 0 0px 0px; margin:0px 0px 3px 0; float:left; border:1px solid #333;*/ }
#contactform.us > form > ul#form > li.input { height:40px; padding:0px 0px 0px; margin:0px 0 20px 0; float:right; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li.input > input { height:35px; padding:0px 5px 0px 10px; margin:0px 0 0 0; width:310px; font-size:14px; float:right; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li > textarea { width:310px; height:190px; padding:10px 10px 20px 10px; margin:0px 0 13px 0; font-size:14px; float:right; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li > #submit { width:110px; padding:15px 0px 15px 0px; margin:20px 0px 0px 20px; font-size:14px; float:left; cursor:pointer; background:#09F; color:#FFF; border:1px solid #333; }
#contactform.us > form > ul#form > li > #clearButton { width:110px; padding:15px 0px 15px 0px; margin:20px 0px 0px 10px; font-size:14px; float:left; cursor:pointer; background:#CCC; color:#111; border:1px solid #333; }
#contactform.us > form > ul#form > li.text { padding:5px 0px 5px 0px; margin:0px 0 0px 20px; float:left; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li.fullwidth { width:330px; padding:0px 0px 0px 0px; margin:10px 0 8px 20px; float:left; /*border:1px solid #F00;*/ }
#contactform.us > form > ul#form > li.fullwidth > h2 { width:320px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:13px; font-weight:600; line-height:16px; color:#FFF; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 0px 0 0px; float:left; }
#contactform.us > form > ul#form > li.fullwidth > h3 { width:320px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:13px; font-weight:400; line-height:16px; color:#DDD; text-align:left; text-transform:uppercase; padding:0px 0 0px 0px; margin:0px 0px 0 0px; float:left; }
#contactform.us > form > ul#form > li.button { float:left; width:240px; padding:0px 0px 5px 20px; margin:0px 0 0px 0; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; /*border:1px solid #F00;*/ }




#contactaddress { width:790px; background:#000; padding:15px 0 50px 0; margin:0px; float:right; /*border:1px solid #F00;*/ }
#contactaddress > a > img { width:70px; padding:15px 0 40px 0; margin:0px 35px 0px 25px; float:left; /*border:1px solid #F00;*/ }
#contactaddress > img { padding:0px 0 0px 0; margin:0px 0px 0px 128px; float:left; /*border:1px solid #F00;*/ }
#contactaddress > ul.one { width:158px; padding:10px 5px 0px 0px; margin:0px 0 0px 0; float:left; background:#000; /*border:1px solid #F00;*/ }
#contactaddress > ul.one > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:28px; font-weight:400; line-height:28px; margin:10px 0 0 0; padding:0px 0 30px 0; /*border:1px solid #F00;*/  }
#contactaddress > ul.one > li { padding:0px 0px 10px 0px; margin:0px 10px 0px 0px; float:left; list-style:none; /*border:1px solid #F00;*/  }
#contactaddress > ul.one > li.last { border-right:none; /*background:#FFF; /*border:1px solid #F00;*/  }
#contactaddress > ul.one > li > h1 { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; line-height:16px; color:#09F; text-align:left; margin:20px 0 3px 0px; padding:0px; text-transform:uppercase; /*border:1px solid #F00;*/  }
#contactaddress > ul.one > li > h2 { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:400; line-height:16px; color:#DDD; text-align:left; margin:0px 0 3px 0px; padding:0px; text-transform:capitalize; /*border:1px solid #F00;*/  }
#contactaddress > ul.one > li > p { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; line-height:14px; color:#777; text-align:left; margin:0px 0 0px 0px; padding:0px; text-decoration:none; }
#contactaddress > ul.one > li > span { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:30px; font-weight:600; line-height:36px; color:#09F; text-align:left; margin:0px 0 0px 0px; padding:0px; text-transform:uppercase; text-decoration:none; }
#contactaddress > ul.one > li > a { font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:28px; font-weight:600; line-height:36px; color:#09F; text-align:left; margin:0px 0 0px 0px; padding:0px; text-transform:capitalize; text-decoration:none; }
#contactaddress > ul.one > li > a:hover { text-decoration:underline; }
#contactaddress > ul.one > li > a > img { width:100px; padding:0px 0 40px 0; margin:0px 30px 0px 20px; float:left; /*border:1px solid #F00;*/ }

