body {
	margin: 0px; 
	width:100%;
	padding: 0px;
	background: url(../Images/Main/Background.png) no-repeat fixed center top; 
	background-color: #333333;
	font-size: 9px;
	border: 0px;
	font-family: Arial, Helvetica, Trebuchet MS,  sans-serif;
	font-size: 12px;
	text-align:left;
}

#containeur {
	width: 100%;
	margin: auto; 
	background-color: Transparent;
}

#header 
{
	width: 100%;
	height: 66px;
	background: url(../images/main/predictweatherlogo.png) no-repeat 2% 10px ; 
	text-align:right;
	font-family:Arial, Helvetica, Trebuchet MS; 
	font-style:italic; 
}

#content-containeur {
	width: 100%; 
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: dashed 1px #e0e0e0;
	padding: 0 10px 10px 10px;
}

#content-containeur-left {
	width: 730px; 
	float:left;
	padding: 10px 0px 5px 0px; 
	
}

#content-containeur-right {
	width: 170px; 
	float:right;
	padding: 10px 10px 5px 0px;
}

#blank {

}

#horizontal-add{
	width: 100%; 
}

#horizontal-add img {
	width: 728px;
	margin: 0px 0px 15px 0px; background-color: Transparent;
}

#vertical-add img {
	width: 160px;
	margin: 0px 0px 15px 0px;
}

#searchbox-add img {
	width: 140px;
	height: 100px;
	margin: 0px 0px 10px 0px; 
	float:right; 
}

#searchbox {
	width: 100%;
	height: 100px;
	background: #ededed url(../images/main/Search-Box.png) no-repeat  top left; 
	float: left;
	border: 1px solid #acacac; 
	margin: 0px 0px 10px 0px;
	padding:0;
}

#searchbox_Country {
	width: 150px;
	height: 45px;
	margin: 35px 0 0 10px;
	float: left;
	padding: 0 0 0 0;
	display: inline; /* IE6 Double margin bug fix DO NOT REMOVE*/
}

#searchbox_City {
	width: 150px;
	height: 45px;
	margin: 35px 0px 0px 10px;
	float: left;
	padding:0 0 0 0 ;
}

#searchbox_Date {
	width: 200px;
	height: 45px;
	margin: 35px 0px 0px 10px;
	float: left;
	padding:0;
}

#searchbox_go {
	width: 70px;
	height: 41px;
	margin: 35px 0px 0px 10px;
	float: left;
	/*border: 1px solid #acacac;*/
}

#ariane {
	width: 100%;
	margin: 0px 0px 5px 0px; 
	color: #d79c00;
	font-size:11px;
	/*border: 1px solid #acacac;*/
}

#mainbox {
	width: 100%;
	padding: 0px;
	margin: 10px 0 10px 0;
	float: left; background-color:White;
}

#mainbox_title-1 {
	width: 100%;
	height: 37px; 
	color:White; 
	background-color: #1a124d;
	text-transform:uppercase;
	font-weight:bold; 
	font-family:Arial;
	font-size:13px;
}


/* ~~~~~~~~~~~~~ mainbox_title-1 CODE (START) ~~~~~~~~~~~ */

#mainbox_title-1-code {
	margin: 0px;
	padding: 0px;
}

#mainbox_title-1-code li {
	float:left;
	height:37px;
	line-height:37px;
	list-style-type:none;
}

#mainbox_title-1-code a{
	padding: 0 16px 0 16px;
	display:block;
	color:White;
	text-decoration: none ;
}

#mainbox_title-1-code a:hover
{
	background-color:#f15a2b; 
	font-family:Arial;
	color:White;
}

#mainbox_title-1-code ul 
{
	list-style: none;     
	padding:0;     
	margin:0; 
} 

.selected
{
	width:100px; 
	padding:0 0 0 0;
	display:block; 
	background-color: #f15a2b;
	font-weight:bold; 
	color:White
} 

/* ~~~~~~~~~~ mainbox_title-1 CODE (END) ~~~~~~~~~~ */


#mainbox_title-2{
	height: 30px;
	background: #ededed url(../images/main/secondbar-out.png) repeat-x  bottom;
	font-weight:bold;
	font-size:11px;
	border:1px solid #acacac;
	border-bottom: none;
	border-top: none;
}


