/*   
Theme Name: Cellplaza
Theme URI: http://www.batteries4less.com
Description: Template for Cellplaza
Author: James Strutton
Author URI: http://www.struttonis.com
Version: .9
.
Copyright 2009. Use restriced to Batteries4Less. 
.
*/

body {
	background-image:url(/wp-content/themes/cp-theme/images/back-black-white-fade.gif);
	background-repeat:repeat-x;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#fcfcfc;
color:#333333;
}
img {
border:0;
}
#Table_01 {
	width:1000px;
	position:absolute;
	left:0px;
	top:0px;
}
#phone {
	position:absolute;
	left:21px;
	top:20px;
	width:870px;
}
#phone-mid {

	margin-top:107px;
	background-image:url(/wp-content/themes/cp-theme/images/phone-back.png);
	background-repeat:repeat-y;
	}
#phone-head-back {
	position:absolute;
	width:870px;
	height:180px;
	background-image:url(/wp-content/themes/cp-theme/images/phone-head-back.png);
	background-repeat:no-repeat;

}
#phone-head-back img.logo {
	position:absolute;
	top:20px;
	left:35px;
}
#phone-head-back img.home {
	position:absolute;
	top:20px;
	left:390px;
}
#phone-foot-back_ {
	width:870px;
	height:180px;
	background-image:url(/wp-content/themes/cp-theme/images/phone-foot-back.png);
	background-repeat:no-repeat;
}
#screen {
	position:relative;
	left:28px;
	width:797px;
	height: auto !important;
	height: 100%;
}
#screen-head-back {
	position:absolute;
	width:797px;
	height:94px;
	background-image:url(/wp-content/themes/cp-theme/images/screen-head-back.gif);
}
#screen-back_ {
	position:absolute;
	left:49px;
	top:232px;
	width:797px;
	height:15px;
}
#screen-back-line_ {
	position:absolute;
	left:49px;
	top:247px;
	width:797px;
	height:15px;
}
#screen-main {
padding: 70px 10px;
	width:790px;
	height: auto !important;
	height: 100%;
	background-image:url(/wp-content/themes/cp-theme/images/screen-back-right-line.gif);
	background-repeat:repeat-y;
}
#screen-foot-back {
	width:797px;
	height:25px;
	background-image:url(/wp-content/themes/cp-theme/images/screen-foot-back-right-line.gif);
	background-repeat:no-repeat;
	

}
.screenTable {
}
.screenTable td{
vertical-align:top;
}

.screenTable td.rightCol{
width:145px;
padding-left:8px;
}
.screenTable td.midCol{
width:630px;
max-width:635px;
}


/*Kill the bullets*/
#navMain ul {

	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*Set out the sub level items*/
#navMain li ul {
	display: none;
	position: absolute;
	width: 100%;
	left: 10px;
	top:63px;
	z-index: 10;
	height:21px;
	width:778px;
	background-color: #0072bc;
}

/*Active/rolled items*/

#navMain li ul.unfold {
	display: block;
}
#navMain li ul li a {
	display: block;
	width: auto;
	font-weight: normal;
	text-transform: none;
	/*Tweak padding and line height to adjust border size*/
	padding: 6px 10px 5px 10px;
	line-height: 90%;
	border-right: 1px solid #FFFFFF;
	min-width: 70px;
	color: #FFFFFF;
}
#navMain li ul li a:hover.active {
	text-decoration: none;
}
/*Tidy up*/
#navMain a.last {
	border-right: none;
}


/*For buttons*/
img.icon {
 width: 20px;
 height: 10px;
}
.maskWhite {
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
}
.tl, .tr {
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
	background-repeat: no-repeat;
}
.tl {
	background-position: top left;
}
.tr {
	background-position: top right;
}
/*Mask corner image setup*/
.maskWhite .tl {
	background-image: url(/wp-content/themes/cp-theme/images/cnr.mask.blue.tl.png);
}
.maskWhite .tr {
	background-image: url(/wp-content/themes/cp-theme/images/cnr.mask.blue.tr.png);
}

/*TABS*/


ul.tabs {
	font-size: 11px;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.tabs li {
	float: left;
	margin: 0px;
	padding: 0px;
}
.tabs li a {
left:10px;
top:17px;
	text-align: center;
	background-color: #0072bc;
	color: #7da7d9;
	font-weight:bold;
	text-decoration:none;
	white-space: nowrap;
	margin-right: 0px;
	/*Min width to aproximate original design*/
	min-width: 55px;
}


/* COLORS */

.tabs li#home a:hover, .tabs li#home.active a ,#navMain li#home ul , #navMain li#home ul a{
	background-color: #759ec7;
	color: #FFFFFF;
}
 #navMain li#home ul li a:hover, #navMain li#home ul li a.active {
