/*  
Theme Name: WP_Premium
Author URI: http://www.wpremix.com/
Version: 1.0
Author: R.Bhavesh
Description: Wp Bliss is a free theme by <a href="http://cssace.com/">R.Bhavesh</a> and <a href="http://wpremix.com/">WP Remix</a>.
*/

/* choose - which color you want for the theme? */
/* By default, I placed set it to RED. 
If you wish to have black color scheme, replace "red" with "Black  e.g. @import url("style-brown.css");"
If you wish to have black color scheme, replace "red" with "brown" e.g.  @import url("style-black.css"); */
@import url("style-red.css");

body {
	font: 12px Arial, Helvetica, Sans-Serif;
	margin: 0px 0px 0px 0px;
}
body * {
	margin: 0px; 
	padding: 0px;
}
hr {
	height: 5px;
	margin: 10px 0px;
	border: none;
}
blockquote{
	margin: 0px 0px 0px 5px;
	padding: 8px 25px 5px 40px;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, Times New Roman, Serif;
	}
blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
.clearboth {
	clear: both;
}
.alignleft{
	float:left}
.alignright{
	float:right}
/*************************************
	Links
**************************************/
a {
	text-decoration: none;
	outline:none;
	}

.textwidget a {color:#555555;}
.textwidget a:hover {color:#555555; text-decoration:none;}
	
a:hover{
	text-decoration: underline;
	}
/*************************************
	Headings
**************************************/
h1  {
	font-size: 26px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	}
h3.h1 { /*make homepage h3's for the first 2 stories look like H1 */
	font-size: 22px;
 }
h1 a, h3 a, h1 a:visited, h3 a:visited  {
	text-decoration: none;
}
h1 a:hover, h3 a:hover {
	text-decoration: underline;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	padding: 10px 0px;
	line-height: 150%;
	margin: 0px;
}
	
h2 a, h2 a:visited  {
	color: #666;
	text-decoration: underline;
}
h2 a:hover {
	text-decoration: none;
	}
h3 {}
h3 a, h3 a:visited {
	text-decoration: none;
}
#sidebar h2 {
	margin: 0px 0; padding: 5px 0px;
	font-size: 16px;
	font-weight: bold;
}
#sidebar #popular h2 {
}
h6 {
	font-size: 24px;
	font-weight: normal;
	padding: 0px 0 10px 0px;
	line-height: 150%;
	margin: 0px;
}
.spacer{ height:20px; margin:1px 0 1px 0;}
.clear-block {clear:both;}
/*************************************
	Header
**************************************/
#header { margin-top:10px;}
#header-in {
	background:url(images/headerBK.gif) no-repeat;
	width: 960px;
	padding: 0px;
	height:132px;
	position: relative;
	margin:  0px auto;}
	
#header-in .title {
	background:url(images/whw_logo.gif) no-repeat;
	min-height:101px;
	margin: 0px;
	width:  590px;
	float:  left;
}
#header-in .title a {
	text-decoration: none;
	font-size: 33px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#header-in .title a:hover {
	 
}
#header-in .description {
	clear:  both;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 18px 10px 0 270px;
	width:  850px;
}
/*************************************
	Subscribe form 
**************************************/
.subscribe {
	width:383px;
	height:60px;
	float: right;
 	position: absolute;
	top: 10px;
	right: 0px;
}
.subscribeform {
	float:left;
	padding:5px 0 0 18px;
	overflow:hidden;}
	