/* ~~~~~~~~~~~~~ mainbox_title-2 CODE (START) ~~~~~~~~~~~ */

#divCat-code ul , #divPromo-code ul, #divBus-code ul, #divAbout-code ul, #divProfile-code ul
{
	list-style: none;     
	padding:0;     
	margin:0;
} 

#divCat-code, #divPromo-code, #divBus-code, #divAbout-code, #divProfile-code{
	margin: 0px;
	padding: 0px;
}

#divCat-code li, #divPromo-code li, #divBus-code li, #divAbout-code li, #divProfile-code li {
	float:left;
	height:30px;
	line-height:30px;
	list-style-type:none;
}

#divCat-code a, #divPromo-code a, #divBus-code a, #divAbout-code a, #divProfile-code a{
	padding:0 16px 0 16px;
	display:block;
	color:#FFFFFF;
	text-decoration: none ;
}

.CatSelected
{
	padding:0 0 0 0;
	display:block;
	background: url(../images/main/secondbar-over.jpg) repeat-x top;
	font-weight:bold; 
	color:Black
}

#divCat-code a:hover, #divPromo-code a:hover, #divBus-code a:hover, #divAbout-code a:hover, #divProfile-code a:hover{
	background: url(../images/main/secondbar-over.jpg) repeat-x top;
	color:#000000;
}
	
/* ~~~~~~~~~~ mainbox_title-2 CODE (END) ~~~~~~~~~~ */


#Categories  {
	text-align:left; 
	font-size:8pt; 
	float:left; 
	width:20%; background-color:White; 
	padding-top:20px;
}

#box_content  {
	background-color: White;
	float:left; 
	width:80%; 
	padding:0 0 0 0;  
	border-width:0;
}
#shop_content  {
	background-color: White;
	float:left; 
	width:100%; 
	padding:0 0 0 0; margin:0 0 0 0;  
	border-width:0px;
}

/* ~~~~~~~~~~~~~~~~~~~ members page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#members_title-1-code {
	width: 92%;
	height: 25px;
	background: #ededed  repeat-x  top;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
}

#members_title-1-code a{
	padding:0 16px 0 16px;
	display:block;
	color:#d10068;
	text-decoration: none ;
}

#members_title-1-code a:hover{
	background:  #ededed  repeat-x  top;
	color:#000000;
}

.MemberSelected
{
	padding:0 16px 0 16px;
	display:block;
	font-weight:bold; 
	color:Black
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.news {
	margin: 0px 10px 10px 0px;
	background: url(../images/main/separator.gif) repeat-y  left;
	width: 30%;
	/*width: 225px;*/
	float: left;
	padding-left: 7px;
	text-align:left;
}

.news img {
	width: 104px;
	height: 104px;
	margin: 0px 5px 0px 0px;
	float: left;
}

.news h3 {
	margin: 0px;
	font-size: 16px;
}

.news p {
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.box {
	width: 100%;
	background: #ededed;
	float:left;
	margin: 0px 0px 10px 0px; 
	text-align:left;
}

.box-pair-left {
	width: 48%;
	float:left; 
	text-align:left;
}

.box-pair-right {
	width: 48%;
	float:right;
	text-align:left;
}

.box_bottom_forecasts 
{
	background: #ededed url(../images/main/forecasts-box.png) no-repeat  top;
	height:110px;
	font-weight:bold;
	font-size:11px; 
	padding-top:20px;
	padding-left: 10px;
	color:#000000;
}

.box_title-white {
	height: 30px;
	line-height:30px;
	background: #ededed url(../images/main/thirdbar-out.jpg) repeat-x  bottom;
	font-weight:bold;
	font-size:11px;
	padding-left: 10px;
	color:#FFFFFF; 
	text-align:left;
}

.box_title-plus {
	height: 30px;
	width: 30px;
	float:right;
	background: url(../images/main/thirdbar-plus-out.jpg) no-repeat  bottom;
}

.box_content-bigflip {
	background: url(../images/main/big-flip.gif) no-repeat  bottom right;
	border: 1px solid #acacac;
	border-top: none;
	text-align:left; 
	padding-left: 10px;

}

.box_content {
	border: 1px solid #acacac;
	border-top: none;
	text-align:left; 
	padding-left: 10px; 

}


.box_content-flip {
	background: url(../images/main/big-flip-mini.gif) no-repeat  bottom right;
	border: 1px solid #acacac;
	border-top: none;
}

.box_content-plane {
	border: 1px solid #acacac;
	border-top: none;
	padding-left: 10px;
	padding-right:10px; 
	padding-top:10px;	
	padding-bottom:10px;
	text-align:left; 
	padding-left: 10px;
}

.box_quote {
	border: 1px solid #acacac;
	border-top: none; 
	color:#D10068;
	padding-left: 10px;
	padding-right:10px; 
	padding-top:10px;
	text-align:left; 
	font-family: Arial, Helvetica, Trebuchet MSl; 
	line-height:20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#right { 
float:right; 
width:120px;
} 
#left { 
float:left; 
width:500px; 
} 
#middle { 
float:none; 
width:120px;
} 
#Filler { 
float:right; 
width:20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Popups   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.popup {
	position: absolute; 
	width: 600px; 
	display: none; 
	background: white; 
	border: 2px solid Black;}


