/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html
{
    color: #000;
    background: #303535;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img
{
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup
{
    font-style: inherit;
    font-weight: inherit;
}

del, ins
{
    text-decoration: none;
}

li
{
    list-style: none;
}

caption, th
{
    text-align: left;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after
{
    content: '';
}

abbr, acronym
{
    border: 0;
    font-variant: normal;
}

sup
{
    vertical-align: baseline;
}

sub
{
    vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend
{
    color: #000;
}

input, button, textarea, select, optgroup, option
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select
{ *font-size:100%;
}


/* Start our own css */


/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body
{
    font: 13px/1.231 arial,helvetica,clean,sans-serif; /* for IE6/7 */ *font-size:small;
/* for IE Quirks Mode */
*font:x-small;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select, input, button, textarea, button
{
    font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table
{
    font-size: inherit;
    font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt
{
    font-family: monospace; *font-size:108%;
line-height:100%;
}
/*  ***********************************************************                 */
/*Layout css*/
#pagewraper
{
    background-color: #303535;
    height: 100%;
    overflow: visible;
}
#skinwrapper
{
    margin: 0 auto;
    width: 990px;
	
	
}
.logo
{
    width: 980px;
    height: 170px;
    padding:0px;
    vertical-align: middle;
    background: #fdfdfd;
	float:left;
}

#header
{
    width: 990px;
    height: 170px;
    float: left;
    padding: 0px;
    margin-right: 10px;
    border: solid 0px;
	margin-top:15px;
	
	 /* background-image: url(    'images/custom-dnn-modules-banner.jpg' );     background-repeat: no-repeat;      background-color: #808080;*/
}
#headerright
{
	padding: 0px;
	margin: 0px;
	background-image: url(omsrightdd.png);
	background-repeat: repeat-y;
	background-position: right top;
	float:left;
	
	width:990px;
	height:auto;	 /* background-image: url(    'images/custom-dnn-modules-banner.jpg' );     background-repeat: no-repeat;      background-color: #808080;*/
}
#footershadow
{
	width: 980px;
	height: 10px;
	float: left;
	padding: 0px;
	
	
	background-image: url(omsbottomdd.png);
	background-repeat: repeat-x;
	background-position: left top;	
	
	margin: 0px;
}
#footershadowright
{
	padding: 0px;
	margin: 0px;
	background-image: url(omsbrcorner.png);
	background-repeat: no-repeat;
	background-position: right top;
	float:left;	
	width:10px;
	height:10px;	
	 /* background-image: url(    'images/custom-dnn-modules-banner.jpg' );     background-repeat: no-repeat;      background-color: #808080;*/
}
.skinnav
{
 
    width: 990px;
	margin-right:10px;
    
}
.skinnavbg
{
	width:980px;
	text-align: left;
	height: 40px;
	background-color: #fdfdfd;
	float:left;
}
.skinnavpane
{
	width:947px;
	text-align: left;
	color: #fff;
	height: 40px;
	margin-right:16px;
	margin-left:16px;
	padding-top: 2px;

	padding-bottom: 2px;
	
	background-color: #fdfdfd;
	background-image: url(omsnavbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
}
#navright
{
	padding: 0px;
	margin: 0px;
	background-image: url(omsrightdd.png);
	background-repeat: repeat-y;
	background-position: right top;
	float:left;
	
	width:980px;

	}
#contentright
{
	padding: 0px;
	margin: 0px;
	background-image: url(omsrightdd.png);
	background-repeat: repeat-y;
	background-position: right top;
	float:left;
	
	width:990px;
	height:auto;
	}
#contentwrapper
{
    width: 990px;
    margin: 0px;
    padding: 0px;
    height:100%;
	
    
}
#bannercolumn
{
    width: 990px;
    float: left;
}
#quicknav
{
    padding: 3px 0px;
    border: 0px solid;
    width: 950px;
    height: 30px;
    vertical-align: middle;
    background-color: #414141;
}
#snav
{
    width: 300px;
    height: 25px;
    padding: 3px 0 0 0;
}
#crumbs
{
    height: 25px;
    width: 360px;
    padding: 7px 0 0 30px;
}
#loginreg
{
    height: 25px;
    width: 250px;
    padding: 7px 0 0 0;
}
#contentcolumn
{
    border-style: solid;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    width: 950px;
    float: left;
    background: #fff;
}
#leftcolumn
{
       
    margin: 0px;
    padding: 0px;
    width: 980px;
    float: left;
   background: #fdfdfd;
   margin-right:10px;

}
#rightcolumn
{
    float: left;
    color: #333;
    border: 0px solid #ccc;
    margin: 0px;
    padding: 0px;
    width: 200px;
    display: inline;
    background: #fff;
}
#fswrap
{
  	float:right; 
    width: 990px;
    height: 10px;
   
    margin: 0px;
    padding: 0px;
}
#footerwrap
{
  	float:right; 
    width: 990px;
    height: 50px;
  
    margin: 0px;
    padding: 0px;
}
#footerleft
{
  	float:left; 
    width: 600px;
    height: 50px;
  
    margin: 0px;
    padding-left: 15px;
	text-align:left;
}
#footerright
{
  	float:right; 
    width: 300px;
    height: 50px;
   
    margin: 0px;
    padding-right: 25px;
	text-align:right;
}
#bottomlinks
{
    float: right;
    width: 980px;
    height: 25px;
	text-align:right;
}
#copyright
{
    float: right;
    width: 250px;
    height: 25px;
}
.cb
{
    clear: both;
    height: 0px;
}
.content
{
	margin-right:16px;
	margin-left:16px;
	padding-bottom:3px;
	padding-top: 2px;
	
	
	
	
}
#bottombg
{
	margin-right:16px;
	margin-left:16px;
	padding-bottom:24px;
	padding-top: 15px;
	height:60px;
	
	background-image: url(omsghomeblue2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bottomnobg
{
	margin-right:16px;
	margin-left:16px;
	padding-bottom:24px;
	padding-top: 0px;
	height:25px;
	
}
.bottompane
{
	
	padding-top:11px;
	
}
#contentbg
{
	width:980px;
	text-align: left;
	background-color: #fdfdfd;
	float:left;
	background-image: url(../../FB_Conference_Slide3v2.jpg);
	background-position: 16px 0px;
	background-repeat: no-repeat;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.flohdb
{
    float: left;
    overflow: hidden;
    display: inline-block;
}
.contentpadding{
padding-top:25px;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
}
.thirdbox{
width:266px;
float:left;
padding-right:15px;
padding-bottom:5px;


}
.marlcontactbox{
background-color:#baa091;
width:241px;

height:35px;
line-height:32px;
text-align:center;
float:left;
}
.oxcontactbox{
background-color:#c9d5c3;
width:241px;

height:35px;
line-height:32px;
text-align:center;
float:left;
}
.cadcontactbox{
background-color:#d5e0d2;
width:241px;

height:35px;
line-height:32px;
text-align:center;
float:left;
}
/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited {
	color:#5d5d5d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.footer:hover{color:#5d5d5d; text-decoration:underline;}
/* Text style for skin objects */
.skinobject
{
   
    text-decoration: none;
    font-family:"Times New Roman", Times, serif;
}
A.skinobject:Link
{
   
   
    text-decoration: none;
}
A.skinobject:Visited, A.skinobject:Active, A.skinobject:Hover
{
  
    font-weight: normal;
    text-decoration: none;
}

/* Typography*/

h1
{
    font-size: 24px;
}
h2
{
    font-size: 15px;
}
h3
{
    font-size: 18px;
}
h1, h2, h3
{
    margin: 0;
}
h1, h2, h3, h4, h5, h6, strong
{
    font-weight: normal;
}
abbr, acronym
{
    border-bottom: 1px dotted #000;
    cursor: help;
}
em
{
    font-style: italic;
}
blockquote, ul, ol, dl
{
    margin: 0;
}
ol, ul, dl
{
    margin-left: 2em;
}
ol li
{
    list-style: decimal outside;
}
ul li
{
    list-style: disc outside;
}
dl dd
{
    margin-left: 1em;
}
th, td
{
    border: 0px solid #000;
    padding: 0;
}
th
{
    font-weight: bold;
    text-align: center;
}
caption
{
    margin-bottom: .5em;
    text-align: center;
}
p, fieldset, table, pre
{
    margin-bottom: 0;
}
input[type=text], input[type=password], textarea
{
    width: 12.25em; *width:11.9em;}

/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/
/* Default link syle */
A:Link, A:Visited, A:Active { color: #ea6a03; font-size: 1.2em; font-weight: normal; text-decoration: none; }
A:Hover { color: #b85f18; font-size: 1.2em; font-weight: normal; text-decoration: underline; }
/* H1 */
H1 { color: #3d3c3c; font-size: 24px; font-weight: normal; }
A.H1:Link, A.H1:Visited, A.H1:Hover, A.H1:Active { color: #3d3c3c; font-size: 24px; font-weight: normal; text-decoration: underline; }

/* H2 */
H2 { color: #3d3c3c; font-size: 15px; font-weight: normal; }
A.H2:Link, A.H2:Visited, A.H2:Hover, A.H2:Active { color: #3d3c3c;  font-size: 15px; font-weight: normal; text-decoration: underline; }

/* H3 */
H3 { color: #090909;  font-size: 18px; font-weight: normal; }
A.H3:Link, A.H3:Visited { color: #090909;  font-size: 18px; font-weight: normal; text-decoration: none; }
A.H3:Hover, A.H3:Active { color: #090909;  font-size: 18px; font-weight: normal; text-decoration: underline; }


/* H4 */
H4 { color: #303535; font-size: 14px; font-weight: normal; }
A.H4:Link, A.H4:Visited, A.H4:Hover, A.H4:Active { color: #303535; font-size: 14px; font-weight: normal; text-decoration: underline; }

/* H6 */
H6 { color: #80808c; font-size: 12px; font-weight: bold; }
A.H6:Link, A.H6:Visited, A.H6:Hover, A.H6:Active { color: #80808c; font-size: 12px; font-weight: bold; text-decoration: underline; }



/*=====================================================================*/
/* Module Classes                                                      */
/*=====================================================================*/

/* Default Container Title Style */
.Head { color: #2b5275;  font-size: 1.2em; font-weight: bold; text-decoration: none; }

/* SubHead */
.SubHead { color: #2b5275;  font-size: 1.2em; font-weight: bold; text-decoration: none; }
A.SubHead:Link, A.SubHead:Visited, A.SubHead:Hover, A.SubHead:Active { color: #2b5275; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* SubHead white */
.SubHeadWhite { color: #fff;  font-size: 1.2em; font-weight: bold; text-decoration: none; }
A.SubHeadWhite:Link, A.SubHeadGold:Visited, A.SubHeadGold:Hover, A.SubHeadGold:Active { color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: underline; }


/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { color: #2b5275;  font-size: .9em; font-weight: bold; text-decoration: none; }
A.SubSubHead:Link, A.SubSubHead:Visited, A.SubSubHead:Hover, A.SubSubHead:Active { color: #2b5275;  font-size: .9em; font-weight: bold; text-decoration: underline; }


/*=====================================================================*/
/* Input and Other Admin Site Styles                                   */
/*=====================================================================*/

/* Normal Text Box */
.NormalTextBox { color: #000000; background-color: #FBFBFB; font-size: 12px;  border: 1px solid #CCCCCC; }
.NormalTextBox input { color: #000000; background-color: #FBFBFB; font-size: 12px; border: 0px solid #CCCCCC; }
.NormalTextBox textarea { color: #000000; background-color: #FBFBFB; font-size: 12px; border: 0px solid #CCCCCC; }

/* Admin link styles */
A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active { color: #2b5275; font-size: 12px; font-weight: bold; text-decoration: none; background: none; border: none; padding: 2px 3px 3px 4px; height: 20px; }
A.CommandButton:Hover { color: #2b5275;font-size: 12px; font-weight: bold; text-decoration: none; background: none; border: none; padding: 2px 3px 3px 4px; height: 20px; }

/* button style for standard HTML buttons */
.StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active { color: #2b5275; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; background: none; border: none; padding: 2px 3px 3px 4px; height: 20px; }
A.StandardButton:Hover { color: #2b5275;font-size: 12px; font-weight: bold; text-decoration: none; background: none; border: none; padding: 2px 3px 3px 4px; height: 20px; }

TD, DIV, TH, span, form { color: #80808c; font-size: 12px; font-weight: normal; text-decoration: none; }

/* New DataGrid DNN Class used in Admin interface */
.DataGrid_Header { color: #333333;  font-size: 12px; font-weight: bold; text-decoration: none; }
.DataGrid_AlternatingItem { color: #000000; font-size: 9px; font-weight: normal; text-decoration: none; }
.DataGrid_Item { color: #333333; font-family: font-size: 9px; font-weight: normal; text-decoration: none; }


/*=====================================================================*/

/*=====================================================================*/
/* Main Menu */
#menuContainer
{
}
#menu
{
    padding: 0;
    margin: 0;
    list-style: none;
}
#menu li
{
    float: left;
    margin-left: 1px;
    padding-top: 2px;
    list-style: none;
}
#menu li a
{
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 25px 0 0;
    float: left;
    background: url(images/taba.gif) no-repeat right top;
    color: #ddd;
    text-decoration: none;
    list-style: none;
}
#menu li a b
{
    display: block;
    height: 36px;
    float: left;
    padding: 0 0 0 25px;
    background: url(images/tabb.gif) left top;
    cursor: pointer;
    list-style: none;
}
#menu li a:hover, #menu li a:active, #menu li a:focus, .home #menu li#home a, .single #menu li#single a, .dropdown #menu li#dropdown a, .dropline #menu li#dropline a, .flyout #menu li#flyout a, .support #menu li#support a, .contact #menu li#contact a
{
    background-position: right -36px;
    line-height: 34px;
    color: #fff;
    list-style: none;
}
#menu li a:hover b, #menu li a:active b, #menu li a:focus b, .home #menu li#home a b, .single #menu li#single a b, .dropdown #menu li#dropdown a b, .dropline #menu li#dropline a b, .flyout #menu li#flyout a b, .support #menu li#support a b, .contact #menu li#contact a b
{
    background-position: left -36px;
    list-style: none;
}


/*CODA SLIDER*/
#slider
{
    width: 940px;
    margin: 0 auto;
    position: relative;
}

.scroll
{
    height: 300px;
    overflow: hidden;
    position: relative; /* fix for IE to respect overflow */
    clear: left;
    background: #fff; /*url(images/content_pane-gradient.gif) repeat-x scroll left bottom*/
    
}

.scrollContainer div.panel
{
    padding: 20px;
    height: 300px;
    width: 900px; /* change to 560px if not using JS to remove rh.scroll */
}
.nav{height: 100px;
  width:900px;
 padding:20px 0px 10px 0px;
 text-align:center;     
     }


/* Slider Nav Buttons */
.navigation
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.navigation li
{
    list-style-type: none;
    float: left;
    margin: 0 0.15em;
}
.navigation li a
{
    height: 100px;
    line-height: 2em;
    float: left;
    width: 130px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    -moz-outline-style: none;
    color: #E17D4D;
}
/* Slider Content */
.codacontentleft
{
    width: 420px;
    height: 250px;
    margin: 0;
    padding: 0 20px 0 0;
    float: left;
}
.codacontentright
{
    width: 440px;
    height: 250px;
    margin: 0;
    padding: 0;
    float: right;
}

/* Slider Navigation Images */
#naviconcb
{
    height: 70px;
    width: 70px;
    background-image: url(images/62.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#naviconcb:hover
{
    height: 70px;
    width: 70px;
    background-image: url(images/62.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#naviconseo
{
    height: 70px;
    width: 70px;
    background-image: url(images/61.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#naviconseo:hover
{
    height: 70px;
    width: 70px;
    background-image: url(images/61.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#naviconusers
{
    height: 70px;
    width: 70px;
    background-image: url(images/54.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#naviconusers:hover
{
    height: 70px;
    width: 70px;
    background-image: url(images/54.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}


#naviconmulti
{
    height: 70px;
    width: 70px;
    background-image: url(images/81a.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#naviconmulti:hover
{
    height: 70px;
    width: 70px;
    background-image: url(images/81a.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#naviconsubscribe
{
    height: 70px;
    width: 70px;
    background-image: url(images/46.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#naviconsubscribe:hover
{
    height: 70px;
    width: 70px;
    background-image: url(images/46.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#naviconcustom
{
    height: 70px;
    width: 70px;
    background-image: url(images/60.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#naviconcustom:hover
{
    height: 70px;
    width: 70px;
    background-image: url(images/60.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

/* icons buy now and more on home page slider*/
.iconnavigation
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.iconnavigation li
{
    list-style-type: none;
    float: left;
    margin: 0 0.15em;
}
.iconnavigation li a
{
    height: 50px;
    line-height: 2em;
    float: left;
    width: 130px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    -moz-outline-style: none;
    color: #E17D4D;
}


#iconcart,#iconcart1,#iconcart2,#iconcart3,#iconcart4,#iconcart5{
        height: 25px;
    width: 25px;
    background-image: url(images/78.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#iconcart:hover,#iconcart1:hover,#iconcart2:hover,#iconcart3:hover,#iconcart4:hover,#iconcart5:hover{    height: 25px;
    width: 25px;
    background-image: url(images/78.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

#iconmore,#iconmore1,#iconmore2,#iconmore3,#iconmore4,#iconmore5{    height: 25px;
    width: 25px;
    background-image: url(images/97.gif);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
#iconmore:hover,#iconmore1:hover,#iconmore2:hover,#iconmore3:hover,#iconmore4:hover,#iconmore5:hover{    height: 25px;
    width: 25px;
    background-image: url(images/97.png);
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}