body {
font-weight: normal;
font-size : 12px;
color: fuchsia}

body  {background: #FFFFFF;}

body, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, td, textarea, ul 
{font-family: Verdana, Arial, Helvetica, Sans-serif;
font-weight: normal;
font-size : 12px;
color: fuchsia}

a. { color: #7f77a0; font-size: 12px; font-weight: bold; }
a:link { color: #7f77a0; font-size: 12px; font-weight: bold; }
a:active { color: #7f77a0; font-size: 12px; font-weight: bold; }
a:visited { color: #7f77a0; font-size: 12px; font-weight: bold; }
a:hover {color: #333333; text-decoration: underline; font-size : 12px; font-weight: bold;}	

address {}			

b {font-weight:bold}	

big {font-size: 15px}		

blockquote  {color: saddlebrown}	

code {font-family: monospace;
font-size:15px;			
color: seagreen}	

dl {color: darkolivegreen}

em {font-style: normal;
color: #528676;
font-weight: bold}

form {color: #4D4D4D;}

h1 {font-size: 18px; color: rebeccapurple; font-weight:normal}
h2 {font-size: 16px; color: #333333; font-weight:bold}
h3 {font-size: 14px; color: #085040; font-weight:bold}
h4 {font-size: 12px; color: #000000; font-weight:bold}

.ash1 {font-size: 18px;	color: #085040; font-weight:normal}
.ash2 {font-size: 16px;	color: #333333; font-weight:bold}
.ash3 {font-size: 14px;	color: #4B7A6B; font-weight:bold}
.ash4 {font-size: 12px;	color: #000000; font-weight:bold}

li {color: #000000;}	

ol {color: #000000;}	

ul {color: #000000;}	

p {color: #333333;}

pre {color: #333333;}		

small {font-size: 10px}

strong {font-size: 15px; font-weight: bold; color: #4D4D4D;}

sub, sup {font-size: 11px}	

td {color: #333333;}		

textarea {color: #333333;}	

var {color: seagreen}

.normal {font-family: sérif; font-weight: normal; color: #4D4D4D; font-size : 12px}

.footer { font-weight: normal; color: #7f77a0; font-size: 10px }

.crumb	{font-weight: bold; color: #333333; font-size : 10px}



a.menu { color: #ffffff; text-decoration: none; font-size : 12px; font-weight: normal;}
a.menu:link {color: #ffffff; font-size : 12px;}
a.menu:active {color: #ffffff; font-size : 12px;}
a.menu:visited {color: #ffffff; text-decoration: none; font-size : 12px; font-weight: normal;}
a.menu:hover {color: #000000; text-decoration: underline; font-size : 12px; font-weight: normal;}
a.menuon {color: #000000; text-decoration: none; font-weight: normal; font-size : 12px;}
a.menuon:visited {color: #000000; text-decoration: none; font-weight: normal; font-size : 12px;}
a.menuon:hover {color: #000000; font-size : 12px;}

a.crumb { color: #333333; text-decoration: none; font-size : 10px; font-weight: bold;}
a.crumb:link {color: #333333; font-size : 10px;font-weight: bold;}
a.crumb:active {color: #333333; font-size : 10px;font-weight: bold;}
a.crumb:visited {color: #333333; text-decoration: none; font-size : 10px; font-weight: bold;}
a.crumb:hover {color: #333333; text-decoration: underline; font-size : 10px; font-weight: bold;}	

a.menugauche1 { color: #085040; text-decoration: none; font-size : 10px; font-weight: normal;}
a.menugauche1:link {color: #085040; text-decoration: none; font-size : 12px; font-weight: normal;}
a.menugauche1:active {color: #085040; text-decoration: none; font-size : 12px; font-weight: normal;}
a.menugauche1:visited {color: #085040; text-decoration: none; font-size : 12px; font-weight: normal;}
a.menugauche1:hover {color: #0D6440; text-decoration: underline; font-size : 12px; font-weight: normal;}
a.menugaucheon1 {color: #085040; text-decoration: none; font-size : 12px; font-weight: bold;}
a.menugaucheon1:visited {color: #085040; text-decoration: none; font-size : 12px; font-weight: bold;}
a.menugaucheon1:hover {color: #0D6440; text-decoration: none; font-size : 12px; font-weight: bold;}	

a.menugauche2 { color: #333333; text-decoration: none; font-size : 10px; font-weight: normal; }
a.menugauche2:link {color: #555555; font-size : 10px; font-weight: normal; }
a.menugauche2:active {color: #555555; font-size : 10px; font-weight: normal; }
a.menugauche2:visited {color: #000000; text-decoration: none; font-size : 10px; font-weight: normal; }
a.menugauche2:hover {color: #445040; text-decoration: underline; font-size : 10px; font-weight: normal; }
a.menugaucheon2 {color: #555555; text-decoration: none; font-size : 10px; font-weight: bold; }
a.menugaucheon2:visited {color: #555555; text-decoration: none; font-size : 10px; font-weight: bold; }
a.menugaucheon2:hover {color: #445040; text-decoration: none; font-size : 10px; font-weight: bold; }

a.ash2 {font-size: 16px;	color: #333333; font-weight:bold}
a.ash2:link {color: #333333; font-size : 16px;font-weight:bold}
a.ash2:active {color: #333333; font-size : 16px;font-weight:bold}
a.ash2:visited {color: #333333; text-decoration: none; font-size : 16px; font-weight: bold;}
a.ash2:hover {color: #333333; text-decoration: underline; font-size : 16px; font-weight: bold;}


div.menugauche2 {  margin-left: 15px;}
div.menugauche2:link { margin-left: 15px;}
div.menugauche2:active { margin-left: 15px;}
div.menugauche2:visited { margin-left: 15px;}
div.menugauche2:hover { margin-left: 15px;}
div.menugaucheon2 {margin-left: 15px;}
div.menugaucheon2:visited {margin-left: 15px;}
div.menugaucheon2:hover {margin-left: 15px;}	


a.list { color: #ffffff; text-decoration: none; font-size : 10px; font-weight: bold;}
a.list:link {color: #ffffff; font-size : 10px;}
a.list:active {color: #ffffff; font-size : 10px;}
a.list:visited {color: #ffffff; text-decoration: none; font-size : 10px; font-weight: bold;}
a.list:hover {color: #ffffff; text-decoration: underline; font-size : 10px; font-weight: bold;}

a.completed { color: #80B6A6; text-decoration: none; font-size : 12px; font-weight: Bold;}
a.completed:link { color: #80B6A6; text-decoration: none; font-size : 12px; font-weight: Bold;}
a.completed:active { color: #80B6A6; text-decoration: none; font-size : 12px; font-weight: Bold;}
a.completed:visited {color: #80B6A6; text-decoration: none; font-size : 12px; font-weight: Bold;}
a.completed:hover {color: #80B6A6; text-decoration: underline; font-size : 12px; font-weight: Bold;}

a.footer { color: #7f77a0; text-decoration: none; font-size: 10px; font-weight: Bold; }
a.footer:link { color: #7f77a0; text-decoration: none; font-size: 10px; font-weight: Bold; }
a.footer:active { color: #7f77a0; text-decoration: none; font-size: 10px; font-weight: Bold; }
a.footer:visited { color: #7f77a0; text-decoration: none; font-size: 10px; font-weight: Bold; }
a.footer:hover { color: #7f77a0; text-decoration: underline; cursor: pointer }
	
a.regular { color: #085040; font-size : 12px; font-weight: bold;}
a.regular:link {color: #085040; font-size : 12px; font-weight: bold;}
a.regular:active {color: #085040; font-size : 12px; font-weight: bold;}
a.regular:visited {color: #085040; font-size : 12px; font-weight: bold;}
a.regular:hover {color: #333333; text-decoration: underline; font-size : 12px; font-weight: bold; cursor:pointer}	

span.titre {color: palegoldenrod;
font-size: 15px;
font-weight: bold} 

span.section {color: lightyellow; 
font-size: 13px;
font-weight: bold}

span.intitule {color: saddlebrown; 
font-size: 13px;		
font-weight: bold}

td.impaire {background-color: #CC9966}

td.paire {background-color: #FFCC66}


.bgcolor1 {background-color: #085040;}
.bgcolor2 {background-color: #AAC5BE;}
.bgcolor3 { background-color: #D5D3DE; }
.bgcolor4 {background-color: #666666;}
.bgcolor5 {background-color: #FFFFFF;}
.bgcolor6 {background-color: #E3E6E0;}

.bgcolor7 {background-color: #BC5E1B;}
.bgcolor8 {background-color: #BC5E1B;}
.bgcolor9 {background-color: chocolate}
.bgcolor10 {background-color: brown}
.bgfond {background-color: #FFFFFF}
.bgtableau {background-color: darkkhaki}
.bgblanc {background-color: #FFFFFF}
.bgnoir {background-color: #000000}
.bggris {background-color: #666666;}


.color1 {color: #085040;}
.color2 {color: #528676;}
.color3 {color: #E4E4D3;}
.color4 {color: #E7F0E1;}
.color5 {color: #4D4D4E;}
.color6 {color: #717144;}
.color7 {color: #BC5E1B;}
.color8 {color: #BC5E1B;}
.color9 {color: chocolate}
.color10 {color: brown}
.fond {color: lightgoldenrodyellow}
.blanc {color: #ffffff}
.noir {color: #000000}
.gris {color: #666666;}
.rouge{color: #FF0033;}

.error {font-weight: bold; color: #B90027}
.Success 
{
    font-weight: bold;
    color: Green;
}
.bgerror
{
    background-color: red;
}

.header {font-size: 16px;
font-weight: bold;
color: #5774ac;}

.Title {color: #085040;
font-size: 15px;
font-weight: bold}

.Label {color: #333333;
font-size: 11px;
font-weight: bold}

.SmallLabel {color: #333333;
font-size: 9px;
font-weight: bold}

.BigLabel {color: #333333;
font-size: 15px;
font-weight: bold}

.LeftTextAlign
{
	 text-align:left;
}

.RightTextAlign
{
	 text-align:right;
}

.QuestionLabel {color: #333333;
font-size: 20px;
font-weight: bold;
vertical-align: top}

.GridView
{
	color: black;
	font-size: 11px;	
}

.GridViewHeader
{
	color: black;
	font-size: 11px;	
	background-color: #2AAAAA;
}

.OverlineLabel {color: #333333;
font-size: 11px;
font-weight: bold;
 text-decoration:overline}

/*************Newly Added Stlyes on Dec30, 2009****************/
.HeaderEmptySpacer1
{
	width:34px;
	float:left;
}

.HeaderEmptySpacer2
{
	width:254px;
	float:left;
}

.LogoSpacer
{
	width:207px;
	float:left;
}

.LogoMarginSpacer
{
	margin-top:21px;
	float:left;
	width:100%;
	height:67px;
}

*html a.OCQHomeLink, *html a.OCQHomeLink:link, *html a.OCQHomeLink:hover
{
	text-decoration:none;
	display:block;
	padding:30px 100px 30px 107px;
}

*:first-child+html a.OCQHomeLink, *:first-child+html a.OCQHomeLink:link, *:first-child+html a.OCQHomeLink:hover
{
	text-decoration:none;
	display:block;
	padding:30px 100px 30px 107px;
}

html>/**/body a.OCQHomeLink, html>/**/body a.OCQHomeLink:link, html>/**/body a.OCQHomeLink:hover
{
	text-decoration:none;
	display:block;
	padding:30px 100px 37px 107px;
}

.HeaderNavigationPane
{
	float:left;
	width: 365px; 
	text-align: right;
	padding: 0; 
	height: 20px; 
	border: 0px solid #ff0000;
}
/*modal popup*/

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
	border:medium none;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
#labelname
{
	width:125px;
	float:left;
	margin-top:5px;
}
#buttons {
float:right;
width:60px;
}

shippingaddress style addressComplete
/* styles.css */

.addressComplete frm {
    max-width: 800px;
    margin: 40px auto;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
 

.addressComplete form-group {
    margin-bottom: 15px;
}

.addressComplete label {
    display: block;
   
    color: black;
}

 #ShippingServices2New label
 {
     margin-bottom : 0px;
 }
.addressComplete .col-md-12 label {
    color: black;
}


.addressComplete input[type="text"], select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.addressComplete select {
    cursor: pointer;
}

.addressComplete .suggestion-dropdown {
    margin-top: 20px;
    display: none;
}

.addressComplete .suggestion-dropdown {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 1000;
    width: calc(100% - 30px);
    max-height: 200px;
    overflow-y: auto;
    margin-top: 5px;
}

.addressComplete .suggestion-item {
    padding: 10px;
    cursor: pointer;
}

.addressComplete .suggestion-item:hover {
    background-color: #f0f0f0;
}

.addressComplete .suggestion-text {
    color: black;
}
 

.addressComplete span.suggestion-description {
    color: #6b6b6b !important;
   font-style: italic;
   
}

