@charset "UTF-8";
/* CSS Document */



/*------------- General Site Wide Conditions -----------*/
* {
margin:0;
padding:0;
}

body {
background: #000;
color:#f8f8f8;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:140%;
font-size: 62.5%;
}

/*------------- Fonts -------------*/
p {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.6em;
text-align: left;
}

a {
color:#b0edee;
}

h3 {
font-size: 16px;
font-weight: normal;
margin-top: 1em;
}

/*-----------Structure--------*/
#wrapper {
width: 1002px;
margin-left: auto;
margin-right: auto;
}


/*-------header---------*/

#header {
float:left;
background:#000;
position: relative;
margin-top: 40px;
}

#title_line {
position:absolute;
z-index: 150;
top: 20px;
left: 305px;
}

h1 {
display: block;
width:372px;
height:43px;
background:url(../images/h1_hello_beautiful.gif) top left no-repeat;
text-indent: -4500px;
}


/*----------Navigation------------*/

#logo {
position:absolute;
z-index: 100;
float:left;
left:0px;
height: 129px;
width:195px;
}

#logo a, #logo a:visited {
background:url(../images/logo_o3.jpg) top left no-repeat;
display:block;
height: 129px;
width:195px;
text-indent:-4567px;
}

#logo a:hover {
background-position: 0px -129px;
}

#logo a:active {
background-position: 0px -258px;
}

#navigation {
float:none;
width: 867px;
padding-left: 195px;
}

#navigation ul {
position: relative;
margin-top: 85px;
width: 810px;
height:44px;
list-style: none;
background:url(../images/navigation_matrix_ozone.gif) top right no-repeat;
}

#navigation ul li {
float:left;
display:inline;
text-indent: -4567px;
}

#navigation ul li a {
display:block;
height: 44px;
background-image: url(../images/navigation_matrix_ozone.gif);
background-repeat: no-repeat;
}


/*--About--*/
#navigation ul li.about a, #navigation ul li.about a:visited  {
width: 165px;
}

#navigation ul li.about a:hover {
background-position: 0 -88px;
}

#navigation ul li.about a:active {
background-position: 0 -132px;
}

#wrapper.about #navigation ul li.about a {
background-position: 0 -44px;
}


/*--Products--*/
#navigation ul li.products a, #navigation ul li.products a:visited  {
width: 150px;
background-position: -165px 0pt;
}

#navigation ul li.products a:hover {
background-position: -165px -88px;
}

#navigation ul li.products a:active {
background-position: -165px -132px;
}

#wrapper.products #navigation ul li.products a {
background-position: -165px -44px;
}

/*--Reviews--*/
#navigation ul li.reviews a, #navigation ul li.reviews a:visited  {
width: 152px;
background-position: -315px 0pt;
}

#navigation ul li.reviews a:hover {
background-position: -315px -88px;
}

#navigation ul li.reviews a:active {
background-position: -315px -132px;
}

#wrapper.reviews #navigation ul li.reviews a {
background-position: -315px -44px;
}



/*--Latest News--*/
#navigation ul li.latest_news a, #navigation ul li.latest_news a:visited{
width: 179px;
background-position: -467px 0pt;
}

#navigation ul li.latest_news a:hover {
background-position: -467px -88px;
}

#navigation ul li.latest_news a:active {
background-position: -467px -132px;
}

#wrapper.latest_news #navigation ul li.latest_news a {
background-position: -467px -44px;
}

/*--Stockists--*/
#navigation ul li.stockists a, #navigation ul li.stockists a:visited {
width: 147px;
background-position: -646px 0pt;
}

#navigation ul li.stockists a:hover {
background-position: -646px -88px;
}

#navigation ul li.stockists a:active {
background-position: -646px -132px;
}

#wrapper.stockists #navigation ul li.stockists a {
background-position: -646px -44px;
}

/*---------Login Panel-----------*/

#login {
position:absolute;
z-index: 150;
top: 55px;
left: 905px;
width: 80px;
float:right;
}

#login ul {
list-style: none;
}

#login ul li {
float:right;
}

#login ul li a {
color:#666666;
text-decoration: none;
}

#login ul li a:hover {
color:#CCCCCC;
text-decoration:none;
}