background: #ffffff;
	color: #759ec7;
}

.tabs li#blogs a:hover, .tabs li#blogs.active a ,#navMain li#blogs ul , #navMain li#blogs ul a{
	background-color: #92c457;
	color: #FFFFFF;
}
 #navMain li#blogs ul li a:hover, #navMain li#blogs ul li a.active {
background: #ffffff;
	color: #92c457;
}

.tabs li#multimedia a:hover, .tabs li#multimedia.active a ,#navMain li#multimedia ul , #navMain li#multimedia ul a{
	background-color: #de7935;
	color: #FFFFFF;
}
 #navMain li#multimedia ul li a:hover, #navMain li#multimedia ul li a.active {
background: #ffffff;
	color: #de7935;
 }
 

.tabs li#products a:hover, .tabs li#products.active a ,#navMain li#products ul , #navMain li#products ul a{
	background-color: #ad3531;
	color: #FFFFFF;
}
 #navMain li#products ul li a:hover, #navMain li#products ul li a.active {
background: #ffffff;
	color: #ad3531;
 }
 

.tabs li#howto a:hover, .tabs li#howto.active a ,#navMain li#howto ul , #navMain li#howto ul a{
	background-color: #eccb2f;
	color: #808284;
}
 #navMain li#howto ul li a:hover, #navMain li#howto ul li a.active {
background: #808284;
	color: #eccb2f;
 }
 

.tabs li#press a:hover, .tabs li#press.active a ,#navMain li#press ul , #navMain li#press ul a{
	background-color: #006f51;
	color: #FFFFFF;
}
 #navMain li#press ul li a:hover, #navMain li#press ul li a.active {
background: #ffffff;
	color: #006f51;
 }
 

.tabs li#polls a:hover, .tabs li#polls.active a ,#navMain li#polls ul , #navMain li#polls ul a{
	background-color: #006f51;
	color: #FFFFFF;
}
 #navMain li#polls ul li a:hover, #navMain li#polls ul li a.active {
background: #ffffff;
	color: #006f51;
 }
 

.tabs li#articles a:hover, .tabs li#articles.active a ,#navMain li#articles ul , #navMain li#articles ul a{
	background-color: #747776;
	color: #FFFFFF;
}
 #navMain li#articles ul li a:hover, #navMain li#articles ul li a.active {
background: #ffffff;
	color: #747776;
 }
 

.tabs li#forums a:hover, .tabs li#forums.active a ,#navMain li#forums ul , #navMain li#forums ul a{
	background-color: #897faf;
	color: #FFFFFF;
}
 #navMain li#forums ul li a:hover, #navMain li#forums ul li a.active {
background: #ffffff;
	color: #897faf;
 }

.tabs li a .tr {
	/*Set the borders arround the tab*/
	padding: 3px 8px 3px 7px;
}

.tabs a .off, .tabs a:hover .over, .tabs .active a .on {
	display: block;
}
.tabs a:hover .off, .tabs a .over, .tabs a .on, .tabs .active a .off, .tabs .active a .over {
	display: none;
}
a .off, a:hover .over, .active a .on {
	display: block;
}
a:hover .off, a .over, a .on, .active a .off, .active a .over {
	display: none;
}
/*Tabbed box showing and hiding*/
.fold {
	display: none;
}
.unfold {
	display: block;
}
.copyright {
text-align:center;
font-size:9px;
color:#999999;
}

#heading {
color:#333333; 
text-align:left;
margin-top:10px;
}
#heading .title {
font-size:16px; 
font-weight:bold;
color:#0072bc;
}

#heading .text {
font-size:10px;
}
#heading .bookmarkRow {
background-color:#1f2c86;

}
#heading .pagirow {
}

