body { background:#ccc; }
body,td,input { font-family:Trebuchet MS,Arial; font-size:11px; color:#000; }
a,a:visited { color:#0000FF; font-weight:bold; text-decoration:none; }
p { margin:5px 0; font-size:11px; }
#centered_page { border:none; width:800px; padding:0px 6px; background: #fafbde url(/images/bg.gif) repeat-y top left; }


/*-----HEADER----*/
#page_header #header { height:90px; width:800px; margin:0px; padding:0px; background-color:#fff; }
#header #logo_area { height:90px; width:324px; margin:0px; padding:0px; float:left; }
#header #contact { background:url(/images/contact_phone.jpg) no-repeat left bottom; height:50px; width:238px; margin:0px; padding:0px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding-left:40px; }
#header #contact h2 {color:#9d8976; font-size:14px; margin:3px 0 }
#header #cart { height:50px; width:150px; margin:0px; padding:0px; float:left; text-align:center; }
#header #cart img { margin-bottom:2px; }


/*-----FOOTER---------*/
#footer_links {height:10px; margin:10px auto; margin-top:50px; }
#footer_links ul { width:365px; list-style-type:none; display:block; margin:0px auto; }
#footer_links li { float:left; border-right:1px solid #000000; margin:0px; padding:0px 5px; }
#footer_links li.last { float:left; margin:0px; padding:0px 5px; border:0px; }
#footer_links a { font-weight:normal; }
#footer { background:#21afb5 url(/images/title_bar_lrg.gif) repeat-x top left; height:20px; margin:0px auto; color:#fff; line-height:20px; padding-left:10px; text-align:left; font-size:11px; color:#FFFFFF; border-top:1px solid #000000; }
a.powered_by {font-weight:normal; color:#999;}


/*-----TOP NAVIGATION------*/
#page_header #nav { background:#fafbde; height:72px; width:800px; margin:0px; padding:0px; }
#nav_blue { background:#21afb5 url(/images/nav_teal.gif) repeat-x top left; height:44px; width:800px; font-size:12px; color:#fff; font-weight:bold; line-height:44px; float:left; border-top:1px solid #000000; }
#nav_blue a {color:#fff; font-weight:bold; }
#nav_blue a:hover {text-decoration:underline; }
#nav_blue a:visited { color:#fff; }
#nav_blue ul { margin:0px; padding:0px; list-style:none; margin-left:20px; }
#nav_blue li { float:left; padding-left:10px; padding-right:10px}
#nav_blue li.active { background:#fafbde; border-left:1px solid #000000; border-right:1px solid #000000; float:left; color:#000000; }
#nav_blue li.active a, #nav_blue li.active a:visited  { color:#000000; }
#nav_blue li.active a:hover { text-decoration:none; }

#search { background:url(/images/search_bg.gif) repeat-x; height:43px; width:191px; margin:0px; float:left; border-left:1px solid #000000; border-bottom:1px solid #000000; border-top:1px solid #000000; padding-top:0px; }
#search_main { height:50px; width:140px; margin:0px; float:left; padding-top:3px; font-weight:bold; }
#search label {color:#FFFFFF; font-weight:bold; padding:0px; margin-left:5px;}


/*----- SIDEBAR ------*/
#page_content #sidebar_navigation { padding:0px; }
#content_sidebar #sidebar_navigation a { padding-left:8px; font-weight:normal; font-size:11px; }
#content_sidebar #sidebar_navigation a:hover { text-decoration:underline; }

#page_content #content_sidebar {width:211px; margin:0px; padding-left:10px; float:left; }
#content_sidebar .sidebar_box { background-color:#fff; width:209px; border:1px solid #666; margin-bottom:10px; padding:0px; }
#content_sidebar .sidebar_box .title {height:23px; background:url(/images/title_bar_lrg.gif) repeat-x; font-size:13px; color:#fff; line-height:23px; padding-left:10px; margin:0px; border:none; }
#content_sidebar .sidebar_box .body {padding:5px;}
#content_sidebar .sidebar_box ul { margin:0px; padding:0px; list-style-type:none; }
#content_sidebar .sidebar_box li { background:#fff url(/images/cross.gif) no-repeat left center; padding: 0 0 0 10px; margin:2px 0; }

/*------------- Shared Content ---------------*/

#page_content {overflow:hidden;}
#page_content #content_body {overflow:hidden; background:#fff; width:540px;  margin:0 5px 0 0; padding:10px; border:1px solid #666666; }
#page_content #content_body .body {background:transparent url(/images/horizontal_seperate.gif) no-repeat top left; padding-top:5px;}
#page_content #content_body .title {background:url(/images/title_bullet.gif) no-repeat left center; color:#9d8976; font-size:16px; font-weight:bold;padding:2px 0 2px 45px; overflow:hidden; margin-top:2px; height:29px; line-height:35px;}

#page_content #content_body a {text-decoration:none;}
#page_content #content_body a:hover { text-decoration:underline; }



/*------------ FAQ --------------*/
#content_body .faq_entry h3 { background: transparent url(/images/arrow.gif) no-repeat top left; font-size:12px; font-weight:bold; padding-left:15px; padding-right:10px; margin-top:5px; margin-bottom:3px;}
#content_body .faq_entry p { margin: 8px 5px; font-size:12px;}


/*----------- CONTACT -----------*/
#contact_form .form_item {overflow:hidden;}
#contact_form .form_item label {float:left;clear:left;font-weight:bold;}
#contact_form .form_item input {width:200px;clear:left;float:left;margin:2px 0;}
#contact_form .form_item textarea {width:300px; height:100px; font-size:12px; margin-bottom:5px;clear:left;float:left;}
#contact_form .form_item .button {float:none; font-family:Verdana, Arial; font-weight:bold; background:#ccc url(/images/button_bg.gif) repeat-x top left; font-size:10px; width:auto; height:18px; padding:2px; margin-right:5px; border:1px solid #ccc; }

/* --------- Shared Product Styles -----*/


.product_thumbnail {width:100px; float:left; margin:10px; padding:5px; text-align:center; position:relative; }
.product_thumbnail .image {}
.product_thumbnail .price {margin:2px auto; text-align:center;}
.product_thumbnail .name {display:block; padding:2px 0;}

.view_more {background:#ccc url(/images/button_bg.gif) repeat-x top left;display:block; height:10px; width:60px; margin:5px; padding:5px; border:1px solid #ccc; text-align:center; line-height:10px;}



#product_details #imagebox { width:250px; float:left; padding:5px; border:1px solid #666; }
#product_details #imagebox .images img { margin:0px auto; }
#product_details #imagebox div.title {background-image:none; font-size:12px; text-align:center; padding:5px;}
#product_details #imagebox .thumbnails {}
#product_details #imagebox .thumbnails img { padding:5px; float:left; cursor: pointer; }
#product_details #product_info { width:270px; float:right;}
#product_details #product_info h2 {color:#000 ;font-size:20px; margin:5px 0px; padding:0px; }
#product_details #product_info h3 { font-size:18px; margin:5px 0px; padding:0px; }


#product_list { width:300px; height:auto; float:right; margin:5px 0px; padding:0px; }
#product_list ul { margin:0px padding:0px; float:right; list-style-type:none; display:block; padding-right:10px;}
#product_list li { float:right; padding-left:5px; }
#product_list li a { font-weight:bold; }

.icon { float:left; margin-right:20px; }
.icon_description { float:left; width:400px; }
.icon_description h2 {background:url(/images/title_bullet.gif) no-repeat left center; color:#9d8976; ;padding:2px 0 2px 45px; overflow:hidden; margin-top:2px; height:29px; line-height:35px;}

.vert_seperate { height:49px; width:1px; background:url(/images/verticle_seperate.gif) repeat-y; float:left; padding-right:5px;}
.vert_seperate2 { height:75px; width:1px; background:url(/images/verticle_seperate.gif) repeat-y; float:left; padding:0px 5px; margin:10px 0px; }
.horiz_seperate { height:1px; width:525px; background:url(/images/horizontal_seperate.gif)no-repeat bottom left; margin-bottom:5px; }
.blank {width:476px; height:40px; margin:0px; padding:0px; float:left; }


.search { border:1px solid #003399; height:14px; width:125px; padding-left:0px; margin-left:5px; margin-bottom:5px; font-size:10px; }
.button { background:url(/images/go_button.gif) no-repeat; width:22px; height:22px; }
.picture { height:auto; width:175px; padding:0px; margin-left:0px; margin-right:10px; margin-top:10px; margin bottom:5px; float:left; }


#category_list .category { background: transparent url(/images/horizontal_seperate.gif) no-repeat bottom left; padding:0 0 10px 0; margin:15px 0 0 0px;}
#category_list .category .cat_description { float:right; width:400px;}
#category_list .category .cat_description h2 { background:#21afb5 url(/images/title_bar_lrg.gif) repeat-x top left; height:17px; border:1px solid #ccc; color:#fff; font-size:12px; font-weight:bold; line-hight:17px; padding-left:10px; padding-top:0px; padding-bottom:0px; margin:0px; }
#category_list .cat_img { display:block; float:left; margin-bottom:20px;}
#category_list .cat_box { background:url(/images/left_box.gif) repeat; width:330px; padding:0px; float:right; margin-left:10px; margin-right:0px; margin-top:10px; margin-bottom:5px; border:1px solid #666666; }

.clear {clear:both; }

.view_more2 { float:left; background:url(/images/go_button_whitebg.jpg) no-repeat left; height:23px; width:75px; margin:0px; padding-left:25px; line-height:23px; padding-top:5px; padding-right:5px; }

div.primary { text-align:center; }
div.additional { float:left; padding:5px; }

/*---------Service Category ---------*/
.services_category .icon {float: left; overflow:hidden; margin:0; padding:10px;}
.services_category .details {width: 400px; float:right; overflow:hidden; }
.services_category .category {overflow: hidden;}
.services_category .details {padding:0 0 20px; margin:15px 0 0; border-bottom:1px solid #ccc; }
.services_category .services {clear:both; overflow:hidden; }
.services_category .services .service {clear:both; margin:15px 0; overflow:hidden; }
#page_content #content_body .services_category .details a.name {margin:5px 0px; color: #0000FF; font-size:14px; text-decoration:none; }
#page_content #content_body .services_category .details a.name:hover { text-decoration:underline; }
.services_category .details .links { text-align:right;}
#content_body .services_category .details .links a { text-decoration:none; color:#0000FF; margin:auto 5px;}
#content_body .services_category .details .links a:hover { text-decoration:underline; }
#content_body .services_category .details .links a:visited { color:#0000FF; }
/*------------Services----------------*/

.clear {display:block;}

.services_service .details {width: 400px; float:right; overflow:hidden; background: transparent url(/images/horizfontal_seperate.gif) repeat-x bottom left; padding:0 0 10px; margin:15px 0 0; }
.services_service .details h2.name {margin:5px 0; font-size:18px;}
.services_service .details .links { text-align:right;}
#content_body .services_service .details .links a { text-decoration:none; color:#0000FF; margin:auto 5px; border:0px; }
#content_body .services_service .details .links a:hover { text-decoration:underline; }
#content_body .services_service .details .links a:visited { color:#0000FF; }
#content_body .services_service .details p.description {margin:10px 5px;}

.services_service div.banner { margin:30px 0px; }

.services_service .gallery {overflow:hidden; background: transparent url(/images/gallery_icon.jpg) no-repeat scroll top left; margin-top:20px;}
#page_content #content_body .services_service .gallery .title { padding:21px 0;; margin:0 0 0 70px; background-image:none; width:auto;}
#page_content #content_body .services_service .gallery .title h2 { margin:0; text-transform:uppercase; line-height:normal; height:25px; border-bottom:1px solid #ccc; color:#000; }
.services_service .gallery .images {margin-left:66px;}
.services_service .gallery .images a {float:left; margin:0 10px 20px; border:2px solid #fff; }
.services_service .gallery .images a:hover { border:2px solid #0000FF; }

/*------------Quote Form----------------*/

fieldset legend {color:#000; font-size:16px; font-weight:bold; padding:10px 10px; }
fieldset form { font-family:verdana, arial; }
fieldset form .form_item { margin:10px 0px; width:400px; }
fieldset form .form_item label { width:200px; font-weight:bold; }
fieldset form .form_item input { width:125px; }
fieldset form .form_item input.third { width:60px; }
fieldset form .form_item textarea {width:300px; height:100px; }