.subscribeform p { 
	margin:0;
	padding:0;
 	font:bold 14px Arial, Helvetica, sans-serif; 
	color:#fff; }
	
.subscribeform .input{
	 width:188px;
	 height:21px;
	 padding:12px 5px 0 5px;
	 border:none;} 
.sbutton {
	width:74px;
	padding:5px 0 5px 0;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:none;
	}


/*************************************
	RSS Feed
**************************************/
 .rss {
 	float:left;
	padding: 8px 0 0 19px; margin: 0px;
}

 
/*************************************
	Top Search Form
**************************************/
/*Search box Rounded Corner start */

#xsnazzy {margin:0 0 10px 0;}

.xtop, .xbottom {display:block; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb1 {margin:0 5px;}
.xb2 {margin:0 3px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; padding:5px; height:100%; overflow:hidden;}
/*Search box Rounded Corner End */


ul.tablist { 	
	margin:5px 0px; 
	padding:0; 
	list-style: none; 
	color:#333;}
ul.tablist li  { 
	font-size:11px; 
	margin:0 5px ;  
	padding: 2px 0 0 15px; 
	list-style:none;
	border-bottom:1px dotted #959595; 
	text-align:left;}
ul.tablist li a         { 
	text-decoration: none; 
	line-height:18px;}
ul.tablist li a:hover 	{ 
	}
 
.searchform {
	padding: 10px;
}
.searchform .s {
	border: none;
	color: #333;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 5px;
	margin-right:5px;
	width: 213px;
	float: left;
}
.searchform .button { margin:5px 0 0 0;}
#ul {
	display: block;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}

#nav { background:url(images/navigationBK.gif) no-repeat; width:946px; min-height:29px;}
#nav li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0px;
	}
#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item {
	}
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a {
	text-decoration: none;
	}
#nav ul li.current_page_item a:hover {
	text-decoration: none;
	}
#nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 6px 20px 6px 0px;
	margin: 0px 0px 0px 15px;
	text-transform:uppercase;
	}
#nav ul li a:hover {
	text-decoration: none;
	}

/*************************************
	Main Container
**************************************/
#container { 
	width:940px;
	text-align: left; 
	margin: 0 auto;
	padding: 0px 10px;
	border: 0px solid black;
	clear: both;
	overflow:hidden;
	height:100%;
	}
.container-top {
	clear: both;
	height: 17px;
	width: 960px;
	display: block;
	margin: 12px auto 0 auto;
}
.container-bottom {
	background-color:#ffffff;
	clear: both;
	height: 17px;
	width: 960px;
	display: block;
	margin: 0px auto;
}

 
/*************************************
	Content
**************************************/
#content {
	width: 626px;
	float: left; 
	display: block;
	overflow:hidden;
	}
#content h1.btmspace{
	margin-bottom:15px;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
#content p img{
	border: none;
	padding: 0px 5px 15px 0px;
	}
#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 35px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: disc outside;
	margin: 0px 0 0px 0;
	padding: 5px 0px 0px 0;
	}

#content ul.ticks li.ticked { background:url(images/tickBK.gif) no-repeat; list-style:none; padding: 0 0 0 30px; margin-bottom:4px;}

#content .post-meta-top {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 5px 0px;
	float:left;
}
#content .post-bottom {
	display: block;
	margin: 0px 0px 25px 0px;
	padding: 5px 10px;
	clear: both;
	overflow:hidden;
	height:100%;
}
.post-bottom a {
	color: #535353;
	text-decoration: none;
}
.post-bottom a:hover {
	text-decoration: underline;
}
.cat {
	float:  left;
	width: 75%;
	text-align: left;
}
.cat span {
	padding: 0px 0px 0px 18px;
}
.comm {
	float: right;
	width: 38px;
	height:39px;
	font-size:22px;
	line-height:27px;
	text-align: center;
}
.comm span {	
	 text-align:center;
	 padding:5px 0 0 0;
}
.comm a {
	text-decoration: none;
}


.auth {
	float: left;
 	padding:0 0px 0 0;
	text-align: left;
}
.auth span {
	padding: 0px 0px 0px 15px;
}
.auth a {
	text-decoration: none;
}
.date {
	float: left;
	text-align: left;
	padding:0 0px 0 5px;
}
.date span {
}
/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 15px 0px;
	padding: 2px 0px;
	height: 22px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
	margin: 2px 0px;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
	margin: 2px 0px;
}
.page-nav a {
	text-decoration: none;
}
.nav-previous a {
	padding-left: 10px;
}
.nav-next a {
	padding-right: 10px;
}
/*************************************
**************************************
	Comments
**************************************
**************************************/
#comments-wrap {
}

