/*
File Name: style.css
Theme Name:  RT-Theme 12
*/


/*	RESET
--------------------------------------------------------------------------------------------------------------------------------------*/
ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,a,img,fieldset,iframe {margin:0; padding:0; border:0; font-weight: normal;}
ul { list-style: none;}
ul li.last {margin-bottom: 0 !important; padding-bottom: 0 !important;}
table { width:auto; border-collapse:collapse; border-spacing:0; margin:0; padding:0; }

.clear {clear:both; display:block; overflow:hidden; visibility:hidden;	width:0; height:0;}
.clearfix:before, .clearfix:after { content:' '; display:table }
.clearfix:after { clear: both }
.clarfix { *zoom: 1 }	/* for IE 6/7 only */
* html .clearfix { height:1%; }

a { outline:none; text-decoration:none; color:#4A515A; }
a:hover { text-decoration:none; color: #B7C4D3;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2013 */
@font-face {
    font-family: 'quicksandlight';
    src: url('/webfontkit/quicksand_light-webfont.eot');
    src: url('/webfontkit/quicksand_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfontkit/quicksand_light-webfont.woff') format('woff'),
         url('/webfontkit/quicksand_light-webfont.ttf') format('truetype'),
         url('/webfontkit/quicksand_light-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'aller_lightregular';
    src: url('/webfontkit-aller/aller_lt-latin.eot');
    src: url('/webfontkit-aller/aller_lt-latin.eot?#iefix') format('embedded-opentype'),
         url('/webfontkit-aller/aller_lt-latin.woff') format('woff'),
         url('/webfontkit-aller/aller_lt-latin.ttf') format('truetype'),
         url('/webfontkit-aller/aller_lt-latin.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*	HELPER LAYOUT CLASSES
--------------------------------------------------------------------------------------------------------------------------------------*/
.orange { background-color: #e58787}
.outline { outline: #e58787 solid 1px; background-color: #cacb88; }
.scroll { overflow-y: auto; }


/*	HELPERS & EXTRAS
--------------------------------------------------------------------------------------------------------------------------------------*/
.extra_space { padding:10px 0; background:#fff; }
.line {	height:0; margin:0 auto 10px; clear:both; width:auto; font-size:0; line-height:0; border-bottom:1px solid #e5e8eb; }
.line.nomargin { position:relative; left:-20px; padding:0 10px; }
.hidden { display:none; }
.uppercase { text-transform:uppercase; }
.left { float:left; }
.right { float:right; }


/*	FONT DECLARATIONS
--------------------------------------------------------------------------------------------------------------------------------------*/
body, caption, option, legend { font: 14px/23px 'Verdana', 'Lucida Sans','Arial',sans-serif; }

/* headings */
h1,h2, .fancy { font-family: quicksandlight, Arial, sans-serif; letter-spacing: -1px; color: #2c2c2c; text-shadow: 0 1px 0 rgba(0,0,0,0.01); }
h3,h4,h5,h6 { font-family: Arial, sans-serif; /* letter-spacing:-1px; */ color:#616161; }

h1 { font-size:34px; line-height:54px; /* color:#7c8c9c; */ }
h2 { font-size:26px; line-height:36px; /* color:#7c8c9c; */ }
h3 { font-size:24px; line-height:32px; /* color:#5c5c5c;  */}
h4 { font-size:20px; line-height:30px; /* color:#5c5c5c; */ }
h5 { font-size:18px; line-height:27px; /* color:#5c5c5c;  */}
h6 { font-size:16px; line-height:24px; /* color:#5c5c5c;  */}

/* homepage slider */
.slide b.title { font: 24px/24px 'quicksandlight'; letter-spacing:-1px; }
#slider_area .desc { font-size:13px; line-height:24px; color:#D5D9DE; }

/* main navigation */
#navigation li { font-size:15px; font-family: quicksandlight; color:#0F0F0F; }
#navigation li a { font-family: quicksandlight; color:#0F0F0F; }
#navigation li li a { font-size:12px; font-family: 'Lucida Sans','Arial','Verdana', sans-serif; text-shadow:1px 1px 0 #fff; color:#747A80; }
#navigation li li a:hover { font-size:12px; text-shadow:1px 1px 0 #fff; color:#474E58; }
#navigation li.logout { font-size:13px; }

/* breadcrumb */
.breadcrumb { font-size:10px; color:#a1a1a1; }

/* footer */
#footer { font-size:11px; }

/* contact us page */
.address li { font-size:14px; }
ul.team-members li { font-size:14px; }

/* general table font styles */
table caption { font-style:italic; }
table th { font-size:12px; }
table td { font-size:12px; }

/* dataTables specific font styles */
.dataTables_processing { font-size:14px; color:#999; }

/* blockquotes */
blockquote { font: 15px/24px 'Georgia','Times New Roman', sans-serif; color:#A5A5A5; }
blockquote ul { font-style:italic; }
blockquote em, blockquote i, blockquote cite { font-style:normal; }
blockquote.testimonial { font-size:12px; line-height:18px; color:#AAA; text-shadow:1px 1px 0 #fff; }
blockquote.temper { font-size:14px; line-height:18px; color:#AAA; text-shadow:1px 1px 0 #fff; }

/* smart_autocomplete plugin */
ul.smart_autocomplete_container li { font-size: 12px; line-height: 17px; }

/* general form styles */
fieldset .legend { font-size:16px; line-height: 24px; color:#5C5C5C; }
label { font-size:12px; }
label.large { font-size: 16px; }

/* miscellaneous font declarations */
.stock ul li { font-size:12px; }

.features { font-size:15px; font-weight:700; }
.features li { font-size:13px; font-weight:400; }

.p_box li.activeSlide a { color:#000; font-weight:700; }

table#standard_finishes th, table#temper_prices th { font-size: 11px; font-weight: normal; }

#quote_multipliers table th { font-size:12px; }

form.editable > input { font-size:13px; }
form.editable > select { font-size:13px; }
form.editable > textarea { font-size: 13px; }

#save-button input { padding:10px 35px; font-size:16px; }

#quote_popup h5 { font-size: 14px; }
#quote_popup h6 { font-size: 13px; }

#quote_popup #col2 .result_text { color:#3d3d3d; }


/*	BODY & GENERAL LAYOUT
--------------------------------------------------------------------------------------------------------------------------------------*/
body { position:relative; margin:0 auto; padding:5px 0 0; background: #79808a; color:#4B4B4B; }

* html #container {height:880px; }

#button_row { width: auto; padding: 15px; border-top: 1px solid #e5e8eb; overflow: hidden; }

#button_row input {	margin-right: 15px;	}
#button_row input.right { margin-right: 0; margin-left: 15px; }

#container { width:1140px; min-height:890px; margin:0 auto; padding:0; position:relative; border:0 !important; background:#fff; }


/*	HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/
#header { margin:0 auto; padding:10px 0 0; }

#logo {	position:relative; float:left; margin:6px 0 15px 20px; }

.company_info {	position:relative; float:right; margin:0 30px 0 0; text-align:right; }
.company_info h6 { padding-bottom: 3px; color: #858282; }
.company_info h5 { padding-bottom: 2px;}


/*	NAVIGATION BAR
--------------------------------------------------------------------------------------------------------------------------------------*/
#navigation_bar { position:relative; padding:0 20px; border: 1px solid #b6bfc8; border-width: 1px 0 1px 0; background:#e1e5e9 url(/images/theme/border.gif) left repeat-y; }

#navigation { position:relative; float:left; width:100%; margin:0; }

#navigation li { position:relative; float:left; padding:15px 25px; }
#navigation li a:hover { color:#474E58; }

#navigation li li a { display:block; }

/* drop down menu container */
#navigation ul { position:absolute; left:0; top:51px; width:230px; padding:4px 0; background:#f3f3f3; border:1px solid #fff; border-width: 0 1px 1px 1px; box-shadow:2px 2px 4px #545454; display:none; overflow:hidden; z-index:50; }

/* drop down menu underline */
#navigation ul li { display:block; position:relative; float:none; margin:0 10px; padding:6px 1px; clear:both; background:url(/images/theme/line.png) bottom repeat-x; }

/* remove underline from last item of a drop down menu */
#navigation ul li.last { background:none; }

/* sub levels */
#navigation ul ul { position:absolute; left:210px; top:4px; z-index:999; }

/* navigation login menu */
#navigation li.login { float:right; }

/* navigation logout menu */
#navigation li.logout { float:right; padding:15px 25px; }

/* navigation logout drop down container */
#navigation li.logout ul { left:20px; width:120px; }

#navigation li.logout ul li { padding:1px 2px; }
#navigation li.logout ul li a { padding:3px; }


/*	NAVIGATION BAR SMALL
--------------------------------------------------------------------------------------------------------------------------------------*/
#navigation_bar_small { float: right; margin: 15px 30px 0 0; padding:0; border: 1px solid #b6bfc8; border-width: 1px 0 1px 0; }

#navigation_bar_small #navigation { position:relative; float:left; width:100%; margin:0; }

#navigation_bar_small #navigation li { position:relative; float:left; padding:5px 15px; font-size: 12px; }
#navigation li a:hover { color:#474E58; }

#navigation_bar_small #navigation li li a { display:block; }

/* drop down menu container */
#navigation_bar_small #navigation ul { position:absolute; left:0; top:30px; width:200px; padding:2px 0; background:#fff; border:none; box-shadow:2px 2px 4px #545454; display:none; overflow:hidden; z-index:50; }

/* drop down menu underline */
#navigation_bar_small #navigation ul li { display:block; position:relative; float:none; margin:0 10px; padding:6px 1px; clear:both; background:url(/images/theme/line.png) bottom repeat-x; }

/* remove underline from last item of a drop down menu */
#navigation_bar_small #navigation ul li.last { background:none; }

/* sub levels */
#navigation_bar_small #navigation ul ul { position:absolute; left:210px; top:4px; z-index:999; }

/* navigation login menu */
#navigation_bar_small #navigation li.login { float:right; }

/* navigation logout menu */
#navigation_bar_small #navigation li.logout { float:right; /*padding:15px 25px; */}

/* navigation logout drop down container */
#navigation_bar_small #navigation li.logout ul { left:20px; width:120px; }

#navigation_bar_small #navigation li.logout ul li { padding:1px 2px; }
#navigation_bar_small #navigation li.logout ul li a { padding:3px; }



/*	BREADCRUMBS
--------------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb { width:auto; margin:0 0 15px; padding:0 10px 0 20px; background:#F7F8F9 url(/images/theme/sidebar_border.png) left top repeat-y; }
.breadcrumb a:hover { text-decoration:underline; }


/*	CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/
.content { width: auto; margin:0 45px; padding: 0;}

.content.fixed_height { min-height: 667px; }


/*	COLORED ROW
--------------------------------------------------------------------------------------------------------------------------------------*/
.bar { padding: 25px 45px 20px 45px; background:#e1e5e9 url(/images/theme/border.gif) left repeat-y; }


/*	BOX
--------------------------------------------------------------------------------------------------------------------------------------*/
.box { margin:0 20px 15px; padding:0; display:inline; float:left; border:0; overflow:hidden; }
.camera_box { width: 481px; height: 428px; margin: 0 5px 10px; padding: 0; display: inline; float:left; border: 1px solid #BDBDBD; overflow: hidden; }


/*	COLUMNS FOR CONTENT OF WIDTH 1050px - NOTE: THE CONTENT WIDTH IS THE CONTAINER WIDTH MINUS THE CONTENT LEFT AND RIGHT PADDING
--------------------------------------------------------------------------------------------------------------------------------------*/

.box.one { width: 96px; }
.box.two { width: 232px; }
.box.three { width: 360px; }
.box.four { width: 504px; }
.box.five { width: 648px; }
.box.six { width: 776px; }
.box.seven { width: 912px; }
.box.eight { width: 1049px; margin: 0 0 15px; }

.box.three-eight { width: 410px; }
.box.five-eight { width: 600px; }
.box.two-three { width:680px; }
.box.three-four { width:768px; }

/* first and last column fix*/
.box.first { margin-left:0!important; }
.box.last { margin-right:0!important; }

.box.background { padding: 20px 0 0 0; background:#F7F8F9 url(/images/theme/sidebar_border.png) left repeat-y; }


/*	HORIZONTAL GRID CONTAINER
--------------------------------------------------------------------------------------------------------------------------------------*/
.product_list_block { position:relative; display:block; width:100%; margin:0 0 20px; clear:both; }

.product_list_block.p_detail { left:0; }

/* .product_list_block .box { width:186px!important; margin:0; padding:0 20px!important; border-left:1px solid #e5e8eb; } */

/* .product_list_block .box.first { border:0!important; } */


/*	HEADINGS
--------------------------------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { position:relative; padding:0 0 5px; }

.inline { vertical-align:bottom; display:inline; }

/* float an element inside a heading to the left */
span.left { float:left; }

/* float an element inside a heading to the right */
span.right { float:right; }


/*	IMG FAQS
--------------------------------------------------------------------------------------------------------------------------------------*/
.faq { float: right; padding: 0px; border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0,0,0,.15); color: #a56203; }


/*	TEXT ELEMENTS
--------------------------------------------------------------------------------------------------------------------------------------*/
/* Standard block quote */
blockquote { position:relative; width:660px; margin:0 0 20px; padding:20px 20px 0; background:#F7F8F9 url(/images/theme/sidebar_border.png) left top repeat-y; }

/* right-side pull quote */
blockquote.pullright { position:relative; width:400px; float:right; right:-20px!important; left:auto!important; background:#F7F8F9 url(/images/theme/sidebar_border.png) right top repeat-y; }

/* left-side pull quote */
blockquote.pullleft { float:left; width:300px; display:inline; }

/*  blockquote for glass types */
blockquote.testimonial { width:225px!important; margin:20px auto; -moz-box-align:center; border:1px solid #e1e5e9; }

/*  blockquote for temper page */
blockquote.temper { width:575px!important; margin:15px 0; -moz-box-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #e1e5e9; }

pre { line-height:18px; margin-bottom:18px; }

ins { text-decoration:none; }

sup { bottom:1ex; }

sub { top:.5ex; }

p { padding-bottom:15px; }

.product_list_block .box p, .box.portfolio p { padding:0!important; }


/*	TEXT HIGHLIGHTS
--------------------------------------------------------------------------------------------------------------------------------------*/
/*Theme default color*/
.htext { color:#269bc6; }
.yellow { color:#ffbf00; }
.black { color:#000; }
.red { color:red; }
.bold {	font-weight:700; }


/*	IMAGES AND ALIGNMENTS
--------------------------------------------------------------------------------------------------------------------------------------*/
.aligncenter { display:block; text-align:center; display:block; margin:0 auto; }

.alignleft { float:left; display:inline; }

.alignright { float:right; display:inline; }

img.aligncenter { display:block; text-align:center; display:block; margin:0 auto 20px; padding:0; border:0; background:none; }

img.alignleft { float:left; margin:6px 20px 6px 0; display:inline; border:0; background:none; padding:0; display:block; }

img.alignright { padding:0; float:right; margin:6px 0 6px 20px; border:0; display:block; background:none; }

img.temper.alignright { padding:0; float:right; margin: 25px 0 0 30px; display:block; background:none; }

img.border { padding:3px; border:1px solid gray; }


/*	LISTS
--------------------------------------------------------------------------------------------------------------------------------------*/
ul,ol { margin:0 0 15px; list-style-position:inside; }

ul ul,ol ol { margin:0; padding:0 5px; list-style-position:inside; }

ul ul li,ol ol li { margin:5px 0; padding:0 10px; list-style-position:inside; }

.lined li { padding:5px 0; border-bottom:1px solid #e5e8eb; }

.red_arrow { list-style-image:url(/images/theme/red_arrow.gif)!important; list-style-position:inside; }
.silver_arrow {	list-style-image:url(/images/theme/silver_arrow.gif)!important; list-style-position:inside; }
.blue_arrow { list-style-image:url(/images/theme/blue_arrow.gif)!important; list-style-position:inside; }
.checkmark li { padding:5px 0 5px  25px; background-image:url(/images/theme/check.png); background-position:0 7px; background-repeat:no-repeat; }


/*	TAB STYLES
--------------------------------------------------------------------------------------------------------------------------------------*/
#tab-container { margin-bottom: 15px; }

#tab_pane { background:#fff; min-height: 583px; height: 583px; }

ul.tabs { margin:0 0 30px; padding:0; zoom: 1; border-color:#ddd; border-style:solid; border-width:0 0 1px; }

.tabs:before,.tabs:after { display:table; content:""; zoom:1; }
.tabs:after { clear:both; }

.tabs>li { float:left; position:relative; margin-bottom:-1px; }
.tabs>li>a { display:block; padding:0 15px; margin-right:2px; line-height:34px; border:1px solid transparent; border-radius:4px 4px 0 0; }
.tabs>li>a:hover { text-decoration:none; background-color:#eee; border-color:#eee #eee #ddd; }

.tabs a.current,.tabs a.current:hover { color:black; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent; cursor:default; }


/*	TABLES
--------------------------------------------------------------------------------------------------------------------------------------*/
table { border:1px solid #e5e8eb; border-width: 1px 1px 0 0; clear:both; }

table caption { text-align:left; }

table th { background:#e1e5e9; border-left:1px solid #e5e8eb; }

table tr.dark { background:#F7F8F9; }

table td { margin:10px; padding:3px; text-align:left; border-bottom:1px solid #e5e8eb; border-left:1px solid #e5e8eb; }

/* table without borders */
table.no-borders { border:none; }

table.no-borders caption { background:#afafaf; color:#fff; }

table.no-borders th { border:none; background:none; padding:5px 0 0; }

table.no-borders td { border:none; }


/*	THUMBNAIL BAR
--------------------------------------------------------------------------------------------------------------------------------------*/
.thumbnail_bar { width:auto; margin-bottom: 25px; padding:0 20px; border-top: 1px solid #b6bfc8; border-bottom: 1px solid #b6bfc8; background:#e1e5e9 url(/images/theme/border.gif) left repeat-y; }


/*	FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
.footer_background { padding: 0; /* background:#6c737d;  */}
.footer_line { width:1140px; height:5px; margin:0 auto; clear:both; background:#E1E5E9 url(/images/theme/border.gif) left repeat-y; }

#footer { width:1100px; margin:0 auto; padding:20px; clear:both; overflow:hidden; background:#fff; }
#footer a:hover { text-decoration:underline; }

/* footer copyright text */
#footer .part1 { float:left; display:inline; margin:0; line-height:14px; padding:0; }

ul.footer_links { list-style:none; list-style-position:outside; float:right; display:inline; margin:2px 0 0; }
ul.footer_links li { line-height:12px; float:left; padding:0 7px; border-left:1px solid #BDC7D6; }


/*	GLASS & MIRROR PRODUCTS PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

.product_picture img { display: block; width: 375px; margin: 30px auto 0 auto; }

/* stock lists */
.stock ul li { display:block; }
.stock ul li ul { padding:3px 0; border-top:1px solid #e5e8eb; }
.stock ul li ul li { padding:0 0 0 2px; margin:2px 0; }

.pattern { float: left; width: 150px; height: 120px; text-align: center; }


/*	SHOWERS & CLOSETS PRODUCTS PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
.features { width:auto; margin:0 auto; text-align:center; }
.features li { list-style:none; }
.features img { border:none; }


/*	SHOWER HARDWARE PRODUCTS PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
.p_box { width:220px; height:100%; float: left; margin:0 20px 20px 0; padding:20px 0 0 20px; background:#F7F8F9 url(/images/theme/sidebar_border.png) left repeat-y; }
.p_box.wide { width:300px; }

.slider_content { width:770px; height:200px; float:left; }
.slider_content.small { width:600px; }
.slider_content img { width:200px; float:right; margin-top:-20px; }
.slider_content p { float:left; width:548px; margin-right:20px; }
.slider_content .small p { width:375px; }
.slider_content ul { float:left; list-style: circle; margin-left: 25px; font-size: 13px;}
.slider_content ul li { }


/*	QUOTES ENTRY PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
#shapes_grid { float:left; margin-right:50px; padding-right: 25px; overflow:hidden; border-right:1px solid #e5e8eb; }

	.shapes_grid_block { position:relative; clear:both; width:100%; display:block; text-align: center; 	}
	.shapes_grid_block .box { width:170px !important; margin:0; }
	.shapes_grid_block .box.first { border:0 !important; }

#col2 { float: left; overflow: hidden; width: 425px; }

	/* Quotes Dimension Entry */
	#dim_entry { position:relative; height: 267px; }
	#div_entry div { width:inherit; }
	#dim_entry img { width:290px; height:221px; margin:-30px 0 25px; float:right; }

	/* Rounded & Clipped Corners Checkboxes Absolute Position */
	#rounded_corners #corner_1 { position:absolute; top:120px; left:225px; }
	#rounded_corners #corner_2 { position:absolute; top:120px; right:125px; }
	#rounded_corners #corner_3 { position:absolute; top:145px; left:225px; }
	#rounded_corners #corner_4 { position:absolute; top:145px; right:125px; }
	#clipped_corners #corner_1 { position:absolute; top:90px; left:205px; }
	#clipped_corners #corner_2 { position:absolute; top:90px; right:90px; }
	#clipped_corners #corner_3 { position:absolute; top:145px; left:205px; }
	#clipped_corners #corner_4 { position:absolute; top:145px; right:90px; }

	/* Quote finishes */
	#finishes { height:100px; }
	#finishes label { margin-bottom:5px; padding:5px 10px; display:block; border:1px solid #e5e8eb; }

	/* Holes container */
	#holes { height:200px; }
	#holes > table { border:none; }
	#holes > table td { border:none; }


/*	QUOTES RESULTS PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
.result_text { margin:0 0 25px; padding:8px 5px 5px 20px; background:#F7F8F9 url(/images/theme/sidebar_border.png) left top  repeat-y; }

#price { width:75px; text-align: right }

#result_image { margin:0 10px; padding:0; display:inline; float:left; width:420px; height:320px; }

#holes_result { width:220px; margin:0 auto; }
#holes_result table { width:200px; border-right:none; }
#holes_result table th { background:none; border-bottom:1px solid #e5e8eb; border-left:none; padding:0; }
#holes_result table td { border-left:none; padding:0; text-align:center; }

#result_tables table td + td { text-align:right; }

.desc { width: 115px; background-color: transparent; }
.wholesale { width: 68px; background-color: transparent; }
.retail { width: 68px; background-color: #F2F3F5; }

#quote_multipliers table td { margin:10px; padding:2px 15px; text-align:left; border-bottom:1px solid #f6f9fb; }

#note { float:left; width:100%; height:125px; }

form.editable > input { width:50px; height:1.4em;border:none;  }
form.editable > select { padding:0 3px; height:1.4em; border:none; }
form.editable > textarea { border:1px solid #ccc; }


/*	CUSTOM QUOTES ENTRY PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
#save-button { margin:25px 0 0 0; }
#save-button input { padding:10px 35px; }


/*	QUOTES LIST TABLE
--------------------------------------------------------------------------------------------------------------------------------------*/
table.quotes_list { table-layout:fixed; width:920px; }
table.quotes_list th,table.quotes_list td { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
table.quotes_list th { padding:5px; }
table.quotes_list tr { cursor:pointer; }
table.quotes_list tr:hover { background:#e1e5e9; }
table.quotes_list td { padding:2px 5px; }


/*	QUOTES LIST TABLE POPUP
--------------------------------------------------------------------------------------------------------------------------------------*/
#quote_popup { position: absolute; top: 5px; right: 10px; width:600px; height: 320px; padding: 5px 10px; overflow: hidden; border: 1px solid gray; z-index: 1000; background-color: white; display: none; box-shadow: 5px 5px 15px #888; }

#quote_popup h5 { padding: 0; margin-bottom: 5px; }

#quote_popup h6 { padding: 0; line-height: 20px; }

#quote_popup #col1 { float: left; width: 320px; padding: 0; display: inline; border: 0; overflow: hidden; }

#quote_popup #col1 #result_image { width: 320px; height: 280px; display:inline; }

#quote_popup #col1 #holes_result { width:220px; margin:0 auto; }

#quote_popup #col1 #holes_result table { width:240px; border-right:none; }

#quote_popup #col1 #holes_result table th { background:none; border-bottom:1px solid #e5e8eb; border-left:none; padding:0; }

#quote_popup #col1 #holes_result table td { border-left:none; padding:0; text-align:center; }

#quote_popup #col2 { float: right; width: 240px; margin: 0 10px 15px; padding: 0; display: inline; border: 0; overflow: hidden; }

#quote_popup #col2 .result_text { float:right; padding:8px 5px 5px 5px; width:230px; margin:0 0 20px; background:#F7F8F9; }


/*	NEW ORDERS PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
.clonedInput { width: 100%; }

#keywords { width:550px; padding:5px; background-color:rgba(222,232,242,0.48); text-align:center; overflow:auto; }

#keywords ul { margin-bottom:10px; padding:0; float: left; }

#keywords ul li { list-style-type:none; float:left; margin:10px; padding: 5px 10px; border-radius: 5px; color: #fff; background-color: #3e9dd7; }

#keywords ul li a { text-decoration:none; color:#ffffff; }

#keywords ul li a:hover { text-decoration:underline; }

#suggested { width:350px; padding:5px; background-color:rgba(222,232,242,0.48); text-align:center; overflow:auto; float: right; }

#suggested .tag { float:left; margin:10px; padding: 5px 10px; border-radius: 5px; color: #fff; background-color: #3e9dd7; }

.tagInput { padding: 2px 2px 2px 20px; background: url('/images/tags.gif') no-repeat 2px 2px; background-repeat: no-repeat; border:1px solid lightgray; }

.tagInputDiv { display: none; background-color: white; position: absolute; overflow: auto; border: 1px solid lightgray; margin-top:-1px; font:13px/15px arial,sans-serif; }

.tagInputLine { color: black; font-weight: normal; padding:4px; }

.tagInputSel { background-color: gray; color:white; }

.tagInputLineTag { min-width: 150px; display: inline-block; }

.tagInputLineFreq { min-width: 50px; text-align: right; display: inline-block; float:right; }

.tagInputSuggestedTags { margin-top:5px; padding:2px; width:550px; font:13px/15px arial,sans-serif; color:#303030; background-color:#e0e0e0; }

.tagInputSuggestedTags .label { font-weight:bolder; }

.tagInputSuggestedTagList{ }

.tagInputSuggestedTagList .tag{ padding:2px; cursor:pointer; display:inline-block; margin:1px; }

.tagInputSuggestedTagList span.tag:hover{ background-color:#f0f0f0; }

.tagInputSuggestedTagList .tagUsed{ background-color:lightgray; }


/*	SHOWERS
--------------------------------------------------------------------------------------------------------------------------------------*/
.shower_panel { width:150px; height:400px; float:left; }

.panel_angle_container { float:left; }

#panel_container { width:440px; margin:0 auto; }


/*	EDIT CUSTOMER SCREEN
--------------------------------------------------------------------------------------------------------------------------------------*/
#customer-contact-scroll-container { width:auto; height:645px; overflow:hidden; }

.customer-contact { margin:40px 13px 0 0; overflow:hidden; width:280px; height:550px; }

.customer-contact div.customer-contact-top { width:100%; height:30px; border-bottom:1px solid gray; margin-bottom:15px; }

.customer-contact-top a { float:right; padding:10px; }

.customer-contact-middle { width:100%; height:485px; }

.customer-contact-middle div.customer-contact-data { padding:0 0 25px; margin-bottom:15px; border-bottom:1px solid gray; }

.customer-contact-middle table.customer-contact-phones { width:100%; }

table.customer-contact-phones td,th { padding:5px 0; }

.customer-contact-bottom { width:100%; height:30px; border-top:1px solid gray; }

.customer-contact-bottom a[title="delete_contact"] { float:right; margin-top:10px; }

.customer-contact-bottom a[title="add_contact_phone"] { float:left; margin-top:10px; }


/*	CONTACT US PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
#contact-image { margin-bottom: 18px; }

.address li { list-style:none; padding:5px 0; }

ul.team-members { width: 300px; margin:0; overflow:hidden; }
ul.team-members li { float:left; padding:0; margin:0 0 20px; list-style-type:none; }
ul.team-members li .member-info span { display:block; }
ul.team-members li .member-info span.name { color:#a56203; margin:0; width:100%; }
ul.team-members li .member-info span.email { padding: 2px 0 6px 0px; width:100%; }


/*	CAMERAS PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

.hidden { display: none; }



/*	DATATABLES SPECIFIC STYLES
--------------------------------------------------------------------------------------------------------------------------------------*/
div.dataTables_filter { float:right; margin:0 15px 10px 0; }

div.dataTables_wrapper { margin-bottom:10px; }

div.dataTables_info { float:left; padding-top:10px; }

.dataTables_processing { position:absolute; top:60%; left:50%; width:250px; height:30px; margin: -15px 0 0 -125px; padding:14px 0 2px; text-align:center; border:1px solid #ddd; background-color:#fff; }

/* Pagination */
.dataTables_paginate { padding-top:10px; float:right; text-align:right; }

/* Two button pagination - previous / next */
.paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next { height:19px; float:left; cursor:pointer; *cursor:hand; color:#111!important; }

.paginate_disabled_previous:hover,.paginate_enabled_previous:hover,.paginate_disabled_next:hover,.paginate_enabled_next:hover { text-decoration:none ! important; }

.paginate_disabled_previous:active,.paginate_enabled_previous:active,.paginate_disabled_next:active,.paginate_enabled_next:active { outline:none; }

.paginate_disabled_previous,.paginate_disabled_next { color:#666!important; }

.paginate_disabled_previous,.paginate_enabled_previous { padding-left:23px; }

.paginate_disabled_next,.paginate_enabled_next { padding-right:23px; margin-left:10px; }

.paginate_enabled_previous { background:url(/images/datatables_images/back_enabled.png) no-repeat top left; }

.paginate_enabled_previous:hover { background:url(/images/datatables_images/back_enabled_hover.png) no-repeat top left; }

.paginate_disabled_previous { background:url(/images/datatables_images/back_disabled.png) no-repeat top left; }

.paginate_enabled_next { background:url(/images/datatables_images/forward_enabled.png) no-repeat top right; }

.paginate_enabled_next:hover { background:url(/images/datatables_images/forward_enabled_hover.png) no-repeat top right; }

.paginate_disabled_next { background:url(/images/datatables_images/forward_disabled.png) no-repeat top right; }

/* Full number pagination */
.paging_full_numbers { height:22px; line-height:22px; }

.paging_full_numbers a:active { outline:none; }

.paging_full_numbers a:hover { text-decoration:none; }

.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active { border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:2px 5px; margin:0 3px; cursor:pointer; *cursor:hand; color:#333!important; }

.paging_full_numbers a.paginate_button { background-color:#ddd; }

.paging_full_numbers a.paginate_button:hover { background-color:#ccc; text-decoration:none!important; }

.paging_full_numbers a.paginate_active { background-color:#99B3FF; }


/*	SMART AUTOCOMPLETE SPECIFIC STYLES - This is used in the customer name dropdown
--------------------------------------------------------------------------------------------------------------------------------------*/
ul.smart_autocomplete_container { max-height:391px; overflow-y:auto; margin-top:3px; background-color:#fff; border: 1px solid #ccc; border-width: 0 1px 1px 1px; box-shadow: 4px 4px 8px 1px #cfcfcf; color: black; }

ul.smart_autocomplete_container li { cursor:pointer; margin:0; padding:0px 5px 0 15px; list-style: none; }

li.smart_autocomplete_highlight { color:white; background-color:#0a79c0; }


/*	MODAL DIALOG STYLES
--------------------------------------------------------------------------------------------------------------------------------------*/
.modal { display:none; width:350px; padding:15px; background-color:#fff; border:2px solid #333; border-radius:6px; box-shadow: 0 0 50px #ccc; }


/*	DATEINPUT STYLES
--------------------------------------------------------------------------------------------------------------------------------------*/

/* calendar root element */
#calroot { z-index:10000; margin-top:-1px; width:198px; padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; border-radius:5px; box-shadow: 0 0 15px #666; }

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead { padding:2px 0; height:22px; }

#caltitle { font-size:14px; color:#0150D1; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd; }

#calnext, #calprev { display:block; width:20px; height:20px; background:transparent url(/media/img/dateinput/prev.gif) no-repeat scroll center center; float:left; cursor:pointer; }

#calnext { background-image:url(/media/img/dateinput/next.gif); float:right; }

#calprev.caldisabled, #calnext.caldisabled { visibility:hidden; }

/* year/month selector */
#caltitle select { font-size:10px; }

/* names of the days */
#caldays { height:14px; border-bottom:1px solid #ddd; }

#caldays span { display:block; float:left; width:28px; text-align:center; }

/* container for weeks */
#calweeks { background-color:#fff; margin-top:4px; }

/* single week */
.calweek { clear:left; height:22px; }

/* single day */
.calweek a { display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; border-radius:3px; }

/* different states */
.calweek a:hover, .calfocus { background-color:#ddd; }

/* sunday */
a.calsun { color:red; }

/* offmonth day */
a.caloff { color:#ccc; }

a.caloff:hover { background-color:rgb(245, 245, 250); }


/* unselecteble day */
a.caldisabled { background-color:#efefef !important; color:#ccc	!important; cursor:default; }

/* current day */
#calcurrent { background-color:#498CE2; color:#fff; }

/* today */
#caltoday { background-color:#333; color:#fff; }


/*  FORMALIZE STYLES
--------------------------------------------------------------------------------------------------------------------------------------

Form usage examples:

<fieldset id="fieldset_id">
	<h1 class="legend">Legend</h1>

	<label for="input_name">Label <br />
		<input type="text" class="tiny" id="" name="" value="">		... These inputs will be appear next to each other
	</label>

	<label for="input_name">Label <br />
		<input type="text" class="medium" id="" name="" value="">	... These inputs will be appear next to each other
	</label>

	<div style="clear: both;"></div> ... This will force the next inputs to appear on the next line

</fieldset>


/*  INPUT WIDTHS
--------------------------------------------------------------------------------------------------------------------------------------*/
input.min { width:20px;}
input.tiny {width:53px;}
input.xxxsmall {width:100px;}
input.xxsmall {width:120px;}
input.xsmall {width:141px;}
input.small {width:161px;}
input.medium {width:188px;}
input.large {width:221px;}
input.xlarge {width:270px;}
input.xxlarge {width:302px;}
input.xxxlarge {width:389px;}
input.full {width:100%;}


/*	FORM STYLES
--------------------------------------------------------------------------------------------------------------------------------------*/
fieldset { position:relative; margin:10px 15px; padding:5px 5px 10px; }

label { display:block; color:#858585; float:left; padding:5px; }

label.right { float: right; }

fieldset ol { padding:1em 1em 0; list-style:none; }

fieldset li { padding-bottom:1em; }

fieldset.submit { border-style:none; }

input[type="radio"],input[type="checkbox"] { margin:0 3px; }


/*	FORMALIZE.CSS STYLES
--------------------------------------------------------------------------------------------------------------------------------------*/
textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],
input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-background-clip:padding;
	-moz-background-clip:padding;
	background-clip:padding-box;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-webkit-appearance:none;
	background-color:#fff;
	border:1px solid;
	border-color:#ccc;
	color:#333;
	outline:0;
	margin:0;
	padding:0 3px;
	text-align:left;
	font-size:12px;
	font-family:Arial,"Liberation Sans",FreeSans,sans-serif;
	height:1.8em;
	*padding-top:2px;
	*padding-bottom:1px;
	*height:auto;
}

input[type="search"]::-webkit-search-decoration { display:none; }

input:invalid,button:invalid,select:invalid,textarea:invalid { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

input:focus,button:focus,select:focus,textarea:focus { -webkit-box-shadow:#06f 0 0 2px 0; -moz-box-shadow:#06f 0 0 2px 0; box-shadow:#06f 0 0 2px 0; z-index:1; outline:none!important; }

input[type="file"]:focus,input[type="file"]:active,input[type="radio"]:focus,input[type="radio"]:active,input[type="checkbox"]:focus,input[type="checkbox"]:active { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

button,input[type="reset"],input[type="submit"],input[type="button"] {
	-webkit-appearance:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-background-clip:padding;
	-moz-background-clip:padding;
	background-clip:padding-box;
	background:#ddd url(/images/formalize/button.png?1298351022) repeat-x;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(100%,#ddd));
	background-image:-webkit-linear-gradient(#fff,#ddd);
	background-image:-moz-linear-gradient(#fff,#ddd);
	background-image:-o-linear-gradient(#fff,#ddd);
	background-image:-ms-linear-gradient(#fff,#ddd);
	background-image:linear-gradient(#fff,#ddd);
	border:1px solid;
	border-color:#ddd #bbb #999;
	cursor:pointer;
	color:#333;
	font:bold 12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;
	outline:0;
	overflow:visible;
	margin:0;
	padding:3px 10px;
	text-shadow:#fff 0 1px 1px;
	vertical-align:top;
	width:auto;
	*padding-top:2px;
	*padding-bottom:0;
}

button:hover,input[type="reset"]:hover,input[type="submit"]:hover,input[type="button"]:hover {
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(1px,#eee),color-stop(100%,#ccc));
	background-image:-webkit-linear-gradient(#fff,#eee 1px,#ccc);
	background-image:-moz-linear-gradient(#fff,#eee 1px,#ccc);
	background-image:-o-linear-gradient(#fff,#eee 1px,#ccc);
	background-image:-ms-linear-gradient(#fff,#eee 1px,#ccc);
	background-image:linear-gradient(#fff,#eee 1px,#ccc);
}

button:active,input[type="reset"]:active,input[type="submit"]:active,input[type="button"]:active {
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(1px,#ddd),color-stop(100%,#eee));
	background-image:-webkit-linear-gradient(#fff,#ddd 1px,#eee);
	background-image:-moz-linear-gradient(#fff,#ddd 1px,#eee);
	background-image:-o-linear-gradient(#fff,#ddd 1px,#eee);
	background-image:-ms-linear-gradient(#fff,#ddd 1px,#eee);
	background-image:linear-gradient(#fff,#ddd 1px,#eee);
	-webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;
	-moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;
	box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;
	border-color:#999 #bbb #ddd;
}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner {
	border:0; padding:0; }

button { *padding-top:1px; *padding-bottom:1px; }

textarea[disabled],select[disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="email"][disabled],input[type="month"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="text"][disabled],input[type="time"][disabled],input[type="url"][disabled],input[type="week"][disabled] {
	background-color:#eee;
}

button[disabled],input[disabled],select[disabled],select[disabled] option,select[disabled] optgroup,textarea[disabled] {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-moz-user-select:-moz-none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	user-select:none;
	color:#888;
	cursor:default;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#888; }

input:-moz-placeholder,textarea:-moz-placeholder {
	color:#888;
}

input.placeholder_text,textarea.placeholder_text { color:#888; }

textarea,select[size],select[multiple] { height:auto; }

select[size="0"],select[size="1"] { height:1.8em; *height:auto; }

@media (-webkit-min-device-pixel-ratio: 0) {
	select[size],select[multiple],select[multiple][size] {
		background-image:none;
		padding-right:3px;
	}

	select,select[size="0"],select[size="1"] {
		background-image:url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
		background-repeat:no-repeat;
		background-position:right center;
		padding-right:20px;
	}

	::-webkit-validation-bubble-message {
		-webkit-box-shadow:none;
		box-shadow:none;
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,black));
		border:1px solid;
		border-color:#747474 #5e5e5e #4f4f4f;
		color:#fff;
		font:13px/17px "Lucida Grande",Arial,"Liberation Sans",FreeSans,sans-serif;
		overflow:hidden;
		padding:15px 15px 17px;
		text-shadow:#000 0 0 1px;
		height:16px;
	}

	::-webkit-validation-bubble-arrow,::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow {
		-webkit-box-shadow:none;
		box-shadow:none;
		background:#666;
		border:0;
	}
}

textarea { min-height:40px; overflow:auto; resize:vertical; width:100%; }

optgroup { color:#000; font-style:normal; font-weight:400; font-family:Arial,"Liberation Sans",FreeSans,sans-serif; }

optgroup::-moz-focus-inner { border:0; padding:0; }

.ie6_button,* html button {
	background:#ddd url(/images/formalize/button.png?1298351022) repeat-x;
	border:1px solid;
	border-color:#ddd #bbb #999;
	cursor:pointer;
	color:#333;
	font:bold 12px/1.2 Arial,sans-serif;
	padding:2px 10px 0;
	overflow:visible;
	width:auto;
}

* html button { padding-top:1px; padding-bottom:1px; }

.ie6_input,* html textarea,* html select { background:#fff; border:1px solid; border-color:#848484 #c1c1c1 #e1e1e1; color:#000; padding:2px 3px 1px; font-size:13px; font-family:Arial,sans-serif; vertical-align:top; }

* html select { margin-top:1px; }

.placeholder_text,.ie6_input_disabled,.ie6_button_disabled { color:#888; }

.ie6_input_disabled { background:#eee; }


/*	STYLES FOR SELECTBOX REPLACEMENT DROPDOWN CONTROL
--------------------------------------------------------------------------------------------------------------------------------------*/
.selectBox-dropdown {
	min-width:150px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-background-clip:padding;
	-moz-background-clip:padding;
	background-clip:padding-box;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-webkit-appearance:none;
	background-color:#fff;
	border:1px solid;
	border-color:#ccc;
	color:#333;
	outline:0;
	margin:0;
	padding:0 3px;
	text-align:left;
	font-size:12px;
	font-family:Arial,"Liberation Sans",FreeSans,sans-serif;
	height:1.8em;
	*padding-top:2px;
	*padding-bottom:1px;
	*height:auto;
}

.selectBox-dropdown:focus,.selectBox-dropdown:focus .selectBox-arrow {
/* border-color: #666; */
}

.selectBox-dropdown.selectBox-menuShowing {
/*
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
*/
}

.selectBox-dropdown .selectBox-label {
	padding:2px 8px;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position:absolute;
	top:0;
	right:0;
	width:23px;
	height:100%;
	background:url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==) 50% center no-repeat;
	/* border-left: solid 1px #BBB; */
}

/* Dropdown menu */
.selectBox-dropdown-menu {
	position:absolute;
	z-index:99999;
	max-height:200px;
	min-height:1em;
	border:solid 1px #BBB;
	/* should be the same border width as .selectBox-dropdown */
	background:#FFF;
	-moz-box-shadow:0 2px 6px rgba(0,0,0,.2);
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);
	box-shadow:0 2px 6px rgba(0,0,0,.2);
	overflow:auto;
}

/* Options */
.selectBox-options,.selectBox-options LI,.selectBox-options LI A { list-style:none; display:block; cursor:default; padding:0; margin:0; color: black; font-size: 12px; }

.selectBox-options LI A { line-height:1.5; padding:0 .5em; white-space:nowrap; overflow:hidden; background:6px center no-repeat; }

.selectBox-options LI.selectBox-hover A { background-color:#0a79c0; color: white; }

.selectBox-options LI.selectBox-disabled A { color:#888; background-color:transparent; }

.selectBox-options LI.selectBox-selected A { background-color:#C8DEF4; }

.selectBox-options .selectBox-optgroup { color:#666; background:#EEE; font-weight:700; line-height:1.5; padding:0 .3em; white-space:nowrap; }

/* Disabled state */
.selectBox.selectBox-disabled { color:#888!important; }

.selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity:.5; filter:alpha(opacity=50); border-color:#666; }

.selectBox-inline.selectBox-disabled { color:#888!important; }

.selectBox-inline.selectBox-disabled .selectBox-options A { background-color:transparent!important; }


/*	TABLE STYLES FOR FORM ALIGNMENT - FIELDS TOP TO BOTTOM WITH LABELS ON LEFT
--------------------------------------------------------------------------------------------------------------------------------------*/
table.form { border:none; clear:none; }

table.form th { text-align:right; white-space:nowrap; width:1%; padding:0 10px; font-size:13px; border:none; }

table.form td { padding:3px; border:none; }


/*	STYLES FOR LABELS BEHIND FORM FIELDS
--------------------------------------------------------------------------------------------------------------------------------------*/
.input { background:#fff; float:left; clear:both; padding: 0; }

.input span { position:absolute; padding:0 5px; margin-top:3px; color:#999; }

.input input,.input textarea,.input select { position:relative; margin:0; background:transparent; background-color:transparent; font:inherit; }

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.input input,.input textarea,.input select {
		/* padding:4px; */
	}
}


/*	SLIDER
--------------------------------------------------------------------------------------------------------------------------------------*/
#slider,#slider_area,.slide { height:400px; }

#slider { display:block; padding:0; position:relative; }

#slider_area { margin:0 auto; overflow:hidden; z-index:1; }

/* Slides */
.slide { width:1140px; position:relative; overflow:hidden; padding:0; margin:0; }

/* slider title with links */
.slide b.title,.slide b.title a { text-decoration:none!important; border:0; color:#e1e5e9; text-shadow:1px 1px 0 #4B4F55; }

.slide b.title a:hover { text-shadow:0 1px 4px #DFE0EF; }

.slide .image { margin:0; padding:0; position:relative; z-index:5; float:right; padding:0!important; }

/* slider text */
#slider_area .desc { width:450px; height:100px; position:absolute; z-index:6; top:240px; left:25px; margin:0; padding:15px 10px 10px 20px; background:url(/images/theme/slider_desc_back_2.png); border:1px solid gray; overflow:hidden; }

#slider_area .desc a { text-decoration:underline; color:#fff; }

#slider_area .desc a:hover { text-decoration:none; }

/* news & slider thumbs */
.slider_thumbs { float:right; list-style:none; list-style-position:outside; margin:3px 0 0!important; }

.slider_thumbs li { float:left; padding:6px; }

.slider_thumbs li a { display:block; border:1px solid #fff; }

.slider_thumbs li a:hover { display:block; border:1px solid #9BA3AB; }

.slider_thumbs li.activeSlide a { display:block; border:1px solid #9BA3AB; }

.slider_thumbs li a.focus { display:block; border:1px solid #9BA3AB; }

.slider_thumbs img { border:none; display:block; padding:1px; }

/* Sub slider pager*/
.sub_slider_pager { position:absolute; z-index:999; margin:5px 0 0 5px; padding:0; }

.sub_slider_pager a { margin:2px; text-decoration:none; font-size:0; text-indent:-999px; width:6px; height:6px; position:relative; float:left; border:1px solid #fff; }

.sub_slider_pager a.activeSlide,.sub_slider_pager a:hover { text-decoration:none; background-color:#fff!important; }


/*	GALLERIFIC PLUGIN STYLES
--------------------------------------------------------------------------------------------------------------------------------------*/
div.shower-gallery-content { display: block; float: right; width: 550px; }

div.shower-gallery-content a, div.shower-gallery-navigation a { text-decoration: none; color: #777; }

div.shower-gallery-content a:focus, div.shower-gallery-content a:hover, div.shower-gallery-content a:active { text-decoration: underline; }

div.shower-slideshow-controls { margin-top: 5px; height: 23px; }

div.shower-slideshow-controls a { padding: 5px; }

div.ss-controls { float: left; }

div.nav-controls { float: right; }

/* The height should be at least the height of the largest image in the slideshow */
div.shower-slideshow-container { position: relative; clear: both; height: 502px; }

/* The height should be at least the height of the largest image in the slideshow */
div.loader { position: absolute; top: 0; left: 0; width: 550px; height: 502px; background: url('/images/loader.gif') no-repeat center; }

div.slideshow { }

div.shower-slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }

/* The height and line-height should be at least the height of the largest image in the slideshow */
div.shower-slideshow a.advance-link { display: block; width: 550px; height: 502px; /*line-height: 502px;*/ text-align: center; }

div.shower-slideshow a.advance-link:hover, div.shower-slideshow a.advance-link:active, div.shower-slideshow a.advance-link:visited { text-decoration: none; }

div.shower-slideshow img { vertical-align: middle; border: 1px solid #ccc; }

div.caption-container { position: relative; clear: left; height: 75px; }

span.image-caption { display: block; position: absolute; width: 550px; top: 0; left: 0; }

div.caption { padding: 12px; }

div.image-title { font-weight: bold; font-size: 1.4em; }

div.image-desc { line-height: 1.3em; padding-top: 12px; }

div.gallery-navigation { width : 300px; float : left; }

ul.thumbs { clear: both; margin: 0; padding: 0; }

ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }

a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }

ul.thumbs li.selected a.thumb { background: #000; }

a.thumb:focus { outline: none; }

ul.thumbs img { border: none; display: block; }

div.pagination { clear: both; }

div.navigation div.top { margin-bottom: 12px; height: 11px; }

div.navigation div.bottom { margin-top: 12px; }

div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }

div.pagination a:hover { background-color: #eee; text-decoration: none; }

div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }

div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }