@import url("framework.css");
@import url("selectbox.css");
@import url("forms.css");
@import url("layout.css");
@import url("ecommerce.css");

/**************************************************************************************************************** 
	FONT FACE
****************************************************************************************************************/

@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/**************************************************************************************************************** 
    FORMS and BUTTONS
****************************************************************************************************************/

.inputBoxFooter 		{}
.inputBoxFooter:focus 	{ box-shadow:none; }

input[type="submit"],
button[type="submit"],
.btn,
.btn:visited	{ background:#890a01 url(../images/arrow_btn_normal.png) no-repeat 12px 12px; height:38px; line-height:39px; padding:0 15px; padding-left:32px; color:#e8d7d6; font-size:12px; text-transform:uppercase; border-radius:3px; }

input[type="submit"]:hover,
button[type="submit"]:hover,
.btn:hover,
.btn:visited:hover			{ color:#d1d1d1; background-color:#222326; }

input[type="submit"].yellow,
button[type="submit"].yellow,
.btn.yellow,
.btn:visited.yellow			{ background:#ffcc00 url(../images/arrow_btn_yellow.png) no-repeat 12px 12px; color:#a54f00; }

input[type="submit"].yellow:hover,
button[type="submit"].yellow:hover,
.btn.yellow:hover,
.btn:visited.yellow:hover	{ color:#fff; background:#222326 url(../images/arrow_btn_normal.png) no-repeat 12px 12px; }

.btnBig,
.btn.big		{ }

.btnSm,
.btn.sm			{ height:32px; line-height:33px; background-position:12px 9px }

.btnArrow			{ width:14px; height:13px; background:url(../images/sprites.png) -100px 0px; position:relative; top:3px; }
.btnArrow:hover		{ filter:alpha(opacity=75); opacity:0.75; }


/**************************************************************************************************************** 
	TRANSITIONS
****************************************************************************************************************/

div.footer a,
div.footerText a,
input[type="submit"],
button[type="submit"],
.btn,
div.topmenu ul li a,
div.mainmenu ul li a,
div.newsCol a
{
		 transition: all 100ms ease-in-out 0s;
	-moz-transition: all 100ms ease-in-out 0s;
 -webkit-transition: all 100ms ease-in-out 0s;
	  -o-transition: all 100ms ease-in-out 0s;
}

.CLASSNAME {
		 transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s ease-in-out 0s;
 -webkit-transition: all 0s ease-in-out 0s;
	  -o-transition: all 0s ease-in-out 0s;
}


/**************************************************************************************************************** 
	STYLES - Homepage and Global Styles
****************************************************************************************************************/

div.topmenu ul,
div.mainmenu ul,
div.fCol ul,
ul.level3,
div.leftmenu ul				{ margin:0; padding:0; list-style-type:none; display:block; overflow:hidden; }

div.topmenu ul li,
div.mainmenu ul li,
div.fCol ul li,
div.leftmenu ul li 			{ margin:0; padding:0; list-style-type:none; }


::selection		 		{ background-color:#ffcc00; color:#880b00; }
::-moz-selection 		{ background-color:#ffcc00; color:#880b00; }

span.overlayCUSTOMNAME	{ background-image:url(../images/overlay_CUSTOMNAME.png); }

body 	 	 { font:13px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; color:#371706; background:url(../images/bg.png) repeat; }

a,
a:visited	 { text-decoration:none; color:#890a01; }
a:hover  	 { text-decoration:none; color:#cba1a1; }

div.wrap 	 { width:978px; margin:0 auto; }

div.bgImageHome	 	{ height:490px; width:100%; position:absolute; top:0; left:0; z-index:-1; background:url(../images/bg_home.jpg) top center repeat-x; } 
div.bgImageInside 	{ height:440px; width:100%; position:absolute; top:0; left:0; z-index:-1; background:url(../images/bg_inside2.jpg) top center repeat-x; } 

body.manage div.bgImageHome,
body.manage div.bgImageInside	 { top:100px; }


/* HEADER -----------------------------------------------------------------------------------------------*/ 

div.topTransBar	{ height:33px; background:url(../images/trans_orange20.png) repeat; position:relative; z-index:999; }

div.headerBar 		{ margin-bottom:17px; }
div.header 			{ position:relative; height:100px; } /* specify height of header */
a.logo				{ display:block; width:251px; height:116px; background:url(../images/logo.png); position:absolute; top:-10px; left:0; text-indent:-99999px; } 

div.topmenu ul						{ text-align:right; padding-top:6px; }
div.topmenu ul li					{ display:inline; }
div.topmenu ul li a,
div.topmenu ul li a:visited			{ display:inline-block; *display:inline; *zoom:1;  border-left:1px solid #b5d2fb; color:#b5d2fb; padding:0 7px 0 10px; line-height:11px; font-size:11px; text-transform:uppercase; }
div.topmenu ul li a:hover	 		{ color:#fff; }
div.topmenu ul li:first-child a 	{ border-left:0; }

div.mainmenu ul					{ position:absolute; left:275px; top:45px; }
div.mainmenu ul li				{ float:left; }
div.mainmenu ul li a,
div.mainmenu ul li a:visited 	{ margin:0px 0 0 0px; padding:0 18px; display:block; float:left; height:46px; line-height:48px; color:#fff; font-family:"DroidSansBold"; text-transform:uppercase; }
div.mainmenu ul li a:hover		{ filter:alpha(opacity=75); opacity:0.75; }

div.mainmenu ul li.selected			{ }
div.mainmenu ul li.selected a		{ padding:0 20px; background:#900202; }

div.mainmenu ul li.selected a.menu1	{ background:transparent; border-color:transparent; }

div.ipModuleSearch								{ background:#CCC; width:200px; position:absolute; right:0; top:30px; }
div.ipModuleSearch .ipmFieldset					{ display:block; position:relative; }
div.ipModuleSearch input[type="text"]			{ width:120px; background:url(../images/trans_black60.png); border:0; border-radius:20px; color:#90b4d2;  padding-left:12px; padding-right:25px; position:absolute; right:0; z-index:5; }
div.ipModuleSearch input[type="submit"],
div.ipModuleSearch button[type="submit"]		{ padding:0; display:block; width:17px; height:16px; position:absolute; right:7px; top:5px; z-index:10; text-indent:-99999px; font-size:0; line-height:0; background:url(../images/sprites.png) -60px 0px; border:0; cursor:pointer; }

div.ipModuleSearch input[type="submit"]:hover,
div.ipModuleSearch button[type="submit"]:hover	{ background:url(../images/sprites.png) -80px 0px;}

div.ipModuleSearch input[type="text"]:focus	{ box-shadow:none; color:#cce0f0; }


/* HERO -----------------------------------------------------------------------------------------------*/ 

div.heroBar	{ height:340px; }
div.hero	{ position:relative; height:308px; background:url(../images/trans_red90.png); border-radius:4px; } 

div.heroSlideshow	{ position:absolute; top:-15px; left:7px; width:460px; }

div.heroText		{ width:425px; color:#efe5e5; position:absolute; right:40px; padding-top:40px; font-size:14px; }
p.welcomeText		{ font-size:18px; color:#d0b4b4; margin-bottom:5px; text-transform:uppercase; }
div.heroText h1		{ margin-bottom:13px; color:#fff; font-family:"DroidSansBold" !important; text-transform:uppercase; font-size:36px; line-height:36px; }


/* NEWS -----------------------------------------------------------------------------------------------*/ 

div.newsBar		{ background:#fff; }
div.news		{ padding:50px 0 30px 0; }

div.newsCol			{ width:306px; float:left; margin-right:30px; }
div.newsCol.last	{ margin-right:0; }

div.newsCol h3 				{ margin-bottom:0px; }

div.newsCol h3,
div.newsCol h3 a,
div.newsCol h3 a:visited	{ font-size:15px; color:#870900; }

div.newsCol h3 a:hover		{ color:#a64640; }

p.date			{ font-size:11px; color:#acacac; margin-bottom:10px; background:url(../images/icon_date.png) no-repeat 0 3px; padding-left:15px; }


/* CONTENT -----------------------------------------------------------------------------------------------*/ 

div.contentBar			{}
div.content				{}
div.contentHome			{ padding:50px 0 70px 0; }
div.featureCol			{ width:222px; float:left; margin-right:30px; }
div.featureCol.last		{ margin-right:0; }

div.featureCol h2 		{ margin-bottom:15px; }
div.featureCol img		{ margin-bottom:15px; max-width:222px; max-height:142px; }
div.featureCol p		{}


/* FOOTER -----------------------------------------------------------------------------------------------*/ 

div.footerBar	{ background:#252629 url(../images/bg_footer.png); }
div.footer		{ padding:50px 0px; color:#8f8f90; }

div.footer a, 
div.footer a:visited { color:#8f8f90; }
div.footer a:hover 	 { color:#FFF; }

div.fCol1, div.fCol2, div.fCol3, div.fCol4 { float:left; margin-right:30px; width:222px;  }

div.fCol4 			{ margin-right:0; }

div.fCol ul 		 { }
div.fCol ul li 		 { }
div.fCol ul li 		 { line-height:24px; color:#9a9a9b; }

p.fLabel 			{ padding-left:50px; position:relative; }
p.fLabel span 		{ position:absolute; left:0; }


div.footerTextBar	 { background:#000; }
div.footerText 		 { clear:both; height:66px; position:relative; }
div.footerText span  { position:absolute; top:25px; }

div.footerText,
div.footerText a,
div.footerText a:visited 		{ color:#8f8f90; }
div.footerText a:hover 			{ color:#FFF; }

a.interweb,
a.interweb:visited	 			{ filter:alpha(opacity=75); opacity:0.75; background:url(../images/interweb.png); width:93px; height:26px; position:absolute; top:18px; right:0; text-indent:-99999px; overflow:hidden;  }
a.interweb:hover				{ filter:alpha(opacity=100); opacity:1; }

div.ftLinks,
div.ftLinks	ul,
div.ftLinks	ul li,
div.ftLinks	ul li a		{ display:inline; *zoom:1; *display:inline-block; }

div.ftLinks	ul,
div.ftLinks	ul li,				
div.ftLinks	ul li a 					{ margin:0; padding:0; }		

div.ftLinks	ul li:first-child:after		{ content:","; }



/* SOCIAL ICONS ----------------------------------------------------------------------------------------------*/ 

ul.social 						{ }
ul.social li 					{ float:left; margin-right:2px; }
ul.social li a					{ float:left; width:26px; height:26px; text-align:center; border-radius:50%; line-height:14px; }
ul.social li a span				{ position:relative; top:6px; }

ul.social li a.facebook 		{ background-color:#890a01; }
ul.social li a.facebook:hover 	{ background-color:#485b95; }
ul.social li a.facebookLabel	{ position:relative; top:7px; left:-5px; font-weight:bold; color:#ccc; width:150px; }

ul.social li a.twitter 			{ background-color:#000; }
ul.social li a.twitter:hover	{ background-color:#66a8de; }
ul.social li a.twitter span		{ left:1px; } /* align twitter logo to center */

ul.social li a.youtube 			{ background-color:#000; }
ul.social li a.youtube:hover	{ background-color:#ca292d; }


/**************************************************************************************************************** 
	INSIDE PAGES - Inside Page Styles
****************************************************************************************************************/

div.content 	{ background:url(../images/trans_white90.png) repeat; border-radius:4px; margin-bottom:50px; min-height:400px; }
div.contentPad	{ padding:30px; }

div.insideCol1	{ width:223px; float:left; }
div.insideCol2	{ padding-top:8px;  width:655px; float:right; }

div.leftmenu ul.level2		 				{ display:block; clear:both; }
div.leftmenu ul.level2 > li 				{ float:left; display:block; clear:both; }
div.leftmenu ul.level2 > li > a,
div.leftmenu ul.level2 > li > a:visited 	{ padding:11px 15px 8px 30px;  float:left; display:block; clear:both; width:173px; color:#440404; border-bottom:1px dotted #d4d3d3; background:url(../images/arrow_leftmenu.png) no-repeat 10px 13px; border-left:5px solid transparent; clear:both;  }
div.leftmenu ul.level2 > li > a:hover		{ color:#900202; }


div.leftmenu ul.level2 > li.current > a,
div.leftmenu ul.level2 > li.selected > a		{ display:block; color:#d6b2b2; background:#900202 url(../images/arrow_leftmenu_hover.png) no-repeat 10px 13px; border-bottom:0; border-color:#5d0607; clear:both; }

div.leftmenu ul.level2 > li ul.level3,
div.leftmenu ul.level2 > li ul.level4	{ display:none; }

div.leftmenu ul.level2 > li.current > ul.level3,
div.leftmenu ul.level2 > li.selected > ul.level3				{ display:block; clear:both; border-bottom:1px dotted #d4d3d3;  }

div.leftmenu ul.level2 > li.current > ul.level3 > li,
div.leftmenu ul.level2 > li.selected > ul.level3 > li			{ display:block; clear:both; }

div.leftmenu ul.level2 > li.current > ul.level3 > li > a,
div.leftmenu ul.level2 > li.selected > ul.level3 > li > a 		{ display:block; clear:both; padding:11px 15px 8px 36px; font-size:12px; border-bottom:1px dotted #d4d3d3; }


div.leftmenu ul.level2 > li.current > ul.level3 > li > ul.level4,
div.leftmenu ul.level2 > li.selected > ul.level3 > li > ul.level4		{ display:block; clear:both; }

div.leftmenu ul.level2 > li.current > ul.level3 > li > ul.level4 li,
div.leftmenu ul.level2 > li.selected > ul.level3 > li > ul.level4 li	 	{ display:block; clear:both; }

div.leftmenu ul.level2 > li.current > ul.level3 > li > ul.level4,
div.leftmenu ul.level2 > li.selected > ul.level3 > li > ul.level4 		{ padding:15px 0; }

div.leftmenu ul.level2 > li.current > ul.level3 > li > ul.level4 li a,
div.leftmenu ul.level2 > li.selected > ul.level3 > li > ul.level4 li a	{ padding-left:45px; font-size:12px;  }

/*


div.leftmenu ul > li.current > ul.level3 { display:block; }
div.leftmenu ul > li.current > ul.level3 > li > a			{ background:none; border-left:5px solid transparent; color:#440404; border-bottom:1px dotted #d4d3d3; }

div.leftmenu ul > li.current > ul.level3 li ul.level4 { display:block; }

div.leftmenu ul > li.current > ul.level3 > li > ul.level4					{ display:block; padding:10px 0;  border-bottom:1px dotted #d4d3d3; }
div.leftmenu ul > li.current > ul.level3 > li > ul.level4 > li > a			{ background:none;  color:#440404; padding:0 0 0 35px; border:0; }
div.leftmenu ul > li.current > ul.level3 > li > ul.level4 li.current a		{ font-weight:normal;color:#900202; }
*/

div.heading		{ text-align:right; height:90px; }

p.moreInfo	{ margin-top:25px; padding-top:25px; border-top:1px dotted #cbcbcb; clear:both; }


/* OTHERS ----------------------------------------------------------------------------------------------*/ 


/**************************************************************************************************************** 
    CONTACT FORM
****************************************************************************************************************/

div.contact 				{ border:1px solid #e1e1e1; border-radius:4px;  }
div.contact h2				{ font-size:16px; font-weight:bold; margin-bottom:10px; }

div.contactCol1,
div.contactCol2 			{ width:50%; *height:500px; }

div.contactCol1 			{ background:#fbfbfb; border-right:1px solid #f1f1f1; border-radius:4px 0 0 4px; }
div.contactCol2 			{ background:#f6f6f6; margin-left:-1px !important; border-radius:0 4px 4px 0; }  /* margin-left = pull column2 to the left because of additional 1px border */ 

div.contactCol1Pad 			{ padding:40px 40px; }
div.contactCol2Pad 			{ padding:40px 40px; }

p.contactInfo 				{ padding-left:20px; position:relative; }
p.contactInfo span.uiIcons  { float:left; position:absolute; left:0; }

p.address,
p.poBox,
p.phone,
p.fax,
p.email,
p.mobile					{ padding-left:25px; margin-bottom:10px; }

span.cIcons					{ float:left; margin-left:-25px; display:inline-block; width:18px; height:18px; background:url(../images/icons_contact_set1.png) no-repeat; }

p.address span.cIcons 		{ background-position:0px 0px; }
p.phone   span.cIcons 		{ background-position:-18px 0px; }
p.fax     span.cIcons		{ background-position:-36px 0px; }
p.email   span.cIcons		{ background-position:-54px 0px; }
p.poBox	  span.cIcons		{ background-position:0px 0px; }
p.mobile  span.cIcons		{ background-position:-18px 0px; }

/**************************************************************************************************************** 
	SPRITES
****************************************************************************************************************/

[class^="sprites-"],
[class*="sprites-"]
{
	display:inline-block;
	vertical-align:middle; 
	background:url(../images/sprites.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
} 

.sprites-facebook		{ background-position:0px   0px; width:8px;	 height:14px; position:relative; }
.sprites-twitter		{ background-position:-20px 0px; width:14px; height:13px; }
.sprites-youtube		{ background-position:-40px 0px; width:10px; height:12px; }


/**************************************************************************************************************** 
	HEADINGS - Titles and Sub Titles
****************************************************************************************************************/

h1, h2, h3 	{ font-family:"DroidSansRegular" !important; }

h1	{ color:#8b1317; font-size:22px; }
h2 	{ color:#8b1317; font-size:20px; }
h3 	{ color:#1e5d7f; font-size:18px; }

div.footer h3		{ font-family:"OpenSansLight"; color:#fff; font-size:22px; margin-bottom:25px; }

div.heading	h1		{ position:relative; top:22px; font-size:60px; font-family:"DroidSansBold" !important; letter-spacing:-2px; text-transform:uppercase; color:#fff;  text-shadow:1px 1px 0px #1497f2; }

div.insideCol2 h1		{ background:url(../images/arrow_heading.png) no-repeat 0px 0px !important; padding-left:28px; line-height:24px; border-bottom:2px solid #ddb2ae; padding-bottom:8px; }
div.contentInside h1	{ background:url(../images/arrow_heading.png) no-repeat 0px 0px !important; padding-left:28px; line-height:24px; border-bottom:2px solid #ddb2ae; padding-bottom:8px; }


h3.searchResultTitle	{ margin-bottom:5px; }


/**************************************************************************************************************** 
	FRAMEWORK OVERRIDES
****************************************************************************************************************/

.form .inputHolder > label	{ }	/* Add specific width to DIV label Default value = 120px */

.uiMessages { margin-bottom:30px !important; }