/********************************************** 
 Project: WINCO
 Designed By: Cinnova
 Created on : 02-02-09
 **********************************************/
/********** Defaults **********/

html, body 
{ 
		height:100%; 
		padding:0px; 
		margin:0px; 
}

body
{ 	
		font-size:12px; 
		text-align:center;  
		padding:0px; 
		height:auto; 
		margin:0px; 
		background:#eeeeee url(../images/bg.gif) top repeat-x; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
}

h1
{ 
		color:#2f2f2f; 
		font-size:18px; 
		margin:0px; 
		padding:0px; 
} 

h2
{ 
		color:#ff6c00; 
		margin:0px; 
		padding:0px; 
		font-size:16px; 
		font-weight:normal;
} 

h3
{ 
		color: #006699 ; 
		margin:0px; 
		padding:0px; 
		font-size:14px; 
		font-weight:600; 
}

p
{ 
		font-size:12px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		color:#333333; 
		line-height: 18px; 
		text-align:left;
} 

img
{ 
		border:none;
}

strong
{ 
		color: #666666; 
		font-size:12px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.verticalSpacer
{ 
		height:20px; 
		width:100%;
}

.horizontalSpacer
{ 
		height:100%; 
		width:20px; 
		border: solid 1px; 
}

.mainTable
{ 
		height:500px;
}

/** Form Section **/

form
{
		margin:0px; 
		padding:0px;
}

table#formTable
{ 
		line-height:30px;
}

.submitButton
{ 
		color:#FFFFFF; 
		font-size:11px; 
		font-weight:bold;  
		border:none; 
		border-style:none;
		background:#ce7009 url(../images/button_bg.gif) repeat-x top;  
}

textarea { height:auto; width:auto}

/** Wrapper Container **/

#wrapper
{ 
		margin:0 auto; 
		width:950px; 
		min-width:950px; 
		text-align:left; 
		position:relative; 
		height:100%;
}

.formSpacer 
{ 
		height:10px;
}

.contactUsGap
{ 
		height:8px;
}

/** Top Section **/

#topBackground
{
		width:950px; 
		height:25px;
		background:url(../images/top_bg.gif) top no-repeat; 
}

#topBackground .topLinks
{ 
		width:100%;  
}

.topLinks ul
{ 
		margin:0px; 
		padding:0px; 
		list-style:none; 
		list-style-image:none; 
} 

.topLinks li
{ 
		padding:6px 0px 0px 10px; 
		list-style:none; 
		list-style-image:none; 
		float:left; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		color:#666666; 
		font-size:11px; 
}

.topLinks a 
{  
		color: #ff6c00; 
		text-decoration:none; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
}

.topLinks a:hover 
{ 
		color:#FF0000; 
		font-size:11px; 
		text-decoration: underline; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		
}

.topLinks .helpLine 
{ 
		width:300px;  
		float:left; 
		padding:0px 0px 0px 26px; 
		
}

.headerContainer
{ 
		height:93px; 
		padding: 0px 20px 0px 20px; 
		background:url(../images/layout_top-corners.gif) top no-repeat;
}

.headerContainer .logo 
{ 
		float:left;
		margin:21px 0px 0px 9px; 
}

.headerContainer .searchInput 
{
		float:right; 
		width:210px;
		margin:15px 0px 0px 0px; 
}

.searchInput .textInput 
{ 
		color: #999999;
		width:158px; 
		height:23px; 
		float:left; 
		border:none;
		padding:5px 5px 0px 15px; 
		background:url(../images/search_input.gif) no-repeat top;
}

.searchInput .searchButton 
{
		float:right;
}

/** Main Container - Middle Section **/

.mainContainer
{ 
		text-align:left; 
		width:950px; 
		margin:0px auto; 
		overflow:hidden; 
		background:url(../images/layout_bg.gif) repeat-y top left;

}

/*.mainContainer .titleLink a
{ 
		font-size:16px; 
		color: #9da703; 
		text-decoration:none; 
		font-weight:normal;
}

.mainContainer .titleLink a:hover
{ 
		color: #ff0000; 
		font-size:16px; 
		font-weight:normal;
		text-decoration:none; 
}
*/
.mainContainer ul 
{ 
		margin:0px; 
		padding:0px;
}

.mainContainer li 
{
		color:#333333; 
		font-size:12px; 
		text-align:left; 
		line-height: 18px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		padding:0px 15px 0px 0px; 
		margin-left:15px; 
}

.mainContainer a
{ 
		color: #ff6c00;; 
		text-decoration:none; 
}

.mainContainer a:hover
{
		color: #cccccc;
		text-decoration:none; 

}

/*.mainContainer .moreStyle 
{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px;
}

.mainContainer .moreStyle a
{ 
		color: #0000FF; 
		font-size:12px; 
		font-weight:bold;
		text-decoration:none; 
		margin:0px; 
		padding:0px; 
	
}

.moreStyle a:hover
{
		color: #CC9966; 
		font-size:12px; 
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;  
}*/

#bannerTitleBar 
{ 
		width:950px; 
		background:url(../images/banner_title_bar.gif) repeat-x top; 
		height:45px;
}

#bannerTitleBar .bannerTitle 
{ 
		float:left; 
		padding:13px 0px 0px 25px; 
}

#bannerTitleBar .bannerGraphic 
{ 
		float:right; 
		padding:0px 25px 0px 0px;
}

#breadCrumbsBar 
{
		background:url(../images/breadcrumbs_bar.gif) repeat-x top; 
		height:28px;
}

#breadCrumbsBar .breadCrumbs 
{ 
		float:left; 
		padding:7px 0px 0px 25px;
}

.breadCrumbs a
{ 
		color:#7a730d; 
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		text-decoration:none;
}

.breadCrumbs a:hover
{ 
		color:#ff0000; 
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		text-decoration:none;
}

#headingTitle 
{ 
		background:#fefefe; 
		padding:5px 0px 5px 0px; 
		width:890px; 
		margin-left:25px;
} 
  
/** Left Column **/

.leftColumn
{ 
		text-align:left;
		float:left; 
		width:620px; 
		min-height:500px;
		padding-left:25px; 
		background:url(../images/gear_graphic_big.gif) no-repeat top;
}

.leftColumn .primaryCol
{ 
		text-align:left; 
		float:left; 
		width:290px; 
		padding:0px 0px 0px 0px; 
}

.leftColumn .secondaryCol
{ 
		float:right; 
		width:290px; 
		text-align:left; 
		padding:0px 0px 0px 0px; 
}

/** Left Column for Secondary Pages**/

.leftColumnForSecondaryPages
{ 
		float:left;
		text-align:left; 
		background:url(../images/gear_graphic_big.gif) no-repeat top; 
		padding-left:25px; 
		width:895px; 
		padding-right:25px; 
		min-height:500px;
}

.leftColumnForSecondaryPages .contentContainer
{ 
		float:left; 
		width:895px;
}

.leftColumnForSecondaryPages .primaryColForSecondaryPages
{ 
		float:left; 
		width:65%; 
		text-align:left;
}

.leftColumnForSecondaryPages .secondaryColForSecondaryPages
{ 	
		float:right;  
		text-align:right; 
		padding:0px 0px 0px 0px;
}

.leftColumnForSecondaryPages input 
{ 
		float:left;  
		height:15px; 
		width:160px;
}

.leftColumnForSecondaryPages .OtherClass input 
{ 
		float:left;  
		width:60px;
}

.secondaryColForSecondaryPages strong
{ 
		color: #666666; 
		font-size:12px; 
		text-align:left;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		float:left
}

/** Right Column **/

.mainContainer .rightColumn
{
		width:262px; 
		text-align:left; 
		float:right; 
		padding-right:25px;
}

.mainContainer .rightColumn p
{ 
		text-align:left; 
		color:#FFFFFF; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px;
		line-height:16px;
		margin:0px;
		padding:0px 12px 0px 12px; 
		

}

.rightColumn .newsList ul
{ 
		margin:0px; 
		padding:0px; 
		list-style:none; 
		list-style-type:none; 
		list-style-image:none;
}

.rightColumn .newsList li
{
		color:#fff; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		line-height:18px;
		list-style:none; 
		margin-left:0px; 
		list-style-type:none; 
		list-style-image:none;
}

.rightColumn a
{ 
		margin:0px; 
		padding:0px; 
		font-size:11px; 
		color:#fff; 
		text-decoration:none;
}
.rightColumn a:hover
{
		font-family:Verdana, Arial, Helvetica, sans-serif;  
		font-size:11px; 
		color:#ccc; 
		text-decoration:none;
}

.rightColumn .newsList a
{ 
		margin:0px; 
		padding:0px; 
		font-size:12px; 
		color:#fff; 
		text-decoration:none;
}
.rightColumn .newsList a:hover
{
		font-family:Verdana, Arial, Helvetica, sans-serif;  
		font-size:12px; 
		color:#fff; 
		text-decoration:none;
}

.rightColumn .menuBarList ul
{ 
		margin:0px; 
		padding:0px;
}

.rightColumn .menuBarList li
{
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		line-height:18px; 
		list-style:none; 
		margin-left:0px; 
		color:#fff; 
		background:url(../images/bulls.gif) no-repeat 0 50%; 
		padding-left:20px; 
		margin-left:10px;
}

.rightColumn .menuBarList a
{ 
		margin:0px; 
		padding:0px; 
		font-size:12px; 
		color:#3ae1ff; 
		text-decoration:none; 
		display:block; 
		border-bottom:#5681c2 solid 1px;
}
.rightColumn .menuBarList a:hover
{
		font-family:Verdana, Arial, Helvetica, sans-serif;  
		font-size:12px; 
		color:#fff; 
		text-decoration:none; 
		display:block; 
		background:#4070ba url(../images/menu_links_bg.gif) no-repeat top left;
}

.rightColumn h2
{ 
		color:#ff6c00; 
		margin:0px; 
		padding:0px; 
		font-size:16px; 
		font-weight:normal;
		padding-left:12px;
}

.rightColumn .newsTopCorners
{
		background:url(../images/news_top.gif) no-repeat bottom left; 
		width:262px;
}

.rightColumn .newsMidBg
{ 
		width:262px;
		padding:0px 0px 0px 0px;
		background:url(../images/news_bg.gif) repeat-y top left;

}

.rightColumn .newsBottomCorners
{ 
		width:262px; 
		height:12px;
		background:url(../images/news_bottom.gif) no-repeat top left;
}

/** Main Container **/

#bottomContainer
{ 
		margin:0px auto; 
		width:950px; 
		position:relative; 
		overflow:hidden; 
		text-align:left; 
		background:url(../images/layout_bottom-corners.gif) no-repeat top; 
}

/** Footer Section **/

#footer
{ 
		color:#666666; 
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		margin:0px auto; 
		position:relative; 
		clear:both; 
		width:950px; 
		padding:12px 0px 15px 0px; 
		height:35px; 
		background:url(../images/footer_bg.gif) no-repeat top; 
}

#footer .copyRights
{ 
		color:#cccccc;
		font-size:11px; 
		text-align: left; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		width:650px; 
		float:left; 
		margin:0px 0px 0px 25px; 

}

#footer .copyRights p
{ 
		margin:0px; 
		padding:0px; 
		font-size:11px; 
		color:#000000; 
}

.copyRights ul
{ 
		margin:0px; 
		padding:0px; 
		list-style:none; 
		list-style-image:none;
} 

.copyRights li
{ 
		color:#666666; 
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		padding:0px 12px 0px 0px; 
		list-style:none; 
		list-style-image:none; 
		float:right; 
} 

.copyRights a 
{  		
		color: #999900; 
		font-size:11px;
		text-decoration:none; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.copyRights a:hover 
{ 
		color:#FF0000; 
		font-size:11px;
		text-decoration: underline; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 

}

#footer .footerLinks
{ 
		TEXT-ALIGN: left; 
		float:right; 
		margin:0px 20px 0px 0px;  
}

.footerLinks p
{ 
		TEXT-ALIGN: left; 
		font-size:11px; 
		margin:0px; 
		padding:0px;
}

#footer .footerLinks ul
{ 
		margin:0px; 
		padding:0px; 
		list-style:none; 
		list-style-image:none;
} 

#footer .footerLinks li
{ 
		color:#666666; 
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		padding:0px 12px 0px 0px; 
		list-style:none; 
		list-style-image:none;
		float:right; 
} 

#footer .footerLinks a 
{  
		color: #999900; 
		text-decoration:none; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
}

#footer .footerLinks a:hover 
{ 
		color:#FF0000; 
		text-decoration: underline; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px;
}


/**CMS View Purposes**/
/*.titleLink a
{ 
		color:#FF9933; 
		font-size:16px; 
		color: #9da703; 
		text-decoration:none; 
		font-weight:normal;
}

.titleLink a:hover
{ 
		font-size:16px; 
		color: #ff0000; 
		text-decoration:none; 
		font-weight:normal;
}
*/
/** FORMS PANEL **/

#rfqFormContainer
{ 
		width:80%; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
}

#rfqFormContainer input
{ 
		width:auto;
}

#rfqFormContainer strong
{
		color:#333399;
}

#rfqFormContainer .topHeadingRow 
{ 
		height:32px; 
		background-color:#333399;
}

#rfqFormContainer .otherHeadingRow 
{ 
		height:22px; 
		background-color:#333399; 
		font-weight:bold; 
		color:#FFFFFF;
}

.topHeadingRow h1 
{ 
		color:#FFFFFF;
}