.popupHeader {
	margin:  0px 10px 0px 0px;
	float: left;
	padding-left: 7px;
	padding-bottom:0px;
	padding-top:4px;
	text-align:left;
	background-color: Navy; 
	color: White; 
	font-size:14pt; 
	font-weight:bold; 
	width:99%; 
	height:31px; 
	vertical-align:middle;
}
.popupX {
	margin: 0px 10px 0px 0px;
	float: right;
	padding-left: 0px;
	padding-bottom:0px;
	text-align:right;
	background-color:#E2017A; 
	color: White; 
	font-size:14pt; 
	font-weight:bold; 
	width:100%; 
	height:31px; 
	vertical-align:middle;
}

.popupTitle {
	margin: 0px 10px 0px 0px;
	float: left; 
	padding-left: 7px;
	padding-top:4px;
	text-align:left;
	background-color:Gray;
	color: Black; 
	font-size:14pt; 
	font-weight:bold; 
	width:100%; 
	height:30px;
	vertical-align:middle;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Popups   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.pink {
	color: #E2017A;
	font-size: 12px; 
	font-family:Arial;
	line-height: 14px;
}
.pink a:link {
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.pink a:hover{
	color: Black;
	font-size: 12px;
	line-height: 14px;
}
.pink hover{
	color: Black;
	font-size: 12px;
	line-height: 14px;
}

.black {
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
	line-height: 14px;
}
.black a:link {
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.black a:hover{
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.black hover{
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}


.picGap 
{
	margin: 5px 0px -5px 0px;
}

img.floatLeft { 
    float: left; 
    margin: 10px; 
}
img.floatRight { 
    float: right; 
    margin: 0 0 0 10px; 
}

.noUnderline 
{
	text-decoration: none; 
} 

.hiddencol
{
    display:none;
}
.viscol
{
    display:block;
}
.repSelected
{
	background-color: #EDEDED;
	border-bottom-style:dashed;
	border-bottom-width:1px; 
	border-bottom-color:#EDEDED;
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
}
.repNotSelected
{
	background-color:White;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#EDEDED;
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
}

.listArts
{
	background-color: White;
	border-bottom-style:dashed;
	border-bottom-color:#EDEDED; 
	border-left-style:dashed; 
	border-right-style:dashed; 
	border-right-color:#EDEDED;
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	color: black; 
	text-decoration:none;
	font-size: 12px; 
	font-family:Arial;
}

.ShopItems
{
	width:70%; 
	float:left; 
	border-left-style:dashed; 
	border-left-width:1px; 
	border-left-color:#EDEDED; 
	border-right-style:dashed; 
	border-right-width:1px;
	border-right-color:#EDEDED; 
	color: black; padding-left:10px; 
	text-decoration:none;
}

.linkButton
{
 color: Gray; 
 background-color: #EDEDED;
 border-style:solid; 
 border-width:1px; 
 border-color:Gray;
 font-family: Arial;
 font-size:8pt; 
 cursor : hand ; 
 text-decoration:none; 
 text-align:center;
 width:50px; 
 height:10px;
}