/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html
{
    color: #0f0;
    background: #FFF;
}

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
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2f2f2f;
    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: #0f0;
}

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: #ffffff;
	height: 100%;
	padding-bottom:10px;
	overflow: visible;
	background-attachment: fixed;
	background-image: url(/Portals/0/GMbgv2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#skinwrapper
{
    margin: 0 auto;
    width: 911px;
}
.logo
{
    width: 234px;
    height: 58px;
    padding-top: 10px;
    vertical-align: middle;
    background: #fff;
}
#gradright {
	width:931px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(omsrightdd.png);
	background-repeat: repeat-y;
	background-position: right top;
	margin-right: 0px;
	margin-left: 0px;
}
#gradbotcorner {
	width:916px;
	height:10px;
	margin-left:15px;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right -2px;
	background-image: url(omsbrcorner.png);
}
#gradbottom {
	width: 911px;
	height:10px;
	float:left;
	background-color: transparent;
	margin-left: 10px;
	margin-top: -14px;
	background-attachment: scroll;
	background-image: url(omsbottomdd.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#header
{
    width: 202px;
    height: 80px;
    float: left;
    padding: 0px;
    margin: 0px;
    border: solid 0px; /* background-image: url(    'images/custom-dnn-modules-banner.jpg' );     background-repeat: no-repeat;      background-color: #808080;*/
}
#loginwrap {
	width:200px;
	height:65px;
	float:right;
}
#login {
	width:138px;
	height:45px;
	float:right;
	margin-right:-18px;
	padding-right:15px;
	padding-top:3px;
	background-attachment: scroll;
	background-image: url(/Portals/0/LoginBg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#contactno {
	clear:both;
	text-align:right;
	width:200px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}	
#banner {
	width:911px;
	height:144px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
.skinnav
{
	background-color:#00F;
    width: 100%;
	
}
.skinnavpane
{
	width:911px;
	font-size: .9em;
	text-align: left;
	color: #fff;
	height: 36px;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}

#contentwrapper
{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;*/
}
#bannercolumn
{
    width: 950px;
    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-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin: 0px;
	width: 871px;
	background: #ffffff;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;	
}
#leftcolumn
{
    border: 0px solid #ccc;
    margin: 0px;
    padding-right: 0px;
    width: 290px;
	height:auto;
    float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
   background: #ffffff;
}
#rightcolumn
{
    float: left;
    color: #333;
    border: 0px solid #ccc;
	padding-right:0px;
    width: 290px;
	height:auto;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
    display: inline;
    background: #ffffff;
}
#middlecolumn
{
    float: left;
    color: #333;
    border: 0px solid #ccc;
	padding-right:0px;
    width: 290px;
	height:auto;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
    display: inline;
    background: #ffffff;
}
#TopPane {
	float: left;
	color: #333;
	border: 0px solid #ccc;
	padding-left:0px;
	width: 860px;
	height:80px;
	background-color: #ffffff;	
}
#RightPane {
	background-color:#ffffff;
	overflow:hidden;
}
#ContentPane {
	background-color:#FFF;
	overflow:visible;

}
#MiddlePane {
	background-color:#ffffff;
	overflow:visible;

}
#footerwrap
{
	width: 100%;
	height: 120px;
	background: transparent;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #6AAF44;
}
#footer {
    margin: 0 auto;
	width:911px;
	height:120px;
	
}
#footercontent {
	width:211px;
	height:120px;
	float:left;
}
#FooterPane {
	width:511px;
	height:120px;
	
}
#termsblock {
	width: 500px;
	height:120px;
	float:right;
	text-align:right;
}
#terms {
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6aaf44;
}
.termslink {
    color: #6aaf44;
    font-size: 10px;
    text-decoration: none;
}
A.termslink:Link, A.termslink:Visited, A.termslink:Active, 
{
    color: #6aaf44;
    font-size: 10px;
    text-decoration: none;
}
A.termslink:Hover
{
    color: #6aaf44;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

#termstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}
.cb
{
    clear: both;
    height: 1px;
}
.content
{
	text-align:left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 14px;
}
.toppane
{
	text-align:left;
	margin: 0px;
	padding-left:15px;
	
	
	background-color:#FFFFFF;
}
.contentmiddle
{
	text-align:left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.contentmeter
{
	text-align:left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.flohdb
{

    overflow: hidden;
    display: inline-block;
}
/* Text style for skin objects */
.skinobject
{
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
A.skinobject:Link
{
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
}
A.skinobject:Visited, A.skinobject:Active, A.skinobject:Hover
{
    color: #ffffff;
    font-size: 1em;
    font-weight: normal;
    text-decoration: underline;
}

/* Typography*/

h1
{
	font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
	font-weight:normal;
	color:#6aaf44;
}
h2
{
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight:bold;
	color:#6aaf44;
}
h3
{
    font-size: 108%;
}
h1, h2, h3
{
    margin: 1em 0;
}
h1, h2, h3, h4, h5, h6, strong
{
    font-weight: normal;
}
abbr, acronym
{
    border-bottom: 1px dotted #0f0;
    cursor: help;
}
em
{
    font-style: italic;
}
blockquote, ul, ol, dl
{
    margin: 1em;
}
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
{

}
th
{
    font-weight: bold;
    text-align: center;
}
caption
{
    margin-bottom: .5em;
    text-align: center;
}
p, fieldset, table, pre
{
    margin-bottom: 1em;
}
input[type=text], input[type=password], textarea
{
    width: 12.25em; *width:11.9em;}

/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/

/* H1 
H1 { color: #80808c; font-size: 2em; font-weight: bold; }
A.H1:Link, A.H1:Visited, A.H1:Hover, A.H1:Active { color: #80808c; font-size: 2em; font-weight: bold; text-decoration: underline; }
*/
/* H2 
H2 { color: #80808c; font-size: 1.8em; font-weight: bold; }
A.H2:Link, A.H2:Visited, A.H2:Hover, A.H2:Active { color: #80808c;  font-size: 1.8em; font-weight: bold; text-decoration: underline; }
*/
/* H3
H3 { color: #80808c;  font-size: 16px; font-weight: bold; }
A.H3:Link, A.H3:Visited, A.H3:Hover, A.H3:Active { color: #80808c;  font-size: 16px; font-weight: bold; text-decoration: underline; }
 */
/* H4
H4 { color: #80808c; font-size: 14px; font-weight: bold; }
A.H4:Link, A.H4:Visited, A.H4:Hover, A.H4:Active { color: #80808c; font-size: 14px; font-weight: bold; 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; }
*/
/* 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; }*/

/*=====================================================================*/
/* 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: #0f00f0; background-color: #FBFBFB; font-size: 12px;  border: 1px solid #CCCCCC; }
.NormalTextBox input { color: #0f00f0; background-color: #FBFBFB; font-size: 12px; border: 0px solid #CCCCCC; }
.NormalTextBox textarea { color: #0f00f0; 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; }*/
DIV{ padding:0; margin:0;}
/* New DataGrid DNN Class used in Admin interface */
.DataGrid_Header { color: #333333;  font-size: 12px; font-weight: bold; text-decoration: none; }
.DataGrid_AlternatingItem { color: #0f00f0; 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;
}