/*
Theme Name: Opstechnology.com
Theme URI: http://www.webdisect.com
Description: Custom theme created for Opstechnology by webdisect.com
Version: v 2.0
Author: Dheer Gupta
*/

/*---------------------------- Main -------------------------------*/
body {
	background: url(images/body_bg.jpg) repeat-x #000;
	color: #747474;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: center;
}
/*---------------------------- General HTML -------------------------------*/

body, ol, ul, li {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #5D5C5C;
	margin: 0;
	line-height: normal;
}
h1 { font-size: 24px; }
h2 { 
	font-size: 20px; 
	font-weight: normal;
}
h3 { 
	font-size: 14px; 
	font-weight: normal;
}
h4 { 
	font-size: 14px;
	font-weight: normal;
}
h5 { font-size: 10px; }
h6 { font-size: 10px; }
p { margin: 10px 0; }

ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

p, ol, ul {
	color: #454545;
	margin:0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a {
	outline: none;
	color: #1A6CBF;
}

/*---------------------------- Wrappers -------------------------------*/
#wrapper {
	background: url(images/wrapper_bg.jpg) repeat-y;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 30px;
	width: 955px;
}

#headerwrapper {
	background: url(images/header_bg.jpg) no-repeat;
	height: 565px;
	width: 955px;
	margin-bottom: 20px;
}

#headerwrapper2 {
	clear: both;
	width: 905px;
	padding: 0 25px;
}

#contentwrapper {
	clear: both;
	width: 955px;
	margin-bottom: 20px;
}

/*---------------------------- Header -------------------------------*/
#topnav ul {
	display: block;
	height: 25px;
	padding-top: 4px;
	margin: 0 0 15px 0;
	text-align: right;
}

#topnav ul li {
	color: #FFF;
	display: inline;
	font-family: Arial,sans-serif;
	font-size: 12px;
	padding: 0 2px 0 8px;
}

#topnav ul li a {
	border-bottom: 1px dotted #6F6F6F;
	color: #FFF;
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
}

#topnav ul li a:hover {
	border-bottom: 1px dotted #6F6F6F;
	color: #6F6F6F;
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
}

.hheading {
	text-indent: -9999px;
}

/*---------------------------- Primary Navigation Menu -------------------------------*/
#logo {
	float: left;
	height: 43px;
	width: 281px;
	padding-left: 15px;
}

#logo a img {
	border: none;
}

#nav {
	float: right;
	width: 415px;
}

#nav ul {
	height: 43px;
	padding: 0;
	margin: 0;
	width: 420px;
}

#nav ul li {
	list-style: none;
	float: left;
	padding: 14px 0 12px;
	overflow: hidden;
}

#nav ul li a {
	height: 19px;
	background: url(images/main_nav.png) no-repeat 0 -24px;
	border: 0;
	display: block;
	margin: 0 10px 0 4px;
	text-indent: -9999px;
}

#nav ul li.solutions a {
	width: 74px;
	background-position: -10px -24px;
}

#nav ul li.suppliers a {
	width: 75px;
	background-position: -100px -24px;
}

#nav ul li.customers a {
	width: 87px;
	background-position: -200px -24px;
}

#nav ul li.company a {
	width: 77px;
	background-position: -300px -24px;
}

#nav ul li.login a {
	width: 42px;
	background-position: -415px -24px;
	margin-right: 0;
}

#nav ul li.solutions a:hover {
	width: 74px;
	background-position: -10px -93px;
}

#nav ul li.suppliers a:hover {
	width: 75px;
	background-position: -100px -93px;
}

#nav ul li.customers a:hover {
	width: 87px;
	background-position: -200px -93px;
}

#nav ul li.company a:hover {
	width: 77px;
	background-position: -300px -93px;
}

#nav ul li.login a:hover {
	width: 42px;
	background-position: -415px -93px;
}

/*---------------------------- Splash Box -------------------------------*/
#splash_box {
	clear: both;
	width: 902px;
	height: 240px;
	top: 235px;
	left: 2px;
	position: relative;
}

#splash_box_left {
	background: url(images/splashbox_bg.png) no-repeat 0 29px;
	height: 240px;
	left: 0;
	position: absolute;
	top: 0;
	width: 21px;
}

