/**********************
Theme Name: TITAN WORLD
Theme URI: http://www.titanworld.com/
Description: A custom theme based on Codeigniter - Open source PHP web application framework.
Version: 2.0
Author: Jayesh Mhatre.
Agency URI: http://www.webchutney.com/
Tags: Red, white, fixed width.

Titan World Be more
http://www.titanworld.com/

This theme is created from scratch and put together by Jayesh Mhatre with help from Sagar Jadhav, Nishi Kant and Prasad Devadiga.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
***********************/

/* Imported Styles are placed here */

/* @end */

/* @group Global Stuff */
html { /* Force Vertical Scrollbar */
	overflow:-moz-scrollbars-vertical;
}
* {
	padding: 0;
	margin: 0;
}
body {
	font: 62.5% Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
	color: #000;
	background-color:#c81d23;
}
img {
	border: 0;
}
input {
	vertical-align: middle;
}
p, blockquote {
	margin: 7px 0px;
}
ul li {
	list-style:none;
}
a, a:hover {
	outline:none;
}
.clearall {
	clear:both;
}
tbody {
	border:none;
}
form {
	display:inline;
}
ol li {
	list-style:decimal;
}
/* @end */

/* Home page CSS Starts here */

.header {
	position:relative;
	width:100%;
	height:423px;
	overflow:hidden;
}
.header #flashing-header {
	margin:0 auto;
	width:100%;
	text-align:center;
	border:1px solid #000000;
}
.header #static-header {
	background:url(../images/01-static-background.gif) center top no-repeat;
	text-align:center;
}
.header #static-header .container-table {
	margin:0 auto;
	text-align:center;
	width:1001px;
}
/* @end */

/* Index Page Content starts here */

#indexpage.container {
	position:relative;
	background:url(../images/container-bg.jpg) left top repeat-x;
}
#indexpage.container .content {
	margin:0 auto;
	width:975px;
	position:relative;
	padding-top:20px;
}
#indexpage.container #homepagewidgets.content {
	height:176px;
}
#indexpage.container #homepagewidgets.content .jcarousel {
	display:block;
	float:left;
}
#indexpage.container #homepagewidgets.content .featured-product {
	display:block;
	float:left;
}
#indexpage.container #homepagewidgets.content .featured-product img {
	border:1px solid #cb8789;
	margin:10px;
	margin-top:0;
}
#indexpage.container #homepagewidgets.content .news-feed {
	display:block;
	float:left;
	background:url(../images/news-feed-bg.gif) left top no-repeat;
	width:172px;
	height:94px;
	position:relative;
}
/* @end */


/* Footer CSS starts here */

#indexpage.container .footer {
	background:url(../images/footer-bg.gif) left top repeat-x;
	bottom:0;
	margin:0 auto;
	width:100%;
	margin-bottom:5px;
}
#indexpage.container .footer .content {
	font:normal 11px "Trebuchet MS", "Times New Roman", Times, serif;
	color:#FFFFFF;
	padding-top:30px;
}
#indexpage.container .footer .content ul li {
	list-style:none;
}
#indexpage.container .footer .content li {
	display:inline;
	padding-right:15px;
}
#indexpage.container .footer .content li:first-child {
	padding-left:25px;
	font-weight:bold;
	font-size:12px;
}
#indexpage.container .footer .content li:last-child {
	padding-left:300px;
}
#indexpage.container .footer .content li a {
	text-decoration:none;
	color:#FFFFFF;
}
#indexpage.container .footer .content li a:hover {
	text-decoration:underline;
	color:#FFAEB5;
}
/* @end */

/* New tracker css starts here */

.news-feed #marqueecontainer {
	position: relative;
	width:150px;
	height:60px;
	background:transperent;
	overflow: hidden;
	margin-top:30px;
	padding-left:4px;
	font:normal 10px "Trebuchet MS", "Times New Roman", Times, serif;
}
.news-feed #marqueecontainer #vmarquee {
	width:98%;
	position:absolute;
}
.news-feed #marqueecontainer #vmarquee p {
	background:url(../images/ticker-bullet.gif) 2px 4px no-repeat;
	padding:0;
	margin:0;
	padding-left:10px;
	margin-bottom:8px;
	cursor:pointer;
}
.news-feed #marqueecontainer #vmarquee span.date {
	display:block;
	background:none;
	padding:0;
	margin:0;
	color:#767575;
}
.news-feed #marqueecontainer #vmarquee a {
	display:block;
	text-align:right;
	text-decoration:none;
	color:#c81d23;
}
/* @end */