.textarea {}
.Cbutton { 
	border:none; 
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:4px;}

/*	Headers	*/

#comments-wrap h6 {
	font-size: 20px;
}

/*	Comments	*/

.commentlist {	
}
.thecomment {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.comment-body {
	margin: 0px; padding:5px 10px 20px 30px;
}
.comment-metadata {
	padding:5px 10px;
}
.comment-metadata a, .comment-metadata a:visited {
}
.comment-metadata a:hover {
}
.authorcomment {
	margin: 0px 0px 10px 0px;
	font-size:12px;
	overflow: hidden;
	height:100%;
}
.authorcomment .comment-body {
	border: none;
	
	
}
.authorcomment .comment-metadata {
	padding: 11px 10px;
}

.nav-next	  { padding-right:8px; font-weight:bold;}
.nav-previous { padding-left:8px; font-weight:bold;}

/*	Comment Form	*/

 
/*************************************
	Sidebar
**************************************/
#sidebar {
	float: right;
	display: block;
	width: 305px;
	margin: 0 0px 0 0px;
	padding: 0px 3px 0px 0px;
}

#sidebar h3 { background:url(images/sidebar-header.gif) no-repeat; height:25px; color:#ffffff; font-size:1.3em; text-align:right; padding:0 10px 0 0;}

#sidebar .sidebar-bot {
	display: block;
	height: 20px;
	clear: both;
}
div.sidebar-content { background:#F5F5F5; border-left:2px solid #EBEBEB; border-right:2px solid #EBEBEB; color:#695564; padding:10px 5px 10px 5px;}
div.sidebar-content ul { padding:10px 9px;}
div.sidebar-content ul li { margin-bottom:8px;}
div.sidebar-bottom { background:url(images/sidebar-round.gif); width:305px; height:9px;}
div.sidebar-content-margin { margin-top:15px;}
div.sb-li-top { background:url(images/sb-li-top.gif) no-repeat; font-size:0; height:auto; min-height:10px; width:283px; margin-bottom:0;}
span.sb-li-text { background:#EBEBEB; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; display:block; padding:0 6px; width:270px;}
div.sb-li-bottom { background:url(images/sb-li-bottom.gif) no-repeat; font-size:0; height:auto; min-height:10px; width:283px; margin-bottom:0;}

#sidebar ul {
	list-style-type: none;
	
}
#sidebar .advertise {
	text-align: left;
	padding:0;
	margin-left:7px;
}
#sidebar .advertise img {
	padding:0 5px;
	border:none;
}
#sidebarwrap {
 	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: none;
}

div.announcements div.sidebar-content ul li { border-bottom:2px solid #EBEBEB; padding:0 0 10px 0;}
div.announcements div.sidebar-content ul li a { color:#555555;}
div.sidebar-content ul.tabbernav { padding:0 0 0 0;}
/*************************************
	Popular Posts Section
**************************************/
#sidebar #sidebarwrap #popular {
	margin: 0px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	
}

 /*popular box Rounded Corner start */
#pxsnazzy {margin:0 0 10px 0;}
.pxtop, .pxbottom {display:block; font-size:1px;}
.pxb1, .pxb2, .pxb3, .pxb4 {display:block; overflow:hidden;}
.pxb1, .pxb2, .pxb3 {height:1px;}
.pxb1 {margin:0 5px;}
.pxb2 {margin:0 3px; }
.pxb3 {margin:0 2px;}
.pxb4 {height:2px; margin:0 1px;}
.pxboxcontent {display:block; padding:2px;}
/*popular box Rounded Corner End */


#popular ul {
	margin: 0px; padding: 0px 10px 15px 10px;
	
}
#popular ul li {
	margin: 0px; padding: 0px;
}
#popular ul li ul {
	padding:  0px;
}
#popular ul li ul li {
	margin: 0px; padding: 5px 15px;
}
#popular ul li ul li a, #popular ul li ul li a:visited {
	padding: 0;
	margin: 0px;
	text-decoration: none;
}
#popular ul li ul li a:hover {
	text-decoration: none;
}

