/* -----------------------------------------------------------------------------------------------------
Houston Light Bulb Style Sheet

version:		1.0
author:		Michael McDonald
email: 		info@yalestreetcreative.com
website: 	http://www.yalestreetcreative.com
--------------------------------------------------------------------------------------------------------- */


/*	Structure & General 
--------------------------------------------------------------------------------------------------------- */
*{padding:0; margin:0;}
body{background:url(/images/top_talling.gif) repeat-x left top #ffffff; font-family:Tahoma; font-size:11px; line-height:14px; color:#000000;}
.frame {background:none;}
#wrap {margin: 0 auto; width:978px; background:url(/images/lightbulb_character.gif) no-repeat; background-position:772px 3px;}
#wrap_frame {margin:0 auto; padding:0; width:978px; background:none;}
img {border:0;}
.cl {clear:both; height:2px;}

/* Typography  
--------------------------------------------------------------------------------------------------------- */
h1 {font-size:22px; color:#593f32;}
h2 {font-size:17px; color:#593f32;}
h3 {font-size:15px; color:#593f32;}
h4 {font-size:13px; color:#593f32;}
a {color:#ff4e00; text-decoration:underline;}
a:hover{text-decoration:none;}
p {margin:0 0 20px 0;}
ul {margin-left:15px;}
	
/*  Header 
--------------------------------------------------------------------------------------------------------- */
#header {clear:both; height:90px;}
#headleft {float: left; width:360px; margin:10px 0 0 1px;}
#headright {float: right; width:350px; height:36px; margin:12px 160px 0 0; line-height:30px; text-align:right;}
#headright h1 {font-size:28px; color:#e9e8e8; font-weight:lighter; letter-spacing:1px;}

/*  Navigation  Tabs
--------------------------------------------------------------------------------------------------------- */
#main_nav {margin:0; height:36px; position:relative;}
#tabs {margin:0; padding:0; list-style:none; height:36px; display:inline; overflow:hidden;}
#tabs li {margin:0; padding:0; list-style:none; display:inline;}
#tabs a {float:left; padding:36px 0 0 0; overflow:hidden; height: 0px !important;}
#tabs a:hover {background-position:0 -36px;}
#tabs a.selected {background-position:0 -36px;}
#t_home  a {width:123px; background:url(/images/tab_home.gif) top left no-repeat;}
#t_new a {width:121px; background:url(/images/tab_newprod.gif) top left no-repeat;}
#t_spec  a {width:121px; background:url(/images/tab_special.gif) top left no-repeat;}
#t_about  a {width:121px; background:url(/images/tab_about.gif) top left no-repeat;}
#t_contact a {width:121px; background:url(/images/tab_contact.gif) top left no-repeat;}
#t_links a {width:121px; background:url(/images/tab_links.gif) top left no-repeat;}
#home_date {position:absolute; right:52px; bottom:7px; color:#593f32; }

/*  Slider
--------------------------------------------------------------------------------------------------------- */
#slider {margin:0 0 10px 0; width:768px; /* important same as image width */ height: 275px; /* important same as image height */ position: relative; /* important for absolute positioning  */ overflow: hidden; }
#sliderContent {width: 768px; /* important-  image width or wider */  list-style-type:none; position:absolute; 
	top: 0; margin-left: 0;}
.sliderImage {position: relative; display: none; border:none;}
.sliderImage img {border:none;}
.sliderImage span {position:absolute; padding:5px 12px; width:744px; font:12px/15px Arial, Helvetica, sans-serif; 
	background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; 
color: #fff; display: none;}
.sliderImage span strong {font:16px/16px; letter-spacing:1px;}
.top {top: 0; left: 0;}
.bottom {bottom:0; left:0; height:40px;}

/*  Content
--------------------------------------------------------------------------------------------------------- */
#content_wrap {margin:15px 0; }
#content_main {float:left; width:770px; /* border:1px solid#ff0000; */}
#category_head {margin:0 0 10px 0; padding:0px 5px; width:758px; height: 275px; /*border:1px solid #b9a9a0; */}
#category_head .content {float:left; margin-top:15px; padding-left:10px; line-height:135%;}
#category_head h2 {margin-bottom:5px;}
.chan {background: url(/images/category/chandeliers.jpg) right no-repeat;}
.bulb {background: url(/images/category/light_bulbs.jpg) right no-repeat;}
.pend {background: url(/images/category/pendants.jpg) right no-repeat;}
.track {background: url(/images/category/track.jpg) right no-repeat;}
.recess {background: url(/images/category/recessed.jpg) right no-repeat;}
.vanity {background: url(/images/category/vanities.jpg) right no-repeat;}
.sconces {background: url(/images/category/wall_sconces.jpg) right no-repeat;}
.neon {background: url(/images/category/neon.jpg) right no-repeat;}
.club {background: url(/images/category/dj_club.jpg) right no-repeat;}
.lamps {background: url(/images/category/lamps.jpg) right no-repeat;}
.other {background: url(/images/category/other.jpg) right no-repeat;}
.specials {background: url(/images/category/light_bulbs.jpg) right no-repeat;}

.cont_message {margin:0px; padding:15px 0 10px 5px; background-color:#f7f6f1; border-top:3px solid #eb5716; }
.cont_message h2 {margin:0; padding: 0; color:#593f32; font-weight:bold; font-size:15px; line-height:16px; letter-spacing:1px;}
.product {margin:15px 0px}
.product h3 {margin:5px 0 5px 5px; font-size:13px;}
.prod_left {float:left; margin-right:17px; width:245px; border:1px solid #cccccc; text-align:center;}
.prod_center {float:left; width:245px; border:1px solid #cccccc; text-align:center;}
.prod_right {float:right; width:245px;  border:1px solid #cccccc; text-align:center;}
.prod_left img, .prod_center img, .prod_right img {margin:10px 0px;}
.prod_left dl, .prod_center dl, .prod_right dl {margin:0px 0px 10px 0px;}
.prod_left dt, .prod_center dt, .prod_right dt {font-size:120%; font-weight:bold; }

.page_num {text-align:center; color:#593f32;}
.page_num ul {display:inline;}
.page_num li {list-style-type:none; display:inline; font-weight:bold;}
.page_num li a { margin:0px 3px; padding:0 6px;}
.page_num li a.selected {background:url(/images/sidenav_arrow.gif) no-repeat 0 50%;}
.price {margin:8px 0; text-align:center; font-style:italic; color:#8d776a; letter-spacing:.5px;}

.special_head {color:#ff4e00; margin: 10px 0 20px 0;}

/*  Sidebar
--------------------------------------------------------------------------------------------------------- */
#sidebar {float:right; width:200px;}
#snav_box {padding-top:10px;}
.prop {float:right; width:5px; height:322px;  /* Keeps snav_box open to min-height  */}
.cl_side {clear:both; height:10px; width:99%;}
#side_nav ul {}
#side_nav li {list-style:none; margin-bottom:3px;}
#side_nav li a {margin-left:25px; padding:0px 0px 0px 8px; color:#39271d; font-weight:bold; /* color:#fd7b41; */ font-size:12px; line-height:22px; text-decoration:none; background:url(/images/sidenav_arrow.gif) no-repeat 0 50%; letter-spacing:.3px;}
#side_nav li a:hover {text-decoration:underline;}
#scont_box {border-top:3px solid #eb5716;}
#store_hours {margin:38px 0; padding:0; background:url(/images/sidebar_storehours.jpg) top left no-repeat; height:360px; overflow:hidden;}
#store_hours dl {margin:45px 0 0 30px; color:#ffffff; font-size:130%; line-height:150%; font-weight:normal;}
#store_hours dt {margin-left:-200px;}
#store_hours dd {margin-left:0;}
.dayglo {color:#c1907f; text-transform:uppercase;}
.address {padding-top:25px; color:#c1907f; text-transform:uppercase;}


/* Form Styles 
--------------------------------------------------------------------------------------------------------- */
#sendform {margin: 10px 0px; padding:10px;}
label {float: left; margin: 0 0 0 10px;width: 190px;}
fieldset {margin: 0; width:79%;}
submit {margin: 0px 20px;}
legend {font-size: 120%;margin: 5px 5px 15px 10px; color:#000000;}
#contact_num ul {margin:15px 0; padding:0;}
#contact_num li {list-style-type:none; margin:0; padding:0; font-size:120%;}

/*  Footer
--------------------------------------------------------------------------------------------------------- */
#footbox {width:100%; background:url(/images/footer_bg1.gif) repeat-x left top #f2ede2; }
#footer {margin:0 auto; width:978px; padding:15px 0px 5px 0px; text-align:center; color:#593f32; }
#footlinks ul {list-style-type:none;}
#footlinks li {display:inline;  padding:0px 4px; color:#593f32; font-size:12px; line-height:16px;}
#footlinks li a {color:#593f32; text-decoration:none; font-weight:bold;}
#footlinks li a:hover {text-decoration:underline;}
#footer p {margin:10px 0px;}
.web {margin: 5px auto; width:978px; text-align:center; color:#c1907f;}
a.yale:link, a.yale:active, a.yale:visited {color:#c1907f;}
a.yale:hover {color:#c1907f;}