/*---------Main Image Panel---------*/
#main_image_panel {
height: 280px;
float:left;
position:relative;
width:1002px;
text-align:center;
}


/*---heading image replacement---*/
.h2_stockists, .h2_apply-to-stock-o3, .h2_latest-news, .h2_all-news, .h2_03-hair-dryer, .h2_heated-hairstyler, .h2_03-products, .h2_o3-united-kingdom, .h2_o3-south-africa, .h2_o3-australia, .h2_o3-india, .h2_contact-us, .h2_why-do-we-use-ozone, .h2_what-is-o3, .h2_about-o3, .h2_reviews, .h2_o3-products {
display:block;
text-indent: -4567px;
height: 31px;
}

.h2_stockists {
background: url(../images/h2_stockists.gif) top left no-repeat;
}

.h2_apply-to-stock-o3 {
background: url(../images/h2_apply-to-stock-o3.gif) top left no-repeat;
}

.h2_latest-news {
background: url(../images/h2_latest-news.gif) top left no-repeat;
}

.h2_all-news{
background: url(../images/h2_all-news.gif) top left no-repeat;
}

.h2_03-hair-dryer {
background:  url(../images/h2_o3-hair-dryer.gif) top left no-repeat;
}

.h2_heated-hairstyler{
background: url(../images/h2_o3-heated-hairstyler.gif) top left no-repeat;
}

.h2_03-products{
background: url(../images/h2_03-products.gif) top left no-repeat;
}

.h2_o3-united-kingdom{
background: url(../images/h2_o3-united-kingdom.gif) top left no-repeat;
}

.h2_o3-south-africa{
background: url(../images/h2_o3-south-africa.gif) top left no-repeat;
}

.h2_o3-australia{
background: url(../images/h2_o3-australia.gif) top left no-repeat;
}

.h2_o3-india{
background: url(../images/h2_o3-india.gif) top left no-repeat;
}

.h2_contact-us{
background: url(../images/h2_contact-us.gif) top left no-repeat;
}

.h2_why-do-we-use-ozone{
background: url(../images/h2_why-do-we-use-ozone.gif) top left no-repeat;
}

.h2_what-is-o3{
background: url(../images/h2_what-is-o3.gif) top left no-repeat;
}

.h2_about-o3 {
background: url(../images/h2_about-o3.gif) top left no-repeat;
}

.h2_reviews {
background: url(../images/h2_reviews.gif) top left no-repeat;
}

.h2_o3-products {
background: url(../images/h2_o3-products.gif) top left no-repeat;
}


/*----News----*/
#news_column_1, #news_column_2, #news_column_3 {
width: 218px;
float:left;
margin-right: 20px;
padding-right: 20px;
background: url(../images/dots_vertical.gif) top right repeat-y;
}

/*---This rule doesn't show a baseline if the news item in the column is the only one ---*/


.news_article {
background: url(../images/dots_horizontal.gif) bottom right repeat-x;
width: 218px;
float:left;
}

/*---This rule doesn't show a baseline if the news item in the column is the only one ---*/
.news_article_one_only {
background: none;
width: 218px;
float:left;
}


.news_article h3, .news_article_one_only h3 {
color: #c3c3c3;
margin-bottom: 3px;
}

/*---------Main Content---------*/
#main_content {
width: 982px;
padding-left: 10px;
padding-right: 10px;
float:left;
margin-bottom: 30px;
margin-top: 35px;
}

/*-reduces space above main content on home page only-*/
#wrapper.home #main_content {
margin-top: 0;
}

h2.title_create-sleek {
display:block;
background:url(../images/title_create-sleek.gif) top left no-repeat;
height:23px;
text-indent:-4567px;
text-align:center;
margin-left: 148px;
margin-bottom: 20px;
}

.column_1 {
float:left;
width: 477px;
}

.column_2 {
width: 477px;
float: right;
border-left: solid 1px #575757;
}

ul.sub-navigation {
margin-right: 14px;
border-top: 1px solid #575757;
}

ul.sub-navigation li a {
display:block;
text-decoration: none;
border-bottom: 1px solid #575757;
padding-bottom: .5em;
padding-right: 6px;
padding-left: 4px;
font-size: 10px;
line-height: 1.2em;
text-align: right;
padding-top: .5em;
color:#fff;
}

