@import url("/styles/TabStrip.Category.css");
@import url("/styles/TabStrip.Box.css");
@import url("/styles/TabStrip.Account.css");

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #3A3A3C; 
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:17px;
background-image: url(/Images/header_bg.jpg);
	background-repeat: repeat-x;
	
	background-position: 107px left;
}

.link{
cursor:pointer;
}
.clear { clear: both; margin:0; padding:0; height:1px; line-height:1px; }
#mainContainer {
min-height: 300px;
min-width:1000px;
max-width:1300px;
margin:0 auto;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {

	height:120px;
	position:relative;
	z-index:1;
}
#header #logo{

}
#header #account{
position:absolute; right:15px; top:0px; width:600px;
}
#header #buynow{
position:absolute; right:15px; top:40px; width:233px;
}
#header #loginbox{
position:absolute; right:15px; top:98px; width:300px; height:122px; z-index:1; 
}
#header #loginbox .btn{
text-align:right; cursor:pointer;
}
#header #loginbox .login{
 background-color:#F1F6D8; padding:5px 10px; border-top:1px solid #3A3A3C;  border-left:1px solid #3A3A3C; border-right:1px solid #3A3A3C; height:150px;
}


/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin:0 10px;
border-left: 210px solid #fff; /*** This is the width and the color for our left column ***/
border-right: 260px solid #fff; /*** This is the width and the color for our right column ***/
z-index:20;
position:relative;
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%; z-index:20;
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -210px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: #fff;
margin-right: -210px;  /*** Same length as .outer border-left but with negative value ***/
width: 100%;
z-index:20;
}
* html #content {
position: relative;
}
.contentWrap{
padding:0 10px 0px 10px; 
}
.contentWrap ol, .contentWrap ul {
margin:0; padding: 3px 0 10px 35px;
}
.contentWrap li {

}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 200px;
min-height: 250px;
padding:0 5px;

}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
z-index:20;
float: right; 
width: 250px;
padding:0 5px;
min-height: 250px;
margin-right: -260px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right {
height: 250px;
position: relative;  /*** IE needs this  ***/
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer {
border-top:4px solid #3A3A3C;
padding:0px 0 0 0px;
margin:0 10px;;
font-size:11px;
color:#666;
font-family:'Rockwell', Arial, Helvetica, sans-serif;
clear:both; 
}
#footer .left{
width:410px; float:left; 
}
#footer .left .text{
background-color:#eee;padding:5px; margin-bottom:5px;
}
#footer .right{
width:550px; float:right;
}
#footer .right a{
background-color:#eee; line-height:24px; padding:5px 25px 5px 10px;  margin-left:5px; text-decoration:none; color:#999;
}
#footer .right .cc
{
	text-align:right; padding:10px 30px 10px 0;
}
/**************************
STYLES
**************************/
a{
color:#E2068C;
}
a:hover, a:visited{
	color:#8F0357;
}
p{
margin:0; padding:0 0 10px 0; 
}
h1{
font-size:25px; margin:0; padding:0 0 15px 0; font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#E2068C; font-weight:normal; line-height:30px;
}
h1.nomargin{
 margin:0; padding:0 !important; 
}
h1 .smaller{
 font-size:17px;
}
h2{
font-size:21px; margin:0; padding:5px 0 10px 0; font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#E2068C; font-weight:normal; line-height:25px;
}
h2.nomargin{
 margin:0; padding:0; 
}
h3{
font-size:17px; margin:0; padding:0px 0 10px 0; font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#E2068C; font-weight:normal; line-height:21px;
}
h4{
font-size:15px; margin:0; padding:5px 0 10px 0; font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#00B3DB; font-weight:normal; line-height:19px;
}
h5{
font-size:15px; margin:0; padding:5px 0 0px 0; font-family:'Rockwell', Arial, Helvetica, sans-serif; color:#E2068C; font-weight:normal; line-height:19px;
}
input,select,textarea{
	border:1px;
	font-size:12px;
	border:1px solid #ABC1DE;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
}
.tooltip{
padding:10px;
}
.tooltip ul{
margin-left:30px; list-style-type:none;
}
li.tick{
list-style-type:none; list-style-image:url(../Images/Tick-Cross_09.png);
}
.contact td{
color:#00B3DB; font-family:'Rockwell', Arial, Helvetica, sans-serif;
}
.box{
	margin-bottom:15px;
	background-color:#F3F3F5;	
}
.box.brown{
background-color:#F1F6D8;
}
.box.green{
background-color:#fff; background-image:url(../Images/box_green_bg.jpg); background-repeat:repeat-x; background-position:top;
}
.box .header{
font-size:15px; font-family:'Rockwell', Arial, Helvetica, sans-serif;
border-bottom:4px solid #fff;
}
.box .header h1,.box .header h2,.box .header h3{
font-size:13px; margin:0; padding:0; font-weight:normal; line-height:20px;color:#BED73D; background-color:#3A3A3C; padding:5px 10px; 
}
.box .header h2 a,.box .header h3 a{
color:#BED73D; text-decoration:none; display:block;
}
.box .header h2 a:hover,.box .header h3 a:hover{
color:#fff;
}
.box .boxtabs{
background-color:#fff; padding:0;
}
.box .info{
background-color:#BEBCB0; padding:5px 10px; color:#fff; font-weight:bold;
}
.box .intro{
 padding:5px 10px; border-bottom:5px solid #fff;
}
.box .content{
padding:15px 10px;  
}
.box .content10{
padding:10px;  
}
.box .content5{
padding:5px 10px;  
}
.box .greenbg{
background-color:#BED73D;
}
.box .image{
width:200px; float:left; border-right:5px solid #fff; border-bottom:5px solid #fff;
}
.box .text{
margin-left:200px;
}
.box .content.gray{
background-color:#6D6E72; border:0; color:#fff;
}
.box .green{
background-color:#F1F6D8; 
}
.box .footer{
background-color:#3A3A3C; padding:2px 10px; font-size:11px; color:#fff; text-align:right;
}
.product{
}

