/*

	========================================
	ORBXnova(TM)Shop - designed with passion
	----------------------------------------
	Orbitum & Medianova
	========================================
	
*/

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-weight:normal;font-size:1em;}a img{border:0} 
body { font: 11px Arial, Tahoma, Verdana, Sans-Serif; background: #4E1647 url(../images/site/bg.jpg) no-repeat center top; color: #211E19; }
a { text-decoration: none; color: #4E1647; }
a:hover { color: #4E1647; }
p  { margin: 0 0 15px; line-height: 1.6em; }
.x { clear: both; }
.wrap { margin: 0 auto; width: 970px; }
input, select, textarea { font: 12px Arial, Tahoma, Verdana, Sans-Serif; }

h2 { font-size: 16px; }
h3 { font-size: 14px; margin: 0 0 10px; }

/* header */
#header { padding: 20px 0 0; height: 120px; }
#logo { float: left; height: 60px; margin: 0 0 7px; width: 280px; text-indent: -9999px; }

#options { margin: 15px 0 0; }

/* cart */
#cart { display: none; float: right; padding: 10px 0 0 20px; background: url(../images/site/cart.gif) no-repeat 0 11px; }
#cart a { color: #211E19; border-bottom: 1px solid #211E19; }

/* search form */
#search { float: right; padding: 5px 0 0; margin: 0 0 0 20px; }
#search p { margin: 0; }
#search input.searchtext { float: left; border: 1px solid #ccc; padding: 4px; width: 180px; background: #E8E2B0; border: 0; }
#search input.searchsubmit { float: left; background: #000 url(../images/site/search.gif) no-repeat 7px 6px; width: 25px; height: 23px; border: 0; font-size: .9em; color: #fff; }

/* main menu */
#menu { clear: both; height: 38px; }
#menu li { display: inline; font-weight: bold; font-size: 14px; }
#menu li a { float: left; padding: 9px 10px; margin: 0 8px 0 0; color: #E1CEDE; text-shadow: 1px 1px 1px #211E19; }
#menu li.home a { background: url(../images/site/home.gif) no-repeat 10px 11px; width: 13px; height: 12px; padding: 10px 1px 12px 20px; }
#menu li a:hover { color: #fff; text-shadow: 1px 1px 1px #211E19; }
#menu li.home a:hover{ background: url(../images/site/home.gif) no-repeat 10px 11px; }
#menu li a.current { color: #fff; background: #764572; }
	#menu li.home.current a { background: url(../images/site/home.gif) no-repeat 10px 11px; }
	
#menu li.contact a { float: right; }

/* content */
#content { }

/* pitch product */
#pitch-caption { float: left; position: relative; margin: 14px 0 0 -27px; width: 27px; height: 90px; background: url(../images/site/ftbg.gif) repeat-x left bottom; }
#content .wrap { padding: 15px 14px; background: #fff; min-height: 300px; }
#pitch { float: left; background: #fff; width: 350px; margin: 0 20px 0 0; }
#pitch-desc { clear: both; }
#pitch-desc h2 { margin: 0 0 8px 0; }
#pitch img { float: left; margin: 0 0 2px; }
#pitch p { color: #777; }
#pitch .price { float: right; position: relative; margin: -34px 0 0; background: #211E19; padding: 7px 12px; color: #fff; }

/* featured products */
#featured { float: left; width: 350px; margin: 0 0 15px; }
.featured-item { float: left; margin: 0 20px 17px 0; width: 165px; }
.featured-item.last { margin-right: 0; }
.featured-item img { float: left; }
.featured-item-desc { }
.featured-item-desc .price { float: right; position: relative; margin: -24px 0 0; background: #211E19; padding: 3px 8px; color: #fff; }

/* intro */
#intro { text-indent: 90px; float: right; background: url(../images/site/intro.jpg) no-repeat; width: 206px; height: 240px; padding: 66px 13px 0; color: #fff; font-size: 12px; }

/* new products */
#new-caption { float: left; position: relative; margin: 14px 0 0 -37px; width: 27px; height: 52px; background: url(../images/site/newbg.gif) repeat-x left bottom; }
#new-items { clear: both; background: #eee; padding: 10px; margin: 0 0 35px; }
.new-item { float: left; width: 174px; margin: 0 20px 0 0; }
.new-item.last { margin-right: 0; }
.new-item img { margin: 0 0 6px 0; }
.new-item-desc { }
	
/* items category */
#inner { }
#inner h2 { margin: 0 0 20px; }
#breadcrumbs { position: relative; margin: -15px 0 15px; padding: 6px 10px 8px 5px; border-bottom: 1px solid #ddd; }
#breadcrumbs p { margin: 0; }
#path { padding: 6px 0 0; }
#path a { color: #999; background: url(../images/site/slash.gif) no-repeat right 4px; padding: 0 15px 0 0; margin: 0 5px 0 0; }
#path a.last { background: none; }
.item { float: left; margin: 0 16px 15px 0; width: 180px; height: 215px; background: #eee; }
.item:hover { border-color: #bbbbbb; }
.item.last { margin-right: 0; }
.item img { float: left; margin: 0 0 17px; }
.item-desc { padding: 0 8px; }
.item-desc .price { float: right; position: relative; margin: -40px -8px 0 0; background: #211E19; padding: 3px 8px; color: #fff; }
#carthide { display: none; position: relative; margin: -167px 0 0; cursor: pointer; background: #808080 url(../images/site/cartadd.gif) no-repeat 4px 3px; float: left; width: 22px; height: 22px; }
.cartwindow { clear: both; float: right; position: relative; margin: -167px 0 0; background: #000; width: 158px; height: 22px; }


/* sorting options */
#sorting { float: right; width: 170px; }
#csort { padding: 6px 6px 6px 22px; cursor: pointer; background: #000 url(../images/site/sort.gif) no-repeat 7px 8px; display: block; width: 144px; color: #fff; }
#sorting-popup { position: absolute; padding: 4px; background: #000; width: 164px; z-index: 1; }
	#sorting-popup a { display: block; padding: 10px 10px 10px 17px; border: 1px solid #000; color: #aaa; background: url(../images/site/sortbullet.gif) no-repeat 6px 14px; }
	#sorting-popup a:hover { border-color: #2D2D2D; color: #fff; }

/* items inner */
#item-desc { float: right; width: 600px; }
#item-desc h2 { padding: 4px 0 0; margin: 0 0 15px; color: #111; }
.item-price { font-weight: bold; color: #333; }
#images { float: left; width: 350px; }
	#images #pitch { margin: 0 0 7px; }
	#images img { float: left; padding: 2px; border: 1px solid #D4D4D4; margin: 0 10px 0 0; }
#featured-mark { float: right; margin: 7px 0 0 15px; padding: 1px 5px 5px 20px; background: url(../images/site/ft.gif) no-repeat; color: #777; text-transform: uppercase; font-size: 10px; }
	
	
#pagination { clear: both; height: 40px; margin: 0 0 5px; }
.paginator { float: left; padding: 5px 10px; margin: 0 1px 0 0; color: #888; }
.paginator:hover { color: #333; }
.paginator.current { background: #eee; font-weight: bold; color: #111; }
	
/* news and pages inner */
#main { float: left; width: 650px; padding: 10px 0 0; }
#main p { font-size: 12px; }
#main p.date { clear: both; font-size: 10px; float: left; background: #C5C5C5; padding: 5px 12px; }
#side { float: right; width: 215px; background: #F2F2F2; }
#side #title { color: #555; font-size: 11px; background: #fff; border-bottom: 1px dotted #ddd; padding: 8px 10px; margin: 0 0 5px; }
#side ul { padding: 0 10px 5px 10px; }
#side ul li { border-bottom: 1px dotted #ddd; padding: 8px 0; }
	
/* cart adding */
input.qty { float: left; font-weight: bold; color: #777; border: 0; background: #fff url(../images/site/cart.gif) no-repeat 4px 5px; padding: 4px 4px 4px 22px; width: 24px; }
input.qty:focus { color: #000; }
.button { float: left; padding: 4px 8px; background: #000; color: #ddd; cursor: pointer; }
.button:hover { background: #000; color: #fff; }
.button.remove { background: #000 url(../images/site/cart.gif) no-repeat 4px 5px; padding: 4px 8px 4px 25px; }
	
/* MAP */
#map { float: right; width: 425px; padding: 3px; border: 1px solid #ddd; }
#cin { float: left; width: 520px;}
	
/* FORMS */
form p { clear: both; }
input.text, textarea { padding: 4px; border: 1px solid #999; width: 300px; }
textarea { width: 500px; height: 140px; }
input.submit { background: #000; padding: 6px 15px; font-weight: bold; border: 0; }
.error { clear: both; display: block; }

	
/* news */
#news { clear: both; margin: 0 0 15px; }
.news { float: left; width: 312px; margin: 0 40px 0 0; color: # }
.news.last { margin-right: 0; }
.news a { }
.news img { float: left; margin: 0 8px 5px 0; border: 1px solid #ddd; padding: 1px; }

/* checkout process */
#process { clear: both; margin: 0 0 55px; }
#process1 { float: left; background: url(../images/site/process1.gif) no-repeat; width: 134px; height: 23px; padding: 4px 0 0 11px; }
#process2 { float: left; position: relative; margin: 0 0 0 -10px; background: url(../images/site/process2.gif) no-repeat; width: 124px; height: 23px; padding: 4px 0 0 21px; }
#process3 { float: left; position: relative; margin: 0 0 0 -11px; background: url(../images/site/process3.gif) no-repeat; width: 124px; height: 23px; padding: 4px 0 0 21px; }
#process1.current, #process2.current, #process3.current { background-position: left bottom; font-weight: bold; color: #000; }

/* checkout table */
#cart-div { width: 740px; float: left; }
#checkout { border-collapse: collapse; margin: 0 0 30px; width: 720px; }
#checkout tr { }
#checkout td { padding: 10px; background: #efefef; border: 1px solid #E4E4E4; }
#checkout thead td { background: #fff; padding: 14px 10px; text-transform: uppercase; }
.td-item { width: 200px; font-size: 13px; }
.td-item img { border-right: 1px solid #D4D4D4; border-bottom: 1px solid #DCDCDC; float: left; margin: 0 10px 0 0; }
.td-qty { width: 50px; }
.td-qprice { width: 65px; }
.td-price { width: 65px; }
.td-tax { width: 50px; }
.td-total { width: 80px; }
.td-op { width: 60px; }
#checkout label { line-height: 22px; }
#checkout input.text, #checkout select { float: left; width: 300px; clear: both; padding: 4px; background: #fff; border: 1px solid; border-color: #ccc #eee #eee #ccc; margin: 0 5px 0 0; }
.removecart { cursor: pointer; color: #ddd; background: #000 url(../images/site/remove.gif) no-repeat 5px 6px; padding: 5px 10px 5px 25px; }
.removecart:hover { color: #fff; }
#totals td { font-size: 14px; background: #C6C6C6; padding: 12px 10px; font-weight: bold; color: #000; }

#instructions { float: right; margin: 33px 0 0; width: 230px; background: #efefef; }
	#instructions #firstline { background: url(../images/site/cart-big.gif) no-repeat left 0; padding: 1px 0 5px 48px; }

/* register and login */
#register { float: left; width: 500px; background: #efefef; margin: 0 0 20px; border-bottom: 1px dotted #C9C9C9; }
#login { float: right; width: 440px; background: #efefef; border-bottom: 1px dotted #C9C9C9; }
#login form { background: url(../images/site/auth.gif) no-repeat 280px 10px; }
h3.title { background: #fff; padding: 13px; margin: 0 0 5px; border-bottom: 1px dotted #ddd; color: #000; }
.hold { padding: 10px; }
.col { float: left; width: 230px; }
.cor { float: right; width: 230px; }
#register label, #login label { clear: both; line-height: 20px; }
#register input.text, #login input.text { display: block; width: 190px; clear: both; padding: 4px; background: #fff; border: 1px solid; border-color: #ccc #eee #eee #ccc; }
#login input.text { width: 240px; }
#login input.text:focus, #register input.text:focus { border-color: #A2B8CD; outline: 2px solid #D7E1EB; }
input.submit { cursor: pointer; font-size: 11px; padding: 4px 8px; background: #191919; color: #ddd; border: 0; }
input.submit:hover { color: #fff; background: #000; }
.error { color: #A41111; }

/* footer */
#footer { color: #7D5478; padding: 30px 0 10px; background: #4E1647 url(../images/site/shadow.gif) no-repeat center top; }
#footer ul { float: right; padding: 0; margin: 0 40px 15px 0; }
#footer ul li { padding: 0 0 4px; }
#footer ul li a { color: #fff; }
#help { float: left; margin: 0 40px 0 0; }
#facebook { float: right; padding: 10px 0 8px 45px; background: url(../images/site/facebook.gif) no-repeat; }
#facebook a { color: #fff; font-size: 13px; font-weight: bold; }

#evjencanje { float: left; background: url(../images/site/evjencanje.png) no-repeat; width: 178px; height: 40px; }

#bugigraf { float: right; position: relative; margin: -12px 0 0 30px; }

#phone { padding: 0 0 0 37px; float: left; width: 140px; background: url(../images/site/phone.gif) no-repeat 0 6px; height: 47px; margin: 0 0 8px; }
#phone span { font-size: 15px; font-weight: bold; color: #fff; }
#email { float: left; padding: 0 0 0 37px; background: url(../images/site/email.gif) no-repeat 0 19px; height: 50px; }
#email span { font-size: 15px; font-weight: bold; color: #fff; }
#copy { clear: both; padding: 14px 0 10px; margin: 0; font-size: 10px; background: url(../images/site/fl.gif) repeat-x; }
	#copy img { }