#splash_box_right {
	background: url(images/splashbox_bg.png) no-repeat -881px 29px;
	height: 240px;
	left: 881px;
	position:absolute;
	top: 0;
	width: 21px;
}

#splash_box_center {
	background: url(images/splashbox_div_mid.png) repeat-x 0 29px;
	height: 240px;
	left: 21px;
	position:absolute;
	top: 0;
	width: 860px;
}

#splash-main-tabs {
	display:block;
	height:30px;
	left:30px;
	position:absolute;
	top:0;
	width:600px;
	z-index:10;
}
#splash-main-tabs ul li {
	display:block;
	float:left;
	text-indent:-9999px;
}

#splash-main-tabs ul li a {
	background: url(images/splash_actions.png) no-repeat -370px -270px;
	display: block;
	height: 30px;
	margin-right: 6px;
	width: 146px;
}

#splash-main-tabs #How-Do-I-top a {
	background-position: -370px -305px;
}

#splash-main-tabs #How-Do-I-top a:hover {
	background-position: -370px -340px;
}

#splash-main-tabs #How-Do-I-top.active a {
	background-position: -370px -270px;
}

#splash-main-tabs #My-Role-is-top a {
	background-position: -565px -305px;
}

#splash-main-tabs #My-Role-is-top a:hover {
	background-position: -565px -340px;
}

#splash-main-tabs #My-Role-is-top.active a {
	background-position: -565px -270px;
}

#splash-main-tabs #Why-Choose-Ops-top a {
	background-position: -760px -305px;
}

#splash-main-tabs #Why-Choose-Ops-top a:hover {
	background-position: -760px -340px;
}

#splash-main-tabs #Why-Choose-Ops-top.active a {
	background-position: -760px -270px;
}

#How-Do-I-tab {
	height: 240px;
	width: 860px;
	margin: 0;
	padding: 0;
}

#How-Do-I-tab h2 {
	margin: 5px 0 0 60px;
}

#How-Do-I-tab p {
	color: #747474;
	margin: 40px 0 0 150px;
	font-size: 1.5em;
	line-height: 23px;
}


#How-Do-I-menu {
	left: 0;
	margin: 0;
	position: absolute;
	top: 50px;
	width: 305px;
}

#How-Do-I-menu li { 
	height: 29px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 305px;
}

#How-Do-I-menu li a {
	background: url(images/splash_actions.png) no-repeat 0 0;
	display: block;
	height: 29px;
	width: 305px;
}

#How-Do-I-menu #ques-one a {
	background-position: 0 0;
}

#How-Do-I-menu #ques-one a.active {
	background-position: -448px 0;
}

#How-Do-I-menu #ques-one a.active:hover {
	background-position: -448px 0;
}

#How-Do-I-menu #ques-two a {
	background-position: 0 -29px;
}

#How-Do-I-menu #ques-two a.active {
	background-position: -448px -29px;
}

#How-Do-I-menu #ques-two a.active:hover {
	background-position: -448px -29px;
}

#How-Do-I-menu #ques-three a {
	background-position: 0 -58px;
}

#How-Do-I-menu #ques-three a.active {
	background-position: -448px -58px;
}

#How-Do-I-menu #ques-three a.active:hover {
	background-position: -448px -58px;
}

#How-Do-I-menu #ques-four a {
	background-position: 0 -87px;
}

#How-Do-I-menu #ques-four a.active {
	background-position: -448px -87px;
}

#How-Do-I-menu #ques-four a.active:hover {
	background-position: -448px -87px;
}

#How-Do-I-menu #ques-five a {
	background-position: 0 -116px;
}

#How-Do-I-menu #ques-five a.active {
	background-position: -448px -116px;
}

#How-Do-I-menu #ques-five a.active:hover {
	background-position: -448px -116px;
}

#How-Do-I-menu #ques-six a {
	background-position: 0 -145px;
}

#How-Do-I-menu #ques-six a.active {
	background-position: -448px -145px;
}

#How-Do-I-menu #ques-six a.active:hover {
	background-position: -448px -145px;
}

