body,th,td,tt,p,span,div {
 	
	color: #000; 
 	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
}


body, h1{
	font-size: 14px;
}

body, h2{
	font-size: 14px;
}

body, h3{
	font-size: 16px;
}

form,div {
	margin-top:	0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

}


body {

	background: #000 url('/template/images/window_bg.png') repeat-x ;

background-attachment:fixed;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height:100%;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */





#container {
	width:896px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background:#202020;
	text-align:left;
}

#header {
	text-align:left;
	background: #ededed url('/template/images/my_bg.gif') ; 
	height:160px ;
}

#header-trade{
	text-align:right ;
	padding-top: 28px;
	height: auto;
	padding-right: 15px;
}

#header-nav{
	vertical-align: bottom ;
	width:710px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top: 87px;
}

#header-search{
	line-height:2em ;
}

.search-text {
    color: #ffffff;
   	font-size: 12px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-weight: bold;
}

.searchbox-input-text {
      border:thin inset #000 ; 
/*      color:#cccccc;  */
      background:#373E48; 
      padding:2px; 
      width:150px; 
	color: #ffffff;


}

.search-advanced {
    color: #eeeeee;
   	font-size: 10px;
	font-family: tahoma, verdana, arial, sans-serif;
}
.search-advanced:link {
    color: #eeeeee;
   	font-size: 10px;
	font-family: tahoma, verdana, arial, sans-serif;
	text-decoration: underline;
}
.search-advanced:visited {
    color: #eeeeee;
   	font-size: 10px;
	font-family: tahoma, verdana, arial, sans-serif;
	text-decoration: underline;
}
.search-advanced:hover {
    color: #eeeeee;
   	font-size: 10px;
	font-family: tahoma, verdana, arial, sans-serif;
	text-decoration: none;
}
.search-advanced:active {
    color: #eeeeee;
   	font-size: 10px;
	font-family: tahoma, verdana, arial, sans-serif;
	text-decoration: none;
}



#middle {

	background: #fff;
	margin-left:178px;
	margin-right:178px;

}

#middle-full {
	background:#fff;
	margin-left:1px;
	margin-right:1px;
}



.mainbox-body {  
	padding: 0px 8px;
	color: #141414;
	background-color: #fff;
	margin-top: 5px;


}
.mainbox-border {
	border-bottom: #b80d18 4px solid;

}

.mainbox-title-bg {
	background-color: #f7ca4b;
}
.mainbox-title {
	color: #2F0D00;
	font-size: 14px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: bold;
	vertical-align: bottom ;

}

.mainbox-body2 {
	margin-left:-177px;/* must be 1 pixel less than width*/
	float:left;
	width:178px;/* must be same as left margin on #middle*/
	position:relative;
	left:-1px;/* line up exactly */
	display:inline;/* ie fix*/
	color: #ffffff;
	background-color: #202020;
}

.mainbox-body3 {
	margin-right:-177px;/* must be 1 pixel less than width*/
	float:right;
	width:178px;/* must be same as right margin on #middle*/
	position:relative;
	right:-1px;/* line up */
	display:inline;/* ie fix*/
	color: #ffffff;
	background-color: #202020;
}

.mainbox-body4 {
	margin-right:-177px;/* must be 1 pixel less than width*/
	float:right;
	width:178px;/* must be same as right margin on #middle*/
	position:relative;
	right:-1px;/* line up */
	display:inline;/* ie fix*/
	color: #ffffff;
	background-color: #202020;
}

.clearer{
	height:1px;
	overflow:hidden;	
	margin-top:-1px;
	clear:both;
}


/* mac hide and combat ie's 3 pixel jog \*/
* html .mainbox-body{overflow:hidden;float:left;width:96%}
* html #middle {height:1%;}
* html .mainbox-body2{margin-right:-3px;}/* 3 pixel jog*/
* html .mainbox-body3{margin-left:-3px;}/* 3 pixel jog*/
/* end hide*/



/* ******************************************************************************
TEMPLATE STYLES
****************************************************************************** */
.nowrap {

	white-space: nowrap;
}
.top-menu-bg {
	background-color: #B80D18;
	background-repeat: repeat-x;
	text-align: center;
	cursor:pointer;
	white-space: nowrap;
}

.top-menu-bg-active {
	background-color: #B80D18;
	background-repeat: repeat-x;
	text-align: center;
	white-space: nowrap;
}
.top-menu-border {
	background-color: #2c66ac;
}