.buttonRightRed {
display:block;
width:140px;
height:33px;
background-image:url(http://www.cellplaza.org/wp-content/themes/cp-theme/images/buttonRightRed.gif);
background-repeat:no-repeat;
border:0;
}
.buttonRightRed p{
padding: 6px 15px;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}
.buttonRightBlue {
display:block;
width:140px;
height:27px;
background-image:url(http://www.cellplaza.org/wp-content/themes/cp-theme/images/buttonRightBlue.gif);
background-repeat:no-repeat;
border:0;
}
.buttonRightBlue p{
padding: 4px 15px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.buttonLeftBlue {
display:block;
width:140px;
height:27px;
background-image:url(http://www.cellplaza.org/wp-content/themes/cp-theme/images/buttonLeftBlue.gif);
background-repeat:no-repeat;
border:0;
}
.buttonLeftBlue p{
padding: 4px 15px;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
}

#tablePost {
display:block;
margin-bottom:10px;

}

#tablePost p {
margin:15px 5px 15px 5px;
}
h1 a {
color:#4573b3;
font-size:22px;
text-decoration:none;
font-weight:bold;
}
h1 {
color:#000;
font-size:22px;
text-decoration:none;
font-weight:bold;
font-style:italic;
marign:0;
padding:0;
}
h2 {
color:#4573b3;
font-size:18px;
text-decoration:none;
font-weight:bold;
margin:0;
padding:0;
display:inline;
line-height:1.2em;
}
h3 {
font-size:16px;
text-decoration:none;
font-weight:bold;
margin:0;
padding:0;
display:inline;
line-height:2em;
padding:10px 5px;

}

#tablePost .authorCol{
color:#4a4c4b;
width:75px;
text-align:center;
vertical-align:top;
font-size:10px;
padding-right:10px;
}
#tablePost .author{

font-size:12px;
color:#1f4a88;
text-decoration:none;
font-weight:bold;
}
#tablePost .authorCol a , #tablePost .authorCol a:visited{
color:#1f4a88;
text-decoration:none;
}

#tablePost .postComments {
text-align:right;
}

.postFoot {
text-align:right;
color:#999999;
font-size:11px;
border-bottom:#999 1px solid;

}
.postFoot a {
color:#666;
font-size:11px;
}

textarea#comment{width: 400px; height: 100px;}

/* stuff from old template for products */

.cp_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #84161B;
}
.cp_teaser {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #205593;
}
.lowprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #AE3431;
}

.instock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

.cp_img {
	border:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:2px;
}
.comp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #205593;
	background-color:white; 
	border:1px black solid;
	z-index:1000;
	position:absolute;
	left:0;
	top:0;
	width:150px;
	display:none;
	margin:0px;
	padding:4px;
	
	margin:-170px 0px 0px 80px;
	
}
#topLogin {
	position:absolute; 
	left:550px;
	top:20px;
}
#topLogin form label {	
	color:#FFFFFF;
	display: block;
	width: 100px;
	font-size: 10px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
	font-weight:bold;
}
#topLogin form#loginform label {	
	width: 100px;
}
#topLogin form input {	
	font-size: 10px;
	display: block;
	width: 90px;
	margin-top: 3px;
}
#topLogin form#loginform input {	
	width: 90px;
}
#topLogin form input.log {	
	clear: left;
}
#topLogin form label.pwd, #topLogin form label.log, #topLogin form input.logSubmit, #topLogin form label.search, #topLogin form input.searchSubmit {	
	float: left;

}
#topLogin form#loginform input.logSubmit {
	width:65px;
	height:19px;
	background:url(http://www.cellplaza.org/wp-content/themes/cp-theme/images/submit.png) no-repeat;
	border:0;
	margin-top:15px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.reg {
float:right;
margin:2px 7px 0px 0px;
display:block;
width:49px;
text-align:center;
background-color:#3366FF;
}
.reg a {
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
input.searchSubmit {
	width:28px;
	height:27px;
	background:url(http://www.cellplaza.org/wp-content/themes/cp-theme/images/go.png) no-repeat;
	border:0;
	margin-top:0px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#topLogin form#search {
margin-left:40px;
}
#topLogin form#search input{
width:110px;
}
#topLogin form#search label {	
	width: 120px;
}
.right {
float:right;
}

.viewed_posts {
margin:0;
padding:0;
}
.viewed_posts li{
list-style:none;
}

.rightCol .content {
display:block;
font-size:10px;
padding-top:10px;
}
.rightCol .viewed_posts li a , .rightCol .viewed_posts li a:visited {
color:#0950a0;
text-decoration:none;
}
.rightCol .viewed_posts li {
text-align:center;
font-size:10px;
display:block;
width:120px;
border-bottom:#cccccc 2px solid;
margin-left:5px;
}
.rightCol .video {

}
#rightCell {
display:block;
width:120px;
border-bottom:#cccccc 2px solid;
margin-bottom:5px;
margin-left:5px;

}

#rightCell a, #rightCell a:visited {
color:#0950a0;
text-decoration:none;
}
.linebreak {
display:block;
width:85px;
border-bottom:#003399 solid thick;
}
.titleBar {

border-top:#666666 2px solid;
display:block;
background-color:#4573b3;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
margin-right:-5px;
}
.titleBar a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.titleAboveBar {
color: #666666;
font-weight:bold;
padding-left:10px;
border-top:#666666 2px solid;
margin-right:-5px;
}

#howto .featured {
}
#howto .featured a {
	font-size:16px;
	font-weight:bold;
}

#howto .catTitle {
	background-color: #edcb2c;
}

