
#main h2 { text-align:center; margin:0; }
#main h3 { text-align:center; margin:0 0 10px 0; font-weight:normal; }

.icon { border:none; width:6px; height:7px; }

div.comparison div.col { float:left; }
div.comparison div.col1 { width:245px; margin-left:15px; }
div.comparison div.col2 { width:290px; margin:0 15px; }
div.comparison div.col3 { width:245px; margin-right:15px; }

div.comparison h4,
	div.comparison h5,
	div.comparison ul li,
	div.comparison p { text-align:center; }
div.comparison h4 { font-family:Calibri; margin-bottom:5px; margin-left:10px; }
div.comparison h5.price { font-size:1.6em; margin-bottom:15px; margin-top:5px; }
div.comparison h5.price span { padding:0 0 5px 0; }


div.comparison sup { font-size:8px; font-weight:normal; }


div.comparison span.infoPopLnk { line-height:15px; }

div.comparison p.system { text-transform:uppercase; font-size:16px; font-family:Calibri; font-weight:bold; }
div.comparison div.col1 p.system, div.comparison div.col3 p.system { font-size:15px; }

div.comparison div.col1 p.system { color:#1ec2ea; }
div.comparison div.col2 p.system { color:#f0008d; }
div.comparison div.col3 p.system { color:#84eb70; }


#main div.comparison ul { padding:0; margin:0 0 1em 0; /*background:url(/img/pages/price-line.png) no-repeat transparent bottom center;*/ }

div.comparison ul li { list-style-type:none; font-size:0.9em; padding:10px 0; background:url(/img/pages/price-line.png) no-repeat transparent top center; cursor:pointer;  }
div.comparison ul li strong { text-transform:uppercase; }
div.comparison ul li span.high { }
div.comparison ul li .upper { text-transform:uppercase; }
div.comparison ul li span span { background-image:none !important; }

div.comparison ul li.last { background-image:url(/img/pages/price-line2.png); }


div.comparison div.head p { margin-top:10px; }
div.comparison div.head p a { color:#7A7A7A; font-size:10px; text-decoration:none; }

div.comparison div.col h4 { font-size:2.2em; }

div.comparison div.col div.price { width:160px; margin:0 auto; }
div.comparison div.col div.price h5 { margin:5px 0 10px 0; } 
div.comparison div.col div.price h5.price { margin-bottom:8px; }



div.comparison div.col div.head p { font-size:0.65em; font-weight:bold; }
div.comparison div.col div.head a { border-bottom:1px dotted #7A7A7A; }

div.comparison div.col div.foot p { margin-bottom:4px; font-size:0.9em; }
div.comparison div.col div.foot p strong { }
div.comparison div.col div.foot p a { color:#7A7A7A; text-decoration:none;}
div.comparison div.col div.foot p a:hover { color:#7A7A7A; border-bottom:1px dotted #7A7A7A; }

div.comparison p.compare a { border-bottom:1px dotted #7A7A7A; font-weight:bold; }


.infoPop p.title { font-size:15px; font-family:Calibri; font-weight:bold; }
.infoPop p.text { font-size:12px; font-family:Georgia; }



/**
 * Submit buttons
 */
div.comparison div.submit { text-align:center; padding-left:15px; margin:10px 0; padding-bottom:35px; }
div.comparison div.submit a.button {  }

div.comparison div.col2 div.submit { padding-left:35px; }

div.comparison div.col1 a.button div.text { background-position:0 -800px !important; }
div.comparison div.col1 a.button div.cap {  background-position:-500px -800px !important; }

div.comparison div.col2 a.button div.text { background-position:0 -840px !important; }
div.comparison div.col2 a.button div.cap {  background-position:-500px -840px !important; }

div.comparison div.col3 a.button div.text { background-position:0 -920px !important; }
div.comparison div.col3 a.button div.cap {  background-position:-500px -920px !important; }

div.comparison div.col a.button:hover div.text { background-position:0 -880px !important; }
div.comparison div.col a.button:hover div.cap {  background-position:-500px -880px !important; }

 
/*div.comparison div.submit { margin:0 auto; margin-top:10px; margin-bottom:10px; height:42px; width:150px; background:url(/img/elements/buttons/sign-up-free.png) transparent no-repeat top left; text-indent:-9000px; }
div.comparison div.submit a { display:block; width:100%; height:100%; outline:none; }

div.comparison div.col1 div.submit { background-position:-150px 0; }
div.comparison div.col3 div.submit { background-position:-300px 0; }

div.comparison div.head div.submit { margin-bottom:5px; margin-top:5px; background-image:url(/img/elements/buttons/sign-up-small.png); height:27px; width:100px; }
div.comparison div.col1 div.head div.submit { background-position:-100px 0; }
div.comparison div.col3 div.head div.submit { background-position:-200px 0; }*/


/**
 * Floating sign
 */
div.comparison div.mostPopular { position:relative;  }
div.comparison div.mostPopular img { position:absolute; top:-35px; left:-50px; }



/**
 * Trusted company list
 */
div.trusted { text-align:center; margin:40px 0 40px 0; }
div.trusted p { color:#f0008d; text-align:center; font-size:1.5em; font-family:Calibri; margin-bottom:10px; }
div.trusted img { margin:0 auto; }


/**
 * First - pink, #f0008d;
 */
div.comparison div.col2 { background-color:#f6f6f6; padding-top:10px; }

div.comparison div.col2 h4 { color:#f0008d; }
div.comparison div.col2 h5.price { color:#f0008d; }
div.comparison div.col2 .head span { color:#f0008d; }

div.comparison div.col2 div.price { border-top:2px solid #f0008d; border-bottom:2px solid #f0008d; }
div.comparison div.col2 div.price h5 { color:#f0008d; }   

div.comparison div.col2 ul li { width:275px; margin:0 auto; }
div.comparison div.col2 ul li strong { color:#f0008d; }
div.comparison div.col2 ul li span span span { color:#f0008d; }

div.comparison div.col2 .infoPop p.title { color:#f0008d; }
div.comparison div.col2 .infoPop p.text span { color:#f0008d; }


div.comparison div.col2 ul li span:hover { background:url(/img/pages/charges/arrow-pink.png) transparent no-repeat 0 5px; }
div.comparison div.col2 ul li span.infoPopLnk { background-image:none; margin:0 0 0 10px; }

div.comparison div.col2 li .icon-12 { position:relative; top:1px; left:2px; border:none; }


/**
 * Second - blue, #1ec2ea
 */
div.comparison div.col1 h4 { color:#1ec2ea; }
div.comparison div.col1 h5.price { color:#1ec2ea; }
div.comparison div.col1 .head span { color:#1ec2ea; }

div.comparison div.col1 div.price { border-top:2px solid #1ec2ea; border-bottom:2px solid #1ec2ea; }
div.comparison div.col1 div.price h5 { color:#1ec2ea; }   

div.comparison div.col1 ul li strong { color:#1ec2ea; }
div.comparison div.col1 ul li span span span { color:#1ec2ea; }

div.comparison div.col1 .infoPop p.text span { color:#1ec2ea; }
div.comparison div.col1 .infoPop p.title { color:#1ec2ea; }

div.col1 .infoPop { background-image:url(/img/elements/infopop/colours/left-blue.png);  }
div.col1 .infoPop .wrapper { background-image:url(/img/elements/infopop/colours/br-blue.png); }

div.comparison div.col1 ul li span:hover { background:url(/img/pages/charges/arrow-blue.png) transparent no-repeat 0 2px; }
div.comparison div.col1 ul li span.infoPopLnk { background-image:none; margin:0 10px; }



/**
 * Third - green, #84eb70
 */
div.comparison div.col3 h4 { color:#84eb70; }
div.comparison div.col3 h5.price { color:#84eb70; }
div.comparison div.col3 .head span { color:#84eb70; }

div.comparison div.col3 div.price { border-top:2px solid #84eb70; border-bottom:2px solid #84eb70; }
div.comparison div.col3 div.price h5 { color:#84eb70; }   

div.comparison div.col3 ul li strong { color:#84eb70; }
div.comparison div.col3 ul li span span span { color:#84eb70; }

div.comparison div.col3 .infoPop p.text span { color:#84eb70; }
div.comparison div.col3 .infoPop p.title { color:#84eb70; }

div.col3 .infoPop { background-image:url(/img/elements/infopop/colours/right-green.png);  }
div.col3 .infoPop .wrapper { background-image:url(/img/elements/infopop/colours/br-green-right.png); padding-right:35px; }

div.comparison div.col3 ul li span:hover { background:url(/img/pages/charges/arrow-green.png) transparent no-repeat right 2px; }
div.comparison div.col3 ul li span.infoPopLnk { background-image:none; margin:0 10px; }


/**
 * Second and third styles
 */
div.comparison div.colSub { margin-top:17px; background-color:#fcfcfc; }
div.comparison div.colSub h4 { font-size:1.4em; }
div.comparison div.colSub ul li { font-size:11px; }
div.comparison div.colSub div.foot { padding:3px 0 3px 0; }
div.comparison div.colSub div.foot p { font-size:0.8em; }

#main div.comparison div.colSub ul { background:url(/img/pages/price-line-short.png) no-repeat transparent bottom center; }
#main div.comparison div.colSub ul li { background:url(/img/pages/price-line-short.png) no-repeat transparent top center; }




/**
 * comparison
 */

div.packages { padding:30px 0; }

#main div.packages h3 { font-size:24px; color:#f0008d; font-family:Calibri; font-weight:bold; margin-bottom:20px; }

div.packages div.cols { padding:0 20px; }
div.packages div.col { float:left; width:130px; margin-right:35px; margin-bottom:20px; }
div.packages div.col h4 { text-align:center; font-weight:normal; font-size:14px; }
div.packages div.col div { text-align:center; padding:10px 0; }
div.packages div.col5 { margin-right:0; }
div.packages p { font-size:11px; }


div.trusted { clear:both; }

