/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}


/* Structure
-------------------------------------------------------------------------------*/
body {
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	text-align:center;
}

#container {
	width: 791px;
	height: auto;
	margin-top: 10px;
	text-align:center;
	border: 2px solid #efefef;
	background-color: #B8ABA2;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#header {
	width: 789px;
	height: 150px;
	text-align: left;
	background-color: #B8ABA2;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
#infonavigation {
	width: 789px;
	height: 25px;
	border: solid 1px #999999;
}
#stocknavigation {
	width: 157px;
	height: auto;
	float: left;
}
#contentholder {
	width: 629px;
	height: auto;
	float: right;
	border: 1px solid #CCCCCC;
	margin-right:1px;
}
#footer {
	width: 789px;
	height: 25px;
	border: solid 1px #999999;
	background: #999999 url(../FrenchAffairImages/webdesign/infonavbar.jpg) repeat-x;
	color:#292017;
}


/* =Typography
-----------------------------------------------------------------------------*/


/* =Headings
-----------------------------------------------------------------------------*/
/* header image replacement */
#header h1 {
    width:789px;
	height:150px;
	position:relative;
	}

#header h1 span {
	position:absolute;
	width:100%;
	height:100%;
	background-color: #B8ABA2;
	background-image: url(../images/webdesign/header.jpg);
	background-repeat: no-repeat;
	}



/* =Links
-----------------------------------------------------------------------------*/
#footer a,
#footer a:link,
#footer a:visited {
    color:#292017;
	text-decoration:none;
	}
#footer a:hover,
#footer a:active {
    color:#fff;
    text-decoration: none;
	}


/* =Branding
-----------------------------------------------------------------------------*/



/* =Info Nav
-----------------------------------------------------------------------------*/
#infonavigation ul {
	margin:0;
	padding:0;
	list-style:none;
	width:789px;
	float:left;
	background: #999999 url(../FrenchAffairImages/webdesign/infonavbar.jpg) repeat-x;
	font-size:x-small;
}
#infonavigation ul li {
	float:left;
}
#infonavigation ul a:link,
#infonavigation ul a:visited {
	display:block;
	float:left;
	width:157px;
	line-height:25px;
	color: #ffffff;
	text-decoration: none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:url(../images/webdesign/divider.jpg) repeat-y left top;
}
#infonavigation ul a:hover,
#infonavigation ul a:active {
	display:block;
	float:left;
	width:157px;
	line-height:25px;
	color: #292017;
	text-decoration: none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:url(../images/webdesign/divider.jpg) repeat-y left top;
}
#infonavigation ul .firstinfonav a{
    background:none;
	}

/* =Stock Nav
-----------------------------------------------------------------------------*/
#stocknavigation ul {
    margin:0;
	padding:0;
	border: solid 1px #cccccc;
	list-style-type:none;
	}
#stocknavigation ul a,
#stocknavigation ul a:link,
#stocknavigation ul a:visited {
    display:block;
	height:29px;
	width:157px;
	line-height:29px;
	text-decoration:none;
	color:#ffffff;
	font-size:x-small;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:11px;
	background: #999999 url(../images/webdesign/buttons.jpg) no-repeat left bottom;	
	}
#stocknavigation li.first a {
    height:30px;
	line-height:30px;
	}
#stocknavigation ul a:hover,
#stocknavigation ul a:active {
    background-position: right bottom;
	color: #fff;
    }
#stocknavigation li {
    display:inline;}

/* =Main Content
-----------------------------------------------------------------------------*/

#content{
	border: 1px solid #999999;
	line-height:1.3;
	min-height:318px;
	background:#ffffff;
	text-align:left;
	float: left;
	width: 627px;
}
#paddedcontent {
	margin: 20px;
}
#paddedcontentcat {
    margin-left:8px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:1px;
}



/* =Secondary Content
-----------------------------------------------------------------------------*/
.stockintro {
    width:204px;
	height:250px;
	margin-right:2px;
	margin-bottom:2px;
	padding:0px;
	float:left;
	text-align:center;
	background-color:#e8e8e8;
}
.stockname {
    width:200px;
	margin-top:3px;
	margin-bottom:5px;
	padding:0px;
	float:left;
	text-align:center;
}
.stockimage {
	width:200px;
	height:200px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	float:left;
	text-align:center;
}



/* =Footer
-----------------------------------------------------------------------------*/

#rightfooter {
	float: right;
	padding-right:18px;
	text-align: right;
	line-height:25px;
	font-size:10px;
	}
	
#leftfooter {
    float:left;
	text-align: left;
	line-height:25px;
	font-size:10px;
	text-indent:10px;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/
#advert {
	float: right;
	width: 157px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	background-color: #ede9e6;
	min-height: 308px;
	margin: 0px;
	padding: 0px;
}
#advertborder {
    float:right;
	width:151px;
	min-height:304px;
	margin:2px;
	padding:0px;
	border: solid 1px #B8ABA2;
}
#adverttext {
	margin-left: 6px;
	margin-right:6px;
	margin-top:18px;
	margin-bottom:6px;
	float: right;
}
#welcome {
	float: left;
	margin-right: 5px;
	width: 432px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

h1 {
	font-size: medium;
	color: #B8ABA2;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: underline;
	color: #333333;
}
.map {
	float: right;
	margin-top: 10px;
}
#stockdetails {
	float: left;
	width: 360px;
}
#largephoto {
	float: right;
	width: 200px;
	font-size: x-small;
	font-style: italic;
	text-align: center;
}
.smallphoto {
	float: left;
	height: 50px;
	width: 50px;
}
.bold {
	font-weight: bold;
}
.title {
    font-weight:bold;
	color:#666666;
}
.normal {
    font-weight:normal;
	color:#666666;
}
.smalltext {
    font-size:x-small;
}
.mainphoto {
	margin-bottom: 10px;
}
.right {
	float: right;
	margin-right: 20px;
	font-size: x-small;
	margin-top: 5px;
}