body
{
   margin: 0;
   padding: 0;
   background: #F6EFE7 url(slices/body-bg-extended.png) repeat top center;
   text-align: center;
}
div#wrapper
{
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   width: 940px;
   
   /*margin-bottom:-19px;*/
   text-align: left;
}
div#header
{
   margin: 0 0 0px 0;
   padding: 0;
   height: 174px;
   width: 940px;
}
div#header input, a.btn-header
{
   float: right;
   margin: 10px 0px 0 0px;
   cursor: pointer;
}
div#header img
{
   float: right;
   margin: 20px 0px 0 15px;
   border: 0;
}
#logo
{
   float: left;
   margin: 55px 0px 0px 0px;
   padding: 0;
   width:238px; 
   height:68px;
   background: url('slices/logo.png') no-repeat;
}
div#main
{
   /*width: 934px;
   background: url(  'slices/bg_main.png' ) top left repeat-y #ffffff; */
}
div#other_main
{
   width: 950px;
   background: url(  'slices/header_inside.png' ) top left no-repeat;
}
/*div#navigation
{
   font-size: 1em;
   text-align: right;
   text-transform: uppercase;
}
div#navigation ul
{
   margin: 0;
   padding: 12px 25px 10px 0;
}
div#navigation ul li.selected
{
   font-weight:bold;
}
div#home_main div#navigation ul li
{
   display: none; *//* needs to be added due to skin*/
   /*margin: 0 0 0 10px;
}
div#other_main div#navigation ul li
{
   display: inline;
   margin: 0 0 0 10px;
}
div#front_nav_menu
{
   margin: 0 0 0 30px;
   font-size: 0.75em;
   text-align: left;
   text-transform: uppercase;
}
div#front_nav_menu ul
{
   margin: 0;
   padding: 12px 0 10px 0;
}
div#front_nav_menu ul li
{
   display: inline;
   padding: 0 10px 0 7px;
   border-right: 1px #404040 solid;
   font-size: 1em;
}
div#front_nav_menu ul li.last
{
   border: 0;
}*/
div#content
{
   float: left;
   margin: 0px 0 0 0;
   width: 940px;
   background-color: #FFFFFF;
}
div#leftContainer
{
   float:left
   width: 720px;
   min-height: 500px;
   padding: 35px 0px 35px 0px;
}
div#rightContainer
{
   float: right;
   width: 220px;
   _width:230px;
}
div#left
{
   width: 672px;
   margin: 0px;
   padding: 0px 20px 0px 28px;
   border: none;
}
div#left > p
{
   font-weight: 0.8em;
   margin: 0 0 20px 0;
   padding: 0;
   line-height: 140%;
}

