﻿/*
Theme Name: Glass World
Theme URI: http://www.icontext.com/
Description: Custom WordPress theme for Glass World Industries by <a href="http://www.icontext.com/">iContext Internet</a>.
Version: 1.2
Author: Rob Wilson
Author URI: http://www.icontext.com/
Tags: custom header, fixed width, two columns, widgets
*/

/* main elements */
body {
	margin:0;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	min-width:980px;
}
img { border-style:none;}
a {
	color:#cb2127;
	text-decoration:underline;
}
a:hover { text-decoration:none;}
#header{
	width:980px;
	margin:0 auto;
	padding:44px 0 0;
	z-index:100;
	position:relative;
}
.header-box{
	overflow:hidden;
	height:1%;
	padding:0 0 20px;
}
.logo{
	overflow:hidden;
	text-indent:-9999px;
	background: url(images/logo.gif) no-repeat;
	width:738px;
	height:113px;
	position:absolute;
	top:44px;
	left:0;
	margin:0;
}
.logo a{
	display:block;
	width:300px;
	height:113px;
}
.info-box{
	border:0px solid #ccc;
	float:right;
	padding:12px 9px 0 0;
	width:500px; /* 232px */
}
.info-box em.tel{
	background: url(images/bg-tel.gif) no-repeat 100% 0;
	height:19px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	padding:0 0 3px;
}
.add-list,
.social-list {
	list-style:none;
	padding:0 0 6px;
	overflow:hidden;
	margin:0 -1px 0 0;
	position:relative;
	font-size:18px;
	text-align:right;
}
.add-list li{
	display:inline;
	background: url(images/separator.gif) no-repeat 0 3px;
	padding:0 0 0 7px;
}
.add-list li:first-child,
.add-list li.first-child{background:none;}
.add-list li a{
	color:#161616;
	text-decoration:none;
}
.add-list li a:hover{
	text-decoration:underline;
}
.social-list{
	padding:0;
	height:1%;
	text-align:left;
}
.social-list li{
	float:right;
	padding:0 0 0 4px;
	overflow:hidden;
	text-indent:-9999px;
}
.social-list li a{
	display:block;
	width:38px;
	height:37px;
}
.social-list li.rss a{
	background: url(images/ico-rss.gif) no-repeat;
}
.social-list li.facebook a{
	background: url(images/ico-facebook.gif) no-repeat;
}
.social-list li.you-tube a{
	background: url(images/ico-you-tube.gif) no-repeat;
}
#nav{
	height:39px;
	list-style:none;
	margin:0 0 6px;
	padding:0;
	text-indent:-9999px;
}
#nav:after{
	clear:both;
	display:block;
	content:"";
}
#nav li{
	float:left;
	position:relative;
}
#nav li a{
	height:39px;
	display:block;
}
#nav li.bathtubs a.active,
#nav li.bathtubs a.parent,
#nav li.bathtubs a:hover{background-position:0 -39px;}
#nav li.bathtubs a{
	width:97px;
	background: url(images/text-bathtubs.gif) no-repeat;
}
#nav li.shower-bases a.active,
#nav li.shower-bases a.parent,
#nav li.shower-bases a:hover{background-position:0 -39px;}
#nav li.shower-bases a{
	width:127px;
	background: url(images/text-bases.gif) no-repeat;
}
#nav li.shower-stalls a.active,
#nav li.shower-stalls a.parent,
#nav li.shower-stalls a:hover{background-position:0 -39px;}
#nav li.shower-stalls a{
	width:134px;
	background: url(images/text-stalls.gif) no-repeat;
}
#nav li.shower-doors a.active,
#nav li.shower-doors a.parent,
#nav li.shower-doors a:hover{background-position:0 -39px;}
#nav li.shower-doors a{
	width:132px;
	background: url(images/text-doors.gif) no-repeat;
}

#nav li.toilets a.active,
#nav li.toilets a.parent,
#nav li.toilets a:hover{background-position:0 -39px;}
#nav li.toilets a{
	width:73px;
	background: url(images/text-toilets.gif) no-repeat;
}

#nav li.vanities a.active,
#nav li.vanities a.parent,
#nav li.vanities a:hover{background-position:0 -39px;}
#nav li.vanities a{
	width:141px;
	background: url(images/text-vanities.gif) no-repeat;
}

#nav li.mirrors-glass a.active,
#nav li.mirrors-glass a.parent,
#nav li.mirrors-glass a:hover{background-position:0 -39px;}
#nav li.mirrors-glass a{
	width:147px; /* 80px */
	background: url(images/text-mirrors.gif) no-repeat;
}

#nav li.shelving a.active,
#nav li.shelving a.parent,
#nav li.shelving a:hover{background-position:0 -39px;}
#nav li.shelving a{
	width:88px;
	background: url(images/text-shelving.gif) no-repeat;
}

