/*---------------------------------------------------------
Default (All Browsers) CSS Index - OPP 04.02.2008 Egghead Design Ltd 
For IE see OPPIE.css
For < IE6 see OPPIE6.css
For Admin Section use AdminStyles.css

=1 Layout Structure Common Elements
=2 Navigation Elements
=3 General Styling
=4 Gridviews
=5 Forms
=6 Product Page
=7 Tabs
=8 Rating

/*---------------------------------------------------------
=1 Layout Structure Common Elements
-------------------------------------------------------*/


body {
	margin-top:0px;
	text-align:center;
	color:#414141;
	font-family:Arial;
	font-size:0.8em;
	}

#fullwrapper {
	position:relative;
	height:auto;
	background-color:#ffffff;
	min-width:880px;
	max-width:1240px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
	
#header {
	height:110px;
	background-color:#ffffff;
	}
	
#contentwrapper {
	position:relative;
	height:auto;
	width:auto;
	
	}
	
#left_col {
	width:185px;
	min-height:223px;
	position:absolute;
	left:0px;
	top:34px;
	background-color:#ffffff;
	z-index:999;
	padding-top:223px;
	}
	
#left_col_leaf {
	width:129px;
	height:223px;
	position:absolute;
	right:-3px;
	top:0px;
	background-image: url(Images/leftcol_leaf.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#ffffff;
	}
	
#left_col_ads 
{
	padding:0px 0px 0px 10px;
}

#left_col_ads_menu
{
	padding:0px 0px 0px 10px;
	position:absolute;
	right:2px;
	top:30px;
}

#left_col_productlist 
{
	position:absolute;
	top:27px;
	right:-3px;
	min-height:230px;
	z-index:1;
	width:145px;
	background-image:url(images/menuback.png);
	background-repeat:repeat-y;
	background-position:top;
	padding:0px 10px 0px 10px;
	color:#ffffff;
}

#left_col_productlist_top 
{
	position:absolute;
	top:-25px;
	left:0px;
	width:165px;
	height:25px;
	background-image:url(images/menuback_top.png);
	background-repeat: no-repeat;
	background-position:top;
}

#left_col_productlist_bottom 
{
	position:absolute;
	bottom:-25px;
	width:165px;
	background-image:url(images/menuback_bottom.png);
	background-repeat: no-repeat;
	background-position:top;
	height:25px;
	left:0px;		
}

#centre_col {
	position:relative;
	width:auto;
	height:auto;
	}
	
#centre_col_content 
{
	position:relative;
	height:auto;
	background-color:#ffffff;
	width:auto;
	margin-left:185px;
	margin-right:175px;
	overflow:hidden;
	}
	
	
#content 
{
	padding:0px 20px 20px 20px;
	min-height:500px;
	width:95%;
	float:left;
	
}
	
#right_col {
	width:165px;
	background-color:#ffffff;
	height:600px;
	position:absolute;
	right:0px;
	top:34px;
	padding-left:10px;
	}
	
#rightshadow 
{
	position:absolute;
	width:5px;
	top:36px;
	right:0px;
	background-color:#ffffff;
	height:5000px;
	background-image:url(Images/contentarea/right_repeater.gif);
	background-repeat:repeat-y;
	background-position:left;
	overflow:hidden;
}

#leftshadow 
{
	position:absolute;
	width:3px;
	top:35px;
	left:0px;
	background-image:url(Images/contentarea/left_repeater.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:5000px;
}

#topleftcorner 
{
	height:10px;
	width:10px;
	position:absolute;
	top:35px;
	left:0px;
	background:#ffffff url(Images/contentarea/topleft.gif) no-repeat center; 
	z-index:0;
	}
	
#toprightcorner { height:10px;width:10px;position:absolute;top:35px;right:0px;background:#ffffff url(Images/contentarea/topright.gif) no-repeat;z-index:999;}
#bottomleftcorner{ height:10px;width:10px;position:absolute;bottom:0px;left:0px;background:#ffffff url(Images/contentarea/bottomleft.gif) no-repeat;z-index:999;}
#bottomrightcorner { height:10px;width:10px;position:absolute;bottom:0px;right:0px;background:#ffffff url(Images/contentarea/bottomright.gif) no-repeat;z-index:999;}
	
#content_header {
	height:3px;
	padding:10px 0px 10px 0px;
	background-image:url(Images/contentarea/top_repeater.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
	
#content_footer{
	height:6px;
	padding:0px 0px 0px 0px;
	background-image:url(Images/contentarea/bottom_repeater.gif);
	background-position:top;
	background-repeat:repeat-x;
	clear:left;
	}
	
#footer {
	height:auto;
	background-color:#ffffff;
	margin-left:185px;
	margin-right:175px;
	font-size:0.8em;
	padding:0px 0px 10px 0px;
	}
	