div#left > h4
{
   margin: 0 40px 20px 0px;
   padding: 0;
}
div#left ul
{
   margin: 0 0 20px 20px;
   padding: 0;
   list-style-type:disc;
}
div#left img.cart_image
{
   margin: 0 10px 0 0;
}
div#right
{
   float: right;
   margin: 0px;
   width: 181px;
   /*padding: 104px 39px 0px 0px;*/
   padding: 41px 39px 0px 0px;
   text-align: left;	
}
div#right ul
{
	float: left;
	color: #000000;
	list-style-type: disc;
	margin: 10px 0 0 20px;
	padding: 0;
}
div#right li
{
	padding: 0px;
	font-size: 13px;
	line-height: 120%;
	margin: 0 0 20px 0;
}
div.expand
{
   height: 20px;
   width: 100%;
}
div.BottomButtonSectionFlex, div#left div.BottomButtonSectionFlex
{
    width:100%;
    margin:10px auto;
    height:auto;
    display:block;
    float:left;
    padding:0;
}
div.BottomButtonSectionFlexForInnerDiv
{
    width:100%;
    margin:0 10px 10px 10px;
    height:auto;
    display:block;
    padding:0;
    float:right;
}
div.BottomButtonSection
{
    width:100%;
    margin:10px auto;
    height:auto;
    display:block;
    float:left;
    padding:0;
}
/*div.BottomButtonSection input
{
    float:right;
}*/
/* Footer base */
div#footer {
	position: relative;
	clear:both; 
	width: 940px;
	background-color: #FFFFFF;
	font-size:14px; 
	padding: 0px;
	margin: 20px auto 0 auto;
}
/*IE8 HACK*/
@media \0screen { 
	div#footer {background-color: transparent; padding-top: 20px;}
	div.footer_seo_wrapper {background-color: #FFFFFF; float: left; margin: 20px 0px 0px 0px;}
	div.footer_seo_wrapper {padding: 10px auto 70px auto;}
	div#footer div.footer_navigation {background-color: #FFFFFF;}
	div#footer p {background-color: #FFFFFF;}
}
/* Footer default */
div#footer div#footer_navigation
{
   margin: 0 0 0 0;
   font-size: 0.75em;
   text-align: center;
}
/*div.footer_navigation a
{
   color: #fff;
   text-decoration: none;
}*/
div#footer_navigation a:hover
{
text-decoration:underline;
}
div#footer div#footer_navigation ul li a.selected, a.selected:active, a.selected:link, a.selected:visited
{ 
background: none;
text-shadow: none;
text-decoration: underline;
}
div#footer div#footer_navigation ul
{
   margin: 0;
   padding: 20px 0 5px 0;
   float: left;
}
div#footer div#footer_navigation ul li
{
   display: inline;
   padding: 0 10px 0 7px;
   border-right: 1px #ffffff solid;
   background: transparent;   
}
div#footer div#footer_navigation ul li.last
{
   border: 0;
}
/* Footer SEO */
div.footer_seo_wrapper
{
	padding: 0px;
	width: 100%;
	height:auto;
	margin: 10px auto 70px auto;
}
div.footer_seo
{
	padding: 0px;
	width: 940px;
	height:auto;
	margin: 0px;
	overflow: hidden;
}
div.footer_seo_column
{
    float:left;
    width: 127px;
}
div.footer_seo ul {
	list-style:none outside none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
}
div.footer_seo ul li {
	margin-bottom: 6px;
	color: #ffffff;
	font-size: 11px;
}
div.footer_seo ul li.strong {
	display: block;
	color: #000;
	margin-bottom: 9px;
	font-size: 14px;
	font-weight:bold;
}
/*div.footer_seo ul li.strong a 
{
    color: #000;
	text-decoration: none;
}
div.footer_seo ul li.strong a:hover {
	color: #000000;
}*/
div#footer p {
	margin: 0px;
}
p#creditCards
{
	float: left;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	width: 450px;
}
div.errorLabel
{
   font-family: Arial;
   font-size: 14px;
   margin-top: 5px !important;
   margin-bottom: 15px !important;
   color: #525252;
   border: solid 1px #AEE756;
   -moz-border-radius: 5px;
   padding: 15px 15px 15px 43px;
   background-image:url('slices/notify_alert.png');
   background-repeat: no-repeat;
   background-color: #E9FAD0;
   background-position: 15px 15px;
   font-weight: bold;
}
div.alertLabel
{
   font-family: Arial;
   font-size: 14px;
   margin-top: 5px !important;
   margin-bottom: 15px !important;
   color: #525252;
   border: solid 1px #AEE756;
   -moz-border-radius: 5px;
   padding: 15px 15px 15px 43px;
   background-image: url('slices/notify_alert.png' );
   background-repeat: no-repeat;
   background-color: #E9FAD0;
   background-position: 15px 15px;
   font-weight: bold;
}
div.infoLabel
{
   font-family: Arial;
   font-size: 14px;
   margin-top: 5px !important;
   margin-bottom: 15px !important;
   color: #525252;
   border: solid 1px #AEE756;
   -moz-border-radius: 5px;
   padding: 15px 15px 15px 43px;
   background-image:url('slices/notify_alert.png');
   background-repeat: no-repeat;
   background-color: #E9FAD0;
   background-position: 15px 15px;  
   font-weight: bold;
}
table.leftContextPosition
{
	width: 100%;
	font-size: 13px;
}
table.leftContextPosition tr {
	border-bottom: 1px solid #E0E0E0;
}
table.leftContextPosition th {
	padding: 9px 0px 7px 0px;
	text-align: center;
}
table.leftContextPosition td {
	/*text-align: center;*/
	padding: 16px 0px 16px 0px;
}
div.inlinePanel
{
   display: inline;
}
div.inlinePanelSimple
{
   /*display: block;
   margin: 0 0 10px 0;*/
   width: 100%;
   /*padding:0;
   float:left;*/
   display: inline-block;
   margin: 20px 0 10px 0;
}
div.inlinePanelSimple p
{
    margin-left:10px;
    margin-right:10px;
} 
div.inlinePanelSimple p > input[type='text']
{
   float: right;
   margin: 0 0 0 20px;
   width: 200px;
   border: 1px solid #CCCCCC;
}
div.inlinePanelSimple p > input[type='password']
{
   float: right;
   margin: 0 0 0 20px;
   width: 200px;
}
div.inlinePanelSimple p > input[type='radio']
{
   float: right;
   margin: 0 0 0 20px;
   width: 200px;
}
div.inlinePanelSimple p input[type='submit']
{
    float: right;
    margin: 0 0 0 20px;
}
div.inlinePanelSimple p input[type='image']
{
    float: right;
    margin: 0 0 0 20px;
}
div.inlinePanelSimple p > span > input[type='checkbox'], div.inlinePanelSimple p > input[type='checkbox']
{
   float: right;
   margin: 0 0 0 20px;
   width: 200px;
}
div.inlinePanelSimple p > select
{
   float: right;
   margin: 0 0 0 20px;
   width: 200px;
   border: 1px solid #CCCCCC;
}
div.inlinePanelSimple p > textarea
{
   float: right;
   margin: 0 0 0 20px;
   height: 150px;
   width: 300px;
}
div.inlinePanelSimple p > span.label
{
   float: right;
   margin: 0 0 0 20px;
   font-weight: bold;
   width: 200px;
}
/*highlightedBox*/
div#left > div.highlightedBox
{
    border-top: solid 1px #E0E0E0;
    border-bottom: solid 1px #E0E0E0;
    background-color: #FFFFFF;
    width:100%;
    margin: 10px 0 20px 0;
    padding: 10px 0px 0px 10px;
    float:left;
    color: #000000;
    text-align:left;
}
div.highlightedBox p
{
    margin-left:10px;
    margin-right:10px;
}
div.highlightedBox h3
{
    border-bottom: solid 1px #777777;
    display:block;
    width:auto;
    background-color:#bbbbbb;
    color:Black;
    margin:1px 1px 1px 1px;
    padding:0 0 0 10px;
}
div.highlightedBox h4
{
    margin: 10px;
    padding: 0;
}
div.highlightedBox p > input[type='text']
{
    float: right;
    margin: 0 0 0 20px;
    width: 200px;
}
div.highlightedBox p > input[type='password']
{
    float: right;
    margin: 0 0 0 20px;
    width: 200px;
}
div.highlightedBox p input[type='image']
{
    float: right;
    margin: 0 0 0 20px;
}
div.highlightedBox p > select
{
    float: right;
    margin: 0 0 0 20px;
    width: 206px;
}
div.highlightedBox p > span.label
{
    float: right;
    margin: 0 0 0 20px;
    font-weight: bold;
    width: 200px;
}
/* alarmedbox setting */
div.alarmedbox
{
    float:left;
    border: solid 1px Red;
    background-color: #FFD0D0;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px;
    text-align: left;
}
div.alarmedbox p
{
    margin-left:10px;
    margin-right:10px;
}
/* Common Fieldset setting at left panel */
fieldset.leftBox
{
   padding: 10px 0 10px 0;
   margin: 10px 0 20px 0;
   width: 100%;
}
fieldset.leftBox div
{
    margin-left: 10px;
    margin-right: 10px;
}
fieldset.leftBox p
{
    margin-left: 10px;
    margin-right: 20px;
}
fieldset.leftBox p > input[type='text']
{
   float: right;
   width: 200px;
}
fieldset.leftBox p > input[type='button']
{
   float: right;
}
fieldset.leftBox p > input[type='password']
{
   float: right;
   width: 200px;
}
fieldset.leftBox p > input[type='submit']
{
   float: right;
}
fieldset.leftBox input[type='radio']
{
   float: left;
   width:25px;
   height:25px;
}
fieldset.leftBox p > select
{
   float: right;
   margin: 0 0 0 20px;
   width: 206px;
}
fieldset.leftBox legend
{
   font-size: 1.0em;
   text-align: left;
   font-weight: bold;
   color: #000000;
   font-family: Arial, sans-serif;
   margin-left: 10px;
   margin-right: 20px;
}
/* Floating box */
div.floatingBox
{
    text-align: center;
}
div.floatingBody
{
   border:solid 1px White;
   overflow: auto;
   width: auto;
   height: 200px;
   margin: 5px;
}
/* Sliding Box */
fieldset.slidingbox
{
   padding: 0px;
   margin: 0px;
   border: none;
   width: 181px;
}
legend.slidingBoxLegend
{
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #000000;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 23px 0px;
	width: 100%;
	float: left;
}
h2.slidingBoxLegend
{
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #000000;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 23px 0px;
	width: 100%;
	float: left;
	width: 181px;
}
div.slidingBoxTitle
{
   margin: 0;
   padding: 0px;
   font-size: 13px;
   font-weight: normal;
   text-align: left;
   color: #000000;
   width: 181px;
   line-height: 140%;
}
div.slidingBoxContent
{
   margin: 0px 0px 15px 0px;
   padding: 3px 0 0 0;
   font-size: medium;
   text-align: left;
   width: 181px;
}
div.slidingBoxContent p
{
   line-height:140%;
   padding: 0px;
   margin: 15px 0 0 0px;
   color: #000000;	
}
.alignRight{
    text-align: right;
    color: #FFFFFF;
}
.alignCenter{
    text-align: center;
}
.alignLeft{
    text-align: left;
}
img.noborder
{
   border: none;
}
/* confirmation dialog*/
.CenteredInfoBoxBlocker
{
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-color: #000000;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 2;
}
.CenteredInfoBox
{
   text-align: left;
   height: 70%;
   width: 700px;
   margin-left: -25%;
   margin-top: 0px;
   z-index: 3;
   background: #FFFFFF;
   color: #000000;
   position: fixed;
   top: 10%;
   left: 50%;
   vertical-align: middle;
   border: solid 2px #E0E0E0;
   padding: 10px;
   opacity: 1.0;
   filter: alpha(opacity=100);
}
.CenteredInfoBoxContents
{
    display:inline-block;
    overflow:auto;
    width:100%;
    height:90%;
}
div.CenteredInfoBoxContents img{
    float: left;
    width: 300px;
    height: 356px;
}
div.CenteredInfoBoxContents p{
    width: auto;
    height: auto;
    color: #000000;
}
.CenteredInfoBoxControls
{
   text-align: right;
   padding: 0;
   margin: 0 0 10px 0;
}
.CenteredInfoBoxHeader
{
    display:inline-block;
    width:100%;
    min-height:32px;
}
.CenteredInfoBoxHeader > H1
{
    margin:0 !important;
}
/* loading dialog */
#CenteredLoadingBoxBG
{
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-color: #000000;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 4;
}
#CenteredLoadingBox
{
   text-align: center;
   margin-left: -130px;
   margin-top: -30px;
   z-index: 5;
   background-color: #000000;
   color: #FFFFFF;
   position: fixed;
   top: 50%;
   left: 50%;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   vertical-align: middle;
   border: solid 2px #FFFFFF;
	background: #333333;
	height: 100px;
	width: 200px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#CenteredLoadingBoxContents
{
   top: 50%;
   position: relative;
   margin-top: -25px;
   font-size: large;
   font-weight: bold;
}
#CenteredLoadingBoxContents img
{
   vertical-align: middle;
}
/* DropDownExtender style*/
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(slices/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 3px 3px 3px 3px;
	font-size: 11px;
}
.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}
a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}
a.ContextMenuItem-Selected
{
	font-weight: bold;
}
a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
.ContextMenuLabel
{
    display: block;
    width: 180px;
    padding:0px;
    font-weight:bold;
    color:#3074B1;
}
/* language dialog*/
.FloatingLanguageBoxBlocker
{
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-color: #000000;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 2;
}
.FloatingLanguageBox
{
   text-align: left;
   margin-top: 0px;
   width: 560px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   border: 1px solid #cccccc;
   padding: 0px 10px 10px 10px;
   opacity: 1.0;
   filter: alpha(opacity=100);
   margin-left: -573px;
   position: absolute;
   z-index : 10000;
   float: right;
   min-height: 220px;
}
.FloatingLanguageContents
{
}
.FloatingLanguageControls
{
   text-align: right;
   padding: 0;
}
/* currency dialog*/
.FloatingCurrencyBoxBlocker
{
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-color: #000000;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 2;
}
.FloatingCurrencyBox
{
   text-align: left;
   margin-top: 0px;
   width : 293px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   border: 1px solid #cccccc;
   padding: 10px;
   opacity: 1.0;
   filter: alpha(opacity=100);
   margin-left: -260px;
   position : absolute ;
   z-index : 10000 ;
   float: right;
   height: 31px;
}
.FloatingCurrencyContents
{
}
div.FloatingCurrencyBox select
{
	border:1px solid #CCCCCC;
	font-size:1em;
	margin:0 0 0 0px;
	padding:5px;
	width:293px;
	
/*	border:1px solid #CCCCCC;
	float:right;	
	font-size:1em;
	margin:0 0 0 0px;
	padding:5px;
	width:293px;
	position: absolute;
	top: 0px;
	right: 0px;
*/
}
.FloatingCurrencyControls
{
   text-align: right;
   padding: 0;
}

