/* CSS Document */
body {
	background: #3c4b61;

	margin:0;
	padding:0;
	border:0;
}

#pageFrame {
	/* background:url("../%7EImages/bg_pageFrame.jpg") top left no-repeat; */
	z-index:100;
	position:relative;
	top:0px;
	left:0px;
	padding-bottom:80px;
	}
	
#layoutFrame {
	width:760px;
	}
#headerBG {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:112px;
	background:url('../%7EIMAGES/bg_header.jpg') top left no-repeat #051452;
	z-index:0;
}
	
#header {
	width:100%;
	height:112px;
	float:left;
	}
	
#logoBox {
	float:left;
	padding:20px 0 0 14px;
	width:295px;
	position:relative;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 281px;
	}
	html>body #logoBox{width: 281px;}
	
#topNav {
	float:left;
	padding-left:143px;
	}
	
#topNav ul {
	margin:0;
	padding:0 0 0 0;
	list-style:none outside;
	}
	
#topNav li {
	display:inline;
	padding:0;
	margin:0;
}
	

	
#slugBox {
	float:right;
	width:465px;
	padding:0 0 0 0;
	text-align:left;
	}
	
.navBox {
	float:left;
	width:270px;
	padding:0 0 0 81px;	
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 189px;
	}
	html>body .navBox{width: 189px;}
	
.navBox_inside {
	background: url('../%7EIMAGES/title_narrow_blank.jpg') top right no-repeat;
	height:39px;
	}
	
.contentBox {
	float:right;
	width:475px;
	}
	
#contentTopper {
	background: url("../%7EImages/bg_inside_top.gif") top left no-repeat;
	height:10px;
	line-height:1;
	font-size:5px;
	}
	
#contentMiddle {
	background: url("../%7EImages/bg_inside_middle.gif") top left repeat-y;
	padding:10px;
	}
	
.pageContentBox {
	position:relative;
	z-index:10;
	background:url("../%7EImages/bg_page.jpg") top left no-repeat;
	padding:15px;
	margin:0;
	min-height:450px;
	height:450px;
	}
	
html>body .pageContentBox {
	height:auto;
	}
	
	
#hpText {
	color:#fff;
	font-size:12px;
}
	
#pageBottom {
	background:url("../%7EImages/bg_inside_bottom.gif") top left no-repeat #ccc;
	height:12px;
	font-size:8px;
	line-height:8px;
	}
	
.contentBox_inside {
	background: url('../%7EImages/title_wide_blank.jpg') top left no-repeat;
	height:39px;
	}
	
#contentFrame {
	float:left;
	width:760px;
	height:309px;
	/* background:url("../%7EIMAGES/bg_contentFrame.jpg") top left no-repeat; */
	}
	
#navStyle {
	width:189px;
	height:309px;
	margin-top:1px;
	padding:7px 5px 14px 3px;
	background:url("../%7EIMAGES/november2008/bg_styles.jpg") top left no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 181px;
	height:287px;
	}
	html>body #navStyle{width: 181px;height:287px;}
	
#navStyle .scroller {
	overflow:auto;
	height:287px;
	}
	
#navStyle.testPhone {
	background:url("../%7EIMAGES/bg_testPhoneNav.jpg") top left no-repeat;
	position:relative;
	color:#fff;
	font-weight:bold;
	}
#navStyle p {
	margin:0 10px 5px 10px;
	}
	
ul#styleList {
	margin:0;
	padding:0;
	list-style:none outside;
	height:277px;
	overflow:auto;
	width:181px;
	}
	
ul#styleList li {
	border-bottom:1px solid #d38a39;
	border-top:1px solid #fedf67;
	padding:0 0;
	margin:0;
	width:152px;
	}
	
ul#styleList li.firstItem {
	border-top:0px;
	}
	
ul#styleList li.lastItem {
	border-bottom:0px;
	}
	
ul#styleList a {
	background: url("../%7EIMAGES/bullet_styles.gif") center left no-repeat;
	color:#000;
	text-decoration:none;
	display:block;
	width:134px;
	padding:2px 0 0 18px;
	}
	
ul#styleList a:hover, ul#styleList li.currentPage a {
	background: url("../%7EIMAGES/bullet_styles-over.gif") center left no-repeat #92268f;
	color:#fff;
	} 
	
#navRingTones {
	width:475px;
	height:309px;
	margin-top:1px;
	padding: 15px 20px 15px 13px;
	background:url("../%7EIMAGES/november2008/bg_ringtones.jpg") top left no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 442px;
	height:279px;
	}
	html>body #navRingTones{width: 442px;height:279px;}
	
#footerFrame {
	float:left;
	width:760px;
	/* background:url("../%7EIMAGES/bg_footer.jpg") top left no-repeat; */
	position:relative;
	z-index:1;
	}
	
#newsletterBox {
	width:189px;
	
	}
	
#linkBox {
	width:223px;
	padding:11px 0 0 0;
	margin-left:-60px;
	}
	
