/*



Theme Name: UD Tech







*/











/*------------------------------------------



// 1.RESET



//------------------------------------------*/







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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



	background: transparent;



}



ol, ul { list-style: none; }



blockquote, q { quotes: none; }



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



:focus { outline: 0; }



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



acronym { cursor: help; }











	







/*------------------------------------------



// 2.GENERIC CLASSES



//------------------------------------------*/







html { font-size: 100.01%; height: 100%;}



body { font-size: 62.5%; line-height:1em; height: 100%;}











/*---- Input fields ----*/



input, select, textarea { font-size: 100%; }



textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }







/*---- Floats ----*/



.flR { float: right; }



.flL { float: left; }







/*---- Horizontal Alignment ----*/



.alR { text-align: right; }



.alC { text-align: center; }







/*---- Vertical Alignment ----*/



.vlT {vertical-align:top;}



.vlB {vertical-align:bottom;}







/*---- Hide ----*/



.hide { display: none; }







/*---- Float Clearing fixes ----*/



.clear { clear: both; height:1px; line-height:1px; }



.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }







/*---- Image Replacement Technique ----*/



.ir { position: relative; overflow: hidden; }



.ir span { position: absolute; top: 0; text-indent: -1000em;}







/*---- Links ----*/



a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }



a:link:hover, a:visited:hover { text-decoration: underline; }



	











/*------------------------------------------



// 3.BASIC ELEMENTS



//------------------------------------------*/







