/***********************************************************************
Description:	The stylesheet of the SmartBox website
Project:	www.smartboxusa.com
HTML:		Carrie Liu
Graphics:	Matt Cabral
Created:	2007.12.11
Updated:	2007.12.11
***********************************************************************/


/* -------------------------------------
BEGIN: General Tag Methods
------------------------------------- */

* {
	padding: 0px;
	margin: 0px;
}
html {
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: center; /* This line is here to fix everyone's favorite IE 5.x alignment bug. */
	background-color: #a6a6a6;
	Xbackground: url('../../images/lines_texture_grey.jpg');
	background-repeat:repeat;
}
#screen_bg {
	width: 100%;
	border: 0px;
	background-image:url('../../images/body_lines_bg.jpg');
	background-repeat:repeat-x;
	height:900px;

}
#screen_bg_td {
	width: 100%;
	border:0px;
	vertical-align:top;

}
p {
	line-height:130%;
}
a {
	color: #939598;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:1.5em;
	padding:10px 0px 10px 0px;
	
}
h2 {
	font-size:1.3em;
	padding:10px 0px 0px 0px;
	
}
#btn_submit {
	background-color:#d4d4d4;
	border:0px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	cursor:pointer;

}
td {
	vertical-align:top;
}
/* -------------------------------------
END: General Tag Methods
------------------------------------- */

/* -------------------------------------
BEGIN: Main Structure Tags
------------------------------------- */

#wrapper {
	position:relative;
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; /* Treated as align */
}
#cube_dash {
/*	position:absolute;
	top:31px;
	left:0px;*/
	position:relative;
	float:left;
	width: 945px;
	height:85px;
	z-index:2;
	background-image:url('../../images/cube_dash.png');
	background-repeat:no-repeat;
}
#header {
	position:relative;
	float:right;
	width:100%;
}
#top_menu_bar {
	position:relative;
	float:right;
	background-color:#b0b0b0;
	width:520px;
	height:30px;
}
#top_menu_bar #top_menu li {
	display: inline;
}
#top_menu {
	padding:10px 0px 0px 0px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}
#top_menu li a {
	text-decoration:none;
	color:#fff;
}
#top_menu li a:hover {
	color:#000;
}
#header_banner {
	float:left;
	width: 100%;
	height:83px;
/*	background:url('../../images/A_B.png') no-repeat 0 78%;*/

}
#logo, #order_now, #phone_no {
	position:relative;
	float:left;
	z-index:3;
}
#order_now, #phone_no {
	margin-top:25px;
}
#logo {
	margin-left:31px;
	width:218px;
	height:45px;
	border:0px;
}
#order_now {
	margin-left:192px;
	width:114px;
	height:29px;
	border:0px;
}
#phone_no {
	margin-left:380px;
	width:305px;
	height:29px;
	font-size:15px;
	font-weight:bold;
	padding-top:10px;
}
/*
#header_img {
	width: 100%;
	height: 96px;
	border: 0px;
}

#content_dash_bg {
	width:962px;
	background:url('../../images/A_B_bg.png') no-repeat 0 0;
}*/
#content {
	position:relative;
	float:left;
	margin: -23px 0px 0px 16px;
	width: 916px;
/*	background-image:url('../../images/cube_dot_bottom.jpg');
	background-repeat:no-repeat;*/
	background-color:#fff;
}

#footer {
	position:relative;
	float:left;
	color:#fff;
	text-align:center;
	padding:10px 46px 0px 30px;
}
#footer ul {
	margin-bottom:10px;
}
#footer ul li {
	display: inline;
}
#footer ul li a{
	color:#fff;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#000;
}

#packing_box{
	position:relative;
	float:right;
	height:150px;
	width:202px;
	margin-right:-15px;
	border:0px;
	display:block;
	cursor:pointer;
	background:url('../../images/packing_box_both.png')  no-repeat scroll 0px 0px;
}
#packing_box:hover{
	background:url('../../images/packing_box_both.png')  no-repeat scroll -202px 0px;
}