/*************************************
	Left Sidebar
**************************************/
#l_sidebar {
	float: left;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; padding: 0px 0px 0px 10px;
}
#l_sidebar ul, #l_sidebar ul li {
	margin: 0px 0 15px 0;  padding: 0px;
}
#l_sidebar ul li ul {
	border-top: 1px solid #9c9c9c;
}
#l_sidebar ul li ul li {
	margin: 0px; padding: 0px 0px 0px 10px;
}
#l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
}
#l_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#l_sidebar ul li ul li ul li {
	margin:  0px; padding: 0px;
}
#l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited {
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
}
#l_sidebar ul li ul li ul {
	border: none;
	padding: 0px; margin: 0px;
}
#l_sidebar ul li ul li ul li a:hover {
	text-decoration: underline;
}

/*************************************
	Right Sidebar
**************************************/
#r_sidebar {
	float: right;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
}
#r_sidebar ul, #r_sidebar ul li {
	margin: 0px 0 15px 0; padding: 0px;
}
#r_sidebar ul li ul {
}
#r_sidebar ul li ul li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
}
#r_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#r_sidebar ul li ul li ul li {
	margin:  0px; padding: 0px;
}
#r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited {
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
}
#r_sidebar ul li ul li ul {
	padding: 0px; margin: 0px;
}
#r_sidebar ul li ul li ul li a:hover {
	text-decoration: underline;
}
/*************************************
	Footer
**************************************/
#text-link-advertise {
	padding: 15px;
	text-align: left;
	clear: both;
	}

/*************************************
	Footer
**************************************/
#footer { 
	padding:  10px 0px 20px 0px;
	text-align: center;
	height:25px;
	clear: both;
	font-size:11px;
	background-color:#ffffff;
	width:960px;
	margin:0 auto;
	}

#footer-wrap {
	width: 950px;
	margin: 0px auto;
}
#footer .copyright 		{ float:left; text-align:left;}
		.copyright a 	{  text-decoration:none;}
		.copyright a:hover {text-decoration:none; }
		
 	ul#nav-footer 				{ margin: 0 0 0 0; padding:0; float:right;  
								  font-size: 11px; font-weight:bold; text-align: right; text-transform:uppercase;}
	ul#nav-footer li 			{ padding: 5px 8px 5px 12px; list-style:none;  float:left; }
	ul#nav-footer li.nobg 		{ padding: 5px 8px 0px 12px;    }
	ul#nav-footer li a 			{ text-decoration:none; }
 	ul#nav-footer li a:hover 	{ }
 
#sitemap {background:#695564 url(images/sitemap.gif) no-repeat; color:#ffffff; margin: 0 auto; padding:25px 40px 10px; width:880px;}

#sitemap-bottom {background:transparent url(images/sitemapBK-round.gif) no-repeat; color:#ffffff; margin: 0 auto; width:960px; height:14px; margin-bottom:10px;} 
 
  
/*  Tabber  Style start -------------------- */
 
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {	
}
.tabberlive {
 margin:0 5px;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Arial, Helvetica, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 text-decoration: none;
}
/*---- tabbertab = the tab content---------------------*/
.tabberlive .tabbertab {
 padding:5px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/*tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

div.support-icons {}
div.support-icon { display:inline; float:left;}
div.support-icon img { margin-bottom:10px; padding:10px 7px;}
.i-caption { margin:0 0 0 0; font-size:.9em;}

/* main content */
h2#broadbandHeader, h2#packageHeader {
	text-indent: -1000em;
	display: block;
	height: 51px;
	width: 354px;
	margin-bottom: 20px;
}
h2#referHeader {
	text-indent: -1000em;
	display: block;
height: 53px;
	width: 383px;
	margin-bottom: 20px;

}
h3#referSubHeader{
	text-indent: -1000em;
	display: block;
	height: 19px;
	width: 299px;
	margin-bottom: 10px;
	margin-top:18px;
}
h2#broadbandHeader {
}

h2#packageHeader {
	width: 326px;
}

