@import "filetypes.css";
@import "lightbox.css";

body {
	color:#000;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background:url(../images/skin2/header-grafx_gb.jpg) repeat-x;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #DA251A;
}
a img {
	border: none;
	padding: 3px;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.odd {background:#EAEAEA;}

.even {background:#fff;}
/*
Read this for customize the layout.
The main TAG elements, like BODY, HTML, FORM, UL, LI, TD, H1, H2 are in the generic.css.
Edit in generic.css especially the BODY TAG. body { ... } for default font, background color, font size etc.
*/
/* Container, the big layout settings */
#container {
	width: 980px; /* you can setup as 100% like width: 100%; */
	min-width:980px; /* For all browsers apart from IE6 all you need ismin-width:Xpx; */
	position: relative;
	background-color: #fff; /* set up background color if you need; */
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	font-size:11pt;
}
/* Content */

#column1 {
	float: left;
	width: 600px;
	padding-right:5px;
}
/* Sidebar */

#column2 {
	float: right;
	width: 375px;
}

#column1_inside {
	float: left;
	width: 980px;
	padding-right:10px;
}
#column1_inside p,#column1_inside ul,#column1_inside div  {
	font-weight:normal;
}
#column1_inside h1, #column1_inside h2  {
	font-weight:bold;
}
#column1_inside li a {
	font-weight:bold;
	font-size:12px;
}
#column1_inside h3,#column1_inside h4  {
	font-weight:bold;
	font-size:20pt;
}
#column1_inside li  {
	padding-left: 10px;
	background-image: url(../images/skin2/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
#column1_inside th {
	background: #444444 url(../images/skin2/menu_bg.jpg) 0 50% repeat-x;
	color:#FFF;
	padding:3px;
	text-align:left;
	}	
#column1_inside td .odd {
	background:#EAEAEA;
	padding:3px;
	}	
#column1_inside td .even {
	background:#fff;
	padding:3px;
	}

/* Sidebar */

#column2_inside {
	text-align:right;
	width: 980px;
}

/* Header */
/* 
header picture 
*/		
	
#header {
	height: 130px;
	margin: 0 auto;
	text-transform: uppercase;
}
#logo {
	background: url(../images/skin2/header-grafx_large.jpg) no-repeat;
	height: 100%;
}
#logo h1 {
	position:absolute;
	text-indent: -5000px;
}
#logo p {
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
	padding-left:310px;
	padding-right:160px;
	color:#FFF;
	padding-top: 15px;
}
/* Menu Header */

#menu {
	padding-left:310px;
	padding-right:160px;
}
/*
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#menu li {
	display: inline; 
}
#menu a {
	display: block;
	float: left;
	padding: 10px 20px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
#menu a:hover {
	text-decoration: underline;
}
#menu .current_page_item a {
	background-color: #C3C3C3;
}
*/


/* home page */
#whatweoffer {
	padding:20px;
	padding-top:0px;
	font-size:11pt;
}
#whatweoffer h2 {
	font-weight:bold;
}
#whatweoffer ul {
	list-style: none;
}
#whatweoffer li {
	padding-left: 10px;
	background-image: url(../images/skin2/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
/* 
START HERE PARTS FROM SITE usually #NAME is connected to HTML template name.
EX: #left_menu will use programtemplates/left_menu.html

ATTENTION: When you edit this parts, enable DEBUG, to not cache the files.
*/

/* left_menu - the most important in many cases because a multitude of possibilities, 
you can use jQuery, Modal, or any other CSS menu solutions. */

#left_menu h2 {
	font: bold 1.2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}
/* shopping_cart if is shop site - in main template*/
#shopping_cart h2 {
	font: bold 1.2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}
/* search - in main template*/
#search  {
	height:auto;
	padding-left: 70px;
	background-image: url(../images/skin2/search_48.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
	font-size: 14px;
}
#search h2 {
	font: bold 1.2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}
/* login */

#login h2 {
	font: bold 1.2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}

#login_notreg {
	height:auto;
	padding-left: 70px;
	background-image: url(../images/skin2/users_two_48.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
	font-size: 14px;
}
/* newsletter - in main template*/
#newsletter  {
	height:auto;
	padding-left: 70px;
	padding-top: 10px;
	background-image: url(../images/skin2/mail_48.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
	font-size: 14px;
}
#newsletter h2 {
	font: bold 1.2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}