#newsletterBox p {
	margin:0;
	padding:5px 21px 10px 11px;
	color:#fff;
	}
	
#wallpaperBox {
	width:475px;
	height:230px;
	margin-top:2px;
	background:url("../%7EIMAGES/november2008/bg_wallpaper.jpg") top left no-repeat;
	background-position:0 38px;
	}
	
	
form {
	margin:0;
	padding:0;
	}
	
#ringToneLeft {
	float:left;
	width:193px;
	}
	
#styleImageBox {
	height:194px;
	}
	
#selectorBox p {
	padding:0;
	margin:0;
	}
	
select.phoneSelect {
	margin:1px 0;
	padding:0;
	width:175px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#081770;
	border:1px solid #081770;
	}
	
select.phoneSelect option {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#081770;
	}
	
select.phoneSelect option:hover {
	background:#081770;
	}
	
#rightToneRight {
	float:right;
	width:249px;
	}
	

	

	
#ringToneList {
	margin:0;
	padding:0;
	position:relative;
	background: #fedf67;
	border:1px solid #7f6600;
	height:257px;
	width:247px;
	float:left;
	overflow:auto;
	}
	html>body #ringToneList{float:none;}
	
.ringtoneRow {
	width: 225px;
	border-bottom:1px solid #d38a39;
	border-top:1px solid #fedf67;
	padding:1px 0;
	float:left;
	}
	
.ringtoneName {
	float:left;
	width:155px;
	}
	
.ringtonePreview {
	float:right;
	width:35px;
	}
	
.ringtoneBuy {
	float: left;
	width:35px;
	}

	
.ringtoneName a, .ringtoneBuy a {
	color:#000;
	text-decoration:none;
	display:block;
	font-size:10px;
	background:transparent;
	}
	
.ringtonePreview a {
	width:30px;
	height:14px;
	padding:0;
	display:block;
	background: url("../%7EIMAGES/button_buy.gif") top left no-repeat;
	}
	
.ringtonePreview a:visited {
	background: url("../%7EIMAGES/button_buy-visited.gif") top left no-repeat;
	}

.ringtonePreview a:hover, .ringtonePreview a:active {
	background: url("../%7EIMAGES/button_buy-over.gif") top left no-repeat;
	text-decoration:none;
	}

.ringtoneName a:hover, .ringtoneBuy a:hover {
	text-decoration:underline;
	} 
	
	
#wpBrowser {
	margin:0 -2px;
	padding:0;
	position:relative;
	background: #fedf67;
	border:1px solid #7f6600;
	height:277px;
	width:444px;
	float:right;
	overflow:auto;
	}
	html>body #wpBrowser{float:none;}
	
.wpItem {
	width:102px;
	float:left;
	padding:5px 1px 0 2px;
	}
	
.wpItem img {
	border:1px solid #000;
	margin:1px 0;
	}
	
.wpItem p {
	text-align:right;
	padding:0;
	margin:0;
	}
	
.wpItem:hover {
	background:#ccc;
	}
	
#custWelcome {
	border:1px solid #000;
	background:#fedf67;
	padding:4px;
	text-align:center;
	margin:0 0 10px 0;
	}
	
div.phone_selector {
	background: url("../%7EIMAGES/bg_phoneselect.gif") top left no-repeat;
	padding:5px;
	height:75px;
	width:65px;
	float:left;
	}
	
#buy_list {
	background: url("../%7EIMAGES/bg_buy_list.gif") top left no-repeat;
	padding:0 0 0 0;
	margin:-10px -15px 30px -8px;
	position:relative;
	height:80px;
	}
	
#buy_list div {
	position:absolute;
	top:40px;
	}
	
.profile {
	background: url("../%7EIMAGES/bg_profile.jpg") top left no-repeat;
	}
	
.profile2 {
	background: url("../%7EIMAGES/bg_profile3.jpg") top left no-repeat;
	}
	
.blanky {
	background: url("../%7EIMAGES/bg_blanky.jpg") top left no-repeat;
	}
	
.testPhoneBox {
	background: url("../%7EIMAGES/bg_testPhoneBox.gif") top left no-repeat;
	width:171px;
	height:194px;
	text-align:center;
	vertical-align:middle;
	}
	
#widget {
	/* background: url("../%7EImages/bg_smak-left.jpg") top left no-repeat; */
	height:140px;
	float:left;
	width: 285px;
	}
	
.wp_bg_selector {
	 padding:2px 10px;
	 margin:1px;
	 float:left;
	 width:136px;
	 text-align:center;
	 }
.wp_bg_selector a {
	padding:7px 5px;
	display:block;
	}
	
.wp_bg_selector a:hover  {
	border:2px solid #666;
	padding:5px 3px;
	}
	
.wp_bg_selector a.current {
	border:2px solid #000;
	padding:5px 3px;
	}
	
.selector_text {
	font-size:8px;
	line-height:8px;
	color:#666;
	visibility:hidden;
	}
.shown {
	visibility:visible;
	}