body{background-color:#2f2f2f;overflow:hidden !important}
*{margin:0;padding:0}
ul{list-style-type:none}
ul li{float:left;width:239px;border-bottom:1px solid #444444;height:336px;position:relative}
ul li div.border{border-bottom:1px solid #1c1c1c;position:absolute;bottom:0;width:100%}
#tools a{text-decoration:none}
#tools a.home {background-image:url(../images/home.png);background-repeat:no-repeat;padding:0 0 0 30px;position:relative; top:2px;}
.hidden{display:none}
.ui-page {-webkit-backface-visibility: hidden !important} 
.ui-body-c, .ui-overlay-c{background: none repeat scroll 0 0 #2F2F2F}
.ui-content{padding:80px 0 0 30px}
#header{background:none;background-image:url(../images/noise-bg.jpg);background-repeat:repeat;border:1px solid #36353e;-moz-box-shadow: 3px 3px 3px #1f1f1f;-webkit-box-shadow: 3px 3px 3px #1f1f1f;box-shadow: 3px 3px 3px #1f1f1f;height:50px;z-index:1;position:fixed;width:100%;text-shadow: 1px 1px 1px #1f1f1f;top:0 !important}
.ui-title{margin-top:1em !important;font-size:1em !important;text-shadow: 1px 1px 1px #1f1f1f}
#header h1{margin:0 auto;text-align:center;font-size:16px;text-shadow:1px 1px 1px #1f1f1f;line-height:50px;font-family:'Bitstream Vera Sans'; font-weight:normal;}
#header .name{color:#c3c1b5}
#header .type{color:#46b3d2}
.fl{float:left}
.fr{float:right}
#tools{position:absolute;top:15px;left:25px}
#tools a.filter{background-image:url(../images/filter-icon.png);background-repeat:no-repeat;padding-left:23px;margin-right:23px;background-position: left 1px;}
#tools a.tools{background-image:url(../images/tools-icon.png);background-repeat:no-repeat;padding-left:25px}
.dropdown-box.tools{position:fixed;top:45px;left:85px;}
#finder .dropdown-box.tools{left:135px;}
.tools a,.tools a:visited{display:block;border:1px solid #707070;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;line-height:22px;margin-bottom:6px;width:140px;font-size:10px;color:#222321 !important;text-decoration:none;text-shadow: none;padding-left:10px}
.tools a.last{margin-bottom:0}
.tools a.compare{background:transparent url(../images/compare-icon.png) no-repeat 125px 2px}
.tools a.compare:hover{background-image:url(../images/compare-icon-hover.png)}
.tools a.fact{background:transparent url(../images/fact-book-icon.png) no-repeat 128px 2px}
.tools a.fact:hover{background-image:url(../images/fact-book-icon-hover.png)}
.tools a.email{background:transparent url(../images/email-icon.png) no-repeat 125px 2px}
.tools a.email:hover{background-image:url(../images/email-icon-hover.png)}
.tools a.hypo{background:transparent url(../images/hypo-icon.png) no-repeat 125px 2px}
.tools a.hypo:hover{background-image:url(../images/hypo-icon-hover.png)}
.tools a:hover{background-color:#3e3e3d;color:#fff !important}
.dropdown-box.filter{position:fixed;top:45px;left:40px;height:325px;width:462px;}
.dropdown-box span.arrow{background-image:url(../images/dropdown-arrow.png);background-repeat:no-repeat;display:block;width:21px;height:8px;position:absolute;top:-7px;left:15px}
.dropdown-box{padding:18px;background-color:#bababa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:4;box-shadow:0 0 5px 5px #282727; -moz-box-shadow:0 0 5px 5px #282727;display:none}
#header #tools a,#header #tools a:visited{color:#c3c1b5;display:inline-block;cursor:pointer;font-family:'Bitstream Vera Sans'}
#search{position:absolute;top:15px;right:25px}
#search a.help{background-image:url(../images/help-icon.png);background-repeat:no-repeat;height:22px;width:22px;display:block}
#search input{color:#fff;text-shadow:none !important;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;font-size:0.9em;position:absolute;right:30px;top:0px;width:140px;background-image:url(../images/magnifying-glass.png);background-repeat:no-repeat;padding:0 1.8em 0 1em;background-position:top right;border:1px solid #232222;background-color:#2f2f2f;box-shadow:inset 0 0 3px #232222; -moz-box-shadow:inset 0 0 3px #232222}
.ui-content *,#footer *{text-shadow:none !important}
#footer {background:none !important;border:none !important;position:fixed !important;bottom:-1px !important;width:100%;text-align:right;z-index:999}
#footer .tab{display:inline-block;text-transform:uppercase;color:#fff;font-size:11px;text-align:left;padding:2px 0 0 10px;cursor:pointer}
#footer .tab a{display:inline-block;padding:15px 0 0 20px}
#comparison{z-index:3;width:118px;height:23px;background:transparent url(../images/compare-tab.png) no-repeat;position:absolute;top:-24px;right:112px}
#comparison a{color:#fff;text-decoration:none;padding:3px 0 0 29px !important;font-weight:normal;;font-family:'TrumpGothicWestBold'; font-size:14px;}
#favorite{position:absolute;width:100%;top:-24px;right:0;z-index:2}
#favorite .tab{background:transparent url(../images/fav-tab.png) no-repeat 0 0;width:105px;height:23px;position:absolute;right:0}
#favorite .link{display:inline;position:absolute;right:22px;color:#fff;font-size:14px;text-transform:uppercase;font-family:'TrumpGothicWestBold'; padding:1px 0 0 0;}
#favorite-container{width:100%;height:160px;background-color:#434445;margin-top:23px;-moz-border-radius:8px;border-radius:8px}
#total{color:#c3c1b5;text-transform:uppercase;position:absolute;top:58px;right:10px;font-size:18px;background:transparent url(../images/total-icon.png) no-repeat 0 4px;padding-left:20px;font-family:'TrumpGothicWestBold'}
.messaging{background:transparent url(../images/message-box.png) no-repeat 0 0;width:550px;height:220px;display:none}
.messaging .buttons{position:absolute;text-align:center;width:100%;top:110px}
.messaging .message{color:#c3c1b5;position:absolute;top:60px;text-align:center;width:100%;font-size:20px}
.message .highlight{color:#87ab66}
.buttons a,.buttons a:visited{color:#222321 !important;font-size:11px;font-family:'Bitstream Vera Sans';text-decoration:none;display:inline-block;margin-right:10px;line-height:22px;-moz-border-radius: 5px;border-radius: 5px;padding:0 45px 0 10px}
a#reset-compare{background:#c3c1b5 url(../images/reset-icon.png) no-repeat 140px 3px}
a#compare-now{background:#87ab66 url(../images/compare-arrow-icon.png) no-repeat 110px 3px}
.continue{margin-top:10px;background-position:83px 3px !important}
#footer .message{font-size:12px !important;color:#c3c1b5;position:absolute;top:46px;left:47px;text-align:left;width:200px}
#favorite-message{display:none;background:transparent url(../images/footer-message-box.png) no-repeat 0 0;width:303px;height:132px;position:absolute;bottom:12px;right:0}
#compare-message{display:none;background:transparent url(../images/footer-message-box.png) no-repeat 0 0;width:303px;height:132px;position:absolute;bottom:12px;right:120px}
#overlay{background-color:#000;opacity:0.7;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;display:none}
#header,#footer{z-index:3}
#toggle{position:absolute;top:-25px;right:246px;z-index:3}
#actions{float:right;text-align:left;margin:17px 10px 0 0}
#actions a,#actions a:visited{background-color:#b3b3b3;margin-bottom:7px}
#actions a:hover{background-color:#3e3e3d;color:#fff !important}
#favorites{width:835px;float:left;background-color:#2f2f2f;-moz-border-radius: 5px;border-radius: 5px;height:122px;margin:15px 0 0 15px;position:relative;overflow:hidden}
#favorites .left{cursor:pointer;background:transparent url(../images/left-arrow-click.jpg) no-repeat 0 0;position:absolute;left:0;top:0;width:34px;height:122px;z-index:1}
#favorites .right{cursor:pointer;background:transparent url(../images/right-arrow-click.jpg) no-repeat 0 0;position:absolute;right:0;top:0;width:35px;height:122px;z-index:1}
#favorites .container{position:absolute;left:0}
#favorites ul{margin-left:34px;white-space:nowrap;position:absolute;left:-121px}
#favorites li{width:121px;height:119px;border-bottom:none;display:inline;float:none;overflow:hidden}
#delay{position:absolute;left:0;}

#breakdown{width:460px;height:384px; background-image:url(../images/breakdownBg.png); background-repeat:no-repeat;display:none;}
#breakdownFeatured{width:460px;height:384px; background-image:url(../images/breakdownAsterikBg.png); background-repeat:no-repeat;display:none;}
.breakdownInner {width:420px; padding:23px 40px;}

#breakdown .percentageContainer {
	font-size: 14px;
    font-weight: bold;
    height: 45px;
    padding: 11px 0 0 10px;
    width: 355px;
}
#breakdownFeatured .percentageContainer {
	font-size: 14px;
    font-weight: bold;
    height: 45px;
    padding: 11px 0 0 10px;
    width: 355px;
	
}
#breakdownFeatured .breakdownStarHeading {
	color: #2F2F2F;
    font-family: "Bitstream Vera Sans";
    font-size: 10px;
    height: 35px;
    padding: 10px 0 10px 60px;
    width: 320px;
}
@media only screen and (max-device-width: 1024px) and (orientation:portrait) {
	#favorites{width:575px}	
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	#favorites{width:835px}	
}

#splash h1{font-size:124px;font-family: 'TrumpGothicWestBold';color:#c2c0b4;padding:0;font-weight:normal;}
#splash #logo{margin-top:30px;font-family: 'DroidSansRegular';color:#696969;font-size:18px;display:block;margin-left: 144px; /*width:248px;*/}
#splash #maincontent{margin-top: 110px;padding:0;position:relative;display:block;width:648px;margin-left: 144px;}
#splash .textpad{margin-top: 5px;font-family: 'DroidSansRegular';color:#696969;font-size:14px;line-height:20px;padding: 0;	}
#splash #pages {margin-top:70px;width:648px;display:block;padding-bottom:40px;margin-left: 144px;}
@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
#splash #logo {margin-left:60px;}
#splash #maincontent {margin-left:60px;margin-top: 200px;}
#splash #pages {margin-left:60px;margin-top:100px;}
}
@media only screen and (max-device-width: 1024px) and (orientation:portrait) {
	#ListComparison .ui-content{overflow-x:scroll}	
}