ul.sub-navigation li.contact_us a {
padding-bottom: 2px;
border-bottom: 0;
}

/*---Line on bottom of sub-sub nav (contact page) ---*/
ul.sub-navigation li ul {
border-bottom: 1px solid #575757;
}

/*---sub-sub-navigation (contact) ---*/
ul.sub-navigation li.contact_us ul li a {
background: none;
color: #999999;
border-bottom: 0;
line-height: 1em;
padding: 4px 10px 4px 4px;
}

ul.sub-navigation li.contact_us ul li a:hover {
color: #fff;
}


ul.sub-navigation li a:hover {
background: url(../images/bg_nav.gif) repeat-y;
color: #000;
}


#main_content.about_othree ul.sub-navigation li.about_othree a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.what_is_othree ul.sub-navigation li.what_is_othree a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.why_do_we_use_ozone ul.sub-navigation li.why_do_we_use_ozone a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.contact_us ul.sub-navigation li.contact_us a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.contact_us ul.sub-navigation li.contact_us ul li a {
color: #999999;
background: none;
}

#main_content.contact_us ul.sub-navigation li.contact_us ul li a:hover {
color: #fff;
}


#main_content.overview ul.sub-navigation li.overview a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.othree_hair_dryer ul.sub-navigation li.othree_hair_dryer a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.othree_heated_hairstyler ul.sub-navigation li.othree_heated_hairstyler a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.latest_news ul.sub-navigation li.latest_news a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}


#main_content.all_news ul.sub-navigation li.all_news a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.stockists ul.sub-navigation li.stockists a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

#main_content.apply_to_stock_othree ul.sub-navigation li.apply_to_stock_othree a {
color: #000;
background: url(../images/bg_nav.gif) top left repeat-y;
}

/*-----specific page column widths-----*/

/*-Home-*/
#wrapper.home .column_1 p, #wrapper.home .column_2 p {
text-align:justify;
}

#wrapper.home div.column_2 {
border: none;
}

/*--About o3--*/
#wrapper.about .column_1, #wrapper.products .column_1 {
width: 140px;
}

#wrapper.about .column_2, #wrapper.products .column_2  {
width: 804px;
padding-left: 25px;
}

/*--Reviews--*/
#wrapper.reviews .column_1 {
width: 310px;
padding-right: 30px;
}

#wrapper.reviews .column_2 {
width: 310px;
padding-right:30px;
float:left;
border-left: none;
}

#wrapper.reviews .column_3 {
width: 300px;
float:right;
}

#wrapper.reviews h2 {
margin-left: 0;
}


/*-Products-*/
.product_overview h3 {
margin-top: 0;
margin-bottom: .5em;
}

.product_overview h3 a {
text-decoration: none;
}

.product_overview h3 a:hover {
text-decoration: underline;
}

/*--Latest News--*/
#wrapper.latest_news .column_1, #wrapper.latest_news .column_1 {
width: 140px;
}

#wrapper.latest_news .column_2, #wrapper.latest_news .column_2  {
width: 804px;
padding-left: 25px;
}


/*--Stockists--*/
#wrapper.stockists .column_1, #wrapper.stockists .column_1 {
width: 140px;
}

#wrapper.stockists .column_2, #wrapper.stockists .column_2  {
width: 804px;
padding-left: 25px;
}

/*---Stockists 'table' layout divs ----*/

.list_line {
background: #141414;
background: url(../images/dots_horizontal.gif) bottom left repeat-x;
display:inline;
float:left;
border-bottom: 2px #000 solid;
}


.company_name, .company_address, .company_phone, .company_website {
display: block;
float: left;
width: 185px;
padding: 6px;
font-size: 10px;
line-height: 15px;
padding-left:10px;
}

.company_name {
font-weight: bold;
color: #fff;
font-size: 12px;
width: 200px;
}

.company_address {
width: 245px;
}

.company_phone {
width: 110px;
}



.product_overview {
float:left;
padding-bottom: 0px;
margin-bottom: 20px;
background: url(../images/dots_horizontal.gif) bottom left repeat-x;
}

div.image {
width: 185px;
float:left;
}

.product_overview .text {
width: 610px;
float:left;
}