/* -------------------------------------
END: Main Structure Tags
------------------------------------- */
/* -------------------------------------
START: Homepage
------------------------------------- */
#content_top {
	position:relative;
	float: left;
	width: 916px;
}
#content_bottom {
	position:relative;
	float: left;
	width: 916px;
	margin-top:30px;


}
#content_t_left {
	position:relative;
	float: left;
	width: 574px;
/*	border-bottom:1px solid #999;*/
}
#video_end {
	border:0px;
	width:574px;
	height:291px;
	border-bottom:1px solid #999;
}
#flash_video {
/*	margin-bottom:-2px;*/
	width:574px;
	height:291px;
}
#homepage #flash_video {
	border-bottom:1px solid #999;
}
#content_t_right {
	position:relative;
	float: right;
	width: 383px;
	margin-right:-42px;
	margin-top:31px;
}
#content_b_left{
	position:relative;
	float: left;
	width:435px;
	padding:0px 0px 10px 30px;
}
#content_b_right{
	position:relative;
	float: right;
	width:391px;
	height:115px;
	padding:0px 30px 32px 0px;
	margin-left:-30px;
}
#form_zip input.textbox {
	color:#939598;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:1px 1px 1px 1px;
	border:1px solid #a6a6a6;
}

#footer_red_bar {
	position:relative;
	float:right;
	margin:-30px 0px 0px 0px;
	width: 916px;
	height:117px;
	background-image:url('../../images/footer_red_bar.jpg');
	background-repeat:no-repeat;
}
#tbl_featured_links td {
	vertical-align:top;
	text_align:left;
	padding:0px 2px 0px 2px;

}
.img_title {
	padding-bottom:8px;
}
.img_icon_title {
	padding-top:5px;
}
#description_box{
position:relative;
float:left;
width:891px;
height:420px;
background-color:#FFFFFF;
padding:25px 0 0 25px;
}
#description_box h1{
font-size:13px;
color:#eb1c24;
margin-bottom:5px;
padding:0px;
}
#description_storage{
position:absolute;
top:25px;
left:25px;
width:245px;
height:185px;
border:1px solid #333333;
padding:10px 10px 0 20px ;
font-size:10px;
line-height:14px;
text-align:left;
}
#description_ld{
position:absolute;
top:25px;
left:320px;
width:245px;
height:185px;
border:1px solid #333333;
padding:10px 10px 0 20px ;
font-size:10px;
line-height:13px;
text-align:left;
}
#description_moving{
position:absolute;
top:25px;
left:615px;
width:245px;
height:185px;
border:1px solid #333333;
padding:10px 10px 0 20px ;
font-size:10px;
line-height:13px;
text-align:left;
}
#description_residential{
position:absolute;
top:245px;
left:25px;
width:245px;
height:160px;
border:1px solid #333333;
padding:10px 10px 0 20px ;
font-size:10px;
line-height:13px;
text-align:left;
}
#description_commercial{
position:absolute;
top:245px;
left:320px;
width:245px;
height:160px;
border:1px solid #333333;
padding:10px 10px 0 20px ;
font-size:10px;
line-height:13px;
text-align:left;
}
#description_franchising{
position:absolute;
top:245px;
left:615px;
width:245px;
height:160px;
border:1px solid #333333;
padding:10px 10px 0 20px ;
font-size:10px;
line-height:13px;
text-align:left;
overflow:visible;
}
#footer_icon {
	position:relative;
	float:left;
	margin: 15px 0px 0px 30px;
}
body#homepage #packing_box {
	margin-top:-33px;
}
#icon_residential {
	position:relative;
	float:left;
	display:block;
	height:82px;
	width:73px;
	margin-right:25px;
	background:url('../../images/icon_residential_both.png')  no-repeat scroll 0px 0px;
}
#icon_residential:hover {
	background:url('../../images/icon_residential_both.png')  no-repeat scroll -73px 0px;
}
#icon_business {
	position:relative;
	float:left;
	display:block;
	height:82px;
	width:62px;
	margin-right:30px;
	background:url('../../images/icon_business_both.png')  no-repeat scroll 0px 0px;
}
#icon_business:hover {
	background:url('../../images/icon_business_both.png')  no-repeat scroll -62px 0px;
}
#icon_moving {
	position:relative;
	float:left;
	display:block;
	height:82px;
	width:62px;
	margin-right:30px;
	background:url('../../images/icon_moving_both.png')  no-repeat scroll 0px 0px;
}
#icon_moving:hover {
	background:url('../../images/icon_moving_both.png')  no-repeat scroll -62px 0px;
}
#icon_storage {
	position:relative;
	float:left;
	display:block;
	height:82px;
	width:62px;
	margin-right:25px;
	background:url('../../images/icon_storage_both.png')  no-repeat scroll 0px 0px;
}
#icon_storage:hover {
	background:url('../../images/icon_storage_both.png')  no-repeat scroll -62px 0px;
}
#icon_longdistance {
	position:relative;
	float:left;
	display:block;
	height:82px;
	width:83px;
	margin-right:20px;
	background:url('../../images/icon_long_d_both.png')  no-repeat scroll 0px 0px;
}
#icon_longdistance:hover {
	background:url('../../images/icon_long_d_both.png')  no-repeat scroll -83px 0px;
}
#icon_franchising {
	position:relative;
	float:left;
	display:block;
	height:82px;
	width:79px;
	margin-right:20px;
	background:url('../../images/icon_franchise_both.png')  no-repeat scroll 0px 0px;
}
#icon_franchising:hover {
	background:url('../../images/icon_franchise_both.png')  no-repeat scroll -79px 0px;
}
.phone_no {
	font-size:1.1em;
	font-weight:bold;
}
/* -------------------------------------
END: Homepage
------------------------------------- */
/* -------------------------------------
START: Secondary Pages Layout
------------------------------------- */
#content_left{
	vertical-align:top;
	width: 730px;
}
#content_right{
 width: 186px;
