/* ROSET CONTRACTS - ID MEDIA UK - MEERA TANK */

/* TEMPLATES */
/* GENERAL */
#template_leftnav {float: left; width: 840px; padding: 38px 0 0 0;}
.leftnav_right_content { float: right; width: 670px;}
#template_products { float: left; width: 840px; padding: 38px 0 0 0;}

.left_330 { float: left; width: 320px; padding: 0 10px 0 0; }
.right_330 { float: right; width: 330px;}

.left_600 {float: left; width: 490px; padding: 0 20px 0 0;}
.right_160 {float: right; width: 160px; position: relative;}

.left_500 { float: left; width: 500px; padding: 0; }
.right_160 { float: right; width: 160px;}
/* END GENERAL*/

/* HOMEPAGE */
#template_home {float: left; width: 840px; padding: 38px 0 0 0;}
.home_top_left { float: left; width: 630px; }
.home_top_right { float: left; width: 170px; height: 295px; background: #2b222d; padding: 30px 20px;} 
.home_top_right p {	 float: left; margin: 30px 0 0 0; font-size: 13px;}
.home_top_right a { float: left; font-size: 13px; font-weight: bold; color: #fff; padding: 20px 0 0 0;}
.home_top_right a:hover { color: #604E63; }
.homeBanner {margin-top:10px;clear:left}

ul.home_bottom_nav { float: left; width: 840px; margin: 12px 0 0 0;  }
ul.home_bottom_nav li { float: left; width: 203px;  background: #2b222d; padding: 0 0 25px 0;}
ul.home_bottom_nav li.width9 {width: 9px; background: #1b0221; }
ul.home_bottom_nav li h2 { float: left; padding: 14px 0 0 10px; color: #8A778E; font-weight: bold; text-transform: uppercase; font-size: 11px;}
ul.home_bottom_nav li a {float: left; width: 193px; padding: 5px 0 0 10px; color: #D5D3D5;}
ul.home_bottom_nav li a:hover { color: #8A778E; }
ul.home_bottom_nav li.clear {margin:0;padding:0;height:1px;float:none;clear:left;font-size:1px;line-height:1px;border:0}
/* END HOMEPAGE */

/* PRODUCTS */
ul.products_page { float: left; width: 840px; }
ul.products_page li { float: left; background: #2b222d; padding: 0 0 25px 0;}
ul.products_page li.small { width: 330px; }
ul.products_page li.large { width: 500px; }
ul.products_page li.width9 {width: 9px; background: #1b0221; }
ul.products_page li h2 { float: left; padding: 14px 0 0 10px; color: #8a778e; font-size: 15px; font-weight: bold; }
ul.products_page li.large a { width:480px; }
ul.products_page li.small a { width:310px; }
ul.products_page li a {float: left; width: 100%; padding: 5px 10px 0 10px; color: #fff; font-size: 12px;}
ul.products_page li a:hover { color: #8A778E; }

ul.products_index { float: left; width: 670px; margin: 0 0 10px 0;  }
ul.products_index li { float: left; width: 160px; height: 215px; background: #2b222d; padding: 0 0 30px 0;margin: 0px 7px 7px 0px;}
* html ul.products_index li { padding-bottom:0; height: 245px;}
ul.products_index li.width9 {width: 9px; background: #1b0221; }
ul.products_index li h2 , ul.products_index li h2 a { float: left; padding: 14px 0 0 5px; color: #fff; font-weight: bold; font-size: 12px; }
ul.products_index li h2 a.productName { font-size:10px; }
ul.products_index li h2 a:hover { color: #8a778e;}
ul.products_index li p {float: left; width: 150px; padding: 5px 0 0 10px; color: #8a778e;}
ul.products_index li span {float: left; width: 150px; padding: 0 0 0 10px; color: #a795aa;}
ul.products_index li a { color: #a795aa; }
ul.products_index li a:hover { color: #8a778e;}


ul.nav_tabs { float: left; width: 670px; text-align: center; padding: 10px 0 10px 170px; background: #2b222d; margin: 35px 0 10px 0;}
ul.nav_tabs li {float: left; padding: 0 35px 0 0 ; }
ul.nav_tabs li a {color: #a795aa; font-weight: bold; font-size: 12px; background: url('/resources/image/prod-arrow-right.gif') no-repeat right; padding: 0 15px 0 0; white-space:nowrap; }
ul.nav_tabs li a.selected {color: #fff; font-weight: bold; font-size: 12px; background: url('/resources/image/prod-arrow-down.gif') no-repeat right; padding: 0 15px 0 0;}
ul.nav_tabs li a:hover { color: #8a778e;}

.overview_content {float: left; width: 100%;}
.overview_content img { float: left; /*width: 585px;*/}
.overview_right_col { float: right; width: 205px; min-height: 505px; background: #2e1c31; padding: 40px 25px;}
.overview_right_col h2 { font-size: 14px; color: #fff; font-weight: bold; padding: 0 0 2px 0; }
.overview_right_col h3 { font-size: 11px; color: #a795aa; padding: 0 0 3px 0; }
.overview_right_col span {font-size: 11px; color: #d5d2d6; padding: 0 0 3px 0; }
.overview_right_col p { color: #d5d2d6; margin: 30px 0 0 0;}

.technical_content { float: left; width: 100%;}
.technical_left {float: left; width: 160px; clear:left;}
.technical_right_full {float: left; width: 670px; padding: 0 0 0 0;}
.technical_right {float: left; width: 500px; padding: 0 0 0 10px;}
.technical_right .technical_right_inner {padding-top:20px; }
.technical_right h3 { color: #d1ccd2;}
.technical_right p { color: #d1ccd2;}
.technical_right a.fr, .technical_right_full a.fr { font-size: 13px; color: #d1ccd2; font-weight: bold;}
.technical_right a:hover, .technical_right_full a:hover { color: #8a778e;}

.product_item_left { float: left; width: 160px; padding: 0 0 20px 0; border-bottom: 1px solid #333; margin: 0 0 35px 0;}
.product_item_left .width9 {width: 9px; background: #1b0221; }
.product_item_left h2 { float: left; padding: 14px 0 0 10px; color: #fff; font-weight: bold; font-size: 12px; }
.product_item_left p {float: left; width: 150px; padding: 5px 0 0 10px; color: #8a778e;}
.product_item_left span {float: left; width: 150px; padding: 0 0 0 10px; color: #a795aa;}

.enquiry_box { float: left; width: 140px; padding: 20px 10px; background: #2b222d; }
a.right_arrow {color: #fff; font-weight: bold; font-size: 12px; background: url('/resources/image/prod-arrow-right.gif') no-repeat right; padding: 0 15px 0 0; }
a:hover { color: #8a778e;}
.enquiry_box p { color: #8a778e; padding: 10px 0 0 0; line-height: 14px;}

table.dimensions { color: #bcb5bd; font-size: 10px; float:left; width:670px;}
table.dimensions td { padding: 0 7px 40px 0px; text-align: center; width:160px;}
table.dimensions td img { margin: 0 0 25px 0;}
table.dimensions td h3 { text-transform: uppercase; margin: 0 0 20px 0; float: left; text-align: left;}
table.dimensions td ul.dimen_info { float: left; text-align: left; width:160px;}


.download_left { float: left; width: 330px;}
.download_right { float: left; width: 160px; padding: 0 0 0 10px;}

ul.square_img_list { float: left; width: 100%;}
ul.square_img_list li { float: left; width: 100px; padding: 0 10px 0 0;}
ul.square_img_list li img { margin: 0 0 5px 0;}
ul.square_img_list li h4 { color: #fff; line-height: 16px;}

ul.pager { float: right; margin: 10px 0 0 0; }
ul.pager li { float: left; padding: 2px 0 0 5px;  color: #d1ccd2; }
ul.pager li a { color: #d1ccd2; font-weight: bold;}
ul.pager li a.selected { font-size: 13px; color: #8a778e; font-weight: bold; position: relative; top: -2px;}
ul.pager li a:hover { color: #8a778e;}
ul.pager li.extra_pad_l { font-size: 13px; font-weight: bold; padding: 0 5px 0 0;}
ul.pager li.extra_pad_r { font-size: 13px; font-weight: bold; padding: 0 0 0 10px;}



.gallery_content { float: left; width: 100%;}
ul.gallery_area {float: left; width: 100%;}
ul.gallery_area li.gallery_img_left { float: left; width: 415px;}
ul.gallery_area li.gallery_img_right { float: left; width: 415px; padding: 0 0 0 10px;}

ul.gallery_area li ul.gallery_navigation { float: right; width: 840px; margin: 15px 0;}
ul.gallery_area li ul.gallery_navigation li.gal_nav_left {float: left; text-transform: uppercase; color: #fff;}
ul.gallery_area li ul.gallery_navigation li.gal_nav_left span.withpad { padding: 0 0 0 30px;}
ul.gallery_area li ul.gallery_navigation li.gal_nav_right {float: right; font-weight: bold; font-size: 13px; }
ul.gallery_area li ul.gallery_navigation li.gal_nav_right span {color: #49354d; padding: 0 0 0 15px;}
ul.gallery_area li ul.gallery_navigation li.gal_nav_right a { color: #d1ccd3; padding: 0 0 0 15px;}
ul.gallery_area li ul.gallery_navigation li.gal_nav_right a:hover { color: #8a778e;}

ul.gallery_area li ul.gallery_navigation_full { float: left; width: 840px; margin: 15px 0;}
ul.gallery_area li ul.gallery_navigation_full li.gal_nav_left {float: left; text-transform: uppercase; color: #fff;}
ul.gallery_area li ul.gallery_navigation_full li.gal_nav_left span { padding: 0 0 0 30px;}
ul.gallery_area li ul.gallery_navigation_full li.gal_nav_right {float: right; font-weight: bold; font-size: 13px; }
ul.gallery_area li ul.gallery_navigation_full li.gal_nav_right span {color: #49354d; padding: 0 0 0 15px;}
ul.gallery_area li ul.gallery_navigation_full li.gal_nav_right a { color: #d1ccd3; padding: 0 0 0 15px;}
ul.gallery_area li ul.gallery_navigation_full li.gal_nav_right a:hover { color: #8a778e;}

ul.gallery_area li ul.gallery_thumb {float: left; width: 840px;}
ul.gallery_area li ul.gallery_thumb li {float: left; width: 160px; height: 160px; background: #49354d;}
ul.gallery_area li ul.gallery_thumb li.text { padding: 20px 10px; width: 140px; height: 120px;}
ul.gallery_area li ul.gallery_thumb li.text p { line-height: 14px; padding-top: 5px;}
ul.gallery_area li ul.gallery_thumb li.margin10 {float: left; width: 10px; background: transparent;}
ul.gallery_area li ul.gallery_thumb li.overlay { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; }
/* END PRODUCTS */

/* ABOUT */
.history_item { float: left; width: 100%; margin: 0 0 10px 0;}
.location_country { float: left; width: 670px; height: 160px; margin:0 0 10px 0; padding: 0;}
ul.each_location {float: left; width: 490px; line-height: 14px;}
ul.each_location li h2.sifr { float: left; width: 490px; padding: 0;}
ul.each_location li.title h3 {  float: left; width: 490px; font-size: 11px!important; color: #fff; padding: 15px 0 10px 0;}
ul.each_location li.address { float: left; color: #8d8190; width: 160px;}
ul.each_location li.phone { float: left; color: #8d8190;width: 160px;}
ul.each_location li.phone a { float: left; color: #8d8190; text-decoration: underline; padding: 14px 0 0 0;}
ul.each_location li.phone a:hover { text-decoration: none;}
.location_country .image { float: right; width: 160px; vertical-align: top;}
ul.each_location li.date h3 { float: left; width: 500px; font-size: 11px!important; color: #fff; padding: 0 0 10px 0;}
ul.each_location li.text p { float: left; width: 100%; padding: 0; color: #8d8190;}
ul.each_location li.text a { float: left; width: 100%; padding: 0; color: #8d8190; text-decoration: underline;}
ul.each_location li.text a:hover { text-decoration: none;}
/* END ABOUT */

/* NEWS AND PRESS */
.news_article_content { position: relative; width: 100%; min-height: 330px;}
.news_article_content h3 { float: left; width: 490px; font-size: 11px!important; color: #fff; padding: 0 0 10px 0;}
.news_article_content a.news { float: left; width: 100%; padding: 0 0 20px 0; text-decoration: underline;}
.news_article_content a.next_prev { position: absolute; bottom: 0; right: 0; font-weight: bold; color: #fff; font-size: 13px;}
.news_article_content a:hover.next_prev { color: #8a778e;}
/* END NEWS AND PRESS */

/* PROFESSIONAL AREA */
.reg_section { float: left; width: 490px; border-bottom: 1px solid #321c38; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.reg_section h2 { color: #c2c2c2; font-size: 13px; font-weight: bold; padding: 0 0 15px 0;}
ul.reg_form { float: left; width: 340px;}
ul.reg_form li { float: left; width: 340px; padding: 0 0 7px 0;}
ul.reg_form li label { float: left; width: 120px; color: #c2c2c2;  padding: 5px 0; }
ul.reg_form li input { float: left; width: 188px; height: 18px; border: 1px solid #472c4a; padding: 3px 5px; font-size: 12px; color: #333; font-family:Verdana;}
ul.reg_form li input.small { float: left; width: 82px; height: 18px; border: 1px solid #472c4a; padding: 3px 5px; font-size: 12px; color: #333;}
ul.reg_form li input.check { margin-left:117px; width: 20px;}
ul.reg_form li label.check {float: left; width: 180px;}
ul.reg_form li textarea { width:197px; height:100px; border: 1px solid #472c4a; background-color:#fff; padding:0; font-size: 12px; font-family:Verdana; }
ul.reg_form li select { width:199px; background-color:#fff; padding:0; border:none; padding:0 0px; height:18px;  font-family:Verdana;}
a.forgot { float: left; margin: 10px 0 20px 120px; color: #8a778e;}

a.submit_btn { margin-left:120px; position:relative;}
/*a.register_btn { padding: 0 0 0 120px;}*/

.prof_area { float: left; width: 320px; min-height: 350px; margin: 6px 0 0 0; padding: 0 0 0 15px; color: #c2c2c2; border-left: 1px solid #321c38;}
.prof_area p { color: #c2c2c2;}
.prof_area ul.bullet_list { color: #c2c2c2; padding-bottom:20px;}
.prof_area ul.bullet_list li { margin-left:15px; list-style-type:disc;}


/* CASE STUDY SECTION */

ul.case_archive_list { float: left; width: 680px;  }
ul.case_archive_list li { float: left; width: 160px;  background: #2b222d; margin: 0px 10px 10px 0px; padding: 0;}
ul.case_archive_list li h2 a { float: left; padding: 20px 0 0 10px; color: #fff; font-weight: bold; font-size: 12px; }
ul.case_archive_list li h2 a:hover { color: #8a778e;}
ul.case_archive_list li p {float: left; width: 140px; padding: 5px 0 0 10px; color: #8a778e;}
ul.case_archive_list li span {float: left; width: 140px; padding: 0 0 20px 10px; color: #a795aa;}
ul.case_archive_list li a { color: #a795aa; }
ul.case_archive_list li a:hover { color: #8a778e;}
ul.case_archive_list li a img { width: 160px; }

ul.case_large_list { float: left; width: 330px;  }
ul.case_large_list li { float: left; width: 330px; height: 330px; background: #2b222d; margin: 0px 7px 7px 0px;}
ul.case_large_list li h2 a { float: left; padding: 20px 0 0 10px; color: #fff; font-weight: bold; font-size: 12px; }
ul.case_large_list li h2 a:hover { color: #8a778e;}
ul.case_large_list li p {float: left; width: 330px; padding: 5px 0 0 10px; color: #8a778e; }
ul.case_large_list li span {float: left; width: 300px; padding: 0 0 20px 10px; color: #a795aa;}
ul.case_large_list li a { color: #a795aa; }
ul.case_large_list li a:hover { color: #8a778e;}
ul.case_large_list li a img { width: 330px; }

ul.case_small_list { float: left; width: 340px; margin-bottom:10px; }
ul.case_small_list li { float: left; width: 160px;  background: #2b222d; margin: 0px 10px 0 0px; padding: 0;}
ul.case_small_list li h2 a { float: left; padding: 20px 0 0 10px; color: #fff; font-weight: bold; font-size: 12px; }
ul.case_small_list li h2 a:hover { color: #8a778e;}
ul.case_small_list li p {float: left; width: 140px; padding: 5px 0 0 10px; color: #8a778e;}
ul.case_small_list li span {float: left; width: 140px; padding: 0 0 20px 10px; color: #a795aa;}
ul.case_small_list li a { color: #a795aa; }
ul.case_small_list li a:hover { color: #8a778e;}
ul.case_small_list li a img { width: 160px; }

.case_item_left { float: left; width: 160px; padding: 0 0 20px 0; margin: 0 0 35px 0;}
.case_item_left p {font-weight:bold; margin:10px 0px; }
.overview_left, .overview_right { float: left; width: 140px; padding: 10px; margin: 0 0 20px 0;}
.overview_left h2, .overview_right h2 { padding-bottom: 0px;}
.overview_copy { float: left; width: 470px; padding: 0 10px;}
.overview_copy address { margin: 30px 0 0 0; line-height: 18px;}
.overview_copy address a { float: left; margin: 15px 0 0 0;}

.content h4 { padding:0; color: #fff; font-weight: bold; font-size: 12px; }
.content p { clear:both; margin-bottom:20px; padding:0px;}
.content p.italic { font-style:italic; }
.content span { clear:both; bottom:20px; color: #fff;}
.content ul { color:#968A99; margin-bottom:15px; } 
.content li { list-style-type:disc; margin-left:30px; line-height:18px;}

.content .locations { color: #968A99; }
.content .locations .left {width:200px; float:left; margin-bottom:20px;}
.content .locations .right { float:left;}
.content .locations h4 { clear:both;}

ul.nav_link_list li .nav_profiles { margin:10px 0px; }

ul.nav_link_list li .nav_profiles a  { margin:0px; color:#8a778e;}

.left_330 p { clear:both; }
.left_330 p.top15 {  padding-top:15px;}

.no_access_left { width:340px; float:left; margin-left:10px; border-right:1px solid #331C38; height:300px; margin-top:5px; margin-right:10px;}
.no_access_left  p { width:330px;}
.no_access_left .resource_index li { width:100px; float:left; margin-right:10px; }
.no_access_left .resource_index li p { margin-top:10px; width:100px;}

.no_access_right  { padding-left:10px;}
.no_access_right  .login_btn { left:10px;}