body
{
   margin: 0;
   padding: 0;
}
div#wrapper
{
   margin: 0 auto 0 auto;
   padding: 0;
   width: 950px;
}
div#header
{
   margin: 27px 0px 10px 0px;
   padding: 0;
   height: 108px;
   width: 950px;
}
div#header img
{
   float: right;
   margin:20px 0 0 0;
   padding: 0;
   border: 0;
}
#logo{
   float: left;
   margin: 0 0 0 8px;
   padding: 0;
   width: 336px;
   height: 99px;
   background: url( 'slices/logo.png' ) top left no-repeat;
   display: block;
}
div#main
{
   width: 950px;
   background: url( 'slices/bg_main.png' ) top left repeat-y;
}
div#other_main
{
   width: 950px;
   background-color: #FFFFFF;
}
div#navigation
{
   font-size: 0.75em;
   text-align: right;
   text-transform: uppercase;
	height: 44px;
	width: 915px;
	margin-left: auto;
	margin-right: auto;
   background: url( 'slices/navbar_bg.png' ) top left repeat-x;
}
div#navigation ul
{
   margin: 0px -50px 0px 0px;
   padding: 14px 0px 14px 0;
   text-align: right;
}
div#navigation ul li
{
   display: inline;
   margin: 0 0 0 10px;
}
div#navigation ul li a{
	color: #006699;
}
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: none; /* needs to be added due to skin*/
   padding: 0 10px 0 7px;
   border-right: 1px #404040 solid;
}
div#front_nav_menu ul li.last
{
   border: 0;
}
div#content
{
   margin: 10px 0 0 0;
   clear: left;
}
div#leftContainer
{
   margin: 0 310px 0 0;
   width: auto;
   min-height: 450px;
}
div#rightContainer
{
   float: right;
   width: 310px;
}
div#left
{
   margin: 0 30px 0 30px;
   border: none;
}
/*div#left > div
{
   margin: 0 40px 20px 20px;
}*/
div#left > p
{
   margin: 0 0 20px 0;
   padding: 0;
}
div#left > h2
{
   margin: 0 0 20px 0;
   padding: 0;
}
div#left > h3
{
   margin: 0 0 20px 0;
   padding: 0;
}
div#left > h4
{
   margin: 0 0 20px 0;
   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;
   width: 295px;
}
div#right > div
{
   margin: 15px 30px 20px 20px;
}
div#right ul
{
   list-style-image: url(  'slices/list_item.gif' );
   list-style-type: none;
   margin: 0 0 0 20px;
   padding: 0;
}
div.expand
{
   height: 0px;
   width: 100%;
}
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
{
   float:left;
   border: solid 1px transparent;
   margin: auto;
   padding: 0;
   min-height: 125px;
   width: 100%;
   background-color:#1391BC;
}
/* Footer default */
div.footer_navigation
{
   float:left;
	margin: 10px auto;
   font-size: 0.75em;
   text-align: center;
   text-transform: uppercase;
   width:100%;
}
div.footer_navigation a
{
   color: #fff;
   text-decoration: none;
}
div.footer_navigation a:hover
{
   text-decoration: underline;
}
div.footer_navigation a.selected
{
   font-weight:bold;
}
div.footer_navigation ul
{
   margin: 0;
   padding: 12px 0 0 0;
}
div.footer_navigation ul li
{
   display: inline;
   padding: 0 10px 0 7px;
   border-right: 1px White solid;
   font-size: 1em;
}
div.footer_navigation ul li.last
{
   border: 0;
}
/* Footer SEO */
div.footer_seo_wrapper
{
    float:left;
	padding: 0px;
	width: 100%;
	height:auto;
	margin: 10px auto;
}
div.footer_seo
{
	padding: 0px;
	width: 900px;
	height:auto;
	margin: auto;
	border-top:1px dotted #C3CBDF;
	border-bottom:1px dotted #C3CBDF;
	overflow: hidden;
}
div.footer_seo_column
{
    float:left;
    width:18%;
    margin:5px auto;
    padding: 5px 5px;
}
div.footer_seo a {
	color: #ffffff;
	text-decoration: none;
}
div.footer_seo a:hover {
	color:#ffffff;
	text-decoration: underline;
}
div.footer_seo a.selected {
	font-weight:bold;
}
div.footer_seo ul {
	list-style:	none;
	float: left;
	margin: 0px 0 10px 5px;
	padding: 0px;
	width:100%;
}
div.footer_seo ul li {
	margin-bottom: 6px;
	color: #ffffff;
}
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 {
	text-decoration: underline;
}
div.errorLabel
{
   font-family:Arial;
   font-size: 0.8em;
   margin-top:5px ! important;
   margin-bottom:5px ! important;
   color: #000000;
   border: solid 1px Red;
   padding: 5px 5px 5px 26px;
   background-image:url('slices/notify_error.png');
   background-repeat:no-repeat;
   background-color:#ffcccc;
   background-position: 5px 5px;
}
div.alertLabel
{
   font-family:Arial;
   font-size: 0.8em;
   margin-top:5px ! important;
   margin-bottom:5px ! important;
   color: #000000;
   border: solid 1px Green;
   padding: 5px 5px 5px 26px;
   background-image:url('slices/notify_alert.png');
   background-repeat:no-repeat;
   background-color:#ddffdd;
   background-position: 5px 5px;
}
div.alertLabel a {
	color: #006699;
}
div.infoLabel
{
   font-family:Arial;
   font-size: 0.8em;
   margin-top:5px ! important;
   margin-bottom:5px ! important;
   color: #000000;
   border: solid 1px Yellow;
   padding: 5px 5px 5px 26px;
   background-image:url('slices/notify_info.png');
   background-repeat:no-repeat;
   background-color:#ffffcc;
   background-position: 5px 5px;
}
table.leftContextPosition
{
   padding: 0;
   width: 570px;
}
div.inlinePanel
{
   display: inline-block;
   margin: 0 40px 10px 40px;
}
div.inlinePanelSimple
{
   display: block;
   margin: 0 0 10px 0;
   width: 100%;
   padding:0;
   float:left;
}
div.inlinePanelSimple p
{
    margin-left:10px;
    margin-right:10px;
} 
div.inlinePanelSimple p > input[type='text']
{
   float: right;
   margin: 0 0 0 20px;
   width: 200px;
}
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: 206px;
}
div.inlinePanelSimple p > textarea
{
   float: right;
   margin: 0 0 10px 20px;
   height: 150px;
   width: 300px;
}
div.inlinePanelSimple p > span.label
{
   float: right;
   margin: 0 0 0 20px;
   font-weight: bold;
   width: 200px;
}
/*highlightedBox*/
div.highlightedBox
{
   border-top: solid 1px #bbbbbb;
   border-left: solid 1px #bbbbbb;
   border-right: solid 1px #777777;
   border-bottom: solid 1px #777777;
   background-color:#F0F0F0;
   width:560px;
   margin: 10px 0 20px 0;
   padding: 0px;
   text-align:left;
    float: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: 0;
   margin: 0 0 10px 0;
   width: 100%;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}