/* headline_prod (special products) */
#headline_prod h1 {
	font: bold 1.4em/1.6em Georgia, "Times new roman", serif;
	color:#E2E2E2;
	padding:O;
	margin:0;
}
#headline_prod h2 {
	font-size:11pt;
	font-weight:bold;
	padding: 3px;
	background:url(../images/skin2/menu_bg.jpg) repeat-x;
	height:50px;
}
#headline_prod h2 a {
	color:#fff;
}
#headline_prod li {
	padding-left: 10px;
	background-image: url(../images/skin2/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
	
#headline_prod p {
	text-align:justify;
	padding: 2px 5px;
}
#headline_prod img {
	margin: 2px auto; /* center the image */
}
/* product_topviewed (TOP10 Products) */

#product_topviewed ul {
	margin: 0;
	padding: 20px;
	list-style: none;
}
#product_topviewed li {
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
#product_topviewed h2 {
	font: bold 1.8em/2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}
/* product_latest (Last Added Products) - we just copied in this case from product_topviewed */

#product_latest ul {
	margin: 0;
	padding: 20px;
	list-style: none;
}
#product_latest li {
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
#product_latest h2 {
	font: bold 1.8em/2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}

#product_detailed  #description ul {
	margin: 0;
	padding: 20px;
	list-style: none;
	border:none;
}

#product_detailed #description li {
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0em;
}

#product_detailed h3 {
	font-size:14pt;
	padding: 5px 0;
	}
#product_detailed p {
	padding: 5px 0;
	}	
		
/* headline_giftprod (If your site is shop, and you setup GIFT products.) - we just copied in this case from product_topviewed */

#headline_giftprod ul {
	margin: 0;
	padding: 20px;
	list-style: none;
}
#headline_giftprod li {
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
#headline_giftprod h2 {
	font: bold 1.8em/2em Georgia, "Times new roman", serif;
	background-color:#E2E2E2;
	padding: 2px 5px;
}
/* faq_top_daily (for FAQ section, latest FAQ) - we just copied in this case from product_topviewed */
#faq_top_daily {
	width:590px;
}

#faq_top_daily ul {
	margin: 0;
	padding: 20px;
	list-style: none;
}
#faq_top_daily li {
	padding-left: 10px;
	background-image: url(../images/skin2/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
#faq_top_daily li a {
	font-size:11pt;
	color:#000;
}
#faq_top_daily h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 10px 10px;
	background:url(../images/skin2/menu_bg.jpg) repeat-x;
}
#faq p {margin-top:5px;}
#faq pre {margin-bottom:15px;}

/*news_top_daily */
#news_top_daily {
	width:590px;
}
#news_top_daily ul {
	margin: 0;
	padding: 20px;
	list-style: none;
}
#news_top_daily li {
	padding-left: 10px;
	background-image: url(../images/skin2/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.1em;
}
#news_top_daily li a {
	font-size:11pt;
}
#news_top_daily h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 10px 10px;
	background:url(../images/skin2/menu_bg_or.jpg) repeat-x;
}
form .button {
	color: #FFF;
	border: 2px solid #F4380A;
	background-color: #FD5520;
	padding: 2px 12px;
	text-transform: uppercase;
	font-size: 14px;
}

/* Footer */

#footer {
	margin: 0px;
	padding: 10px;
	background:url(../images/skin2/menu_bg_or_footer.jpg) repeat-x;
	text-align: center;
	font-size: 12px;
	border-top: 2px solid #FD4717;
	height: 150px;
	width: 100%;
	
}

/* Product page */
#orderbuttons { margin: 10px auto;}

.orderaddtocart
{float:left; display: inline; margin-left:10px; }


.orderaddtocart {width:242px; height:94px; cursor:pointer;}
.mac {background:url(../publ_images/order_button_mac.jpg) no-repeat;}
.win {background:url(../publ_images/order_button_win.jpg) no-repeat;}
.web {background:url(../publ_images/order_button_web.jpg) no-repeat;}
.websimple {background:url(../publ_images/order_button_websimple.jpg) no-repeat;}
.plesk {background:url(../publ_images/order_button_plesk.jpg) no-repeat;}
.price {padding: 60px 0 0 40px; color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold;}
#orderbuttons a, #orderbuttons a:hover { text-decoration:none;}

#gallerypict .section
{float:left; display: inline; margin-left:10px;} 

#gallerypict .section {width:250px;}
#gallerypict .section img { border: #990000 solid 1px; margin: 5px; padding: 2px;}