.active_top-menu-title:link, .active_top-menu-title:visited, .active_top-menu-title:active {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	text-decoration: none;
}
.active_top-menu-title:hover {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.bold-link:link, .bold-link:visited, .bold-link:active {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.bold-link:hover {
	color: #FF0000;
}

/* ******************************************************************************
PAGE STYLES
****************************************************************************** */

.page-logo{
	height: 135px;
	width: 520px;
	background-image: url(/images/online-radio-codes.png);
	background-repeat: no-repeat;
}
.page-logo-i{
	height: 135px;
	width: 520px;
	background-image: url(/images/instant-radio-codes.png);
	background-repeat: no-repeat;
}
.page-logo-text{
	color: #000;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	text-align: right;
	margin-top: 30px;
	margin-right: 25px;
	font-weight: bolder;
}

.page-logo-text h1{
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.page-logo-text2{
	color: #000;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	text-align: right;
        font-weight: normal;
	margin-top: -10px;


}

/* ******************************************************************************
ADDED FOR EXTERNAL RADIO CODE PAGES
****************************************************************************** */


.serial
{
	width: 1.2em;
	color: #CC0000;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
} 

.serial-select
{
	width: 36px;
	color: #CC0000;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.code-price {
	border: 1px solid #000000;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-align: center;
}

.display-blue {

	background-color: #DEEFF8;
	border: 1px dotted #333333;
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-align: center;
}

.code-status {
	background-color: #c12929;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: center;
}

.code-status-title {
	font-size: 20px;
	color: #FFFF00;
	font-weight: bold;

}

.code-status-text {
	font-size: 12px;
	color: #FFFFFF;

}


.retry-border {
	background: #FFFF33;
	border: thin dashed #333333;
	color: #000000;
	padding-top: 8px;
	font-weight: bold;
}



.retry-border:link, .retry-border:visited, .retry-border:active {
 color: #000000;
 font-weight: bold;
}


/* ******************************************************************************
ADDED FOR EXTERNAL RADIO CODE PAGES
****************************************************************************** */


.trade-section-title { color: #ffffff;  font-weight: bold;}
.trade-section { color: #fffF00;  font-weight: bold;}
.trade-section:link, .trade-section:visited, .trade-section:active { color: #fffF00;  font-weight: bold;}
.trade-section-bright { 
color: #FFFF00; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;

}

.black-submit {
	font: bold 12px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #333333 url(/template/images/action_but_bg.gif) repeat-x;
	cursor: pointer;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #333333;
	border-bottom: thin solid #333333;
	border-left: thin solid #CCCCCC;
	width: 240px;
	height: 26px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.red-submit {
	color: #FFFFFF;
	cursor: pointer;
	width: 240px;
	height: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #FF0000;
	background-color: #CC0000;
	background-repeat: repeat;
	margin-top: 5px;
	margin-bottom: 5px;
}



.footer_bar {
 background: #B80D17 url(/template/images/menu_title_bg.gif);
 color: #FFFFFF;
 padding: 5px 5px 5px 15px;
 font-family: Geneva, Arial, Helvetica, sans-serif;


}

.footer_bar a { color: #FFFFFF; text-decoration: none; }

.serial
{
	width: 1.2em;
	color: #CC0000;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
} 

.serial-select
{
	width: 36px;
	color: #CC0000;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.code-price {
	border: 1px solid #000000;
	background-color: #E5E5E5;
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}

#lh_sidebox #lh_total_count, #lh_sidebox #lh_free_count {
		font-weight: bold;
	}

.style3 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.style4 {
	font-size: 12px;
	color: #FFFFFF;
}


.headerSub { border-top: 1px #666 solid; padding: 5px 10px 5px 15px; background: #464646;  color: #BABABA; }
.NavigationPath { font-size: 10px; color: #BABABA; text-decoration: none; }
.NavigationPath .NavigationPath:link, .NavigationPath:visited, .NavigationPath:active { font-size: 10px; color: #BABABA; text-decoration: none; }
.NavigationPath .NavigationPath:hover { font-size: 10px; color: White; text-decoration: underline; }

.VertMenuBox { background: #202020; color: #fff; text-align:left;}
.VertMenuBorder { background: #2B2B55; }
.VertMenuTitle {
	border-bottom: 2px solid #000000;
	border-top: 1px solid #FF7D7D;
	background: #D51111 url(/template/images/menu_title_bg.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 7px;
}
.VertMenuSubTitle { background-color: #AFAFAF; }
.VertMenuTitleIcon { margin-left: 8px; margin-right: 8px; width: 21px; height: 20px; vertical-align: middle; }
.VertMenuItemsc { font-size: 11px; color: #fff; text-decoration: none; }
.VertMenuItemsc a { font-size: 11px; color: #fff; text-decoration: none; }
.VertMenuItemsSmallc  { font-size: 11px; color: #FF1A1A; font-size: 10px; text-decoration: none; }
.VertMenuItemsc a:hover {font-size: 11px; color: #FF2626; text-decoration: underline; }

.VertMenuItems { font-size: 12px; color: #fff; text-decoration: none; padding: 5px 7px 5px 7px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.VertMenuItems a { font-size: 12px; color: #fff; text-decoration: none;}
.VertMenuItemsSmall  { font-size: 12px; color: #FF1A1A; font-size: 10px; text-decoration: none; }
.VertMenuItems a:hover {font-size: 12px; color: #FF2626; text-decoration: underline; }

.VertMenuHr { color: #757575; }
.CategoriesList { font-size: 12px; }
.sidebox_content_yellow {font-size: 12px;  color: #fff000; }  /* cart text */
.sidebox_content {font-size: 10px;  color: #ffffff; text-align: left;}
.sidebox_images { margin-left: 8px; font-size: 12px; padding: 8px 5px 8px 5px; text-align: center;  width: 135px;  border: 1px inset #494949; background: #fff; }
.sidebox_images_label { margin-left: 9px; font-size: 12px; padding: 3px; text-align: center; width: 139px; border: 1px outset #494949; color: #CCCCCC; background: #666; }

.categoriesCart a { font-size: 11px; margin: 2px; padding: 3px 4px 3px 10px; display: block; background: #4A4A4A; color: #FFFFFF; text-align: center; }
.categoriesCart a:hover {  background: #BBBBBB; color: #4A4A4A; text-decoration: none; }

.VertMenuBoxCat { font-size: 12px; background: #202020; color: #fff;  padding: 2px; }
.categories a { font-size: 12px; border-bottom: 1px solid #000; padding: 2px 2px 2px 12px; display: block; background: #804040; color: #FFFFFF; text-decoration: none;}
.categories a:visited { font-size: 12px; border-bottom: 1px solid #000; padding: 2px 2px 2px 12px; display: block; background: #804040; color: #FFFFFF; text-decoration: none;}
.categories a:hover { font-size: 12px; background: #494949; color: #FFFFFF; text-decoration: none; }


.sub_categories a { font-size: 12px; border-bottom: 1px solid #000; padding: 1px 1px 1px 12px; display: block; background: #303030; color: #FFFFFF; text-decoration: none; 	font-family: Geneva, Arial, Helvetica, sans-serif;}
.sub_categories a:visited { font-size: 12px; border-bottom: 1px solid #000; padding: 1px 1px 1px 12px; display: block; background: #303030; color: #FFFFFF; text-decoration: none; 	font-family:Geneva, Arial, Helvetica, sans-serif;}
.sub_categories a:hover { font-size: 12px; background: #802020; color: #FFFFFF; text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif;}

.text td{ 
font-size: 10px; font-family: Geneva, arial, verdana, sans-serif;
}

.display-blue-Code p{
	background-color: #CCCCCC;
	border: medium groove #000000;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	letter-spacing: 2em;
}
.display-blue-Code2 p{
	background-color: #CCCCCC;
	border: thin groove #333333;
	padding: 6px;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin: 2px;
}


.notification-title-w {
	color: #eba600;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


/* these are for the search box header bar */
.sidebox-title-bg {
	background-color: #37342d;
	background-repeat: repeat-x;
}

.sidebox-title {
	color: #ffffff;

	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
}




/* this is red text */
.price {
	color: #cc000d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.required-field-mark {
	color: #ff0000;
}


.style_h2red {color: #FF0000; font-size: 18px; }

.confirm_details_bg {
	background-color: #FFFFCE;
	padding: 8px;
	border: thin solid #666666;
}


.serial_confirm {
	font-family: "Courier New", Courier, monospace;
	font-size: 30px;
	text-transform: uppercase;
	color: #FF0000;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	letter-spacing: 0.2em;
	align: center;
	text-align: left;
}
.serial_confirm_more {
	font-family: "Courier New", Courier, monospace;
	font-size: 28px;
	text-transform: uppercase;
	color: #000000;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	align: center;
	text-align: left;
}
.hr_small {
	margin: 0px;
	padding: 0px;
}
.order_header {
	border: 1px solid #000000;
	background-color: #E4FFCA;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}
.serial_confirm_email {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	align: center;
	text-align: left;
}
.blue-submit {
	color: #FFFFFF;
	cursor: pointer;
	width: 240px;
	height: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00CCCC;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #00CCCC;
	background-color: #0099CC;
	background-repeat: repeat;
	margin-top: 5px;
	margin-bottom: 5px;
}
.aparent_1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}


.aparent_2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
}

.aparent_3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

.product-title2:link {
	color: #004994;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.product-title2:visited {
	color: #004994;
	font-family: verdana, arial, tahoma,  sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.product-title2:hover {
	color: #b80d18;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.product-title2:active {
	color: #b80d18;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}