body {   background:#F1F1F1 url(interface/images/content/content_bg_vertical.gif) repeat-y scroll center top; font-family: Arial, Helvetica, sans-serif; color:#333333; }















/*------------------------------------------



// 4.LAYOUT



//------------------------------------------*/







/*---- Container ----*/

div#page { height:100%; }

div#container { min-height: 100%; height: auto !important; height:100%; margin: 0 auto -30px;}

div#container div.wrapper{ width: 804px; margin: 0 auto; padding-top:2px; }







/*---- Inner Container ----*/



div#inner_container { background:#f1f1f1 url(interface/images/content/content_bg_horizontal.gif) repeat-x top left; }







/*---- Header ----*/



div#header { background:url(interface/images/header/header_bg.gif) repeat-x top left; }







/*---- Navigation ----*/



div#navigation { background:url(interface/images/navigation/navigation_bg.gif) repeat-x top left; border-bottom:#f0bb31 3px solid; }











/*---- Banner ----*/



div#banner { border:#a0a0a0 1px solid; }







/*---- Content ----*/



div#content { border-top:3px solid #F0BB31; margin-top:1px; padding-bottom:40px;  }







/*---- Main ----*/



div#main { width:575px; float:right; padding-top:7px; padding-right:15px; }







/*---- Sidebar ----*/



div#sidebar { width:198px; float:left; padding-top:1px; }







/*---- Footer ----*/











/*------------------------------------------



// 5. PAGE COMMON STYLES



//------------------------------------------*/





/*---- Header - Logo ----*/



div#header h1, div#header h1 span,div#header a.logo,div#header a.logo span { display: block; width: 115px; height: 95px; overflow: hidden; }







div#header h1,div#header a.logo { position: relative; }



	



div#header h1 span,div#header a.logo span  { position: absolute; top: 0; left: 0; z-index: 10; background:url(interface/images/header/logo.gif) no-repeat; }







div#header a.logo span { cursor: pointer; }







/*---- Header - Contact Info ----*/



div#header div.contact_info { padding-top:20px; margin-right:10px; text-align: center;}



div#header div.contact_info p { color:#334da2; font-size:180%; line-height:1.2em; }



div#header div.contact_info p a { color:#334da2; text-decoration:none; }







/*---- Navigation ----*/



div#navigation ul li { float:left;  position:relative; }



div#navigation ul li:hover { background:url(interface/images/navigation/li_hover.gif) repeat-x top left; }



div#navigation ul li.pipe { background:url(interface/images/navigation/pipe.gif) no-repeat top left; padding:12px 0px; margin-top:4px;  }



div#navigation ul li a { display:block; text-align:center; font-size:120%; color:#333333; text-decoration:none; line-height:1.2em; font-weight:bold; padding:10px 0px 15px 0px; }



div#navigation ul li:hover a{ color:#c09627; }



div#navigation ul li.first a{ padding:10px 0px 15px 0px; }



/*---- Sub Navigation ----*/



div#navigation ul li.parent:hover ul.child { display:block; }



div#navigation ul li.parent ul.child { display:none; background:#fafafa; color:#333; border-top:1px #c3c3c3 solid; border-left:1px #c3c3c3 solid; border-right:1px #c3c3c3 solid; position:absolute; top:38px; left:0px; z-index:10;  }



div#navigation ul li.parent ul.child li { background:url(interface/images/navigation/li_bg.gif) repeat-x bottom left; float:none; position:relative;  }







div#navigation ul li.parent ul.child li a{ width:150px; float:none; font-weight:normal; color:#333; padding:8px 11px 10px; text-align:left; }



div#navigation ul li.parent ul.child li ul.sub_child { display:none; position:absolute; top:-1px; left:172px; background:#fafafa; color:#333; border-top:1px #c3c3c3 solid; border-left:1px #c3c3c3 solid; border-right:1px #c3c3c3 solid; position:absolute; z-index:3;  }



div#navigation ul li.parent ul.child li ul.sub_child li a { padding:8px 14px 10px 14px; }

div#navigation ul li.parent ul.child li:hover ul.sub_child { display:block; }











/*---- Inner Container ----*/



div#inner_container div.wrapper{   background:#F1F1F1 url(interface/images/content/content_bg_vertical.gif) repeat-y scroll center top;  padding:1px 3px; width:798px; }







/*---- Banner ----*/



div#banner img { vertical-align:bottom; }







/*---- Content ----*/



div#content a { text-decoration:underline; color:#f0bb31;  }



div#content a:hover { color:#334da2; }



div#content table{margin-bottom:15px;}



div#content table td{font-size:120%; padding:5px; }







/*---- Main ----*/



div#main.full { width:785px; }



div#main h1 { color:#334da2; font-size:180%; margin-bottom:17px; line-height:1.2em; }



div#main h2 { color:#334da2; font-size:160%; line-height:1.2em;}



div#main h3 { color:#334da2; font-size:140%; line-height:1.2em; margin-bottom:10px; }



div#main h4 { color:#334da2; font-size:120%; line-height:1.2em; margin-bottom:10px;}



div#main p { color:#333333; font-size:120%; line-height:1.5em; margin-bottom:20px;  }



div#main ul { margin:0 0 15px 20px ; } 



div#main ul li { list-style-type:disc; font-size:120%; color:#div#main ul; line-height:1.2em; }



div#main ol { margin:0 0 15px 25px ; } 



div#main ol li { list-style-type:decimal; font-size:120%; color:#div#main ul; line-height:1.2em; }











/*---- Sidebar ----*/



div#sidebar div.box { border:#a0a0a0 1px solid; padding:1px; margin-bottom:9px; }



div#sidebar div.box div.heading { background:#334da2; margin-bottom:1px; padding:5px 6px; }



div#sidebar div.box div.heading h2 { color:#fff; font-size:160%; line-height:1.2em; }



div#sidebar div.box ul { border-top:#f0bb31 3px solid; }

div#sidebar div.box ul ul{border:none;}

div#sidebar div.box ul ul li{padding-left:15px;}

div#sidebar div.box ul li { border-bottom:#e5e5e5 1px solid; }



div#sidebar div.box ul li a{ font-size:120%; color:#333333; text-decoration:none; display:block;  padding:9px 6px; }



div#sidebar div.box ul li.last { border-bottom:none; padding:8px 6px; }







/*---- Footer ----*/

div#footer,div.push { height:30px; }

div#footer p { color:#a0a0a0; font-size:110%; line-height:1.2em; }






#plogo {
	width: 240px;
	float: right;
}
#partner {
	height: 100px;
}

#product-listing {
	margin-left: 135px;
	min-height: 110px;
}

#product-image {
	margin-left: -135px;
	float: left;
	width: 135px;
}

#products-home ul {
list-style: none;
}
#products-home a {
	font-size: 14px;
}
#spotlightbox a h2 {color:#FC0 !important;margin-bottom: 25px;}
#spotlightbox a{
	font-family: 'Paytone One', sans-serif;
	font-size: 18pt;
	color:#FC0 !important;
	text-shadow:#555 1px 1px 4px;
	text-decoration:none !important;
}