/* Inner page CSS starts here anything below this is not related to home page markup */

body.innerpage {
	font-family:"Trebuchet MS", "Times New Roman", Times, serif;
	font-size:11px;
	background-color:#a8141a;
}
/* CSS for inner page header starts here */

body.innerpage .header {
	color:#000000;
	width:100%;
	height:174px;
	overflow:hidden;
	background:#ffffff url(../images/template-page-header-bg.jpg) left top repeat-x;
}
body.innerpage .header .banner {
	height:174px;
	margin:0 auto;
}
body.innerpage .header .banner .content {
	position:relative;
	width:961px;
	margin:0 auto;
}
body.innerpage .header #topnaviagtion {
	position:absolute;
	top:0;
	right:0;
	width:450px;
}
body.innerpage .header #topnaviagtion ul li {
	display:inline;
}
body.innerpage .header #topnaviagtion li {
	padding:0 10px;
}
body.innerpage .header #topnaviagtion li a {
	color:#FFFFFF;
	text-decoration:none;
}
body.innerpage .header .loader {
	width:100%;
	text-align:center;
	padding-top:70px;
}
body.innerpage .header #logo {
	background:url(../images/logo-trans.png) left top no-repeat;
	width:181px;
	height:71px;
	cursor:pointer;
	position:absolute;
	top:103px;
}
body.innerpage .header #logo h1 {
	display:none;
}
/* @end */

/* CSS for all banner images starts here.
This style varies from page to page adding them must be done through dynamic css input */ 

body.innerpage .header .edge {
	background:url(../images/banner1.jpg) center top no-repeat;
	height:174px;
	margin:0 auto;
}
body.innerpage .header .collection {
	background:url(../images/collection-page-banner.jpg) center top no-repeat;
	height:174px;
	margin:0 auto;
}
body.innerpage .header .aboutus {
	background:url(../images/aboutus-page-banner.jpg) center top no-repeat;
	height:174px;
	margin:0 auto;
}
body.innerpage .header .contactus {
	background:url(../images/contactus-page-banner.jpg) center top no-repeat;
	height:174px;
	margin:0 auto;
}
body.innerpage .header .downloads {
	background:url(../images/downloads-page-banner.jpg) center top no-repeat;
	height:174px;
	margin:0 auto;
}
/* @end */


/* CSS for inner page Content Container starts here */

body.innerpage #content.container {
	width:100%;
	background-color:#FFFFFF;
}
body.innerpage #content.container .content {
	width:961px;
	position:relative;
	margin:0 auto;
	padding-bottom:20px;
	height:550px;
}
body.innerpage #content.container #aboutus.content {
	width:961px;
	position:relative;
	margin:0 auto;
	padding-bottom:20px;
	height:400px;
}
/* Left Navigation CSS starts here */

body.innerpage #content.container .content #leftnavigation.links {
	background:#c81d23;
	width:178px;
	padding:5px 0;
}
body.innerpage #leftnavigation.links ul li {
	padding:5px 2px;
	color:#FFFFFF;
	font-size:13px;
}
body.innerpage #leftnavigation.links li {
	border-bottom:1px dotted #FFFFFF;
	margin:0 2px;
}
body.innerpage #leftnavigation.links li:last-child {
	border-bottom:none;
}
body.innerpage #leftnavigation.links li a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:12px;
}
body.innerpage #leftnavigation.links li a:hover {
	color:#c81d23;
	background:#FFFFFF;
	display:block;
}
body.innerpage #leftnavigation.links li a.extended {
	background:transparent url(../images/plus.jpg) 2px 5px no-repeat;
}
body.innerpage #leftnavigation.links li a:hover.extended {
	background:#ffffff url(../images/plus-hover.jpg) 2px 5px no-repeat;
}
body.innerpage #leftnavigation.links li a.selected {
	background-color:#ffffff;
	color:#c81d23;
	display:block;
}
body.innerpage #content.container .content #leftnavigation.links .sub-level ul {
	*margin-top:-15px;
}
body.innerpage #content.container .content #leftnavigation.links .sub-level ul li {
	font-size:12px;
	border-bottom:none;
}
body.innerpage #content.container .content #leftnavigation.links .sub-level li a.selected {
	color:#c81d23;
	background:#FFFFFF;
	display:block;
}
body.innerpage #content.container .content #leftnavigation.links .sub-level li:last-child {
	text-align:right;
	font-size:11px;
}
/* @end */