div.AboutSocialPanel
{
    background-image: url('slices/Social-Networks_bg.png');
    background-repeat: no-repeat;
    background-position: left;
    padding : 0px 15px 0px 95px ;
    margin : 0.2em ;
    min-height: 80px;
    font-size: 0.8em;
}
div.AboutSocialPanel img{
	width: 35px;
	height: 35px;
	float: right;
	margin: 0px 0px 7px 7px;
}
/* help icon styles */
.help_icon
{
    display:inline-block;
    cursor:help;
    width:16px;
    height:16px;
    float:right;
    position:relative;
    left:18px;
    top:-32px;    
}
/* default flexible button, see Cubic.Reseller.Client.CodeBase/Web/UI/WebControls/FlexibleButton.cs  */
 div.btnDefault_wrapper {
	clear: right;
    float:right;
    height:39px;
    margin: 0px 10px 0px 0px;
    width:auto;
}
div.btnDefault_left {
    background:url("slices/btnDefault-left.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:39px;
    margin:0;
    padding:0;
    width:2px;
}
div.btnDefault_right {
    background:url("slices/btnDefault-right.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:39px;
    margin:0;
    padding:0;
    width:2px;
}
.btnDefault {
    border: medium none;
    background: url("slices/btnDefault-repeat.png") repeat-x scroll 0 0 Transparent;
    color:#FFFFFF;
    float:left;
    font-family:arial,sans-serif;
    font-size:0.9em;
    font-weight:bold;
    height:39px;
    margin: auto 0;
    min-width:178px;
    *min-width: auto;
    padding:0 0 3px;
    text-align:center;
    width:auto;
    cursor: pointer;
}
.btnDefault:hover
{
    /*text-decoration:underline;*/
}
div#ratesCalc div.BottomButtonSectionFlexNoLeft {
	margin-right: 20px;
}