/* float: right;
 position: relative;*/
 background-image:url('../../images/right_bar_middle.jpg');
 background-repeat:repeat-y;
 border:0px;
 vertical-align:top;
 height:650px;

 }
#rightcol-broad_top{
 width: 186px;
 background: transparent url('../../images/right_bar_top.jpg') top left no-repeat;
 padding-top:200px;
 padding-left:15px;
}
#right_nav {
	width:156px;
}
#rightcol-broad_bottom{
	position:absolute;
	right:0px;
	bottom:0px;
 	width: 186px;
	height:150px;
 	background: transparent url('../../images/right_bar_bottom.jpg') bottom left no-repeat;
 }
 #rightcol-broad div.module {
 width: 186px;
}

#rightcol-broad div.module div {
 width: 186px;
}

#rightcol-broad div.module div div {
 width: 186px;
}

#maincol-broad-1024{
/*	 position:relative;
	 float: left;
	 width: 730px;
	 margin-left: 0px;
*/}
#footer-1024{
	position:relative;
	float:left;
	margin:10px 100px 0px 28px;
	color:#fff;
	text-align:left;

}
#video_end_second {
	border:0px;
	width:730px;
	height:291px;
}
#page_content {
	 position:relative;
	 float: left;
	 width: 730px;
}
#page_header{
	 position:relative;
	 float: left;
	 width: 730px;
	 height:45px;
	 background-image:url('../../images/page_header.jpg');
	 background-repeat:no-repeat;
	/* margin-top:-2px;*/

}
#page_title {
	padding:7px 0px 0px 20px;
}
#page_text{
	float:left;
	width:419px;
	padding:30px 18px 30px 94px;
}
#page_text p {
	padding-bottom:10px;
}
#page_text ul {
	padding-left:15px;
	padding-bottom:10px;
}
#page_menu {
	float:left;
	background-image:url('../../images/page_menu_box_bg.jpg');
	background-repeat:repeat-y;
	width:181px;
}
#page_menu_bottom {
	float:left;
	background-image:url('../../images/page_menu_box_bottom.jpg');
	background-repeat:no-repeat;
	width:181px;
	height:16px;
}
#page_menu ul {
	padding:15px 15px 10px 15px;
}
#page_menu ul li {
	padding:6px 5px 6px 5px;
	border-bottom:1px solid #999;
	list-style:none;
	color:#ec1c24;
}
#page_menu ul li a {
	color:#ec1c24;
}
#page_menu ul li a:hover {
	text-decoration:none;
	color:#000;
}
#icon_residential_s {
	position:relative;
	float:left;
	display:block;
	height:45px;
	width:156px;
	background:url('../../images/icon_residential_s_both.png')  no-repeat scroll 0px 0px;
}
#icon_residential_s:hover {
	background:url('../../images/icon_residential_s_both.png')  no-repeat scroll -156px 0px;
}