#How-Do-I-tab .opsdetails {
	width: 555px;
	height: 185px;
	position: absolute;
	left: 305px;
	top: 50px;
}

#ques-one-border, #ques-two-border, #ques-three-border, #ques-four-border, #ques-five-border, #ques-six-border, #ques-seven-border, #ques-eight-border, #ques-nine-border {
	background: url(images/splash_actions.png) no-repeat -305px 0;
	height: 180px;
	left: -5px;
	position: absolute;
	top: 0;
	width: 10px;
}

#ques-two-border {
	background-position: -320px 0;
}

#ques-three-border {
	background-position: -335px 0;
}

#ques-four-border {
	background-position: -350px 0;
}

#ques-five-border {
	background-position: -365px 0;
}

#ques-six-border {
	background-position: -380px 0;
}

#How-Do-I-tab a.opsicon {
	background:url(images/splash_actions.png) no-repeat 0 -270px;
	float: left;
	height: 185px;
	margin-left: 20px;
	text-indent: -9999px;
	width: 120px;
}

#how-ques-three-more a.opsicon, #how-ques-four-more a.opsicon {
	background-position: -120px -270px;
}

#how-ques-five-more a.opsicon, #how-ques-six-more a.opsicon {
	background-position: -240px -270px;
}

#How-Do-I-tab .question-links {
	bottom:30px;
	display:inline;
	position:absolute;
	right:0;
	width:400px;
}

#How-Do-I-tab .question-links li {
	float: left;
	margin-right: 10px;
}

#How-Do-I-tab .question-links li a, #content a.readmore, #Why-Choose-Ops-tab a.readmore {
	background:transparent url(images/arrow.png) no-repeat 0 1px;
	text-decoration: none;
	color:#484848;
	font-size:12px;
	height:14px;
	line-height:14px;
	padding-left:17px;
	width:auto;
}

#How-Do-I-tab .question-links li a:hover, #content a.readmore:hover, #Why-Choose-Ops-tab a.readmore:hover {
	background:transparent url(images/arrow.png) no-repeat 0 -13px;
	color:#1A6CBF;
}

#My-Role-is-tab, #Why-Choose-Ops-tab {
	width: 860px;
	height: 240px;
	position: absolute;
	top: 50px;
	margin: 0;
	padding: 0;
}

#Why-Choose-Ops-tab {
	background: url(images/why-choose-ops-bg.png) no-repeat;
	height: 180px;
}

#Why-Choose-Ops-tab DIV {
	float: left;
	width: 50%;
	height: 50%;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.w-c-content, #Why-Choose-Ops-tab a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}

#My-Role-is-tab #management-executive, #My-Role-is-tab #purchasing-professional, #My-Role-is-tab #operations-executive {
	height: 171px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 280px;
}

#My-Role-is-tab #management-executive { left: 0;}
#My-Role-is-tab #purchasing-professional { left: 290px; }
#My-Role-is-tab #operations-executive { left: 580px; }

#My-Role-is-tab #management-executive .homeclientslink, #My-Role-is-tab #purchasing-professional .homeclientslink, #My-Role-is-tab #operations-executive .homeclientslink {
	cursor: pointer;
	display: block;
	height: 100%;
	width: 100%;
}

#My-Role-is-tab #management-executive  .homeclientslinkout, #My-Role-is-tab #purchasing-professional  .homeclientslinkout, #My-Role-is-tab #operations-executive  .homeclientslinkout {
	background: url(images/my-role-is-bg.png) no-repeat 0 0;
	display: block;
	height: 100%;
	width: 100%;
}

#My-Role-is-tab #management-executive  .homeclientslinkout { background-position: 0 0;}
#My-Role-is-tab #purchasing-professional  .homeclientslinkout { background-position: -290px 0; }
#My-Role-is-tab #operations-executive  .homeclientslinkout { background-position: -580px 0; }

.homeclientslink span.homeclientslinkhover {
	display:none;
	position:absolute;
	top:50%;
	left:43%;
	width:167px;
	height:47px;
	margin: -22px 0 0 -64px;
	cursor: pointer;
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/_images/exploreclients.png');
}
.homeclientslink span.homeclientslinkhover[class] {
	background: url(images/learn-more-button.png) no-repeat;
}

/*---------------------------- Content -------------------------------*/
#content {
	width: 906px;
	margin: 0 25px;
}

#content div.latestnews, 
#content div.pressreleases, 
#content div.testimonials, 
#content div.casestudies, 
#content div.realpagewheel, 
#content div.clients {
	background: url(images/home_div_bgs.png) no-repeat;
	float: left;
}

#homecolumnleft {
	width: 296px;
	margin: 0 6px 0 2px;
}

#homecolumnleft .post1 {
	margin-top: 20px;
}

#homecolumnleft p {
	 border-top: 1px dotted #A9A9A9; 
	 border-bottom: 1px dotted #A9A9A9;
}

#homecolumnleft p a {
	color: #EF9934;
}

#homecolumnleft em {
	font-size: .865em;
}

#homecolumnmid {
	width: 291px;
	margin-right: 6px;
}

#homecolumnmid .contentbox p {
	margin: 5px 0;
	font-style: italic; 
}

.c-s-p-n {
	font-style: normal;
	font-size: .975em;
}

#homecolumnright {
	width: 296px;
}

#homecolumnleft, #homecolumnmid, #homecolumnright {
	height: 401px;
	float: left;
} 

#content div.latestnews, #content div.pressreleases, #content div.testimonials, 
#content div.casestudies, #content div.realpagewheel, #content div.clients {
	width: 100%;
	height: 191px;
}

#content div.pressreleases, #content div.casestudies, #content div.clients {
	margin-top: 10px;
}

#content div.latestnews { background-position: 0 0; } 
#content div.pressreleases { background-position: 0 -205px; } 
#content div.testimonials { background-position: -305px 0; text-align: center; } 
#content div.casestudies { background-position: -305px -205px; } 
#content div.realpagewheel { background-position: -605px 0; } 
#content div.clients { background-position: -605px -205px; }

#content div.news h4 {
	float: right;
	margin-right: 10px;
}

#content div.news h4 a {
	background:transparent url(images/arrow-large.jpg) no-repeat 0 3px;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color:#8f8f8f;
	display:block;
	padding-left:26px;
}

#content div.news h4 a:hover {
	background-position: 0 -19px;
	color:#1A6CBF;
}

#content a.readmore {
	float: left;
	/*margin: -2px 10px 0 0;*/
	margin: -2px 0px 0 13px;
	z-index: 999;
}

/*---------------------------- Suppliers and Buyers SlideShow -------------------------------*/

#suppliershow {
	margin-left: 3px;
}

#suppliershow {
	float: left;
	width: 290px;
	position:relative;
	text-align: center;
	height: 140px;
	margin-top: 20px;
}

#suppliershow IMG {
    position:absolute;
    top:16px;
    left:0;
    z-index:8;
	display:none;
}

#suppliershow IMG.active {
    z-index:10;
	display: inline-block;
}

#suppliershow IMG.last-active {
    z-index:9;
}

/*---------------------------- Testimonial SlideShow -------------------------------*/

#tt-items, #content DIV.contentbox {
	margin: 10px 0 0 5px;
	float: left;
	position:relative;
	height: 160px;
}

#content DIV.contentbox {
	width: 286px;
}

#tt-items {
	width: 281px;
	text-align: center;
}

#tt-items DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	display:none;
}

#tt-items DIV.active {
    z-index:10;
	display: inline-block;
}

#tt-items DIV.last-active {
    z-index:9;
}

#tt-items .main {
	font-style: italic; 
	font-weight: normal; 
	margin-bottom: 0;
}

#tt-items .title {
	color: #727272;
	font-size: 0.95em;
}

#tt-items .title span {
	font-weight: bold;
}

#tt-items img {
	border: none;
}


/*---------------------------- Footer -------------------------------*/
#footerwrapper {
	padding: 5px 0 0;
	text-align: right;
	width: 950px;
	color: #999999;
	font-size: .88em;
	margin: 0 auto; 
}

#footerwrapper a {
	color: #999;
	text-decoration: none;
}

#footerwrapper a:hover {
	color: #fff;
}