.purchase .product{
float:left; width:200px; padding-bottom:10px;
}
.purchase .product input{
border:1px solid #3A3A3C; 
}
.purchase-form td{
vertical-align:top; padding-bottom:5px; padding-top:5px; border-bottom:1px dotted #ddd; line-height:17px;
}
.purchase-form .more{
margin-top:10px;
}
.purchase-form .q{
color:#E2068C; font-size:17px; font-weight:bold; padding-right:5px;
}
.purchase-form .a{
padding-left:10px;
}

.product .text{
margin-left:0px; background-color:#3A3A3C;   margin-top:6px; 
}
.product .radio{
float:right; padding-top:12px; padding-right:10px;
}
.feature{
float:left; width:200px;  margin:0; padding:0; height:61px
}
.feature .icon{
width:63px; float:left; 
}
.feature .text{
margin-left:35px; background-color:#3A3A3C;  padding:4px 2px 4px 20px; margin-top:3px; color:#fff; font-size:10px; line-height:14px;
}
.feature .text h2{
font-size:14px !important; padding:0px 0 0px 0;  line-height:15px;
}
.feature a{
color:#00B3DB; text-decoration:none; display:block;
}
.feature a:hover{
text-decoration:underline;
}
.demo-player td{
padding:5px; font-size:11px; line-height:16px;
}
.demo-player .alternate{
background-color:#FFFFFF;
}
.hot-topics td{
padding:5px 10px; font-size:12px; line-height:16px;  font-family:'Rockwell', Arial, Helvetica, sans-serif;
}
.hot-topics .alternate{
background-color:#FFFFFF;
}
.accordion a{
display:block; font-size:13px; cursor:pointer;
background-color:#FBE9F2; padding:2px 2px 0;  color:#E1058C; margin-bottom:5px; font-family:'Rockwell', Arial, Helvetica, sans-serif;
}
.accordion a img{
vertical-align:middle; 
}
.accordion a:hover{
	background-color:#F8D6E7;
}
.accordion a.selected{
background-color:#F8D6E7;
}
.accordion div{
 padding:5px 10px 0px; display:none;
}
.accordion.faq a{
background:url(../Images/arrow_right.png) no-repeat left center; padding:10px; padding-left:30px; border-top:1px solid #eee; border-bottom:1px solid #eee;font-size:17px;
}
.accordion.faq a.selected{
background:url(../Images/arrow_down.png) no-repeat left center;
}
.accordion div a,.accordion.faq div a{
font-size:12px; background:none; font-family:Arial, Helvetica, sans-serif; padding:0; border:0; margin:0; display:inline; text-decoration:none;
}
.accordion div a:hover,.accordion.faq div a:hover{
 text-decoration:underline;
}
.content ul{
	margin:0;
	padding:0 0 10px 30px;
	
}
.content ul li{
}
.content .spaced li{
padding-bottom:10px;
}
.noborder td{
border:0;
}
.form td{
padding:5px 0;
}
.table th{
padding:5px 5px 5px 0; font-weight:bold; border-bottom:1px solid #ccc; text-align:left;
}
.table td{
padding:5px 5px 5px 0; border-bottom:1px solid #eee;
}
.blue{
color:#00B3DB;
}
.right{
float:right;
}
.gray{
color:#666;
}
.red{
color:red;}
.greentabtext{
	color:#94A822; padding-top:5px; padding-bottom:0;
}
.greentext{
	color:#BED73D; 
}
.greenbox{
background-color:#F5F9E9; padding:20px; margin-bottom:10px; 
}
.lightgreenbg{
background-color:#E8F0BD; 
}
.purple, .purple a{
color:#E2068C;
}
.font10{
font-size:10px; line-height:15px;
}
.font11{
font-size:11px; line-height:16px;
}
.font13{
font-size:13px; line-height:18px;
}
.font14{
font-size:14px; line-height:19px;
}
.font15{
font-size:15px; line-height:20px;
}
.font16{
font-size:16px; line-height:21px;
}
.fontLarge{
font-size:26px; line-height:31px;
}
.hr{
border-top:1px solid #eee; margin:5px 0;
}
td{
vertical-align:top;
}
.topic{
padding:10px; background-color:#3A3A3C; color:#fff; font-size:15px; line-height:22px; border-bottom:5px solid #fff; 
}
.topic h1{
color:#BED73D;
}
.topic .icon{
margin-left:20px; margin-top:10px; margin-bottom:10px;
}
.topic-content{
background-color:#fff; background-image:url(../Images/box_green_bg.jpg); background-repeat:repeat-x; background-position:top;
}
.topic-footer{
padding:10px; background-color:#3A3A3C; color:#fff; margin-top:5px;
}
.topic-footer h4{
color:#BED73D;
}
.padding
{
	padding:5px 10px;
}
.success
{
    padding: 5px 5px;
    color: #fff;
    margin: 0 0 5px 0;
	display:block;
    background-image: url(/Images/success_bg.gif);
    background-color: #78BE20;
    background-repeat: repeat-x;
    font-weight: bold;
    border: #66CC66 1px solid;
}
.error
{
    border: 1px solid #A21411;
    padding: 5px 5px;
    color: #000;
    margin: 0 0 5px 0;
    background-image: url(/Images/error_bg.gif);
    background-color: #E93933;
    background-repeat: repeat-x;
    display: block;
    font-weight: bold;
}
.payment-error{
	margin:5px 0 10px;
	padding:10px;
	border:1px solid #E2068C;
	background-color:#FEE0F2;
}

