/*
 *	base.css
 */


/*
 * Global style that applies to all tags
 *
 * Note: this forces one to write specific style
 * definitions for all basic HTML elements
 */
* 
{
	margin: 0px;
	padding: 0px;
	/*color: #666465;*/
	font-family: Arial, Sans-Serif;
}


 
/* styles all links */ 
a 
{ 
	color: #0D3692;
}
a img { border: none; }


/* a style to hide text that is included for screen readers */
span.hide_this
{
	display: none;
}



/*
 *	Layout styles
 */

/* defines a centered body, initial font-size and margins */
body
{
	text-align: center; /* centers the page */
	background-color: #f6f6f6;
	margin: 0px 0px;
	font-size: 12px;
	color: #666465;
}


/* completes the centering effect, sets the total width,
   and a white repeating background with side shadows */
#page
{
	width: 795px;
	margin: 0px auto; /* centers the page */
	color: #666465;
	background-color: #f6f6f6;

	background-image: url(../cmsimages/page_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;

	text-align: left;

}



/*
 * Layout
 *  - header
 *  - nav_box
 *  	o nav
 *  - content
 *  	o banner
 *  	o copy
 *  	o right_column
 *  - footer
 */


/*
 * Header
 */
#header
{
	width: 750px;
	margin-left: 20px;
	padding: 10px 0px;
	height: 62px;
	
}

#header #logoworks
{
	float: left;
	width: 197px;
	height: 47px;
	margin: 5px 0px 0px 5px;
	background-image:url(/cmsimages/logoworksHP.gif);
}

#header ul.links
{
	float: right;
	list-style: none inside none;
}
#header ul.links li
{
	float: left;
	margin-left: 5px;
	color: #777;
	font-size: 9px;
}


#header #phone
{
	clear: right;
	float: right;
	width: 100px;
	height: 19px;
	background-repeat: no-repeat;
	background-image: url(../cmsimages/1_800_210_7650.gif);
	background-position: top right;
}

#header #phonePromo
{
	clear: right;
	float: right;
	margin-top: 5px;
	width: 120px;
	height: 19px;
	background-repeat: no-repeat;
	background-image: url(../cmsimages/1_888_908_LOGO.gif);
	background-position: top right;
}

/*
 * navigation - top tabs
 */
ul#nav
{
	width: 750px;
	margin-left: 20px;
	list-style: none inside none;
}

ul#nav li
{
	float: left;
}

ul#nav a
{
	display: block;
	height: 30px;
	background-repeat: no-repeat;
}

/*ul#nav a:hover, */
ul#nav a.active
{
	background-position: 0 100%;
}

/*
 * sub navigation 
 * gray all caps and separated by bullets
 */
ul#sub_nav
{
	clear: both;
	float: left;
	width: 730px;
	margin-left: 30px !important;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	list-style-type: none;
}

ul#sub_nav li
{
	float: left;
	white-space: nowrap;
	font-size: 9px;
}

ul#sub_nav a.active
{
}

.links a,
#sub_nav a
{
	color: #666465;
	text-decoration: none;
	text-transform: uppercase;
}

.links a:hover, 
#sub_nav a:hover
{ 
	text-decoration: underline;
	color: #666465;
}



/* 
 * table layout 
 */
table#layout
{
	width: 750px;
	float: left;
	position: relative;
	left: 22px;
	margin: 0px 0px 20px 0px;
	border-collapse: collapse;
}

table#layout td
{
	vertical-align: top;
}

table#layout td#newsletters,
table#layout td#banner,
table#layout td#gallery,
table#layout td#gallery_generic,
table#layout td#full_width,
table#layout td#copy,
table#layout td#right_column
{
	font-size: 12px;
	vertical-align: top;
}

table#layout td#newsletters,
table#layout td#banner
{
	padding-bottom: 10px;
}

table#layout td#gallery,
table#layout td#gallery_generic
{
	background-repeat: no-repeat;
	height: 360px;
}
table#layout td#gallery_generic
{
	height: 333px;
}

table#layout td#copy
{
	width: 540px;
}

table#layout td#copy table
{
	width: 530px;
	margin: 0px;
}

table#layout td#right_column
{
	width: 201px;
	padding: 0px 0px 0px 18px;
}
table#layout td#right_column a img,
table#layout td#right_column img
{
	margin-bottom: 10px;
}

p.step
{
	margin-left: 17px;
	margin-right: 10px;
}


	
/* 
 * footer 
 */
#footer
{
	clear: both;
	height: 85px;
	margin: 0px;
	text-align:center;
	font-size: 9px;
}

#footer a.img_link
{
	margin: 0px 15px;
}

#footer ul.links
{
	list-style: none inside none;
	margin-top: 15px;
	margin-left: 40px;
}

#footer ul.links li
{
	float: left;
	margin-left: 5px;
	color: #999;
}



/* 
 * copyright notice in footer 
 */
#copyright 
{
	margin: 0px auto; /* centers the page */
	width: 795px;
	background-repeat: no-repeat;
	background-image: url(../cmsimages/page_bottom.gif); 
}
#copyright {  }


/*
 * CMS preview
 */
.editable_content
{
	/*border: 1px dashed #ccc !important;*/
	border: none !important;
}

.editable_content #elj_box.edit_button
{
}


/*
 * no bullet ul used on newsletter list
 */
#newsletters ul#newsletter_years
{
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	line-height: 1.0em;
}

#newsletter_header
{
	width: 750px;
	height: 225px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

#newsletter_header p
{
	width: 420px;
	color: #ffffff;
	position: relative;
	top: 90px;
	left: 283px;
}
#newsletter_header p a { color: #ffffff; }

#newsletter_header form
{
	position: relative;
	top: 90px;
	left: 283px;
}
#newsletter_header form .lbl
{
	color: #fff;
	font-weight: bold;
}
#newsletter_header form .btn
{
	position: relative;
	top: 5px;
	left: 5px;
}

#designer_info_table
{
	height: 300px;
	background: url(../cmsimages/designer_info_table_bg.gif) no-repeat;
}

#designer_info_table .large_image
{
	padding-top: 10px;
	padding-left: 30px;
}

#designer_info_table .description
{
	padding: 5px 15px 30px 15px;
	vertical-align: bottom;
}

#designer_info_table .description p
{
	font-size: 90%;
}

#designer_info_table #logo_table
{
	width: 213px;
	height: 232px;
	margin: 15px 15px 0 0;
	padding: 8px 0 0 8px;
	background: url(../cmsimages/logo_table_bg.gif) no-repeat;
}

#designer_info_table #logo_table td
{
	height: 33%;
	width: 33%;
	background: url(../cmsimages/cropped_container.gif) no-repeat;
}

#designer_info_table #logo_table td img
{
	vertical-align: center;
}

.designer_thumb_text
{
	display: block;
	width: 80px;	
	text-align: right;
	padding-top: 5px;
	font-size: 90%;
	color: #666;
}

#galleryscroll
{
	float: left;
	height: 90px;
	width: 750px;
	margin-bottom: 5px;
}

#galleryscroll .arrow
{
	float: left;
}

#viewable
{
	position: relative;
	overflow: hidden;
	width: 690px;
	height: 85px;
	float: left;
}

#scrollable
{
	float: left;
	position: absolute;
	width: 10000px;
}

div.thumbnail
{
	float: left;
	width: 85px;
	height: 85px;
	margin: 0 7px;
	background: url(../cmsimages/designer_thumb_bg.gif) no-repeat;
}

div.thumbnail img
{
	position: relative;
	left: 3px;
	top: 2px;
}

/*  In the news styles */
div#contact 
{
	width: 255px;
	padding-right: 13px;
	border-right: 1px dashed #e0e0e0;
}
div#choose 
{
	width: 250px;
	float: right;
	padding-top: 5px;
	color: black;
}
div#choose select
{
	width: 100%;
	margin-top: 5px;
	font-weight: bold;
}
div#featured 
{
	clear: both;
	width: 534px;
	background: url(../cmsimages/bluebox.gif) top center no-repeat;
	height: 156px;
	margin-top: 15px;
}
div#featured .blue
{
	color: 005DAA;
}
div#featured div.padding 
{
	padding: 13px 15px;
}
div#featured div.padding div 
{
	float: left;
	width: 236px;
}
div#feature1
{
	padding-right: 17px;
	border-right: 1px dashed #e0e0e0;
}
div#feature2 
{
	padding-left: 14px;
}

table#articlelist 
{
	width: 100%;
}

table#articlelist td
{
	border-bottom: 1px dashed #e0e0e0;
}

table#articlelist td.logo
{
	padding: 15px;
	padding-left: 0px;
	width: 80px;
	vertical-align: middle;
}

table#articlelist td.date 
{
	border: none;
	color: black;
	padding-top: 15px;
	font-weight: bold;
	vertical-align: top;
	height: 2em;
}

table#articlelist td.link
{
	padding-bottom: 15px;
	vertical-align: top;
}

/*
#
# New Web Gallery Divs
#
*/

#new_web_gallery
{
	position: relative;
	height: 400px;
	width: 742px;
	margin: 5px;
	background-image: url(/cmsimages/web_gallery_blank.gif);
}

#new_web_gallery #gallery_top
{
	height: 27px;
	width: 742px;
}

#new_web_gallery #gallery_top select
{
	float: right;
	font-size: 10px;
	text-align: left;
	margin-right: 10px;
	margin-top: 10px;
}

#new_web_gallery #gallery_top h3
{
	float: left;
	position: relative;
	top: 2px;
	left: 5px;
	margin-left: 10px;
	margin-top: 10px;
}

#new_web_gallery #gallery_top #naver
{
	#float: right;
	position: absolute;
	top: 2px;
	left: 50%;
	width: 150px;
	height: 16px;
	margin-left: 10px;
	margin-top: 10px;
}

#new_web_gallery #gallery_top #naver #navertext
{
	position: relative;
	float: left;
}

#new_web_gallery #gallery_top #naver #navertext #naverprev
{
	position: relative;
	float: left;
	cursor: pointer;
	visibility: hidden;
}

#new_web_gallery #gallery_top #naver #navertext #navernext
{
	position: relative;
	cursor: pointer;
	visibility: hidden;
}

#new_web_gallery #navigation
{
	position: absolute;
	bottom: 110px;
	right: 25px;
	height: 20px;
	width: 170px;
	float: right;
}

#new_web_gallery #navigation #next
{
	position: relative;
	height: 18px;
	width: 82px;
	float: right;
	cursor: pointer;
	background-image: url(/cmsimages/new_web_next.gif);
}

#new_web_gallery #navigation #previous
{
	position: relative;
	height: 18px;
	width: 82px;
	float: left;
	cursor: pointer;
	background-image: url(/cmsimages/new_web_prev.gif);
}

#new_web_gallery #begin
{
	clear: all;
	position: absolute;
	top: 80%;
	left: 60%;
	height: 38px;
	width: 175px;
	cursor: pointer;
	background-image: url(/cmsimages/new_web_getquote.gif);
}

#new_web_gallery #images
{
	position: relative;
	#background: url(/cmsimages/slimbox/shadow.png) no-repeat right bottom;
	top: 65px;
}

#new_web_gallery #images div
{
	#width: 185px;
	#height: 123px;
}

#new_web_gallery #images img
{
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	cursor: pointer;
}

#new_web_gallery #images #img1
{
	position: absolute;
	left: 40px;
	#background: url(/cmsimages/slimbox/shadow.png) no-repeat right bottom;
	#background: url(/cmsimages/slimbox/mask.png) no-repeat left top !important;
	#background: url(/cmsimages/slimbox/mask.gif) no-repeat left top;
	padding: 0 5px 5px 0;
	float: left;
	
}

#new_web_gallery #images #img2
{
	position: absolute;
	left: 271px;
	#background: url(/cmsimages/slimbox/shadow.png) no-repeat right bottom;
	#background: url(/cmsimages/slimbox/mask.png) no-repeat left top !important;
	#background: url(/cmsimages/slimbox/mask.gif) no-repeat left top;
	padding: 0 5px 5px 0;
	float: left;
}

#new_web_gallery #images #img3
{
	position: absolute;
	right: 40px;
	#background: url(/cmsimages/slimbox/shadow.png) no-repeat right bottom;
	#background: url(/cmsimages/slimbox/mask.png) no-repeat left top !important;
	#background: url(/cmsimages/slimbox/mask.gif) no-repeat left top;
	padding: 0 5px 5px 0;
	float: left;
}

#new_web_gallery #loader
{
	position: absolute;
	top: 10%;
	right: 50%;
}

.promoHeader
{
	background: url(/cmsimages/promoImages/header-Promo.jpg) no-repeat;
}

.promoHeaderText
{
	color: #00a8cd;
	font-size: 19px;
	text-align: center;
	padding: 0 0 0 140px;
}

.promoLink
{
	color: #FC1921;
	font-size: 10px;
	padding: 4px 0;
}

table#news .dates .promoLink a
{
	color: #0D3692;
	text-decoration: underline;
	font-size: 12px;
}

.redPromo
{
	color: #FC1921;
	font-size: 10px;
}

.blueBox
{
	background: url(/cmsimages/promoImages/blueBox.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	width: 193px;
	height: 90px;
}

.blueBoxTitle
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 0;
}

.blueBoxPhone
{
	color: #CBDC38;
	font-size: 22px;	
}

.qtyTable td
{
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

.bluePricing td, .bluePricing
{
	color: #0D3692;
}

.strikeThrough
{
	text-decoration: line-through;
}

.bottomBorder td {border-bottom: 1px solid #666465;}