/* CSS for template main content area start here  */

body.innerpage #content.container .content .maincontainer {
	position:absolute;
	width:765px;
	top:0;
	left:195px;
}
body.innerpage #content.container .content .maincontainer .text-data {
	font-size:13px;
	padding-top:15px;
	padding-right:45px;
}
body.innerpage #content.container .content .maincontainer .text-data p {
	text-align:justify;
	padding:8px 0;
}
body.innerpage #content.container .content .maincontainer .header {
	background-image:none;
	height:100%;
}
.maincontainer .header .series-logo {
	float:left;
	padding-right:10px;
}
.maincontainer .header p {
	padding-top:15px;
	font-size:12px;
	text-align:justify;
}
.maincontainer .content-container {
	clear:both;
	border:1px solid #ffffff;
	border-top:none;
	background:url(../images/dotted-border-top.gif) left top repeat-x;
	padding-top:1px;
}
.maincontainer .content-container-navigation {
	background:url(../images/container-nav-bg.gif) left bottom repeat-x;
	padding:3px 0;
	height:20px;
	/* visibility:hidden;  */
	margin-bottom:10px;
}
.maincontainer .content-container-navigation ul li {
	display:inline;
}
.maincontainer .display-box {
	float:left;
	display:table;
	position:relative;
	margin-top:10px;
}
.maincontainer .display-box .thumb-images {
	margin-right:10px;
	float:left;
	display:inline-table;
}
.maincontainer .display-box .thumb-images h2 {
	font:normal 18px "Trebuchet MS", "Times New Roman", Times, serif;
	color:#c81d23;
	padding-left:10px;
}
.maincontainer .display-box .big-display-image {
	position:absolute;
	left:180px;
	padding-top:40px;
}
.maincontainer .display-box .big-display-image img {
	background:url(../images/ajax-loader-white.gif) center center no-repeat;
	border:1px solid #cfcfcf;
}
.maincontainer .display-box .model-details {
	position:absolute;
	left:570px;
	width:180px;
	padding-top:40px;
}
.maincontainer .display-box .model-details h1 {
	color:#c81d23;
	font-size:24px;
	font-weight:normal;
	letter-spacing:0.08em;
	border-bottom:1px dotted #c81d23;
	padding-top:4px;
	margin-bottom:10px;
}
.maincontainer .display-box .model-details h2 {
	color:#c81d23;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px dotted #c81d23;
	padding-top:4px;
	margin-bottom:10px;
}
.maincontainer .display-box .model-details .clickbutton a {
	background-color:#c81d23;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:4px 0 4px 4px;
	text-align:left;
	margin:2px 0;
}
.maincontainer .display-box .model-details .details {
	border:1px solid #c81d23;
	margin:5px 0;
}
.maincontainer .display-box .model-details .details p {
	display:block;
	text-align:justify;
	margin:2px 5px;
}
.maincontainer .display-box .model-details .details td.label {
	font-weight:bold;
}
/* @end */

/* CSS for Collection page starts here */

