html
{
}

body {
	font-family: Arial;
	font-size: 12px;
	color: #666;
	padding: 0; 
	margin: 0;
	background: #eee url(../images/bg_bg.jpg) repeat-x; height: 260px;
}

h1, h2, h3, h4, h5, h6
{
	display: inline;
	border: 0; padding: 0; margin: 0;
}

img
{
	border: 0;	
}

li
{
	list-style: none;
}


table
{
      border-collapse: collapse;
	  text-align: left;
}

td
{
   padding: 0px; margin: 0px;
   vertical-align: top;
}

form
{
	margin: 0;
}

#container
{
	position: absolute;
	left: 110px;
	width: 696px;
}

#header
{
	position: relative;
	height: 398px;
	width: 696px;
	background: url(/images/mobiltelefon_header.jpg) no-repeat;
}

#header h1 {
	width: 254px;
	position: absolute;
	top: 120px;
	left: 230px;
	font-size: 27px;
	text-align: center;
	font-weight: bold;
	color: #000;
}

#header_links
{
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 75px;
	left: 80px;
}

#header_links a { color: #000; font-size: inherit; text-decoration: none; }
#header_links a:hover { font-weight: bold; color: #cc3300;}

#header .reseller {
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 325px;
	left: 290px;
}

/*table, div, td, span, a { border: 1px solid #33F; }*/

#main
{
	background: url(../images/mobiltelefon_bg.jpg) repeat-y; 
	width: 696px;
	min-height: 200px;
	height: auto;
}

* html .popup {background: url(../images/popup.gif) no-repeat;}
.popup[class]{background: url(../images/popup.png) no-repeat;}
*+htlm .popup {background: url(../images/popup.png) no-repeat;}

.popup2 {
	position: relative;
	left: 10px;
}

#left
{
	width: 300px;
	padding-left: 50px;
	
}


#right
{
		padding-top: 20px;
		width: 300px;
}

#full_text
{
	width: 550px;
	padding-left: 80px;
	padding-top: 20px;
	
}

#footer
{
	position: relative;
	height: 59px;
	width: 696px;
	background: url(/images/mobiltelefon_footer.jpg) no-repeat;
}

#footer a { font-weight: bold; color: #000;  text-decoration: none; }
#footer a:hover { font-weight: bold; color: #cc3300; text-decoration: none;}

#shoutbox {
	position: absolute;
	top: 350px;
	left: 663px;
	width: 182px;
	padding-right: 20px;
}

.shb_top {background: url(../images/shoutbox_top.jpg) no-repeat; height: 21px; width: 182px;}
.shb_content {background: url(../images/shoutbox_bg.jpg) repeat-y; width: 182px;}
.shb_bottom {background: url(../images/shoutbox_bottom.jpg) no-repeat; height: 19px; width: 182px;}

#copyright
{
	position: absolute;
	color: #000;
	top: 15px;
	left: 65px;	
}

#footer_links
{
	position: absolute;
	padding-top: 10px;
	top: 37px;
	left: 590px;
}

#footer_links a
{
	font-weight: 800;
	color: #666;
	text-decoration: none;	
}

#footer_links a:hover
{
	text-decoration: underline;	
}


#online_marketing
{
	position: absolute;
	top: 35px;
	left: 450px;	
}

#online_marketing table td
{
	text-align: right;
	padding-right: 3px;
}

#online_marketing a
{
	text-decoration: none;
	color: #666;
}

.online_marketing_img
{
	height: 34px;
	width: 111px;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/netlogist_logo.png');
}

.online_marketing_img[class]
{
	background: url(/images/netlogist_logo.png) no-repeat;
}

.shorttextinput
{
	font-family: tahoma;
	font-size: 11px;
	color: #666;
	border: 1px solid #ccc;
	width: 130px;
}


.pending
{
	height: 200px;
	background: url(/images/admin/bigrotation2.gif) center center no-repeat;
}

/*
 * FAQ
 */
.faq_popup
{
	width: 427px;
}

.faq_header
{
	position: relative;
	height: 36px;
	background: url(/images/faq_popup_header.png) no-repeat;
}

.faq_close
{
	position: absolute;
	height: 36px;
	width: 36px;
	top: 0;
	left: 391px;
	cursor: pointer;	
}

.faq_content
{
	padding: 12px;
	background: url(/images/faq_popup_bg.png) repeat-y;
	text-align: left;
}

.faq_footer
{
	height: 69px;
	background: url(/images/faq_popup_footer.png) no-repeat;
}

/*
 * P R O D U C T    P O P U P
 */
/*
 * FAQ
 */

 
.product_popup
{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1000;
	width: 360px;
}

.product_header
{
	position: relative;
	height: 65px;
	background: url(/images/popup/popup_top.png) no-repeat;
}