.screenContent {
margin:10px;
}

#profile dl {
margin: 5px 0;
padding: 0;
}

#profile dt {
width: 100px;
float: left;
margin: 0 0 0 0;
padding: 3px;
border-top: 1px solid #999;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
#profile dt { clear: both; }
/* end hack */

#profile dd {
float: left;
width: 300px;
margin: 0 0 0 0;
padding: 3px;
border-top: 1px solid #999;
}
#####

####################

.rightCol ul .catSidebar { 

  }
.rightCol ul {
 margin: 0;
 padding:0;
}
.rightCol li {
 margin: 0;
 padding:0;
}
ul.catSidebar li.cat-item { 
 margin:0px 20px 0px 5px;
 list-style:none;
  padding:3px 0px;
 border-bottom:solid 1px #999;
  }
ul.catSidebar li.cat-item a { 
 font-size:10px;
text-decoration:none;
color: #0950a0;
}
ul.catSidebar li.current-cat , ul.catSidebar li.current-cat a { 
padding:3px 3px;
	background-color: #92c457;
	color: #FFFFFF;
}

ul.catSidebar .children { 
 margin: 0;
 padding:0;
 }

ul.catSidebar .children li {
border: 0; 
}
ul.catSidebar li.cat-item a:hover {
text-decoration: underline;
}
.userBox {
color: #ffffff;
padding-left:40px;
}
.userBox a {
color: #ffffff;
}
.sGallery {
margin-left:10px;
}
.sGallery img.sGThumb {
border:0;
}
.sGallery a {
text-decoration:none;
color:#0950a0;
}nav
.sGallery a:hover {
text-decoration:none;
color:#0950a0;
}

.pagetitle {
color:#4573b3;
}
.pagetitle a {
color:#4573b3;
}

#breadcrumb {
font-size:10px;
color:#FFFFFF;
margin-left:15px;
margin-top:13px;
}
#breadcrumb a {
color:#FFFFFF;
text-decoration:none;
}
.rightBanner {
margin-left:4px;
}
.bannerTop {
text-align:right;
}

 ul.cat-item-list { 
 margin:0px 20px 0px 0px;
  }
   ul.cat-item-list img {
   border:0; 
  }
  ul.cat-item-list h1{ 
 margin-bottom:0;
  }
   li.cat-item { 
 list-style:none;
  padding:3px 15px 6px 15px;
 border-bottom:solid 1px #CCCCCC;
  }
 li.cat-item a { 
 font-size:14px;
text-decoration:none;
}
  ul.children li { 
 border-bottom:0;
 margin:0;
 padding:2px;
 }
 .blogContent {
 text-align:justify;
 font-size:14px;
 }
  .blogContent li{
  margin-bottom:5px;
 }
  .blogContent img {
  margin:5px;
 }
#front .frontCell {
display:block;
width:300px;
}

#front .frontCellContent {
display:block;
width:200px;
}
  
  
  div#front {
	background: url(/wp-content/uploads/2008/03/content-bg.gif) repeat-y top right;
	padding: 10px 0;
	width: 750px;
	}
div#primaryContent { float: left; padding:10px; width: 350px; border-right:#CCCCCC dotted 2px; }
div#secondaryContent { float: right; padding:10px; width: 350px; }

#front h1 {
margin:0;
padding:0;
padding: 25px 10px 15px 90px;
font-size:22px;
font-size:22px;
text-decoration:none;
font-weight:bold;
}

#front h2 a {
margin:0;
padding:0;
font-size:18px;
color:#4573b3;
text-decoration:none;
font-weight:bold;
line-height:1em;
}
#front h2 {
line-height:1.1em;
}
#front #blogs {
border-bottom:#92c457 dotted 2px;
}
#front #blogs h1 {
color:#92c457;
}
#front #howto {
border-bottom:#eccb2f dotted 2px;
}
#front #howto h1 {
color:#eccb2f;
}
#front #news {
border-bottom:#747776 dotted 2px;
}
#front #news h1 {
color:#747776;
}
#front #media {
border-bottom:#de7935 dotted 2px;
}
#front #media h1 {
color:#de7935;
}

.blogContent .imgRightTall {
float:right;
font-size:9px;
margin:0px 5px 5px 5px;
text-align:right;
width:180px;
border: #ccc 1px solid;
}

.blogContent .imgRightWide {
float:right;
font-size:9px;
margin:0px 5px 5px 5px;
text-align:right;
width:240px;
border: #ccc 1px solid;
}

.blogContent .imgTop {
font-size:9px;
text-align:right;
display:block;
width:360px;
border: #ccc 1px solid;
}
.caption {
font-size:12px;
text-align:center;
}