h2#referHeader {
}a#viewbroadband, a#viewgaming {
	display: block;
	height: 29px;
	text-indent: -10000px;
	overflow: hidden;
	width: 184px;
}
a#viewbroadband:hover {
	background-position: 0 -29px;
}

p.package_smallprint {
	float:right;
	font: 10px/10px Arial, Helvetica, sans-serif;
	padding-right: 40px;
}

a#viewpackage {
	display: block;
	height: 29px;
	text-indent: -10000px;
	overflow: hidden;
	width: 140px;
	float: left;
}
a#viewpackage:hover {
	background-position: 0 -29px;
}


a#viewrefer {
	display: block;
	height: 29px;
	text-indent: -10000px;
	overflow: hidden;
	width: 106px;
}
a#viewrefer:hover {
	background-position: 0 -29px;
}
h2#referHeader {
		margin-bottom: 12px;
}

a#tabnav-broadband {
	width: 100px;
}
a#tabnav-refer {
	width: 120px;
}
div.tabs-rounded, div.content-rounded {
	position: relative;
	float: left;
	background: url('http://webhostwales.com/wp-content/themes/WP_Premium/images/main-content-rounded.gif') top center no-repeat;
	width: 625px;
	min-height: 10px;
	/* IE 6/7 height */
 	height:auto !important;
	height:10px;
	margin-bottom: 15px;
 *margin-bottom: 5px;
}
div.tabs-rounded {
	background: url('http://webhostwales.com/wp-content/themes/WP_Premium/images/tabs-round.gif') top center no-repeat;
}

div#maintabs ul li {
	float: left;
	list-style: none;
}
div.main-content-tabs ul {
	padding: 0;
	margin-bottom: 12px;
}
div.main-content-tabs ul li {
	list-style: none;
	background: url('http://webhostwales.com/wp-content/themes/WP_Premium/images/brand_refresh/tickBG.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
	margin-bottom: 4px;
}

div.tabs-inner {
	width: 370px;
	float: left;
}
div.section-inner {
	width: 460px;
	float: left;
	padding: 0;
	margin: 0;
}
div.tabs-inner-third { width:30%; float:left; padding:0 5px 0 5px;}
div.middle-third { border-left:#CCCCCC thin dashed; border-right:#CCCCCC thin dashed;}
div#broadband-tab, div#refer-tab, div#package-tab {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 12px 10px 15px;
	width: 595px;
}

div#broadband-tab, div#refer-tab {
	display: none;

}
.tab-image-bg{
	float:right;
		
}
#package-tab .tab-image-bg{
	width:260px;
	height:246px;
	padding:0 0 0 0;
	margin:-2px -3px 0 0;
}

#refer-tab .tab-image-bg{
	width:200px;
	height:231px;
}

#broadband-tab .tab-image-bg{
	width:217px;
	height:216px;
}



.tab-image-star{
	display:block;
	width:145px;
	height:145px;
	text-indent:-10000px;


}

#package-tab .tab-image-star{
	margin-left:0px;
	margin-top:0px;
		width:260px;
	height:246px;
}

#refer-tab .tab-image-star{
	margin-left:40px;
	margin-top:0px;
	height:115px;
}

#broadband-tab .tab-image-star{
	margin-left:60px;
	margin-top:0px;
}


#package-tab .tabs-inner {
	width: 326px;
	float: left;
	
}

#package-tab a#viewpackage {
margin:5px 0 0 97px;
_margin:5px 0 0 48px;
}

a#viewproducts{
display: block;
height: 29px;
text-indent: -10000px;
overflow-x: hidden;
overflow-y: hidden;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
width: 110px;
float: left;
}

a#viewproducts:hover{
background-position: 0pt -29px;
}
#package-tab a#viewproducts