.product_close
{
	position: absolute;
	height: 41px;
	width: 41px;
	top: 0;
	left: 307px;
	cursor: pointer;
	z-index: 999;
	background: url(/images/transparent.gif);
	font-size: 1px;
}

.product_content
{
	padding: 22px;
	background: url(/images/popup/popup_bg.png) repeat-y;
	text-align: left;
}

.product_footer
{	
	height: 22px;
	background: url(/images/popup/popup_bottom.png) no-repeat;
}

* html .product_header
{
	position: relative;
	height: 65px;
	background: url(/images/popup/popup_top.gif) no-repeat;
}

* html .product_content
{
	padding: 22px;
	background: url(/images/popup/popup_bg.gif) repeat-y;
	text-align: left;
}

* html .product_footer
{	
	height: 22px;
	background: url(/images/popup/popup_bottom.gif) no-repeat;
}


/*
 * NOTICE
 */
.notice_popup
{
	width: 424px;
}

.notice_header
{
	position: relative;
	height: 36px;
	background: url(/images/order_popup_header.png) no-repeat;
}

.notice_close
{
	position: absolute;
	height: 36px;
	width: 36px;
	top: 0;
	left: 382px;
	cursor: pointer;	
}

.notice_content
{
	padding: 12px;
	background: url(/images/cart_popup_bg.png) repeat-y;
	text-align: left;
}

.notice_footer
{
	height: 69px;
	background: url(/images/cart_popup_footer.png) no-repeat;
}

/* KEEP THESE SETTINGS IN ADMIN>CSS SITE SECTION!!! */


.h1
{
	font-size: 20px;
	color: #cc3300;
	display: block;
	margin-bottom: 10px;
}

.h2
{
	font-size: 14px;
	color: #666;
	display: block;
	margin-bottom: -12px;
}

.common_text
{
	font-size: 12px;
	color: #333;
	margin-bottom: 10px;
}

.common_text li
{
	list-style-type: disc;	
}

.common_text a
{
	text-decoration: none;
	color: #386cb4;
}

.common_text a:hover
{
	text-decoration: underline;
}

#left_content
{
	padding-top: 20px;
	padding-left: 20px;
	width: 270px;
}

* html #left_content
{
	padding-right: 0;
}

.warranty
{
	width: 230px;
	padding: 10px;
	margin: 5px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	color: #666;
}


/**********************
 * PRODUCTS           *
 **********************/
 
.products
{
	width: 513px;
	border: 1px solid #CCC;
	margin: 10px;
}

.products_left
{
	text-align: left;
	width: 233px;
	border: 1px solid #CCC;
}

.products_right
{
	width: 300px;
	padding: 12px;
}

.products_right .editor
{
	width: 260px;
}

.tree
{
	width: 233px;
	overflow: auto;
	font-size: 11px;
	font-family: verdana;
	background: #FFF;
}

.tree li ul
{
	list-style: none;
}

.tree li
{
	color: #C30;
}

.tree td
{
	cursor: pointer;	
}

.label
{
	font-weight: 800;
	text-align: right;
	padding-right: 6px;
}



/*****************
 * C O N T A C T *
 *****************/
 
#contact
{
	margin: 10px;
	width: 300px;
	border-collapse: collapse;
}

#contact td
{
	padding: 3px;
}

#contact td.left
{
	width: 80px;
	text-align: right;
	padding-right: 6px;
}


#contact input
{
	border: 1px solid #666;
	background: #f4f4f4;
	width: 230px;
	height: 16px;
	font-family: tahoma;
}

#contact textarea
{
	border: 1px solid #666;
	background: #f4f4f4;
	width: 400px;
	height: 200px;
	font-family: tahoma;
}

/*******************
 * P E R S O N A L *
 *******************/
 
.editor_personal
{
	width: 400px;
	font-family: verdana;
	color: #000;
	font-size: 11px;
	margin-left: 40px;
}

.editor_personal td { padding: 3px; padding-top: 10px; height: 30px; }

.editor_header td
{
	font-size: 19px;
	font-weight: 800;
	color: #000;
	font-family: verdana;
	text-align: left;
	padding-left: 60px;
	padding-bottom: 10px;
}

.label
{
	width: 150px;
	font-weight: 800;
	text-align: right;
	padding-right: 6px;
}

.textinput
{
	width: 190px;
	border: 1px solid #CCC;
	font-family: verdana;
	font-size: 11px;
	background: #f4f4f4;
}

.textareainput
{
	width: 190px;
	height: 220px;
	border: 1px solid #CCC;
	font-family: verdana;
	font-size: 11px;
	background: #f4f4f4;
}


.red_title { margin-bottom: 10px; font-size: 15px; color: #c30; font-weight: bold; }