/* --- Common Layouts --- */
/* ---------------------- */
body {font-size: 12px; font-family: Arial, Helvetica, Garuda, sans-serif; background: #acadaf url('../images/body-bg.jpg') repeat-x; color: #666}
.wrapper {width: 1019px; margin: 0 auto}
.header {height: 177px; position: relative; padding-top: 42px}
.header .white-block {background: #fff; height: 30px; padding: 90px 0 0 30px;}
.tl-layer {margin-bottom: 7px}
.top-links {width: 600px; float: left !important;}
.top-links li {
	background:none;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	float: left; height: 20px; line-height: 20px}
.top-links a {font: 10px/20px "MS Sans Serif", Geneva, sans-serif; text-transform: uppercase; color: #fff !important; text-decoration: none; padding: 0 6px}
.top-links a:hover, .top-links .active a {text-decoration: underline}
.top-icons {float: left; width: 84px}
.top-icons li {
	background:none;
	list-style: none;
	margin: 0 !important;
	float: left; height: 20px; line-height: 20px; padding: 0 3px !important; }
.top-icons a {text-decoration: none}
.logo {position: absolute; top: 86px; left: 21px; width: 614px; height: 90px; display: block}
.hright {position: absolute; top: 0; right: 0}
.header .black-block {height: 30px; background: #000}


.search {float: right; height: 30px; padding: 0 19px}
.search label {color: #fff; text-transform: uppercase; font-size: 14px; line-height: 29px; padding-right: 8px}
#search-text {width: 152px; height: 14px; border: 1px solid #ccc; font-size: 11px; color: #ccc; padding: 2px 4px; position: relative; top: 1px; margin-right: 7px}
.red-button{
	height: 21px; 
	border: none; 
	background: #f82d25; 
	color: #fff !important; 
	font: 11px/18px "MS Sans Serif", Geneva, sans-serif; 
	text-transform: uppercase; 
	padding: 0 14px; 
	cursor: pointer
	}
a.red-button {text-decoration: none;}
/*.top-1 {position: relative; top: 2px}*/
button,  .jobs a span{
	height: 21px; 
	border: none; 
	background: #f82d25; 
	color: #fff !important; 
	font: 11px/18px "MS Sans Serif", Geneva, sans-serif; 
	text-transform: uppercase; 
	padding: 0 14px; 
	cursor: pointer;
	text-decoration: none;
	}
.jobs button,  .jobs a span {float:right;}

p {font-size: 12px; line-height: 18px; margin-bottom: 6px}

.content {
	position: relative; 
	background: #fff url('../images/content-top-bg.gif') repeat-x; 
	padding-top: 27px;
	padding-bottom: 15px;
	}
	
/* --- Links , Jobs--- */
.ap {padding: 8px 0}	
.links h3{
	border:1px solid #CCCCCC;
	color:#AF1E22;
	font-family:"MS Sans Serif",Geneva,sans-serif;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	margin:0 0 8px;
	padding:0 5px;
	text-transform:uppercase;
	}
.links ul {margin-bottom: 15px}
.links a, .links a:visited {color:#666666 !important; text-decoration:none;}
.links a:hover {color:#0066bb !important; text-decoration:underline;}
.links .col-1 {float: left; width: 232px; margin: 0 17px 10px 0}
.links .col-2 {float: left; width: 232px; margin: 0 17px 10px 0}
.links .col-3 {float: left; width: 232px; margin: 0 17px 10px 0}
.links .col-4 {float: left; width: 234px; margin: 0 0 10px 0}


h1, h2 {
	height: 22px; padding: 0 6px; background: #060606; color: #fff; font-weight: normal; text-transform: uppercase; 
	font: 14px/22px "MS Sans Serif", Geneva, sans-serif;
	margin-bottom:10px;
	
	}
.no-border {border: none!important}
.fl-right {float: right!important}
.mb-6 {margin-bottom: 6px!important}
.mb-0 {margin-bottom: 0!important}
.footer {margin: 10px 0; font: 10px/21px "MS Sans Serif", Geneva, sans-serif; border: 1px solid #ccc; text-transform: uppercase; color: #fff}
.footer a {color: #fff !important; text-decoration: none}
.footer a:hover {color: green !important}
.footer .copy {float: left; width: 685px; padding-left: 12px}
.footer .acidgreen {float: left; width: 299px; padding-right: 12px; text-align: right}


.left-sidebar {float: left; width: 243px; margin: 0 21px 18px 0; padding-left: 18px}
.right-content {float: left; width: 721px; color: #666; margin: 0 0 18px 0;}

h2.longtitle {height: 22px; margin: 0 18px 18px 18px; padding: 0 6px; background: #060606; color: #fff; font-weight: normal; text-transform: uppercase; font: 14px/22px "MS Sans Serif", Geneva, sans-serif}

label.error {color:#ff0000;}

a, a:visited, a:link {color: #dd0000;}
a:hover {color: #0066bb;}

/* --- UL OL  --- */
.menu {float: left !important;}
ul.menu {
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:none !important;
	margin-left:0em !important;
	padding-left:0em !important;
	margin-bottom:0em !important;
}
.menu li {
	float: left !important;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	background:none;
	}
.menu a {
		display: block; 
		font-size: 14px;
		line-height: 29px;
		text-transform: uppercase;  
		color: #ffffff; 
		height: 30px; 		 
		padding: 0 28px; 
		text-decoration: none; 
		background: url('../images/menu-delimiter.gif') right no-repeat
		}
.menu a:hover, .menu li.active a {background: #f82d25} /* neil added */

/* --- UL  --- */

ul {
	padding-left:0.2em; 
	line-height: 1.3em;
	}
ul li {
 	background:url(../images/bullet_black.png) -5px 0px no-repeat; /* change background em accordingly */
	padding: 0 0 0.4em 1em;
	list-style: none;
}

/* --- Sitemap links  --- */

ul.sitemap_links {

}
ul.sitemap_links li {
	padding-top: 3px;
	padding-bottom: 3px;
	}

ul.sitemap_links ul li {
	background:none;
	list-style: none;
	}

/* --- About us  --- */
ul.team-line li{	
	list-style:none !important;
	background:none;	
}
.team-line li {float: left; width: 244px; padding: 0px 0 15px; line-height: 16px}
.team-line li.last {width: 171px}
.team-line li span {font-size: 11px}


/* --- From index.css --- */
.headlines {float: left; width: 333px}
.h-item {padding: 8px 0; border-bottom: 1px solid #e4e1d8}

.h-image {float: left; width: 142px}
.h-image img {padding: 2px; border: 1px solid #999}
.h-text, .h-text p {float: left; width: 191px; text-align: left; font-size: 11px; line-height: 16px}

.h-image-year {float: left; width: 142px}
.h-image-year img {padding: 2px; border: 1px solid #999}
.h-text-year {float: left; width: 400px; text-align: left; font-size: 11px; line-height: 16px}

.h-text h5, .h-text-year h5 {font-size: 12px; font-weight: normal; color: #f92d26; text-transform: uppercase}
.h-text a, .h-text-year a {color: #f92d26}
.h-text a:hover, .h-text-year a:hover {text-decoration: none}


/* --- Newsletter  --- */
.enewsletter {border: 1px solid #cfcece; padding: 6px 6px 6px 7px;}
	.en-title {font: 14px "MS Sans Serif", Geneva, sans-serif; color: #666; text-transform: uppercase;}
	.en-title span {font-size: 25.39px; color: #000}
	.enewsletter label {font-size: 11px; display: block; padding: 4px 0 2px;}
	.en-text {width: 134px; height: 14px; border: 1px solid #ccc; font-size: 11px; color: #999999; padding: 0 4px}
	.enewsletter select {width: 144px; border: 1px solid #ccc; font-size: 11px; color: #999999; margin-bottom: 4px}

/* --- Ad  --- */
.left-advertisement {margin: 0 0 0 0; height:274px}
.right-advertisement {margin: 5px 0 0 0;}
	.right-advertisement span, .left-advertisement span {color: #666; font: 10px "MS Sans Serif", Geneva, sans-serif; text-transform: uppercase}
	.right-advertisement span img, .left-advertisement span img {position: relative; top: 2px}


/* --- Latest Issue --- */
.isues {width: 808px; height: 162px; background: #d0d1d5 url('../images/latest_issue_bgr.jpg') no-repeat left top; padding: 0px 11px 0 0px; margin: 0 0 18px 18px}
	.isues-cover {
		width:135px; 
		height:162px; 
		float:left; 
		margin-left:57px;
		overflow: hidden;
		}
	.isues-right {
		float:left;
		padding: 10px 0 0 10px;
		width: 600px;
		}
		.isues-title {font-size: 18px; color: #f82c24; text-transform: uppercase; margin-bottom: 1px;}
		.isues-text {color: #333; font-size: 11px; line-height: 13px; height:83px; overflow: auto; }
		.isues-bottom {margin-top: 6px; height: 30px; border: 1px solid #fff; padding: 0 8px; line-height: 32px}
		.isues-bottom label {color: #333; font-size: 12px; text-transform: uppercase; padding: 0 8px}
		.isues-bottom span {font-size: 16px; color: #f82c24; text-transform: uppercase; margin-bottom: 6px;}
		.isues-bottom a {text-decoration: none}

	.isues-bottom label.error { 
		position: absolute; 
		color: #ffffff; 
		line-height: 12px;
		padding: 4px;
		top: -22px;
		left: 35px;
		background-color: #cc0000;
		padding:4px;
		text-transform: none;
		z-index: 1000;
		border: 1px solid #ffffff;
		}
	.isues-bottom input { color: #999999;}


/* --- Subscribe Page - Form --- */
/*
.right-content p {width: 710px; text-align: justify; color: #666; line-height: 18px; margin-bottom: 15px}
.right-content p.title {font-size: 14px; color: #f82d25; text-transform: uppercase}
.right-content h2 {margin-bottom: 12px; position: relative}
*/
h3.subs-steps {margin: 8px 0 8px 0; padding: 6px 6px; background: #060606; color: #fff; font-weight: normal; font: 14px "MS Sans Serif", Geneva, sans-serif}

	.col-1 {float: left; width: 230px; margin: 0 17px 10px 0}
	.col-2 {float: left; width: 230px; margin: 0 17px 10px 0}
	.col-3 {float: left; width: 237px; margin: 0 0 10px 0}
	.col-4 {float: left; width: 237px; margin: 0 0 10px 10px}
	
	.col-1 label, .col-2 label, .col-3 label {text-transform: uppercase; display: block; font: 10px "MS Sans Serif", Geneva, sans-serif}
	.col-1 input, .col-2 input, .col-3 input {width: 223px; height: 14px; padding: 3px; margin-bottom: 5px; font: 12px Arial, sans-serif; color: #0066BB; border: 1px solid #ccc; }

label.error {color:#ff0000; text-transform: none; }

/* --- Layout Left Bottom --- */
.lb-left {float: left; width: 509px; margin: 0 10px 0 18px}
.lb-right {float: left; width: 300px}


/* --- Special Deals Carousel --- */
.deals {width: 510px; height: 91px; overflow: hidden; border: 1px solid #000; background: #dad9d0; position: relative; padding-left: 5px; margin: 6px 0 18px}
	.deals-left {z-index:5; display: block; width: 42px; height: 91px; background: url('../images/deals-left.png') no-repeat; text-decoration: none; position: absolute; top: 0; left: 0}
	.deals-right {z-index:5; display: block; width: 42px; height: 91px; background: url('../images/deals-right.png') no-repeat; text-decoration: none; position: absolute; top: 0; right: 0}
	.deals li {padding: 5px 6px 5px 0}
	.deals li a {display: block; width: 82px; height: 82px; overflow: hidden;}


/* --- Most popular --- */
.popular {color: #666; margin: 6px 0 18px;}
	.popular p {color: #666; line-height: 18px; margin-bottom: 6px}
	.popular a {color: #666; text-decoration: none}
	.popular span {color: #af1e22}



/* --- Hero Images --- */
#prev, #next { margin-top: 0px; text-align: center; font-size: 2.0em; }

#gallery { position: relative; }
#pictures { position: relative;  height:347px; overflow: hidden;}
#pictures div.pic-holder { width:453px; height:347px; position: absolute; top: 0; left: 0; overflow: hidden;}

.rimage-bg {position: absolute; top: 10px; left: 3px; width: 491px; height: 383px; background: url('../images/rimage-bg.png') no-repeat}
.left-main {float: left; width: 849px}
.left-top {margin-bottom: 10px}
.right-main {float: left; width: 160px}
.rimage {float: left; margin: 0px 29px 37px 22px; width: 453px; height: 347px; }


.rimage-text {
	position: absolute; 
	left: 0; top: 277px; 
	width: 433px; 
	height: 50px; 
	background: transparent url('../images/rimage-text.png') no-repeat; 
	color: #fff; 
	padding: 10px;
	font: 12px/16px "MS Sans Serif", Geneva, sans-serif
	}

	.rimage-text span {font-size: 11px}
	.rim-arrows {width: 88px; height: 32px; background: url('../images/rim-arrows.png') no-repeat; position: relative; top: 0; left: 22px}
	.rim-left {display: block; float: left; width: 45px; height: 32px; text-decoration: none}
	.rim-right {display: block; float: left; width: 43px; height: 32px; text-decoration: none}
	.rim-more {position: absolute; bottom: -32px; left: 120px; text-decoration: none; color: #999; font-size: 11px}
	
	.rimage-text a, .rimage-text a:visited, .rimage-text a:link {color: #ffffff !important; text-decoration: underline !important;}
	.rimage-text a:hover {color: #ff0000 !important;} 

/* enhanced - start */
#loader { position: absolute; top: 0; left:0; height: 458px; width: 100%; background: url(../images/ajax-loader.gif) white no-repeat center center; z-index: 9999; }
/* enhanced - end */


/* --- Carousel --- */

#featured { position: relative; background: #ddd; width: 420px; height: 196px; overflow: scroll; margin: 1em auto; padding: 0; text-align: center; z-index: 2 }
#featured .covers { position: relative; width: 840px; z-index: 1 }
#featured a { float: left; margin: 10px; height: 146px }
#featured .control {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
}







/* --- Headlines --- */
.headlines-menu li {
	background:none;
	list-style: none;
	margin: 0 0 2px 0 !important;
	padding: 0 !important;
	}
.headlines-menu a {display: block; line-height: 24px; line-height: 24px; font-size: 14px; background: #070707; color: #fff; padding: 2px 5px 0 5px; text-decoration: none; text-transform: uppercase;}
.headlines-menu .active a, .headlines-menu a:hover {background: #f92d26}
.headlines-menu a:hover, .headlines-menu li.active {background: #f82d25}
.headlines-menu li.active a {color: #fff}

.right-content h2 {background: none; color: #f72b22; padding: 0; float:left;}
.right-content h3 {margin: 0 0 8px 0; padding: 6px 6px; background: #060606; color: #fff; font-weight: normal; text-transform: uppercase;}

.right-content .hdate {padding:4px 0 8px 0; font-size:11px; float:right; width:200px; text-align:right;}
.right-top-image {margin: 8px 5px 8px 18px; float: right; position: relative;}
.lt-shadow {position: absolute; width: 9px; height: 9px; top: -9px; left: -9px; background: url('../images/lt-shadow.png') no-repeat}
.rt-shadow {position: absolute; width: 9px; height: 9px; top: -9px; right: -9px; background: url('../images/rt-shadow.png') no-repeat}
.rb-shadow {position: absolute; width: 9px; height: 8px; bottom: -8px; right: -9px; background: url('../images/rb-shadow.png') no-repeat}
.lb-shadow {position: absolute; width: 9px; height: 8px; bottom: -8px; left: -9px; background: url('../images/lb-shadow.png') no-repeat}
.l-shadow {position: absolute; width: 9px; left: -9px; top: 0%; bottom: 0%; background: url('../images/l-shadow.png') repeat-y}
.r-shadow {position: absolute; width: 9px; right: -9px; top: 0%; bottom: 0%; background: url('../images/r-shadow.png') repeat-y}
.t-shadow {position: absolute; height: 9px; top: -9px; left: 0%; right: 0%; background: url('../images/t-shadow.png') repeat-x}
.b-shadow {position: absolute; height: 8px; bottom: -8px; left: 0%; right: 0%; background: url('../images/b-shadow.png') repeat-x}
.right-content p {font-size: 12px; line-height: 18px; margin-bottom: 6px}
.back-to-top {display: block; color: #af1e22; font-size: 10px; text-transform: uppercase; text-decoration: none; text-align: right; padding: 0px 6px 0px 6px; border: 1px solid #ccc; background-color: #f0f0f0; margin: 10px 0 20px 0; clear:both;}





/* --- Ditto pagination --- */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: #999999;
}
#ditto_pages .ditto_currentpage, .ajaxSearch_currentPage {
    border: 1px solid #dd0000;
    padding: 2px 5px 2px;
    margin-right: 1px;
    background-color: #dd0000;
    color: #fff;
    display: block;
    float:left;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 2px 5px 2px;
    margin-right: 1px;
    color: #ccc;
    display: block;
    float:left;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited,
a.ajaxSearch_page {
    border: 1px solid #999999;
    padding: 2px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #999999;
    display: block;
    float:left;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #0066bb;
}

div.ajaxSearch_result{
	border-bottom: 1px dotted #cccccc;	
}
span.ajaxSearch_highlight {background-color: yellow;}
.ajaxSearch_result h5 {font-size: 12px; font-weight: normal; color: #f92d26; text-transform: uppercase; padding-bottom:3px;}
.ajaxSearch_result a {color: #f92d26}
#ajaxSearch_input {
	font-size:12px;
	height:17px;
	margin: 5px 5px 0 0;
	padding:2px 0 0 2px;
	color:#999999;
	border: 1px solid #cccccc;
	}

/* --- Contact Form  --- */
#contact-form {margin: 0 0 15px 0}
#contact-form .col-1 {float: left; width: 239px; margin:0 9px 5px 0;}
#contact-form .col-2 {float: left; width: 239px; margin:0 9px 5px 0;}
#contact-form .col-3 {float: left; width: 239px; margin:0 9px 5px 0;}
#contact-form .col-4 {float: left; width: 238px; margin:0 0 5px 0;}
#contact-form .col-1 input, #contact-form .col-2 input, #contact-form .col-3 input {
	width: 229px; height: 17px; border: 1px solid #ccc; 
	font-size: 12px; font-family: Arial, sans-serif; padding: 0 5px; color: #0066BB;
	}
#contact-form label {display: block; font: 10px "MS Sans Serif", Geneva, sans-serif; text-transform: uppercase}
#contact-form label.error {padding: 2px 0 8px 0;}
#contact-form select {width: 237px; height: 19px; border: 1px solid #ccc; 
	font-size: 12px; font-family: Arial, sans-serif; color: #999999;
	}

.full-line {padding-bottom: 8px;  }
.full-line input {width: 969px; height: 17px; border: 1px solid #ccc; font-size: 12px; font-family: Arial, sans-serif; padding: 0 5px; color: #0066BB;}
.full-line textarea {width: 969px; height: 79px; border: 1px solid #ccc; font-size: 12px; font-family: Arial, sans-serif; padding: 0 5px; color: #0066BB;}



/* --- General --- */
.clr{clear:both; height:1px}


/* --- Archive Gallery --- */
.archives {margin-bottom: 12px}
.archives li {
	list-style: none;
	background:none;
	float: left; 
	width: 95px;
	height: 145px;
	overflow: hidden;
	 
	margin: 0 1px 15px 12px !important;
	text-align: left; 
	padding: 5px !important;
	font-size: 12px;
	
	border: 1px solid #cccccc;	
	}
.archives a p {padding: 2px 0 0 0; border-top: 2px solid #cc0000; text-align: center;}	
.archives a {color: #666; text-decoration: none; display: block;}