#nav li.accessories a.active,
#nav li.accessories a.parent,
#nav li.accessories a:hover{background-position:0 -39px;}
#nav li.accessories a{
	width:108px;
	background: url(images/text-accessories.gif) no-repeat;
}


#nav li .drop{
	position:absolute;
	top:40px;
	left:0;
	width:185px;
	z-index:100;
	display:none;
}
#nav li .drop div{
	background: url(images/bg-drop2-c.png) no-repeat;
	padding:1px 0 0;
	width:100%;
}
#nav li.hover a,
#nav li:hover a,
#nav li a.active {background-position:0 -39px;}
#nav li:hover,
#nav li.hover{
	border-bottom:1px solid #919191;
	margin-bottom:-1px;
}
#nav li:hover .drop,
#nav li.hover .drop {
	display:block;
}
#nav li .drop ul{
	list-style:none;
	margin:0;
	text-indent:0px;
	padding:4px 10px 10px;
	font: 14px Arial, Helvetica, sans-serif;
}
#nav li .drop ul li{
	border:none !important;
	margin:0 0 4px !important;
	float:none;
	position:relative;
}
#nav li .drop ul li a{
	color:#fff;
	width:155px;
	display:inline;
	text-decoration:none;
	background:none;
}
#nav li .drop ul li a:hover,
#nav li .drop ul li.active a{text-decoration:underline;}
.intro-holder{
	background:#eee;
}
.intro{
	width:968px;
	margin:0 auto;
	padding:0 6px;
	background:#fff;
	z-index:2;
}
.intro:after{
	clear:both;
	display:block;
	content:"";
}
.intro .alignleft{
	float:left;
	width:656px;
	margin:0 6px 0 0;
	position:relative;
}
.intro .alignleft img{display:block;}
.intro .alignright{float:left;}
.info-area{
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
}
.info-area .box{
	background: url(images/bg-info-area.png) repeat;
	height:90px;
	padding:0 0 0 50px;
}
.info-area .box:after{
	clear:both;
	display:block;
	content:"";
}
.info-area em {
	font:italic 28px/31px Arial, Helvetica, sans-serif;
	color:#663f14;
	float:left;
	padding:38px 0 0 0;
}
.info-area span{
	margin:10px -1px -27px 0;
	float:right;
	z-index:10;
}
.info-area span strong{
	background: url(images/text-beautiful.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	height:108px;
	width:305px;
	display:block;
	position:relative;
	z-index:500;
	margin:0 0 -1px;
}
#main{
	border-top:4px solid #fff;
	height:1%;
	background:#ebeae5;
}
.container-box{
	width:968px;
	padding:2px 5px 0 6px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
}
#content{
	width:689px;
	float:left;
	padding:17px 0 0;
	margin:0 0 6px;
}
#content .post {
	padding:0 0 0 16px;
}
#content .post .title{
	margin:0 0 2px -2px;
	color:#8b8623;
	display:block;
	font:bold 28px/31px Arial, Helvetica, sans-serif;
}
#content .post h2{
	font: normal 24px/37px Arial, Helvetica, sans-serif;
	color:#a9a333;
	margin:0 0 0 -2px;
}
#content .post p{margin:0 0 17px;}
.container-box .featured-block{
	margin-top:33px;
	overflow:hidden;
	height:1%;
	padding:12px 14px 12px 15px;
	background:#eee;
	font-size:13px;
	color:#874c0b;
	border:1px solid #e3e3e3;
}

.container-box .featured-block h3{
	font: italic 22px/25px Arial, Helvetica, sans-serif;
	margin:1px 0 13px -1px;
	color:#543411;
}
.container-box .featured-block p{margin:0 0 15px;}
.container-box .placeholder{
	float:right;
	padding:0 0 0 15px;
}
.container-box .placeholder img{
	display:block;
}
#sidebar{
	float:right;
	width:273px;
}
#sidebar .widget{
	border:1px solid #e3e3e3;
	background:#eee;
	padding:7px;
	margin:0 0 6px;
}
#sidebar .widget img{display:block;}
#sidebar .widget a.video-link,
#sidebar .widget a.photo-link{
	background: url(images/btn-video-link.gif) no-repeat;
	width:256px;
	height:35px;
	display:block;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}