#footer p {
	padding-left:5px;
	}
	
a.logo 
{
	background:#ffffff url(Images/opplogo.gif) no-repeat top;
	width:241px;
	height:102px;
	display:block;
}

#loginpane_anon 
{
	position:absolute;
	top:0px;
	right:0px;
	width:453px;
	height:101px;
	background:#ffffff url(images/loginpane.gif);
}

#loginpane_content_anon
{
	width:322px;
	height:69px;
	float:right;
	padding:5px 10px 10px 10px;
	color:#ffffff;
}

#loginpane
{
	position:absolute;
	top:0px;
	right:0px;
	width:459px;
	height:110px;
	background:#ffffff url(images/loginpane_member.gif);
}

#loginpane_content
{
	width:201px;
	height:51px;
	float:right;
	padding:10px 100px 10px 10px;
	color:#ffffff;
	text-align:right;
	font-weight:bold;
}

#loginpane_content a, #loginpane_content_anon a
{
	color:#ffffff;
	font-weight:normal;
}


	
/*---------------------------------------------------------
=2 Navigation Elements 
-------------------------------------------------------*/

#top_menu 
{
	width:auto;
	text-align:right;
	height:35px;
	line-height:35px;
}

#left_col_productlist.links a {color:#ffffff;}

.RootNode {font-weight:bold;font-size:18px;color:#c8f59f; padding-left:3px;}

.ChildNode {font-weight:normal;font-size:11px;color:#ffffff;padding:0px 0px 0px 5px;}

.ParentNode {font-weight:normal;color:#ffffff;padding:5px 0px 0px 3px;Margin:0px;}

#top_menu a {padding:0px 8px 0px 8px;}

.linkbuttons a {color:#ffffff;}

a.termslink 
{
    cursor:pointer;
}


/*---------------------------------------------------------
=3 Generic Styling 
-------------------------------------------------------*/

a img {border:0px;}

a {text-decoration:none;color:#363636;font-weight:bold;}

a:hover {color:#9e005d;}

h1, h2, h3, h4, h5, h6
{
	padding:0px;
	margin:0px;
	font-weight:normal;
}

.titletext {text-align:left;}

h1, h2, h3, .titletext {color:#6eb43f;}
h4 {color:#a1a0a0;}

h3, h4 {font-size:1.1em;}
h2 {font-size:1.3em;}
h1, .titletext {font-size:1.7em;}
h5 {font-size:20px;}

p, li {line-height:1.5em;}

.orange, .brown, .pink, .burgundy, .purple, .darkblue, .lightblue, .darkgreen, .lightgreen, .yellow 
{
	font-size:0.8em;
	font-family:Arial;
}

.orange {color:#e06807;}
.brown {color:#9c4f4c;}
.pink {color:#ad0f6b;}
.burgundy {color:#5b2b4e;}
.purple {color:#864ab5;}
.darkblue {color:#104e87;}
.lightblue {color:#2967d0;}
.darkgreen {color:#446e63;}
.lightgreen {color:#349c1d;}
.yellow {color:#ffc125;}

/*  OPL colour palette*/
.OPL1 {color:#E06C02; font-weight:bold;}
.OPL2 {color:#8F3935; font-weight:bold;}
.OPL3 {color:#AD006C; font-weight:bold;}
.OPL4 {color:#5A294D; font-weight:bold;}
.OPL5 {color:#7532AA; font-weight:bold;}
.OPL6 {color:#3771D3; font-weight:bold;}
.OPL7 {color:#074B85; font-weight:bold;}
.OPL8 {color:#326055; font-weight:bold;}
.OPL9 {color:#41A22C; font-weight:bold;}
.OPL10 {color:#FFB600; font-weight:bold;}


.NewsDate {color:#9e005d}
.NewsItem {font-size:0.8em;color:#626361;font-family:Arial;font-weight:normal; line-height:1.3em;}

.clear{clear:both;float:left;}

/*---------------------------------------------------------
=4 Gridviews 
-------------------------------------------------------*/

.GridViewStyle 
{
	width:100%;
	margin:10px 0px 10px 0px;
	border:0px;
}

.RowStyle 
{
	height:auto;
	background-color:#c9f5a0;
	border:0px;	
}

.AlternatingRowStyle 
{
	background-color:#ffffff;
		border:0px;
}
	

.HeaderStyle  
{
	font-weight:bold;
	padding:5px;
		border:0px;		
}

.ItemStyle 
{
	padding:5px;	
		border:0px;	
}

.ItemStyle_controls 
{
	padding:5px;
	width:50px;
		border:0px;
}

.PagerStyle 
{
}


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

td.formtable {width:50%;}

table.form {width:100%;}

.header_cell {width:40%;height:40px;}


.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.termsandconditions
{
    display:none;
}

/*---------------------------------------------------------
=6 Product Page
-------------------------------------------------------*/

.product_image 
{
	width:277px;
	height:277px;
	border:1px solid #c6c6c6;
	text-align:center;
	line-height:275px;
	display:table-cell;
	vertical-align:middle;
}

.product_brief_description 
{
	width:auto;
	clear:both;
	height:auto;
	padding:10px;
	background-color:#c2d7f4;
	margin:10px 0px 10px 0px;
	line-height:18px;
font-family:Arial;
color:#252525;
font-weight:bold;	
font-size:11px;
}

.product_summary {
	width:100%;
	height:277px;
	float:left;
	padding-left:10px;
		font-size:11px;
		font-family:Arial;
	}
	
#product_top_wrapper 
{
	width:99%;
	border:1px solid red;
	float:left;
	padding-right:10px;
}

tr.tabrow td 
{
	border-top:1px solid #dcdcdc;
	height:26px;
	line-height:26px;
}

tr.row1 td 
{
	background-color:#c2d7f4;
}

.product_summary td.header_cell 
{
	width:100px;
	padding:0px 5px 0px 5px;
	color:#252525;
	font-weight:bold;
	font-family:Arial;
}

table.compare_table 
{
	font-size:11px;
	font-weight:bold;
		font-family:Arial;
}

.ajaxtabs td.header_cell, table.compare_table td.header_cell 
{
		width:200px;
	padding:0px 40px 0px 5px;
	font-family:Arial;
		line-height:1.5em;
		font-weight:bold;
		font-size:11px;
}

.ajaxtabs td.header_cell_ecohomes {
	background-color:#c2d7f4;
	font-family:Arial;
		line-height:1.5em;
		font-weight:bold;
}

.ecohomes_box 
{
	padding:5px;
	border:1px solid #e2e2e2;
	margin-bottom:5px;
}

.productwrapper 
{
	float:left;
	display:table-cell;
	width:25%;
	text-align:center;
	vertical-align:middle;
	height:200px;
}

/*----------------------------------------
=7 Tabs
-----------------------------------------*/

.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.ajaxtabs .ajax__tab_header {font-size:11px;font-family:arial;font-weight:bold;background-image:url(tabs/header.gif);background-repeat:repeat-x;}
.ajaxtabs .ajax__tab_outer {padding-right:2px;height:30px;background-color:transparent;}
.ajaxtabs .ajax__tab_inner {padding-left:3px;background-color:#ffffff;background-image:url(tabs/inner.gif);background-repeat:repeat-x;border-left:1px solid #b4b4b4;border-right:1px solid #b4b4b4;}
.ajaxtabs .ajax__tab_tab {padding:2px;margin:0;background-color:transparent;height:26px;width:auto; vertical-align:middle;}
.ajaxtabs .ajax__tab_hover .ajax__tab_outer {}
.ajaxtabs .ajax__tab_hover .ajax__tab_inner {}
.ajaxtabs .ajax__tab_hover .ajax__tab_tab {}
.ajaxtabs .ajax__tab_active .ajax__tab_outer {}
.ajaxtabs .ajax__tab_active .ajax__tab_inner {background-image:url(tabs/active_inner.gif);}
.ajaxtabs .ajax__tab_active .ajax__tab_tab {}
.ajaxtabs .ajax__tab_body {border:1px solid #b4b4b4;;border-top:0;padding:8px;background-color:#ffffff;font-size:11px;}

.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}


/*----------------------------------------
=7 Tabs
-----------------------------------------*/






/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:1000;
}

.modalPopup {
	background-color:#c9f5a0;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:auto;
	z-index:999;
}

.modalPopup_product {
	background-color:#c9f5a0;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
	z-index:999;
	padding:5px;
}


/*----------------------------------------
=8 Rating
-----------------------------------------*/

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/Rating/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/Rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/Rating/SavedStar.png);
}

/*---------------------------------------------------------
=1.a Safari For Mac Product Tree
-------------------------------------------------------*/

body:first-of-type #left_col_ads_menu {
	padding:0px 0px 0px 10px;
	position:absolute;
	right:2px;
	top:30px;
}

/*/*/html*#left_col_ads_menu {	border:0px solid red;}/* */
*+html #left_col_ads_menu {	border:0px;}

/*---------------------------------------------------------

-------------------------------------------------------*/