fieldset.leftBox div
{
    margin-left: 10px;
    margin-right: 10px;
}
fieldset.leftBox p
{
    margin-left: 10px;
    margin-right: 10px;
}
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: #3074B1;
   font-family: Arial, sans-serif;
   margin: 0 20px;
}
/* Sliding Box */
fieldset.slidingbox
{
   padding: 5px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
	width: 227px;
}
legend.slidingBoxLegend
{
    font-size: 1.0em;
    text-align: left;
    font-weight: bold;
    color: #006699;
    font-family: Arial, sans-serif;
}
h2.slidingBoxLegend
{
    font-size: 1.0em;
    text-align: left;
    font-weight: bold;
    color: #006699;
    font-family: Arial, sans-serif;
	width: 217px;
	margin: 0px 0px 0px 5px;
}
div.slidingBoxTitle
{
    margin: 0;
    padding: 5px;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
}
div.slidingBoxContent
{
    margin: 0;
    padding: 5px;
    font-size: medium;
    text-align: left;
}
div.slidingBoxContent p
{
    line-height:140%;
    padding: 0px;
    margin: 5px 0 0 0;
}
.alignRight{
    text-align: right;
    color: #FFFFFF;
}
.alignRightContact{
	margin: 100px 0 0 451px;
}
.alignCenter{
    text-align: center;
}
.alignLeft{
    text-align: left;
	}