#sidebar .widget a.photo-link{
	background: url(images/btn-photo-link.gif) no-repeat;
}
#footer{
	background:#ebeae5 url(images/bg-footer-t.gif) repeat-x;
	padding:8px 0 0;
}
.section-area-box{
	background:#dcdad4 url(images/bg-footer-b.gif) repeat-x 0 100%;
	padding:0 0 14px;
}
.section-holder{
	width:980px;
	margin:0 auto;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color:#666;
	overflow:hidden;
	padding:11px 0 0;
}
.section-holder ul,
.section-holder ul ul{
	list-style:none;
	margin:0;
	padding:9px 0 0;
	width:770px;
	float:left;
	background: url(images/bg-footer-list.gif) repeat-y;
}
.section-holder ul ul{
	margin:9px 0 0;
	padding:0;
	width:100px;
	overflow:visible;
	background:none;
	float:none;
	clear:both;
}
.section-holder ul li{
	float:left;
	padding:0 5px 0 22px;
	color:#333;
	font-weight:bold;
	width:100px;
}
.section-holder ul li a{
	color:#333;
	font-weight:normal;
	text-decoration:none;
	font-weight:bold;
}
.section-holder ul ul li a{
	font-weight:normal;
	color:#666;
}
.section-holder ul li a:hover{text-decoration:underline;}
.section-holder li li{
	padding:0 0 6px; /* space between bullets */
	background:none;
	float:none;
	width:100%;
	overflow:hidden;
	vertical-align:top;
}
.info-block{
	float:right;
	width:195px;
	padding:13px 5px 0 0
}
.logo2{
	text-indent:-9999px;
	padding:0 0 5px;
	overflow:hidden;
	display:block;
	width:195px;
	height:65px;
	background: url(images/logo2.gif) no-repeat;
}
.logo2 a{
	display:block;
	height:100%;
	cursor:pointer;
}
.info-block dl{
	overflow:hidden;
	height:1%;
	margin:0 0 15px;
	line-height:13px;
}
.info-block dt{
	float:left;
	padding:0 3px 0 0;
}
.info-block dd{
	margin:0;
}
.info-block a{color:#666;}
.footer-box{
	margin:0 auto;
	width:980px;
	padding:20px 0;
	text-align:center;
	font-size:11px;
	color:#766f61;
}
.footer-box p{margin:0;}

#headerCrossSlideWrapper {
	/* text-align:center; */
}

#headerCrossSlide {
	/* margin: 1em auto; */
	border: 0px solid #555; /* TEST */
	width: 656px; /* width of image */
	height: 361px; /* height of image */
}

#content h3 {
	color:#543411;
	margin-top:40px;
	padding:4px;
	background: url(images/bg-h3.gif) no-repeat top left;
}

#content div.featured-block h3 {
	/**/
	background:none;
	margin:1px 0 13px -1px;
	padding:0px;
}

#content h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
}

#content h4 a {
	color:#FFFFFF;
	background-color:#cb2127; 
	padding:6px;
	text-decoration:none;
	border-bottom:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;	
}

#content h5 {
	text-align:right;
	margin-left:10px;
	color:#CCCCCC;
}

#content ul {
	background-color:#e9e8e8;
	padding-top:20px;
	padding-bottom:20px;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
}

#content li {
	list-style:square;
}
	/*
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

	.alignright {
	float: right;
	}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	}

	img.aligncenter {

	margin-left: auto;
	margin-right: auto;
	}
	*/	
#content h2 + h3 {
	margin-top:10px;
}

#sidebar div.section-widget p, #sidebar div.section-widget ul {
	font-size:90%;
}

#sidebar div.section-widget ul {
	margin-left:-8px;
}

#sidebar div.section-widget li {
	margin-bottom:4px;
}

#sidebar div.section-widget h2 {
	font-size:110%;
	color:#815c33;
}

/* alerts */
#alert {
	margin-bottom:10px; /* o, v */
	/* background-image:url(/assets/images/quotemarks.gif);
	background-repeat:no-repeat;
	background-position:left;  */
	background-color:#FFDCB9; /* o, v */
	border:1px dotted #FF8000;	/* o, v */
	padding:0; /* o, v */
	color:#FF8000;
}

#alert p {
	margin:4px; /* o, v */
	color:#FF8000;
	font-size:80%;
}

#alert h2 {
	margin:4px; /* o, v */
	border:none;
	color:#FF8000;
}

#alert ul {
	color:#FF8000;
	background-color:#FFFFFF;
	padding:0;
	padding-bottom:20px;
	border:none;
}

/* errors */
#error {
	margin-bottom:10px; /* o, v */
	/* background-image:url(/assets/images/quotemarks.gif);
	background-repeat:no-repeat;
	background-position:left;  */
	background-color:#FFD9D9; /* o, v */
	border:1px dotted #FF0000;	/* o, v */
	padding:0; /* o, v */
	color:#FF0000;
}

#error p {
	margin:4px; /* o, v */
	color:#FF0000;
	font-size:80%;
}

#error ul {
	color:#FF0000;
	padding:0px 20px 0px 20px;
	padding-bottom:20px;
	background-color:#FFD9D9; /* o, v */
	border:none;
}

.tableDataOdd {
	background-color:#eeeeee;
}

.tableDataEven {
	background-color:#e7e7e7;
}

li.current_page_item {
	/* border-bottom:1px solid #999999; */
}

.fine {
	font-size:80%;
}

form#searchform {
	
}