/**************************
SKIN OVERRIDES
**************************/
.RadTabStrip_BoxTabs  .rtsLink
{
	color: #666 !important;
	background-color: #F9FCED !important;
	border:1px solid #E8F0BD !important;
	border-bottom:0 !important;
}
.RadTabStrip_BoxTabs  .rtsLink.red
{
	color: #fff !important;
	background-color: #ED202A !important;
	border:1px solid #BD0F17!important;
	border-bottom:0 !important;
}
.RadTabStrip_BoxTabs .rtsLink:hover,
.RadTabStrip_BoxTabs .rtsSelected,
.RadTabStrip_BoxTabs .rtsLink.red.rtsSelected
{
border:1px solid #E8F0BD !important;
	color: #333 !important;
	background-color:#E8F0BD !important;
}
.RadTabStrip_BoxTabs  .rtsLink.red:hover
{
background-color: #BD0F17 !important;
color: #fff !important;
}
.RadTabStrip_Account .rtsLevel1 .rtsLink,
.RadTabStrip_Account .rtsLevel1 .rtsTemplate
{
	color: #999;
	background: #F3F3F5;
}
.RadTabStrip_Account .rtsLevel1 .rtsLink:hover
{
	color: #333 !important;
	background-color: #E4E4E9;
}
.RadInput_Office2007 .quote-input{
font-size:17px !important; text-align:center;
}