{
margin-top: 5px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 97px;
}
div#maintabs {
background:transparent url(/wp-content/themes/WP_Premium/images/tabsbgB.gif) no-repeat scroll left top;
border-bottom:4px solid #495915;
height:auto !important;
margin:0;
min-height:24px;
padding:0;
width:625px;
}
div#maintabs ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
a#tabnav-package {
width:175px;
}
a#tabnav-broadband, a#tabnav-refer, a#tabnav-package {
display:block;
height:24px;
margin:0;
overflow:hidden;
padding:0;
text-indent:-10000px;
}
div.main-content-tabs {
background:#FFFFFF none repeat scroll 0 0;
border-left:2px solid #EBEBEB;
border-right:2px solid #EBEBEB;
height:auto !important;
min-height:235px;
padding:10px 2px 10px 15px;
position:relative;
width:604px;
}
div#broadband-tab, div#refer-tab, div#package-tab {
left:0;
padding:10px 12px 10px 15px;
position:absolute;
top:0;
width:595px;
}
#package-tab .tabs-inner {
float:left;
width:326px;
}
div.tabs-rounded, div.content-rounded {
float:left;
height:auto !important;
margin-bottom:15px;
min-height:10px;
position:relative;
width:625px;
}
/* If you wish to move Sidebar to left and main content to right, Simply remove the comment below.. /* and */ 
/* AND, open the color scheme css that you have selected.. at the end of it, there is an instruction on how to change Background images. You must to do it. */ 

/*

#content {
	float: right; 
	}
#sidebar {
	float: left;
}

*/

#tabbed_box {
	margin: 0px auto 0px auto;
	width:300px;
}

.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	padding:8px;	
}
ul.tabs {
	margin:0px; padding:0px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54; 
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
}
.tabcontent {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
}
#content_2, #content_3 { display:none; }
#content ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
	padding:0 0 1px 0;
}
ul.tabs li a {
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a.active {
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top; 
}
.hosting-plan-os { font-size:1.1em; font-weight:bold;}
#hosting-os-radio { margin:5px auto;}
#hosting-os-radio .os-button { display:inline; float:left; margin:0 0 0 10px;}
#linux { margin-top:5px;}
#windows { margin-top:5px;}
#content ul { margin:0 0 10px 30px;}
#content ul.ticks { margin:0 0 0 0;}
#footer-sitemap { background-color:#AD4601; color:#ffffff; margin: 0 auto; padding:25px 40px 10px; width:880px;}
#footer-sitemap ul li { list-style:none; display:inline; float:left; margin:5px 0 5px 10px;}
#footer-sitemap a { color:#ffffff;}
#footer-sitemap a:hover { color:#ffffff; text-decoration:underline;}
tr.theme-viewer-row td {text-align:center; width:300px; padding:10px 5px 5px 5px;}
tr.theme-viewer-row td.right {}
.theme-viewer-thumb {}
.theme-viewer-title {}
.form_field, .form_required, .form_description, .form_button{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #474747;
}

.phpfmg_form, .form_description{width: 580px; margin:0 auto; padding:10px;}
#wsn-form2 fieldset{ display:block; line-height:1.5em; margin-bottom:.05em; padding:5px;}
#wsn-form2 legend { border:2px solid #000000; font-size:1.1em; font-weight:bold; margin-bottom:5px; padding:3px;}
#wsn-form2 label { margin-bottom:.05em;}
#wsn-form2 .wsn-form-text{ margin-bottom:.50em;}
.form_field, .form_required, .form_description, .form_button{
    font-weight : bold;
}

.form_required{
    color:red;
}

.field_block{
    padding: 5px;
}

.form_submit_block{
    padding-top: 10px;
}

.form_text{
}

.text_box, .text_area, .text_select {
    width:300px;
}

.text_area{
    height:80px;
}

.form_error_title{
    font-weight: bold;
    color: red;
}

.form_error{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 16px;
    color : black;
    margin: 10px;
}

.form_error_highlight{
    background-color: #F4F6E5;
    border-bottom: 1px dashed #dedede;
}


.form_button{
    width:  80px;
    height: 28px;
}


.form_choice_over{
    background-color: #dedede;
    cursor: pointer;
}

.form_choice_out{
}

#wsn-form2 ul li { list-style-type:none;}
#wsn-form2 li.checkbox-list { display:inline; float:left; padding:5px;}