.column_2 ul.read_buy-buttons {
list-style: none;
margin-left:0;	
}

ul.read_buy-buttons li a {
display: block;
float:left;
text-indent: -3456px;
margin-right: 10px;
}

li.read_more a {
background: url(../images/button-read_more.gif) top left no-repeat;
width: 99px;
}

li.read_more a:hover {
background-position: 0 -40px;
}

li.read_more a:active {
background-position: 0 -20px;
}

li.buy_now a {
background:url(../images/button-buy_now.gif) top left no-repeat;
width: 89px;
}

li.buy_now a:hover {
background-position: 0 -40px;
}

li.buy_now a:active {
background-position: 0 -20px;
}



/*-------Global Formatting-----*/

h2 {
font-size: 24px;
margin-top: .5em;
margin-bottom: .8em;
font-weight: normal;
margin-left: 180px;
}

ul {
list-style: none;
}

.column_2 ul {
margin-left: 40px;
list-style: disc;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.6em;
text-align: left;
}

ol {
margin-left: 40px;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.6em;
text-align: left;
}

.bold {
font-weight: bold;
}

.column_2 img {
border: 0px solid #575757;
margin-right: 20px;
margin-bottom: 20px;
}

img.main_pic {
border: none;
float: left;
}

img.float_right {
float: right;
}

/*----Review Quotes----*/
blockquote {
margin:0pt 0pt 0em;
padding-top: 10px;
}

blockquote p.first {
text-indent:22px;
background:url(../images/dots_horizontal.gif) top left repeat-x;
padding-top: 10px;
}

.lastword {
padding:0pt 22px 0pt 0pt;
}

#wrapper blockquote cite {
font-style: normal;
font-size: 10px;
font-weight:normal;
}

blockquote p.paragraph_cite {
margin-bottom: 0;
}

.column_1 blockquote cite {
color:#52e9ff;
}

.column_1 blockquote {
background:transparent url(../images/quote_open_blue.gif) no-repeat scroll 0px 22px;
}

.column_1 .lastword {
background:transparent url(../images/quote_close_blue.gif) no-repeat scroll right top;
}

.column_2 blockquote cite {
color:#77fd8e;
}

.column_2 blockquote {
background:transparent url(../images/quote_open_green.gif) no-repeat scroll 0px 22px;
}

.column_2 .lastword {
background:transparent url(../images/quote_close_green.gif) no-repeat scroll right top;
}

.column_3 blockquote cite {
color:#ff7c7c;
}

.column_3 blockquote {
background:transparent url(../images/quote_open_red.gif) no-repeat scroll 0px 22px;
}

.column_3 .lastword {
background:transparent url(../images/quote_close_red.gif) no-repeat scroll right top;
}

/*----------Footer----------------*/
#footer {
border-top: solid 1px #575757;
clear:both;
margin:0px 0px 10px 0;
padding:0px;
text-align:center;
}

#footer_content {
clear:both;
margin:0pt auto !important;
padding: 0 10px 0 10px;
width:982px;
text-align:left;

}


ul#secondary-navigation {
display:inline;
float:left;
margin:20px 0px 0 0px;
padding:0pt;
width:1002px;
}

ul#secondary-navigation li {
display:block;
float:left;
margin:0px 0px 0px 0px;
padding:0pt 0px 0 0;
width:163px;
font-size:1em;
font-weight:bold;
color:#989898;
}


ul#secondary-navigation li a {
color: #CCCCCC;
}

ul#secondary-navigation li li a {
font-size:1em;
font-weight:normal;
line-height:1.25em;
color:#989898;
width:127px;
}



#footer a {
color:#575757;
text-decoration:none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration:none;
}


#galatis-group a {
display:block;
float: left;
text-indent:-9999px;
text-decoration:none;
width:108px;
height:12px;
background:url(../images/gg-footer.gif) bottom left no-repeat;
background-position: -108px 0px;
margin-top: 20px;
margin-left: 0px;
}

#copyright {
color: #3f3f3f;
margin-top: 20px;
margin-bottom: 9px;
font-size: 9px;
width: 600px;
float: right;
text-align: right;
margin-right: 10px;
}

#footer a:hover {
background-position: 0px 0px;
}