/*This file was copied from Joomla Hosting Reviews.com
to obs.intownwebdesign.com and then to JoomlaHosting.com  */
/******* START gantry-custom.css ***************/
.clr {clear:both;}
h1, h2, /*.component-content h2 */ {color:#41c4e1;text-shadow: 1px 1px 0.5px #000000;filter: dropshadow(color=#000000, offx=1, offy=1);}
body {color: #222222;}
body h1, body h2 {letter-spacing:0px;}
body .rt-block {margin:5px; padding:5px;}
#rt-mainbody h1 {margin-top:3px;}


/******** General CSS  ***********/
.headunderline {color: #B50000 !important; margin: 25px 0 5px !important; border-bottom: 1px solid #AAAAAA;text-transform: uppercase;line-height: 1.3em;clear: left;}
.headunderline-lower {color: #B50000 !important; margin: 25px 0 5px !important; border-bottom: 1px solid #AAAAAA;line-height: 1.3em;clear: left;}

/******** Codeboxr Sharebuttons  ***********/
#rt-main #allshare_buttons_float { width:66px;text-align: center;}
.allshare_button { width: 55px;}

/******** FontAwesome Icons In Paragraphs *************/
p[class^="icon-"], p[class*=" icon-"] {line-height: 1.7em;}
p[class^="icon-"]:before, p[class*=" icon-"]:before {font-size: 400%;padding: 6% 5%;float: left;}


/******** Top Module Position ***********/
#rt-top {background-color: }
#rt-top .rt-block {text-align: center}
#rt-logo {margin-top:17px;}

/******** Footer K2 Match Other Modules *****/
#rt-bottom .even {background-color: transparent; border:0px dotted #CCCCCC;padding:0;}
#rt-bottom .odd {background-color: transparent; border: 0px dotted #CCCCCC;padding:0;}

/* Blue Button links David*/
div.bluebuttonlink {
	background-color: /*#00AAE2*/ lime;
    background-image: linear-gradient(to bottom, #62BFDE, #00AAE2);
    border: 1px solid #01A0D4;
    border-radius: 5px 5px 5px 5px;
    color: white;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.5em;
    margin: 25px;
    padding: 7px 15px;
    text-align: center;
    float: left;
    }
div.bluebuttonlink a {color:#303030;}
div.bluebuttonlink a:hover {color:#ffffff;  text-decoration: underline;}

/******** Header Module Position ***********/
#rt-top-surround, #rt-bottom{
	background: #272727; /* Old browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff272727', endColorstr='#ff272727', GradientType=0);
padding-bottom:1px;border-bottom:1px solid #627163;
-webkit-box-shadow:  0px 4px 10px 2px #000;box-shadow:  0px 4px 10px 2px #000;        
}


#rt-header .rt-container {margin-bottom: 0px;}
#rt-header .menu-block {float:right;}
#rt-header .menutop {padding:0px;}

.rt-container .logo-block {padding:0px !important; margin: 0px !important;}

.rt-container .-logot {padding:0px !important; margin: 0px !important; max-width:473px; max-height:71px;}

.-topmenu {margin:5px 0px 0px 0px !important; padding:0px !important;}
.-topmenu .module-surround .module-content {float:right;} 
.-topmenu ul {list-style:none; float:right;}
.-topmenu ul li {float:left; padding:0px 10px 0 0;}
.-topmenu ul li:first-child {border-left:none;}
.-topmenu ul.menu li a:before {content:none;}
.-topmenu ul.menu li a {font-size:1em !important;}
.-topmenu ul.menu li a:hover {color:#62bfde !important;}
.-topmenu ul li a {font-size:.9em; color:#F37107; text-shadow:none;}
.-topmenu ul li a:hover {color:#fff !important; text-decoration:underline;}

.-searchtop { margin:30px 0px 0px 0px !important; padding:0px !important; position:absolute; right:0px;}
.-searchtop form {margin:0px !important;}
.-searchtop .rt-block{float:right;}
.-searchtop #mod-finder-searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 7px 5px 0 8px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.-searchtop input#mod-finder-searchword {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.-searchtop input#mod-finder-searchword {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 350px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.-searchtop .button-searchtop {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
	
	margin-left:5px;
}

body #rt-top-surround:after {background:none; display:none;}


/***** Menu System Styling ******/

.gf-menu.l1 > li.active, .gf-menu li:hover {
      background-color: #201F1F;
    border-color: #151414 #414040 #414040 #151414 !important;
    border-radius: 10px 10px 10px 10px;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 0 !important;
}
.gf-menu li:hover, .gf-menu li.active:hover {box-shadow:none !important;}
.gf-menu.gf-splitmenu li.parent:hover {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.gf-menu.l1 > li.active {border:none; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.gf-menu li {}
.gf-menu.gf-splitmenu li.parent:hover, .gf-menu.gf-splitmenu li:hover {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.gf-menu.top li.active a {color:#fff;}
.gf-menu .item {color:#B7B7B7;}
#rt-top-surround .gf-menu.top li.active a:hover {color:#eb8932 !important;}

#rt-navigation ul.menu li a:before, #rt-navigation ul.menu li .item:before, #rt-navigation ul.menu li .separator:before { content: none!important;}

/***** Top Level ******/
/***** SKJ: Not sure if the menu top stuff is still needed with Gantry 4.1.2 ******/
body #rt-navigation {padding-bottom:10px;}
#rt-navigation .rt-block {margin:0px; padding:0px;}
.menutop li .item span {
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.menutop li.active.root .item > span, .splitmenu .menutop li.active .item span { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset, 0 0px 0 rgba(173, 173, 173, 0.1); }
.menutop li .item {padding:0px 0px 5px 0px;}
.gf-menu li.parent > .item:after {content: none;}
.gf-menu li.parent > .item {padding:7px 8px;}

/***** Lower Level ******/
ul.-sub {float:left;list-style:none none; margin:10px 0 0 8px;}
ul.-sub li {float:left; margin-right:20px; margin-bottom:10px;}
ul.-sub li a {color:#858585; font-size:1em; text-shadow:none;}
ul.-sub li a:hover {color:#ffffff !important;}
#rt-navigation .-lower {}
#rt-navigation .-lower ul.level3 {display:none;}
.-lower .active a {color: #FF8400 !important;}

ul.menu li .item {font-weight: normal;font-size: 13px;}

#rt-top-surround {}
/*****
.gf-menu .dropdown ul li:hover > .item {border-style:none !important; border-width:0px !important; box-shadow: none !important; background:none !important;}
.gf-menu .dropdown.l1 > li.active, .gf-menu .dropdown li:hover {border:0px !important; padding:0px 5px;}
******/


/***** Showcase ******/
#rt-showcase {background-color:#FFF; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background:url(../images/showcase-larg.jpg) center -33px no-repeat; border:none; box-shadow:none; min-height:500px; border-bottom:1px solid #272727;}
.rt-showcase-pattern {background:none; }
.boxshowcasewrap {background:#000; border:1px solid #333; position:absolute; z-index:5; height:132px; width:34%; margin-top:110px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
opacity: 0.43;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 43);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 43);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
}
.no-trans {position:absolute; z-index:6; margin:106px 0px 0px 10px; width:49%;
}
.no-trans h1 {color:#ffffff; font-size:220%; margin-bottom:2px;}
.no-trans p {color:#FFF; font-size:113%; margin-bottom:15px; display:block;}
.-gobutton {
color: #fff;font-size: 17px; margin: 10px 0;padding: 5px 10px;text-align: center;white-space: nowrap;width: 210px; border:1px solid #268f0e;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#50c036', endColorstr = '#2fa613');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#50c036', endColorstr = '#2fa613')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #50c036, #2fa613);
background-image: -ms-linear-gradient(top, #50c036, #2fa613);
background-image: -o-linear-gradient(top, #50c036, #2fa613);
background-image: -webkit-gradient(linear, center top, center bottom, from(#50c036), to(#2fa613));
background-image: -webkit-linear-gradient(top, #50c036, #2fa613);
background-image: linear-gradient(top, #50c036, #2fa613);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.-gobutton:hover {color:#F37107;}
	
/***** Content Area CSS ******/
#rt-mainbody-surround {background: #fff;}
table {background: #fff;}
#rt-bottom table {background: none;}
#rt-bottom table td {border-color: #262626;}
#rt-bottom table td strong {color:#ed1f28;}
.wrap-grey-out {border:2px dashed #CCCCCC; padding:10px 5px 10px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* SKJ  Not sure what this block is for and the image below is not present which is why it was commented out */
background:url(../images/back-stripes.png) top left repeat;
}

/* homepage how we select */
.menu-home .how-to h1 {font-size:1.4em;}
.menu-home .how-to .text-ghost h2 {font-size:1.3em; margin:8px 0px;}
.menu-home .how-to p {margin:0px 0px 6px; border-bottom:1px dotted #CCCCCC; padding-bottom:5px;}
.menu-home .how-to {line-height:1.3em; width:100%; margin-top:60px;}
.menu-home .how-to span {background:url(../images/arrowsm.png) center center no-repeat; color:#FF8400; padding:0px 6px; margin-right:5px; font-size:1.2em;
width:30px;
height:40px;
display:block;
}
.menu-home .how-to .arrow-ghost {float:left;}





/* Poker Footer CSS */
.pf-left-col1 {float:left;padding: 2%;}
.pf-left-col2 {float:left;padding: 2%;}
.socialbl {clear: both;}
.pf-right {float:left;width:100%;padding: 3% 0;background-color: #789AA1;border-radius: 5px;color:#304345;}
.pf-right a {color:#304345;}
.pf-right a:hover {color:#DCEBDD;}
.pf-right h4 {color: #304345;}

.pf-right-col1 {float:left;width: 42%;padding: 0 4%;}
.pf-right-col2 {float:right;border-left: #98a799 solid 1px;padding: 0 0 0 3%;width: 45%;}

.pf-bottom {float: left;padding:0px 20px 20px 20px;line-height: 1.5em;}
.pf-bottom h3 {color:#FFF;}
.pf-bottom-left {float: left;}
.pf-bottom-right {}
.pf-bottom-search {float:left;width: 100%; line-height: 2.5em; text-align: right;}


/* Footer CSS */
#rt-bottom {padding-bottom:20px; background-color:#1B1B1B; border-bottom:1px solid #292929;}
#rt-bottom a:hover {color:#dcebdd;}
#rt-footer {background: #13191A; border-top:1px solid #000000;}
#rt-footer a:hover, #rt-copyright a:hover {color:#dcebdd !important;}
#rt-footer a, #rt-copyright a {color:#F37107;}
#rt-copyright {background:#1B1B1B; border-top:1px solid #000; color:#FFF; box-shadow:0 1px 0 #000000;}
#rt-copyright ul.menu {list-style:none; display:table; margin:0px auto;}
#rt-copyright ul.menu li {float: left; padding-right:20px; font-size:10px;}
#rt-copyright ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {content:none;display: inline;font-family: FontAwesome;font-size: 1.6em;font-weight: normal;margin-right: 10px;vertical-align: middle;}
#rt-bottom h1, #rt-bottom h2, #rt-bottom h3, #rt-bottom h4, #rt-bottom h5, #rt-bottom h6 {color:#AAAAAA;}
#rt-bottom .pf-right h4 {color:#304345;}
#rt-bottom .pf-left-col1 a, #rt-bottom .pf-left-col2 a {color:#FF8400;}
#rt-bottom .pf-left-col1 a:hover, #rt-bottom .pf-left-col2 a:hover{color:#DCEBDD;}




/* Module Variations */
.no-padding .rt-block {padding: 0;}
.custom-img100percent img {width:97%; border:6px solid #e8e8e8}
.menu-home .wraputil {margin:1%;}
.menu-hosting-coupons .editor, .menu-home .editor {border:1px solid #CCCCCC; padding:0.1%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.coupemail {margin-top:-45px; min-width:280px;}
.coupemail h3 {border-bottom:1px dotted #FF8400;}
.editor .surround {
	margin:3px;
	padding:5px 10px;
	widows:100%;
	height:100%;
	-webkit-box-shadow:  0px 0px 2px 1px #e8e8e8;
        box-shadow:  0px 0px 2px 1px #e8e8e8;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
	}
.editor .surround p {font-size:0.9em; margin:0px 0px 10px;}
.editor .surround span {font-size:0.7em;margin-left:3px;}
.editor .surround p.namepos {line-height:1.2em;}
.menu-home .editor h1 {margin:0px 0px 5px 0px; padding:0px; font-size:1.4em;}
.menu-home .-hcoupons {float:left; width:94%; margin:5% 1% 1% 1%;padding:1%;}

.menu-home .how-to h1 {font-size:1.4em;}
.menu-home .how-to .text-ghost h2 {font-size:1.3em; margin:8px 0px;}
.menu-home .how-to p {margin:0px 0px 6px; border-bottom:1px dotted #CCCCCC; padding-bottom:5px;}
.menu-home .how-to {line-height:1.3em; width:100%; margin-top:60px; background:url(../images/lrg-magglass.png) top right no-repeat;}
.menu-home .how-to span {background:url(../images/arrowsm.png) center center no-repeat; color:#FF8400; padding:0px 6px; margin-right:5px; font-size:1.2em;
width:30px;
height:40px;
display:block;
}
.menu-home .how-to .arrow-ghost {float:left;}
.menu-home .rt-container #rt-main {clear:both;}
.menu-home #rt-utility .rt-grid-5 .module-surround {margin-left:3%;}

.-hcoupons {border:2px dashed #CCCCCC; padding:10px 5px 10px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* SKJ  Not sure what this block is for and the image below is not present which is why it was commented out */
background:url(../images/back-stripes.png) top left repeat;
}
.-hcoupons img {width:11%;}
.-hcoupons h1 {margin:5px 0px 10px 0px; padding:0px; font-size:1.5em;}
.-hcoupons p {line-height:1.2em; margin:0px; padding:0px;}
.-hcoupons .arrow-left {position:absolute; margin-top:-212px; margin-left:460px;}
.-hcoupons .coupright {float:left; margin-left:18%; margin-top:14px;}
.-hcoupons .coupleft {float:left;}
.-hcoupons .coupbutton {text-align:center; font-weight:bold; font-size:1.3em; background-color:#1192AD; border:1px solid #405E79; width:100px; margin:5px auto; padding:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}
.-hcoupons .coupbutton:hover{background:#46bdcf; }
.-hcoupons .coupright a {color:#fff !important; text-shadow: 1px 1px 0.5px #000000;filter: dropshadow(color=#000000, offx=1, offy=1);}
.coupleft span {background:#1192AD; color:#ffffff;}


#mc2_add {color:#FFF; text-align:center; font-weight:bold; font-size:1.3em; background-color:#789AA1; border:1px solid #FF8400; width:100px; margin:5px auto; padding:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}
#mc2_add:hover{background:#304345;}

.jhr-home-left-row2-col1 .coupbutton{color:#FFF; text-align:center; font-weight:bold; font-size:1.3em; background-color:#789AA1; border:1px solid #FF8400; width:324px; margin:5px auto; padding:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}
.jhr-home-left-row2-col1 .coupbutton:hover {background:#304345;}



/* K2 Categories Module -- Font is 20px */
.twentypx-font ul {list-style: none;}
.twentypx-font ul li {font-size: 1.2em;line-height: 1.4em;}



/*
.menu-home #rt-utility .rt-grid-5 {width:49% !important;}
.menu-home #rt-utility .rt-grid-7 {width:51% !important;}
*/

/*K2 Homepage module variation*/
div.k2homepage .moduleItem-row1-col1 {float: left;width:18%;padding:2%;}
div.k2homepage .moduleItem-row1-col2 {float: left;width:73%;padding:2%;}
div.k2homepage ul {margin: 0;list-style: none;}
div.k2homepage .even, div.k2homepage .odd {
    background: linear-gradient(to bottom, #F7F7F7 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    margin: 5px 0 15px;}
div.k2homepage div.moduleItemImage {float:left;font-size: 2em;}
div.k2homepage div.moduleItemTitle {font-size: 2em;}
div.k2homepage ul li div.moduleItemIntrotext a.moduleItemImage img {border: 2px solid #DDDDDD;float: left;margin: 2px 0 4px 4px;padding: 0;}

/* K2 Homepage Thumbnail Variation Listing */
div.k2homethumb .moduleItem-row1-col1 {text-align:center; left;height: 150px;padding:0;overflow: hidden; margin-top:10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#fff;}
div.k2homethumb .moduleItem-row2-col1 {float: left;width:96%;padding:2%;}
div.k2homethumb ul {margin: 0;list-style: none;}
div.k2homethumb .even, div.k2homethumb .odd {float: left;width: 23.4%;min-width:230px;
    background: linear-gradient(to bottom, #F7F7F7 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    border: 1px solid #E8E8E8;
    margin: 5px 0.5% 15px;}
div.k2homethumb .even, div.k2homethumb .odd {min-height:335px;}
div.k2homethumb .even, div.k2homethumb .odd {min-width:219px; width:23.3%;}
div.k2homethumb div.moduleItemImage {float:left;font-size: 2em;}
div.k2homethumb div.moduleItemTitle {font-size: 2em;}
div.k2homethumb ul li div.moduleItemIntrotext a.moduleItemImage img {border: 2px solid #DDDDDD;float: left;margin: 2px 0 4px 4px;padding: 0;}

/*** Home Page K2 Changes ***/
.k2homethumb .moduleItem-row1-col1 a img {margin-top:-1px; max-width: 156px;}
.k2homethumb .moduleItem-row2-col1 a h4 {text-align:center; min-height:63px;}
.k2homethumb .moduleItem-row2-col1 .moduleItemAuthor {}
.k2homethumb .moduleItem-row2-col1 a.readfullk2home {display:block;
color: #fff;font-size: 17px; margin: 0px auto;padding: 2% 1%;text-align: center;white-space: nowrap;width: 57%; border:1px solid #268f0e;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#50c036', endColorstr = '#2fa613');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#50c036', endColorstr = '#2fa613')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #50c036, #2fa613);
background-image: -ms-linear-gradient(top, #50c036, #2fa613);
background-image: -o-linear-gradient(top, #50c036, #2fa613);
background-image: -webkit-gradient(linear, center top, center bottom, from(#50c036), to(#2fa613));
background-image: -webkit-linear-gradient(top, #50c036, #2fa613);
background-image: linear-gradient(top, #50c036, #2fa613);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.k2homethumb .moduleItem-row2-col1 a.readfullk2home:hover {color:#F37107;}

/********* HomePage **************/
.jhr-home-left {float:left;width:72%;}
.jhr-home-right {float:right;width:26%;}
.jhr-home-right img {width:100%;}
.jhr-home-left-row1 {float: left; width:100%;}
.jhr-home-left-row2 {float: left;}
.jhr-home-left-row2-col1 {float:left;width:48%;padding-right: 2%;}
.jhr-home-left-row2-col1 img {width: 100%;height:auto;max-width:239px;}
.jhr-home-left-row2-col2 {float:left;width:48%;padding-left: 2%;}


/******** Best Joomla Hosts Section *******/
/******** Top Picks How We Rate Divs *******/
.howwerate {max-width: 30%; float: left;margin-bottom: 1em;padding: 0 1%;}
.howwerate p {
	
}




/********* Expert Advice Section **************/
.expert-advice-cat-container {float:left;min-width:225px;width: 25%;min-height: 600px;}
.expert-advice-cat-image-container {text-align: center;}
.expert-advice-cat-image {width:100%;max-width: 213px;height: auto;}
.expert-advice-cat-link {vertical-align: bottom;}
/*make the most ready module list text smaller */
ul.latestnews li a, ul.mostread li a {display: block;font-size:15px;line-height:1.5em;padding: 2px 2px 2px 0;text-decoration: none;}

.text-2col-wrap {float:left;}
.text-2col {float:left;width: 48%;margin-right: 2%;min-width: 340px;}



/*ScreenSteps CSS*/
.installguide ol {padding-bottom: 15px;}
.StepTitle {color: #B50000 !important; margin: 25px 0 10px !important; border-bottom: 1px solid #AAAAAA;line-height: 1.3em;clear: left;text-transform: uppercase;}
.StepImage {text-align: center;padding:30px 0;width:100%;margin: auto;max-width: 500px;}
.StepImage img {width:90%;-moz-box-shadow: 0px 0px 5px 5px #e5e5e5;-webkit-box-shadow: 0px 0px 5px 5px #e5e5e5;box-shadow: 0px 0px 5px 5px #e5e5e5; border:1px solid #c0c0c0;}


/********* Responsive Youtube Section **************/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/********* Coupon Section (JoomlaHosting.com **************/
.jh-coupon-wrap {width: 46%;margin:2%;min-height:365px;min-width: 280px; float:left; text-align: center;}
.ccode {border-top:1px dotted #FF6600; border-bottom:1px dotted #FF6600; background:#EAEAEA; padding:5px 0px;}
.clinks {text-align: center;}


/*** Press Release font styles ***/
h2.iwd-pr-subtitle {text-shadow: none;color:#303030;font-style: italic;font-weight: normal; font-size: 1.5em;}
p.iwd-pr-releaseDateline {font-size: 1.25em;}

.menu-home #rt-utility .rt-grid-5 {width:730px;}
.menu-home #rt-utility .rt-grid-7 {width:470px;}
.-hcoupons .arrow-left {width:20%;}

/*** Newer Paul styles ***/
.-heart {width:14%; height:auto;}
.-steve-aboutimg {width:87%;}
.menu-about .jce_caption div {text-align:right;}
.menu-about .jce_caption {margin-left:15px;}
.title, .component-content h2 {font-size:28px; box-shadow:0px 1px 0px #e5e5e5; border-bottom:1px solid #f7f7f7;  }
#rt-bottom h2.title {color:#FFF; text-shadow:none; box-shadow:0px 1px 0px #000000; border-bottom:1px solid #272727; font-weight:bold; font-size:15px;}

.rt-omega .-red {margin-top:20px;}
.-red .custom-red p {font-weight:bold; font-size:120%;}
.-red .custom-red ul li
{background: url(../images/green-tick.png) no-repeat scroll left center transparent;
    line-height: 1.9em;
    list-style-type: none;
    padding-left: 25px;}
	
.-green .custom-green ul li
{background: url(../images/guidesh.png) no-repeat scroll left 6px transparent;
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 25px;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	}
	


/*** OBS New ***/
/*Home Page*/

.threecolsection {clear:both;padding:30px 0 0;}
.threecolsection-content {float:left;padding-bottom:25px;width:35%;}
.threecolsection-image {float:left;padding:10px 0 25px 15px;width:26%;}
.threecolsection-list {float:left;width:35%;}
.threecolsection-content h3 {font-size:40px;line-height:36px;margin:0 0 10px; font-style: italic;font-weight: normal; color:#ED1F28;}
.threecolsection-content h3 span {display: block;font-family: MetaBlack,"Trebuchet MS",sans-serif;font-size: 130%;line-height:.8em;font-style:normal;font-weight: bold;letter-spacing: -0.02em;text-transform: uppercase; color:#303030;}
.threecolsection-list h4 {font-size:18px;margin:0;font-family: georgia,serif;font-style: italic;font-weight: normal;}
.headerunderline {clear:both;border-bottom: 1px solid #1D1D1F;padding:20px 0 0 0;}
h2.headerunderline {clear:both;border-bottom: 2px solid #1D1D1F;padding:25px 0 0 0;}



/*k2*/
#k2ModuleBox125 .moduleItemTitle h5 {min-height:90px; text-align:center;}
#k2ModuleBox125 .icon-calendar {}
#k2ModuleBox125 .moduleItemDateCreated {font-size:11px; text-align:center; display:block;}
#k2ModuleBox125 [class^="icon-"]:before, #k2ModuleBox125 [class*=" icon-"]:before {}
/*jreviews*/




/**************** START: This section was copied from the kirgami custom file from the old template *************/
/**
* Pauls Custom Changes
*/

/* Header */
/*
#rt-top, #rt-top .rt-block {background: #121318 !important;}
#mod-finder-searchform {float:right;}
#rt-top .rt-omega .rt-block .module-surround {padding:10px 5px 5px 5px !important;}
#rt-top .rt-omega .rt-block {float:right;}
.module-content ul.menu li a, .module-content ul.menu li .separator, .module-content ul.menu li .item {padding:10px 20px 2px 20px !important;}
.module-content ul#second-menu-level li a {padding:5px 8px !important;}
.-logo {min-height:90px !important;}
.-logo .module-surround {padding:10px 10px 0px 10px !important;}
#rt-header, #rt-footer .rt-container {background: #000000 !important;}
.rt-row-surround .module-content ul.menu li a {padding:10px 5px 2px !important;}
.rt-row-surround .module-content .menu {margin-right:2px !important;} */
/* Menu */
/*
.menutop li.root > .item > span {padding:7px 14px 7px 14px !important;}
.menutop li.parent.root .item .daddyicon, .menutop li.root .daddy.item .daddyicon {margin-top:-2px !important; right:0 !important;}
.-slm {padding:20px 20px 0px 20px !important; border-top:1px solid #333 !important;}
.module-content ul.menu > li > a {background-image:none !important;}
.menutop li .fusion-submenu-wrapper {top:45px !important;}
.fusion-js-container span img {vertical-align:middle !important;} */


/* Steven Edits */
/*#second-menu-level img {display: none;}
#second-menu-level li, #horizontal-footer-menu li {float:left;}
#intown-top-links li {float:left;}
.menutop {float:left;}
#rt-top, #rt-top .rt-block {background: none repeat scroll 0 0 #333439;}
.no-child {display: none;}
.fusion-grouped ol li {float:none;} */

/*David's Edits */
.iwd-pr-subtitle {font-weight: normal;font-size: 20px !important;}
.iwd-pr-releaseDateline {font-size: 15px;}



/* Items Copied from Nano2 Theme */
/* SKJ 21012-07-25 added for 2nd Level Menu formatting */
/*#second-menu-level li.level1 {float:left;padding: 0 5px;}
.menu-sidebar span.icon {display:none;}
.menu-dropdown li.level2 .level2 span.icon {width: 48px;height: 48px;margin-top: -7px;margin-bottom: -7px;} */


/* SKJ 21012-07-27 added for module styling */
.no-padding {margin:0px;}


/* SKJ 21012-07-13 this was copied from 1.5 site */

.headunderline {color: #F16D1A !important; margin: 25px 0 5px !important; border-bottom: 1px solid #AAAAAA;text-transform: uppercase;/*	font-size: 1.3em; */line-height: 1.3em;clear: left;}
.headunderline-lower {color: #B50000 !important; margin: 25px 0 5px !important; border-bottom: 1px solid #AAAAAA;line-height: 1.3em;clear: left;}

.roundwrapb {color: #0097DC;border:1px solid #254c77; -moz-border-radius: 5px;-webkit-border-radius: 5px;text-align:right;padding:5px;margin:10px;width:26%;float:left;font-size:110%;font-weight:bold;height:40px;border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(http://www.iphonespeakerreviews.com/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
position:relative\9;z-index:100\9;
background: #429fc6; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#429fc6', endColorstr='#0072a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#429fc6), to(#0072a1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #429fc6,  #0072a1); /* for firefox 3.6+ */ 
}
.roundwrapb:hover {border: 1px solid #545454; background-color: #cfcfcf;}
.roundwrapb a {color: #ffffff !important;/*background-color: #EAEAEA;*/}
.roundwrapb:hover a {/*border: 1px solid #545454;*/ text-decoration:none !important; color:#FF8400 !important;/*background-color: #cfcfcf;*/}
.roundwrapb-3line {	font-size:110% !important; font-weight:bold;height:auto;}
.roundwrapb-2linesmall {	font-size:110% !important; font-weight:bold;height:40px;}

/* Yellow boxes on home page */
.yel-box-nicon:hover, .yel-box-wicon:hover, .yel-rec-nicon:hover, .yel-rec-wicon:hover {background:#0072a1 !important;}
.yel-box-nicon {text-align:center; padding-top:30px !important; height:90px !important;}
.yel-box-wicon, .yel-rec-nicon {text-align:center;}
.yel-box-wicon .tline1 {margin:0px auto; width:50px; display:block}
.yel-rec-nicon .tline1 {font-size:18px; margin-top:5px; display:block}
.yel-rec-nicon .tline2 {font-size:24px; display:block}
.yel-rec-wicon .imageicon {width:70px; height:70px; float:left;}
.yel-rec-wicon .tline1 {text-align:left; margin-top:15px; display:block}
.yel-rec-wicon .tline2 {text-align:left; font-size:15px !important; display:block}
.yel-box-nicon, .yel-box-wicon {-webkit-border-radius: 50%;-khtml-border-radius: 50%;	-moz-border-radius: 50%;border-radius: 50%; padding:11px 5px 0px; margin:2px 23px 15px 23px; height:123px; width:130px; border:1px solid #254c77;
background: #429fc6; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#429fc6', endColorstr='#0072a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#429fc6), to(#0072a1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #429fc6,  #0072a1); /* for firefox 3.6+ */ 
font-family: 'Droid Sans', arial, serif !important; display:block;}

.yel-rec-nicon, .yel-rec-wicon {-webkit-border-radius: 50%;-khtml-border-radius: 50%;	-moz-border-radius: 50%;border-radius: 50%; padding:5px; margin:10px; height:81px; width:212px; border:1px solid #254c77;
background: #429fc6; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#429fc6', endColorstr='#0072a1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#429fc6), to(#0072a1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #429fc6,  #0072a1); /* for firefox 3.6+ */ 
font-family: 'Droid Sans', arial, serif !important; display:block;
}
a.buttoncol {color:#ffffff !important;}
.tline1 {font-size:14px; font-weight:normal; display:block}
.tline2 {font-size:16px; font-weight:bold; display:block}
ul.noindent {margin-left: 15px; padding-left:0px !important;}

/* Pauls Changes */
/* Header */
/*
#block-toolbar {
	background: #000 !important;
	background: -moz-linear-gradient(top, #000000 50%, #1f1f1f 100%) !important;
	background: -webkit-linear-gradient(top, #000000 50%, #1f1f1f 100%) !important;
	background: -o-linear-gradient(top, #000000 50%, #1f1f1f 100%) !important;
	border-bottom:1px solid #000;
	}
#block-header { background:#141414 !important; padding:10px 0px 0px 0px !important;}

#logo img {display:block; margin:-30px auto 0px auto;}
#logo, #logo > img {float:none !important;}
#menu {left:0 !important; position:relative !important;}
.bfc-o {position:absolute; right:2px; top:0;}
.searchbox {}
.menu-sidebar li.level1 {border-top:0px !important;}
#top-a:after {margin-bottom:10px !important;}
#top-b:after {background:none !important;}
#top-a .grid-box .module {margin:3px !important;}
.menu-dropdown li.level1 {}
.menuwrap {}
.clearboth {clear:both; height:0px;}
.menufull {width:100%; background:#101010; border-top:1px solid #000; float:left;}
#block-main {padding-top:5px !important;}
body a {color:#007eb2;}
#block-bottom {background:#141414 !important;}
#block-bottom .wrapper .module table td {border-right-color:#222223;}
a:hover, em, code, .menu-dropdown a.level2:hover, .menu-dropdown a.level3:hover, .menu-sidebar a:hover > span, .menu-sidebar span:hover > span {color:#F16D1A !important;}
*/
.orangebox {float:left; width:100%; margin:15px 0px; border-bottom:1px solid #333;}
.orangebox .guides-title {display:block; background-color:#e0e0e0; padding:5px;}
.orangebox .guides-title h2 {margin:0px !important; padding:0px !important;}
.orangebox .guides-content {float:left; width:100%; margin-top:3px; border-top:1px solid #e0e0e0;}
.orangebox .guides-content ul li h4 {font-size:80% !important; margin:2px 0px !important;}

.custom-intown-coupon img {border: 3px dashed #00A2E5; margin:10px 0px;}


/**************** END: This section was copied from the kirgami custom file from the old template *************/





@media only screen and (min-width: 960px) and (max-width: 1199px) {
.menu-about .jce_caption {width:298px; margin-bottom:10px;}
.menu-about .jce_caption div {font-size:13px;}
.-steve-aboutimg {width:99%;}
	
.menu-home #rt-utility .rt-grid-5 {width:480px !important;}
.menu-home #rt-utility .rt-grid-7 {width:470px !important;}

.-hcoupons .coupright {margin-left:4%;}

.-hcoupons .arrow-left {margin-left:373px; margin-top:-143px;}
rt-block -hcoupons {margin-top:0px;}
img.footerimgdown {width:21%;}
.boxshowcasewrap {width:41%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.menu-about .jce_caption {width:221px; margin-bottom:10px;}
.menu-about .jce_caption div {font-size:10px;}
.-steve-aboutimg {width:100%;}

.menu-home #rt-utility .rt-grid-5 {width:298px !important;}
.menu-home #rt-utility .rt-grid-7 {width:470px !important;}	

.-hcoupons .coupright {margin-left:42%; margin-top:-13px;}
.-hcoupons .arrow-left {margin-left:230px; margin-top:-30px;}

.-hcoupons h1 {font-size:1.4em;}
rt-block -hcoupons {margin-top:0px;}
.coupemail {margin-top:0px; min-width:280px;}
img.awards {margin-top: 22px; width:20%;}

.how-to h2 {font-size:180%; margin:5px 0px;}
.menu-home .how-to .text-ghost h2 {margin:0px;}
.-searchtop input#mod-finder-searchword {width:271px;}
.jhr-home-left-row2-col1 .coupbutton {width:259px;}
.pf-bottom-search {font-size:89%;}
#rt-copyright ul.menu li {padding-right:0px;}

#rt-logo {
-moz-background-size: cover;
background-size: cover;	
	}
img.footerimgdown {width:33%;}
.boxshowcasewrap {width:51%;}
.no-trans {width:55%;}
.k2homethumb .moduleItem-row2-col1 a h4 {text-align:center; min-height:81px;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	
.menu-about .jce_caption {width:214px; margin-bottom:10px;}
.menu-about .jce_caption div {font-size:10px;}
.-steve-aboutimg {width:100%;}

.-hcoupons .coupright {margin-left:239px; margin-top:-54px;}
.-hcoupons .arrow-left {margin-left:401px; margin-top:-98px;}
.-hcoupons h1 {font-size:1.4em;}
.menu-home #rt-utility .rt-grid-5 .module-surround {margin-left:0px;}
.menu-home .how-to {width:95%;}
.menu-home .-hcoupons {width:88%;}
rt-block -hcoupons {margin-top:0px;}
.coupemail {margin-top:0px; min-width:280px;}
img.awards {width:17%; margin-top: -16px;}
.jhr-home-left {width:95%}	
.jhr-home-left-row2-col1 .coupbutton {width:204px;}
img.footerimgdown {width:23%;}
.pf-bottom-search {font-size:54%;}
.pf-bottom-search .finder_topsearch input {width:128px;}
.pf-bottom-search .finder_topsearch button {margin-top:-7px;}
#rt-copyright ul.menu li {padding-right:0px;}

.top-coupon-wrap2 .coupbox2 .logocbox2 img {max-width:80%;}
.top-coupon-wrap2 .coupbox2 .logocbox2 {height:65px;}
.orangecbox2 .cboxcode2 {font-size:13px;}
.no-trans h1 {font-size:145%;}
.no-trans p {font-size:105%;}
.boxshowcasewrap {width:57%;}
.no-trans {width:55%;}


}

@media only screen and (max-width: 480px) {
	
.menu-about .jce_caption {width:280px; margin-bottom:0px;}
.menu-about .jce_caption div {font-size:13px;}
.-steve-aboutimg {width:100%;}
	
div.jhr-home-left {clear:both; width:100%; max-width:450px;}
.jhr-home-left-row2-col1 {clear:both; width:100%;max-width:350px;}
.jhr-home-left-row2-col2 {clear:both; width:100%;max-width:350px;}
.coupemail {margin-top:0px; min-width:280px;}
img.awards {width:17%; margin-top: -16px;}	
img.footerimgdown {width:23%;}
.pf-bottom-search .finder_topsearch input {width:128px;}
.pf-bottom-search .finder_topsearch button {margin-top:-7px;}
#rt-copyright ul.menu li {padding-right:0px;}

.-hcoupons .coupright {margin-top:0px; margin-left:54%;}

.menu-home .how-to {line-height:1.1em; margin-top:0px;}
h2 {line-height:normal;}

.jhr-home-left-row2-col1 .coupbutton {width:auto;}

.top-coupon-wrap2 .coupbox2 {min-width:260px;}
.top-coupon-wrap2 .coupbox2 .logocbox2 img {max-width:80%;}
.top-coupon-wrap2 .coupbox2 .logocbox2 {height:80px;}
.orangecbox2 .cboxcode2 {font-size:11px;}
.no-trans h1 {font-size:108%; margin-bottom:0px;}
.no-trans p {font-size:82%;}
.boxshowcasewrap {width:57%; height:124px;}
.no-trans {width:55%;}
}