body.innerpage #content.container .content .maincontainer .collection-block {
	width:680px;
	font:normal 12px "Trebuchet MS", "Times New Roman", Times, serif;
	margin-left:15px;
	margin-top:10px;
}
.maincontainer .collection-block .tabular-data td {
	width:50%;
	padding:5px 0;
}
.maincontainer .collection-block .tabular-data td h2 {
	font:normal 16px "Trebuchet MS", "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.maincontainer .collection-block .image-holder {
	background: url(../images/collection-image-holder.jpg) left top no-repeat;
	width:304px;
	height:97px;
}
.maincontainer .collection-block .image-holder img {
	background:transparent url(../images/ajax-loader-white.gif) center center no-repeat;
}
.maincontainer .collection-block .pagination {
	text-align:right;
	padding-right:38px;
	padding-top:10px;
}
.maincontainer .collection-block .pagination a {
	background-color:#fff;
	padding:1px 3px;
	color:#c81d23;
	text-decoration:none;
}
.maincontainer .collection-block .pagination a:hover {
	background-color:#c81d23;
	padding:1px 3px;
	color:#FFFFFF;
	text-decoration:none;
}
.maincontainer .collection-block .pagination a.selected {
	background-color:#c81d23;
	padding:1px 3px;
	color:#FFFFFF;
	text-decoration:none;
}
/* @end */

/* CSS for inner page footer starts here */

body.innerpage .footer {
	background:url(../images/inner-footer-bg.jpg) left top repeat-x;
	width:100%;
	margin-bottom:5px;
}
body.innerpage .footer .content {
	font:normal 11px "Trebuchet MS", "Times New Roman", Times, serif;
	color:#ffffff;
	margin:0 auto;
	width:961px;
	padding-top:2px;
}
body.innerpage .footer .content ul li {
	list-style:none;
}
body.innerpage .footer .content li {
	display:inline;
	padding-right:15px;
}
body.innerpage .footer .content li:first-child {
	font-weight:bold;
	font-size:12px;
}
body.innerpage .footer .content li:last-child {
	padding-left:290px;
}
body.innerpage .footer .content li a {
	text-decoration:none;
	color:#FFFFFF;
}
body.innerpage .footer .content li a:hover {
	text-decoration:underline;
	color:#ffaeb5;
}
/* @end */

/* CSS for contact us and feedback page start here */

#information {
	width:725px;
	margin:30px 0 0 8px;
}
#information .bodynavigator {
	background-color:#f1efec;
	margin-bottom:10px;
}
#information .bodynavigator ul li {
	display:inline;
}
#information .bodynavigator li {
	margin-right:2px;
	font-size:12px;
}
#information .bodynavigator li a {
	color:#333333;
	text-decoration:none;
	padding:4px;
	margin:2px 3px;
	display:inline-block;
}
#information .bodynavigator li a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#c51c22;
}
#information .bodynavigator li a.selected {
	color:#ffffff;
	text-decoration:none;
	background-color:#c51c22;
}
#information .bodynavigator li:last-child {
	font-size:11px;
	margin-left:480px;
}
#information .bodynavigator li:last-child a {
	color:#817f7e;
}
#information .bodynavigator li:last-child a:hover {
	color:#817f7e;
	background-color:#f1efec;
}
#information #contact-us {
	width:725px;
}
#information #contact-us table th {
	width:140px;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:5px;
	padding-left:3px;
	text-align:left;
	font-size:14px;
	color:#2d2d2d;
	font-weight:normal;
}
#information #contact-us table tr.stripe {
	background-color:#f1f1f1;
}
#information #contact-us table td {
	padding:5px;
	vertical-align:top;
}

/* @end */

/* CSS for Downloads page footer starts here */

.text-data p.title {
	color:#c81d23;
	font-size:18px;
	border-bottom:1px solid #333333;
}

#downloads .text-data td {
	width:120px;
	background:url(../images/resizer.jpg) 60px 60px no-repeat;
	padding-top:2px;
}

#downloads .text-data table.others td {
	width:120px;
	background:none;
	padding-top:2px;	
}

#downloads .text-data td a {
	display:block;
	color:#333333;
	text-decoration:none;
	font-size:11px;
	padding-top:2px;
}

/* @end */

/*CSS for moodboard pages starts here*/

body#moodboard {
	background:#000000 url(../images/bigbg/automatic-bg.jpg) center top no-repeat;
}

