/*
	project: Opticon Mobility (www.opticonmobility.com)
	author:  Medianova (www.medianova.hr)
*/
/* global reset */
:link,:visited { text-decoration:none } ul,ol { list-style:none } fieldset { border: 0 } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border:none } address { font-style:normal }
body { font: .74em Arial, Sans-Serif; background: #f4f4f4; color: #333; }
a { color: #F0741E; cursor: pointer; }
.distinct { color: #1C3162; }
a:hover { color: #000; }
:focus, :active { outline: 0; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
h2 { margin: 0 0 10px; color: #000; font-size: 1.8em; border-bottom: 1px solid #eee; }
#left h3 { font-size: 1.2em; font-weight: normal; margin: 5px 0 15px; }
#content { margin: 5px auto; width: 995px; }
.clear { clear: both; }
.hidden { display: none; }
h3 { color: #333; font-size: 1.2em; margin: 10px 0; }
h4 { font-size: 1.1em;  color: #F0741E; margin: 0 0 5px; }
#logo { float: left; margin: 5px 0 12px 0px; }
.line { border-top: 1px solid #eee; margin: 0 0 10px; }

#top_options { float: right; text-align: right; margin: 12px 5px 0 0; font-size: 1.3em; }
	#top_options p { margin: 0; float: left; }
	#top_options img { vertical-align: middle; margin: 0 6px 0 0; }
	#top_options a { margin: 0 0 0 15px; font-weight: bold; color: #808080; }
		#top_options a:hover { color: #000; }
	#top_options form { float: left; margin: 0 0 0 25px; }
	input.search_field { padding: 4px; width: 180px; font-size: .9em; border: 1px solid #ccc; background: #fff url(../images/fieldbg.gif) repeat-x bottom; }
		input.search_field:focus { border-color: #808080; }
	input.search_button { background: #fff; border: 0; font: bold 1em Arial; color: #808080;}

#menu { clear: both; height: 65px; margin: 0 0 3px; padding: 0 0 0 2px; background: #fff url(../images/menubg.jpg) repeat-x; }
	#menu li { display: inline; font-size: 1.2em; }
	#menu li a { float: left; font-weight: bold; width: 236px; margin: 2px 2px 0 0; padding: 12px 0 11px; text-align: center; color: #000; }
	#menu li a:hover {  background: url(../images/menuitem.gif) no-repeat top left; color: #fff; }
	#menu li a.current { background: url(../images/menuitem.gif) no-repeat top right; font-weight: bold; color: #FFFECE; }

#submenu { clear: both; margin: 0 0 20px; }
#submenu li { display: inline; }
#submenu li a { float: left; padding: 4px 20px; }

#intro { clear: both; margin: 0 0 10px; }
#intro.index { background: #fff url(../images/intro.jpg) no-repeat; padding: 10px 20px 0 0; text-align: right; height: 235px; }
	#intro.index a{ display: block; font-size: 1.3em; font-weight: bold;}
	#h16 a { float: right; width: 264px; height: 220px; background: url(../images/h16dash.gif) no-repeat top left; }
		#h16 a:hover { background: url(../images/h16dash.gif) no-repeat top right; }
	#h19 a { float: right; width: 224px; height: 220px; margin: 0 5px 0 0; background: url(../images/h19dash.gif) no-repeat top left; }
		#h19 a:hover { background: url(../images/h19dash.gif) no-repeat top right; }
	#att { float: left; width: 30px; margin: 147px 0 0 20px; }

#intro.solutions { padding: 3px 5px 60px 10px; background: url(../images/dashboard/solutions.jpg) no-repeat; height: 75px; vertical-align:middle;}
#intro.solutions a { float: left; padding: 40px 0 0; height: 75px; width: 124px; text-align: center; margin: 0 4px 0 0; border: 1px solid #fff; vertical-align: middle;}
#intro.solutions a:hover { border: 1px solid #ccc; }
#intro.solutions a.current, #intro.accessories a.current { border-color: #E97D01; color: #000; }
#intro.solutions img { vertical-align: middle; }
#intro.accessories{ padding: 5px 5px 60px 10px; background: url(../images/dashboard/solutions.jpg) no-repeat; height: 65px; }
#intro.accessories a { float: left; width: 90px; font-weight: bold; font-size: 1.3em; padding: 35px 70px 0px 10px; height: 75px; margin: 0 5px; border: 1px solid #ccc; }
#intro.accessories a:hover { border: 1px solid #808080; }

#bodytop { background: #f4f4f4 url(../images/bodytop.jpg) no-repeat; padding: 11px 0; }
#bodymiddle { background: #f4f4f4 url(../images/bodymiddle.jpg) repeat-y; padding: 0px 20px; }
#bodybottom { background: #f4f4f4 url(../images/bodybottom.jpg) no-repeat; padding: 11px 0; margin: 0 0 10px; }

#left { float: left; margin: 15px 0; width: 630px; }
#right { float: right; width: 303px; margin: 15px 0; }
	.side_link { float: right; font-weight: bold; }
	.sidebox_top { border: 0; background: #fff url(../images/sidebox_top.gif) no-repeat; padding: 9px 0 4px 10px; }
			.sidebox_top h3 { color: #FFFECE; font-weight: bold; font-size: 1.2em; }
	.sidebox_middle { background: #fff url(../images/sidebox_middle.gif) repeat-y; padding: 10px 5px; }
	.sidebox_bottom { background: #fff url(../images/sidebox_bottom.gif) no-repeat; padding: 10px 0; }

	#error { color: #FF0005; font-weight: bold; }

	#right li a { background: url(../images/sidebox_bullet.gif) no-repeat 6px 11px; color: #D0E4EA; font-weight: bold; display: block; padding: 7px 7px 7px 15px; border-bottom: 1px solid #2B5563; border-top: 1px solid #6B95A3;  }
	#right li a:hover { background: #30677A url(../images/sidebox_bullet.gif) no-repeat 6px 11px;; color: #fff; }
	#large { border: 1px solid #ccc; height: 250px; width: 300px; margin: 0 0 5px; }
	#right span { float: left; width: 110px; }
	.thumb { margin: 0 3px 1px 0; border: 1px solid #ccc; }
	.goleft { float: left; margin: 0 20px 10px 0; }
	.goright { float: right; margin: 0 0 10px 30px; }
	.rounded, .rounded_short { float: left; width: 475px; margin: 0 5px 10px 0; font-size: .9em; color: #666; }
	.rounded_short { width: 322px; }
		.last { margin: 0; }
	.rounded_box_top_short { background: #fff url(../images/rounded_box_top_short.gif) no-repeat; padding: 4px 0; }
	.rounded_box_top { background: #fff url(../images/rounded_box_top.gif) no-repeat; padding: 4px 0; }
	.rounded_box, .rounded_box_short { height: 100px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 1px 0 0; padding: 4px 10px 8px 0px; }
		.rounded_box img, .rounded_box_short img { float: left; margin: 0 20px 15px 10px; }
		#home .rounded_box p { margin: 0; float: right; }
		#inner .rounded_box { height: 80px; }
	.rounded_box_bottom_short { background: #fff url(../images/rounded_box_bottom_short.gif) no-repeat; padding: 6px 0; }
	.rounded_box_bottom { background: #fff url(../images/rounded_box_bottom.gif) no-repeat; padding: 6px 0; }
	#award { float: right; }
	.list { margin: 0 0 30px; }
	.list li { margin: 0 0 0 20px; line-height: 1.6em; list-style: square; }
		.list li li { list-style: circle; }

	/* case studies */
	#ppt { float: left; width: 527px; }
	#pdfs { float: right; width: 420px; }
		#btop { background: url(../images/btop.gif) no-repeat; padding: 5px 0; }
		#bbox { background: #F2F2F2; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 10px; }
			#bbox h3, .rb h3 { margin: 0 0 8px; }
			#bbox p  { font-size: .9em; margin: 0; }
			#bbox a, .rb a { margin: 0 0 3px; font-weight: bold; }
			.pdf_item { border-bottom: 1px solid #ddd; padding: 4px 0; }
			.pdf_item.last { border: 0; padding-bottom: 0; }
		#bbottom { background: url(../images/bbottom.gif) no-repeat; padding: 6px 0; margin: 0 0 10px; }
		.rb { background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; border: 1px solid #ccc; margin: 0 0 20px; }
			.rb p { margin: 0 0 6px; border-bottom: 1px solid #ccc; padding: 0 0 5px; font-size: .9em; }
				.rb .last { border: 0; padding-bottom: 0; }

/* global table definition */
	table { border-collapse: collapse; width: 100%; margin: 0 0 20px; }
	td { padding: 5px; border: 1px solid #ccc; }

/* cart table */
	#cart_table { border-collapse: collapse; width: 100%; }
	thead td { background: #f4f4f4; padding: 5px; border: 1px solid #ccc; font-weight: bold; }
	.td_qty_small { width: 70px; }
	.td_qty { width: 220px;  }
		.td_qty  .cart_add_remove_div_nob  { background: #fff; width: 220px; padding: 0 10px; }
	.td_op { width: 155px; }
	.td_rmv { width: 60px; }
	.td_price { width: 70px; text-align: center; }
	.cart-img { float:left; margin-right: 15px; border: 1px solid #ccc; padding: 1px; }
	.cart-ajax-icon {float:right: width:17px; height:17px }

	#total_price { float: right; text-align: right; width: 260px; font-size: 1.2em; }
		#total_price p { margin: 0; padding: 0 10px 3px 0; color: #000; }
		#total_price span { font-weight: bold; }
		#total_cart_price { background: #f4f4f4; border: 1px solid #eee; padding: 5px 10px; }

/* promo code valid or invalid */
		.valid { background: #D0F9C6; padding: 5px 15px; }
		.invalid { background: #F9D5C6; padding: 5px 15px; }

/* copy from above caption */
	#copy_data_link { margin: 0 0 0 123px; display: block; padding: 0 0 5px 15px; color: #157B15; font-weight: bold; font-size: .9em; background: #fff url(../images/copy-arrow.gif) no-repeat 0 2px; }

/* add / remove from cart */
	.cart_add_remove_div { width: 275px; padding: 10px 10px 0 15px; margin: 0 0 10px; background: #fff url(../images/fieldbg.gif) repeat-x bottom; border: 1px solid #ccc; height: 33px; }
	.cart_add_remove_div_nob { width: 275px; padding: 10px 10px 0 15px; margin: 0 0 10px; background: #fff url(../images/fieldbg.gif) repeat-x bottom; height: 33px; }
		#left .cart_add_remove_div { width: 220px; }
		#left .cart_add_remove_div_nob { width: 220px; }
	.item_quantity, .item_qty { width: 25px; padding: 3px; margin: 0 10px; border: 1px solid #ccc; background: #fff url(../images/fieldbg.gif) repeat-x bottom; }
	.cart_qty { float: left; font-weight: bold; }
	.cart_title { float: left; margin: 4px 10px 0 0; font-weight: bold; color: #808080; }
		.cart_button a { float: left; padding: 4px 7px; width: 90px; text-align: center; margin: 0 4px 10px 0; font-weight: bold; background: #fff url(../images/button.gif) no-repeat top; color: #000; }
		.cart_button a:hover { background: #fff url(../images/button.gif) no-repeat bottom; color: #fff; }
		.cb_right { float: right; }
		.update { margin: 0 0 0 5px; font-weight: bold; }

#footer { clear: both; padding: 3px 0 0; border-top: 1px solid #eee; font-size: .9em; color: #808080; }
	#footer p { margin: 0;}
	#footer a { margin: 0 20px 0 0; font-weight: bold; }
		#footer a:hover, #footer a.current { border-bottom: 1px solid #ccc; }
	#help { float: right; background: url(../images/help.gif) no-repeat left center; padding: 0 0 0 18px; }
	#logos { vertical-align:middle; float: right; no-repeat left center; padding: 5px 170px 10px 18px; }
	#footer .pointer { float: left; width: 61px; margin: 0 20px 0 0; height: 24px; padding: 0 0 0 7px; color: #fff; font-weight: bold; background: #fff url(../images/pointer.gif) no-repeat; }
	#tos { float: right; padding: 7px 0 0; }
	#copyright { font-weight: bold; border-top: 1px solid #eee; color: #6a6a6a; padding: 7px 0 0; }

/* general form styling */
	label { float: left; width: 180px; margin: 5px 10px 0; }
	input.field, select.field, textarea { padding: 5px; margin: 0 0 10px; width: 220px; border: 1px solid #ccc; background: #fff url(../images/fieldbg.gif) repeat-x bottom; }
	select.field { width: 230px; }
	.button { padding: 4px; font-weight: bold; margin: 10px 0 10px 120px;}
	.form textarea { width: 400px; height: 100px; } 
	.form checkbox { float: right; }
	.field.sum { width: 30px; }
	.margin { margin-left: 120px; }
	.valig { margin: 0 0 0 5px; }

	#intro_rotate { height: 250px; }
		.h16 { background: #fff url(../images/360h16.jpg) no-repeat; }
		.h19 { background: #fff url(../images/360h19.jpg) no-repeat; }
	#intro1col { float: left; margin: 20px 0 0 340px; float: left; height: 200px; width: 60px; }
		#intro_rotate a { display: block; width: 30px; height: 30px; }
		#intro_rotate a:hover { background: url(../images/point.gif) no-repeat center center; }
		#l1 { margin: 16px 0 0 20px; }
		#l2 { margin: 40px 0 0 1px; }
		#l3 { margin: 40px 0 0 13px; }

	#blowup { text-align: center; float: left; margin: 10px 0 0 20px; float: left; height: 220px; width:320px; }
	#intro3col { float: right; margin: 20px 130px 0 0; float: right; height: 200px; width: 60px; }
		#r1 { margin: 16px 0 0 7px; }
		#r2 { margin: 40px 0 0 24px; }
		#r3 { margin: 40px 0 0 10px; }

	#slide_left { cursor: pointer; float: left; padding: 27px 1px; }
	#slide_right { cursor: pointer; float: right; padding: 27px 1px; }
	#slider { position: relative; width: 910px; overflow: hidden; height: 160px; }
	#hold { margin: -10px 0 0; padding: 12px 0 0; }

	.terminalslayer { position: absolute; z-index: 100; display:none; width: 600px; margin-left: auto; margin-right: auto; left:0; right:0; background: #fff url(../img/intro.jpg) repeat-x bottom; border: 1px solid #ccc; padding: 10px; }