/* CSS Document */

/*** Color Palette
dk blue			#074c7d
med blue		#6699CC
bright blue		#085c9c
pale yellow		#f9f4e3
bright yellow	#ffcc00
gold			#cc9900
warm gray		#c8c7c4

**************************/

/***************************
remove defaults
****************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
	font-family:Arial, Helvetica, sans-serif; /* added this line to fix all fonts */
}

:focus
{
    outline: 0;
}
td
{
    border-collapse: collapse;
}

.clearer
{
    clear: both;
    font-size: 0;
    height: 0;
}
/*** LAYOUT ***/
body
{
    background-image: url(../../images/bluesky.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
}
#mainWrapper
{
    background-image: url(../../images/cree_website_layout_bg.gif);
    background-repeat: repeat-y;
    width: 1000px; /*min-height:500px;*/
}
#leftdrop
{
    width: 25px;
    float: left;
}
#rightdrop
{
    width: 25px;
    float: right;
}
#contentWrapper
{
    width: 950px;
    height: auto;
}
#innerWrapper, #innerSingleWrapper
{
    background-image: url(../../images/rightcolumn_bg.gif);
    background-repeat: repeat-y;
    width: 950px;
    display: inline-block;
    
}
#innerSingleWrapper
{
    background-image: none !important;
    
}
#header
{
    height: 127px;
    width: 950px;
}
#navigation
{
    width: 950px;
    height: 36px;
    background: transparent url(../../images/nav_bg.png) no-repeat;
    position: absolute;
    top: 91px;
    text-align: left;
    padding-left:13px;
    z-index:7000;
}
#breadcrumbs
{
    height: 25px;
    width: 950px;
    padding: 0;
    background-image: url(../../images/cree_website_breadcrumbs.gif);
}
#contentArea
{
    width: 950px;
    margin: 0;
    padding: 0px;
}
.inner_rightcolumn
{
    float: right;
    width: 224px;
    padding: 20px 0px;
    min-height:258px;
}

.inner_single_content
{       
    padding:12px;
}
.inner_content
{
    width: 660px;
    float: left;
    text-align: left;
    padding-top:24px; /* changed margins to add 40px left margin */
	padding-bottom:24px;
	padding-left:40px;
	padding-right:10px;
}
.inner_content2
{
    width: 686px;
    float: left;
    text-align: left;
    padding:0 0 24px 40px; /* changed margins to add 40px left margin */
}
.inner_content_col1
{
    width: 300px; /* reduced width to adapt to margin changes */
    float: left;    
	margin-right:30px; /*added 20px margin to add space between columns */
}
.inner_content_col2
{
    width: 325px;
    float: left;    
}
.inner_content2_col1
{
    width: 411px; /* increased line length */
    float: left;    
    padding-top:24px;        
}
.inner_content2_col2
{
    width: 251px; /* reduced size of highlight image */
    float: right;    
    text-align:right;
    padding-right:1px;
    overflow:hidden;
}
#footer
{
    clear: both;
    text-align: center;
    width: 1000px;
}
#baseWrapper
{
    clear: both;
    text-align: center;
    width: 950px;
}
#baseLeft
{
    width: 125px;
    float: left;
}
#baseRight
{
    width: 125px;
    float: right;
}
#baseCenter
{
    text-align: center;
    color: #999;
    font-size: 11px;
}


/*** CONTENT ***/

h1
{
    color:#336699;
    font-weight: normal;
    font-size: 17px;
	margin-bottom:10px;
}
h2
{
    margin: 12px 0px;
    padding: 8px 0px;
    border-top: 1px dashed #c8c7c4;
    border-bottom: 1px dashed #c8c7c4;
    font-weight: normal;
    font-size: 13px;
    color: #666;
}
h3
{
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:8px;
	padding-bottom:2px;
}
.blue {
	color:#336699;
}
.inner_rightcolumn h3 {
	text-align:left;
}
.inner_content p, .inner_content2 p
{
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-bottom: 12px;
}

.inner_rightcolumn p {
	text-align:left;
	font-size:12px;
	margin-top:6px;
	color:#666666;
}
.inner_rightcolumn ul {
	text-align:left;
	margin:0;
	list-style:none;
}
.inner_rightcolumn li {
	padding-top:6px;
	font-size:11px;
	line-height:14px;
}
.inner_rightcolumn a {
	color:#336699;
	font-weight:bold;
	cursor:pointer;
}
label
{
    color: #333;
    width: 10em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    font-weight: bold;
    padding-top: 4px;
}
/* BULLETS */
.inner_content ul, .inner_content2 ul {
	margin:0;
	list-style:none;
}
.inner_content ul li, .inner_content2 ul li {
	font-size:12px;
	color:#999;
	padding-bottom:2px;
}
.nobullets {
	margin:0px !important;
}
.nobullets li {
	list-style:none;
	font-size:11px !important;
	line-height:13px;
	padding-bottom:4px !important;
	color:#666;
}
.plusbullets {
	margin:0px;
}
.plusbullets li {
	list-style-image:url(../../images/plus.gif);
	font-size:11px;
	line-height:13px;
	padding:2px 0px;
}


.RadWindow
{
    z-index:9999 !important;
}

/*** LINKS ***/

a:link
{
    text-decoration: none;
    color: #6699CC;
}
a:visited
{
    text-decoration: none;
    color: #6699CC;
}
a:hover
{
    text-decoration: none;
    color: #074c7d;
}
a:active
{
    text-decoration: none;
    color: #074c7d;
} 

/*** FOOTER ***/

#baseCenter a:link, #baseCenter a:visited, #baseCenter a:active
{
    text-decoration: none;
}
#baseCenter a:hover
{
    text-decoration: none;
}

/* breadcrumb */
#breadcrumbs_content
{
    float: left;
    font-size: 11px;
    height: 25px;
    padding-left: 25px;
    color: #fff;
    line-height: 25px;
}
#breadcrumbs_content a:link, #breadcrumbs_content a:visited, #breadcrumbs_content a:hover
{
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
}


/* Home Page */
#home_content .content_box p
{
    font-size: 11px;
    padding:5px 0;
}

/*** Showcase ***/
.showcasebox {
	border:dashed #ccc 1px;
	width:300px;
}
.showcaseproductlist {
	background-color:#e4eef5;
	padding:6px 8px;
}
.showcasebox h3 {
	margin:8px 8px 4px 8px;
	padding:0;
}
.showcasebox p {
	color:#333;
	font-size:11px;
	line-height:14px;
	margin:4px 8px;
	padding:0;
}
.droplinks, .droplinks ul { /* all lists */
	padding: 0;
	margin: 0 !important;
	list-style: none;
	line-height: 1;
}

.droplinks a {
	display: block;
	width: 200px;
	text-decoration:none;
	border:1px solid #ccc;
	background-color:#FFFFFF;
	padding:3px 6px;
	color:#333;
}
.droplinks a:hover {
	display: block;
	width: 200px;
	text-decoration:none;
	border:1px solid #ccc;
	background-color:#6699CC;
	padding:3px 6px;
	color:#FFFFFF;
}

.droplinks li { /* all list items */
	float: left;
	width: 200px; /* width needed or else Opera goes nuts */
	font-size:10px !important;
	padding:0 !important
}

.droplinks li ul { /* second-level lists */
	position: absolute;
	background: #f0f0f0;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.droplinks li:hover ul, .droplinks li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*** Product Display ***/
.productdisplaycategory {
	clear:both;
}
.productdisplayshell {
	border:1px #ccc dashed;
	margin-right:4px;
	margin-bottom:20px;
	margin-left:0px;
	margin-top:0px;
	font-size:10px;
	width:120px;
	float:left;
}
.productdisplayimage {
	background-color:#fff;
	color:#999999;
	font-size:10px;
	font-weight:bold;
	padding:4px 8px;
}
.productdisplaydetails {
	background-color:#e4eef5;
	color:#999999;
	font-size:10px;
	font-weight:bold;
	padding:4px 8px;
}

/** Home Page Pods **/

#homePods p {
	font-size:11px;
	line-height:14px;
	margin:5px 18px;
	color:#666666;
}
.podContent {
	background-image:url(../../images/podSlice.gif);
	background-repeat:repeat-x;
	background-color:#e4e4e4;
	vertical-align:top;
	border-right:1px #999 solid;
}
.podContentRight {
	background-image:url(../../images/podSlice.gif);
	background-repeat:repeat-x;
	background-color:#e4e4e4;
	vertical-align:top;
	border-right:0px;
}
.podTab {
	background-image:url(../../images/moreTab.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#e4e4e4;
	text-align:right;
	padding-top:8px;
	padding-right:10px;
	font-size:10px;
	height:25px;
	border-right:1px #999 solid;
	font-weight:bold;
}

/** Display Table **/

.tableDisplay td {
	font-size:10px;
	padding:4px 8px;
}
.rowHead {
	color:#666666;
}
.rowBlue {
	color:#336699;
	background-color:#e4eef5;
}
.rowWhite {
	color:#336699;
}
.rowHead td {
	border-bottom:1px solid #dcdcdc;
}

/*** SiteFinity content fixes ***/

h1.sf_ItemTitle {
	font-size:18px;
	border-top:1px dashed #ccc;
	padding:10px 0px;
}
h2.sf_listTitle {
	border-top:0;
    border-bottom:0;
    color: #000;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:8px;
	padding-bottom:2px;
}

/*** Modify News Items ***/

.sf_newsList, .sf_newsList li, .sf_newsList h2 {
	margin:0 !important;
	padding:0 !important;
	border:0;
	line-height:14px !important;
}
.sf_newsList h2 a {
	font-size:12px;
	padding:0px;
	margin:0;
}
.sf_newsList p {
	display:none; /*** Hides all news sub-items ***/
}
.sf_newsList p.sf_newsDate {
	font-size:11px !important;
	display:inline; /*** Displays only title and date ***/
}

/*** Modify Document Library display ***/

ol.sf_libraryList {
	line-height:normal !important;
}
ol.sf_libraryList li {
	margin:0px !important;
}
.sf_libraryList li dd {
	display:none;
}
.sf_libraryList a {
	font-size:11px !important;
	display:inline; 
	font-weight:normal;
}

.sf_listItemBody h2 {
}
.sf_listItemBody h3 {
	font-size:14px;
	color:#336699;
}
.sf_listItemBody td {
	font-size:12px;
	padding: 2px 4px;
	color:#333333;
}
.sf_listItemBody ul {
	margin-left:25px
}
.sf_listItemBody li {
	font-size:12px;
	line-height: 16px;
	padding-bottom:6px;
}

.sf_simpleList li, .sf_pageList li, .sf_expandedList li, .sf_expandableList li, .sf_anchorList li
{
	list-style:none;
	padding-bottom:0px !important;
}
.sf_expandableList h3 {
	font-size:12px;
	text-transform:none;
	padding:0px;
}
/*h3.sf_listItemTitleexp {
	font-size:12px;
	text-transform:none;
}*/
.sf_simpleList li, .sf_pageList li, .sf_expandedList li, .sf_expandableList li, .sf_anchorList li {
margin:0 0 6px 0px !important; /*changed from margin:0 0 10px 25px*/
padding:0;
}
div.sf_listItemBody {
	font-size:12px;
	color:#666666;
}
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border-style:solid;
	
}
.datatable td {
	font-size:11px;
	line-height:14px;
	padding:6px;
	vertical-align:top;
	color:#333333;
}
.datatable p {
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
}
.inner_single_content p
{       
    padding:12px;
	font-size: 11px;
	text-align:left;
}
.sf_pager {
	padding:0;
	margin:0;
}
ol.sf_pager li {
float:left;
margin:0;
padding:0 0px 0 0 !important;
width:auto;
}
ol.sf_pager li a {
	display:block;
	border:1px solid #dcdcdc;
	padding:2px 4px !important;
	margin-left:2px;
	float:left;
	font-size:9px;
	background-color:#f0f0f0;
}
.sf_pager li a:hover {
	background-color:#FFFFFF;
}	
p.sf_singleImageCaption {
	font-size:11px;
	font-weight:normal;
	font: normal 11px ;
}
ul.sf_singleImageData {
    visibility:hidden;
	display:none;
}
.sf_controlListItems a {
	border:#dcdcdc solid 1px;
	padding:3px 6px;
	background-color:#f0f0f0;
	font-size:11px;
	width:75px;
}
.sf_controlListItems a:hover {
	background-color:#FFFFFF;
}