body#moodboard .header {
	color:#000000;
	width:100%;
	height:174px;
	overflow:hidden;
	font-size:11px;
}
body#moodboard .header .banner {
	height:174px;
	margin:0 auto;
}
body#moodboard .header .banner .content {
	position:relative;
	width:961px;
	margin:0 auto;
}
body#moodboard .header #topnaviagtion {
	position:absolute;
	top:0;
	right:0;
	width:450px;
}
body#moodboard .header #topnaviagtion ul li {
	display:inline;
}
body#moodboard .header #topnaviagtion li {
	padding:0 7px;
}
body#moodboard .header #topnaviagtion li a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0 3px;
}

body#moodboard .header #topnaviagtion li a:hover {
	color:#c81d23;
	text-decoration:none;
	background-color:#FFFFFF;
	padding:0 3px;
}

body#moodboard .header #logo {
	background:url(../images/logo-trans.png) left top no-repeat;
	width:181px;
	height:71px;
	cursor:pointer;
	position:absolute;
	top:103px;
}
body#moodboard .header #logo h1 {
	display:none;
}

body#moodboard #content.container {
	width:100%;
	background-color:none;
}
body#moodboard #content.container .content {
	width:961px;
	position:relative;
	margin:0 auto;
	padding-bottom:20px;
	height:580px;
}

body#moodboard #content.container .content #leftnavigation.links {
	background:#c81d23;
	width:178px;
	padding:5px 0;
}
body#moodboard #leftnavigation.links ul li {
	padding:5px 2px;
	color:#FFFFFF;
	font-size:13px;
}
body#moodboard #leftnavigation.links li {
	border-bottom:1px dotted #FFFFFF;
	margin:0 2px;
}
body#moodboard #leftnavigation.links li:last-child {
	border-bottom:none;
}
body#moodboard #leftnavigation.links li a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:12px;
}
body#moodboard #leftnavigation.links li a:hover {
	color:#c81d23;
	background:#FFFFFF;
	display:block;
}
body#moodboard #leftnavigation.links li a.extended {
	background:transparent url(../images/plus.jpg) 2px 5px no-repeat;
}
body#moodboard #leftnavigation.links li a:hover.extended {
	background:#ffffff url(../images/plus-hover.jpg) 2px 5px no-repeat;
}
body#moodboard #leftnavigation.links li a.selected {
	background-color:#ffffff;
	color:#c81d23;
	display:block;
}
body#moodboard #content.container .content #leftnavigation.links .sub-level ul {
	*margin-top:-15px;
}
body#moodboard #content.container .content #leftnavigation.links .sub-level ul li {
	font-size:12px;
	border-bottom:none;
}
body#moodboard #content.container .content #leftnavigation.links .sub-level li a.selected {
	color:#c81d23;
	background:#FFFFFF;
	display:block;
}
body#moodboard #content.container .content #leftnavigation.links .sub-level li:last-child {
	text-align:right;
	font-size:11px;
}

body#moodboard .footer {
	background:#c81d23 url(../images/inner-footer-bg.jpg) left top repeat-x;
	width:100%;
}
body#moodboard .footer .content {
	font:normal 11px "Trebuchet MS", "Times New Roman", Times, serif;
	color:#ffffff;
	margin:0 auto;
	width:961px;
	padding-top:2px;
}
body#moodboard .footer .content ul li {
	list-style:none;
}
body#moodboard .footer .content li {
	display:inline;
	padding-right:15px;
}
body#moodboard .footer .content li:first-child {
	font-weight:bold;
	font-size:12px;
}
body#moodboard .footer .content li:last-child {
	padding-left:290px;
}
body#moodboard .footer .content li a {
	text-decoration:none;
	color:#FFFFFF;
}
body#moodboard .footer .content li a:hover {
	text-decoration:underline;
	color:#ffaeb5;
}

body#moodboard #content.container .content .maincontainer {
	position:absolute;
	width:765px;
	top:0;
	left:195px;
	color:#848383;
	border:none;
	font-size:12px;
}

body#moodboard #content.container .content .maincontainer .content-container {
	clear:both;
	border:none;
	border-top:none;
	padding-top:1px;
	background:none;
}
/* @end */

/* @end of all styles */