#icon_business_s {
	position:relative;
	float:left;
	display:block;
	height:45px;
	width:156px;
	background:url('../../images/icon_business_s_both.png')  no-repeat scroll 0px 0px;
}
#icon_business_s:hover {
	background:url('../../images/icon_business_s_both.png')  no-repeat scroll -156px 0px;
}
#icon_moving_s {
	position:relative;
	float:left;
	display:block;
	height:45px;
	width:156px;
	background:url('../../images/icon_moving_s_both.png')  no-repeat scroll 0px 0px;
}
#icon_moving_s:hover {
	background:url('../../images/icon_moving_s_both.png')  no-repeat scroll -156px 0px;
}
#icon_storage_s {
	position:relative;
	float:left;
	display:block;
	height:45px;
	width:156px;
	background:url('../../images/icon_storage_s_both.png')  no-repeat scroll 0px 0px;
}
#icon_storage_s:hover {
	background:url('../../images/icon_storage_s_both.png')  no-repeat scroll -156px 0px;
}
#icon_longdistance_s {
	position:relative;
	float:left;
	display:block;
	height:45px;
	width:156px;
	background:url('../../images/icon_long_d_s_both.png')  no-repeat scroll 0px 0px;
}
#icon_longdistance_s:hover {
	background:url('../../images/icon_long_d_s_both.png')  no-repeat scroll -156px 0px;
}
#icon_franchising_s {
	position:relative;
	float:left;
	display:block;
	height:45px;
	width:156px;
	background:url('../../images/icon_franchise_s_both.png')  no-repeat scroll 0px 0px;
}
#icon_franchising_s:hover {
	background:url('../../images/icon_franchise_s_both.png')  no-repeat scroll -156px 0px;
}
/* -------------------------------------
END: Secondary Pages Layout
------------------------------------- */
/* -------------------------------------
Start: Content layout
------------------------------------- */
#tbl_contact, #tbl_partner, #tbl_franchising, #tbl_zees {
	width:398px;
}
#tbl_contact td, #tbl_partner td, #tbl_franchising td {
	padding:5px 5px 0px 0px;
	vertical-align:top;
}
td.cell_title {
	text-transform:uppercase;
	font-weight:bold;
}
#tbl_competition {
	width:100%;
	border:1px solid #ccc;
	margin:20px 0px 10px 0px;
	border-collapse:collapse;
}
#tbl_competition td {
	padding:5px 5px 5px 5px;
	vertical-align:middle;
	border:1px solid #ccc;
}
ul.sitemap {
	list-style:none;
	padding:10px 0px 10px 10px;
	color: #939598;
}
ul.sitemap li {
	padding-bottom:2px;
	padding-left:10px;
}
#dhtmltooltip{
	position: absolute;
	border: 1px solid #fff;
	padding: 5px 15px 5px 15px;
	background-color: #fff;
	color:#fff;
	font-weight:bold;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}


/* -------------------------------------
End: Content layout
------------------------------------- */


/* -------------------------------------
Start: Test Code
------------------------------------- */
#testpage #video_end {
	background-image:url("/dynamic_image/get_image.JPEG?imgID=1");/*this line is tested and working, don't put single-quote around the imgID number.*/
	background-repeat:no-repeat;
}

/* -------------------------------------
End: Test Code
------------------------------------- */