img.noborder
{
   border: none;
}
/*--------------------------------------------------*/
/* Floating box */
div.floatingBox
{
    text-align: center;
}
div.floatingBody
{
   border:solid 1px White;
   overflow: auto;
   width: auto;
   height: 200px;
   margin: 5px;
}
	
/* 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;
   width: 700px;
   height: 70%;
   margin-left: -25%;
   margin-top: 0px;
   z-index: 3;
   background-color: #5d687c;
   color: #FFFFFF;
   position: fixed;
   top: 10%;
   left: 50%;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   vertical-align: middle;
   border: solid 2px #FFFFFF;
   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: #FFFFFF;
}
.CenteredInfoBoxControls
{
   text-align: right;
   padding: 0;
}
.CenteredInfoBoxHeader
{
     display:inline-block;
     width:100%;
     min-height:32px;
}
.CenteredInfoBoxHeader > H1
{
     margin:0 !important;
}
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;
}
/* 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;
   width: 400px;
   height: 60px;
   margin-left: -200px;
   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;
   opacity: 0.8;
   filter: alpha(opacity=80);
}
#CenteredLoadingBoxContents
{
   top: 50%;
   position: relative;
   margin-top: -16px;
   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;
   background-color: #5d687c;
   color: #FFFFFF;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   vertical-align: middle;
   border: solid 2px #FFFFFF;
   padding: 10px;
   opacity: 1.0;
   filter: alpha(opacity=100);
   width: 600px;
   position : absolute ;
   z-index : 10 ;
   
}
.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 : 600px;
   background-color: #5d687c;
   color: #FFFFFF;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   vertical-align: middle;
   border: solid 2px #FFFFFF;
   padding: 10px;
   opacity: 1.0;
   filter: alpha(opacity=100);
   
   position : absolute ;
   z-index : 10 ;
}
.FloatingCurrencyContents
{
}
div.FloatingCurrencyBox select
{	
	border:1px solid #CCCCCC;
	float:right;	
	font-size:1em;
	margin:0 0 0 20px;
	padding:5px;
	width:293px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.FloatingCurrencyControls
{
   text-align: right;
   padding: 0;
}
.alternatingRateRowEven
{
    font-weight: bold;
    font-size: 12px;
    background: url('slices/alternateRowEven.png') repeat-x scroll 50% 50% #DDDDDD;
    -moz-border-radius:6px;
	-webkit-border-radius: 6px;
    border:1px solid #ccc;
    color:#333;
    padding: 10px;
	margin-bottom:10px;
	
}
.alternatingRateRowEven td{
margin-bottom: 10px;
}
.alternatingRateRowOdd
{
    font-weight: bold;
    font-size: 12px;
    background: url('slices/alternateRowEven.png') repeat-x scroll 50% 50% #DDDDDD;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    border:1px solid #ccc;
    color:#333;
    padding: 10px;
	margin-bottom:10px;
}
.ui-widget ul{
	list-style-type:circle;
}

/* default flexible button, see Cubic.Reseller.Client.CodeBase/Web/UI/WebControls/FlexibleButton.cs  */
 div.btnDefault_wrapper {
	*clear: right;
    float:right;
    height:31px;
    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: 31px;
    margin: 0;
    padding: 0;
    width: 25px;
}
div.btnDefault_right {
    background: url("slices/btnDefault_right.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 25px;
}
.btnDefault {
    background: url("slices/btnDefault_repeat.png") repeat-x scroll 0 0 Transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-family: arial,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    height: 31px;
    margin: auto 0;
    min-width: 136px;
    *min-width: auto;
    padding: 0 0 3px;
    text-align: center;
    width: auto;
    cursor: pointer;
}
.btnDefault:hover
{
    color: #99CCFF;
}
div#ratesCalc div.BottomButtonSectionFlexNoLeft {
	float: right;
	width: 570px;
	margin-right: 20px;
	height: 31px;
}