/* content styles */
div.content
{
	color: black;
	font-style: normal;
	font-size:13px;
	text-decoration: none;
	text-align:left;
	padding: 10px 0px 0px 0px;
	line-height:1.5;
	margin:0px;
}

div.content img
{
  max-width:100%;
  height:auto;
}

div.content_title
{
	text-align:center;
	color: #1e79b4;
	font-size:19px;
	font-weight:normal;
	display:block;
	padding:6px;
	margin: 0px;
	border-color:#cccccc;
	border-width:1px;
	border-style: solid;
	background-color: #ffffff;
	display:none;
}

div.content_box
{
	background-color: #ffffff;
	padding:6px 6px 6px 6px;
	margin:0px 0px 8px 0px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
}

div.content h1
{
	text-align:center;
	color: #1e79b4;
	font-size:18px;
	font-weight:normal;
	display:block;
	border-color:#bbbbbb;
	border-style:solid;
	border-width:1px;
	clear:both;
}
div.content h2
{
	display:block;
	color: #1e79b4;
	font-size:17px;
	font-weight:normal;
	border-bottom-color:#cccccc;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-align:left;
	margin-bottom:6px;
	margin-top:2px;
	clear:both;
}

div.content h2 img
{
	/*float:right;*/
}

div.content h3
{
	color: black;
	font-style: normal;
	font-size:13px;
	text-decoration: none;
	margin-bottom:8px;
	margin-top:6px;
	font-weight:bold;
}

div.content h4
{
	color: black;
	font-style: italic;
	font-size:11px;
	text-decoration: none;
	margin-bottom:1px;
	margin-top:6px;
	font-weight:bold;
}

div.content h5
{
}

div.content p
{
	color: black;
	text-align:left;
	margin-top:6px;
	margin-bottom:10px;
}

div.content legend
{
}

div.content hr
{
	color:#1e79b4;
	background-color:#1e79b4;
	width:80%;
	text-align:center;
	height:1px;
}

div.content fieldset
{
	border-color:Blue;
	background-color:#CC7866;
}

/* News*/
div.news
{
	border:none 0px #eeeeee;
	width:100%;
}

div.news table
{	
	width:100%;
}
div.news_content
{	
	padding: 0px 2px 2px 2px;
    border-bottom:solid 1px #cccccc;
}

div.news td
{
	padding: 2px 4px 2px 4px;
}

div.news tr
{
}

div.news_title
{
	color:White;
	background-color:#000000;
	display:block;
}

div.news h3
{
	text-align:left;
	color: black;
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-bottom: 4px;
	width:100%;
	padding:0px 2px 1px 2px;
	margin:0px 0px 0px 0px;
}

div.news h3 span.date
{	
	font-weight:normal;
	font-size:11px;
}


div.news h3 img
{
	vertical-align:text-bottom;
}

div.news img
{
	float:left;
	vertical-align:text-bottom;
	margin-right:12px;
	margin-bottom:3px;
	max-width:40%;
	height:auto;
}

div.news ul
{
	margin-top:0px;
	margin-bottom:0px;
}

div.news table td
{
	padding:2px 2px 2px 2px;
}
    
table.featured img
{
	max-width:90%;
	height:auto;
}

div.listed_item a img
{
	float:left;
	vertical-align:text-bottom;
	margin-right:12px;
	margin-bottom:3px;
	max-width:35%;
	height:auto;
}

div.forum_link
{
	clear:both;
	text-align:right;
}

div.forum_link a:link, div.forum_link a:visited
{		
	font-size:12px;
	text-decoration: underline;
	font-weight:normal;
	color:#aaaaaa;
}

div.forum_link a:hover, div.forum_link a:active
{
	font-size:12px;
	text-decoration: underline;
	font-weight:normal;
	color:#444444;
}

div.price
{
}

div.product_info
{
  font-size:14px;
	padding: 8px 8px 8px 8px;
	margin-top:10px;
	border:solid 1px #0e5e9e;
	background-color:#efefef;
	display:block;
	clear:both;
}

div.product_info div.icon_list
{
    float:none;	
    margin-top:0px;
    margin-right:auto;
    display: inline-block;
    border:solid 1px #cccccc;
    padding: 1px;
    padding-right:5px;
    background-color:#ffffff;
}

div.product_info div.icon_list img
{
    float:none;
}

/* Message styles */
div.message
{
  text-align:center;
  padding:0px 0px 0px;
  border-style:none;
}

div.message h1
{
	color: #CC0000;
	background-color: #FFF5F5;
	border: 1px solid #990000;
	padding: 5px;
	font-size:14px;	
}

div.message a:link, div.message a:visited
{
	color:#CC0000;
}

/* Error styles */
div.error
{
  text-align:center;
  background-color: #ffffff;
  padding:0px 6px 6px;
  margin:0px 0px 8px 0px;
  border-color:#cccccc;
  border-width:1px;
  border-style:solid;
}

div.error h1
{
	color: #CC0000;
	background-color: #FFF5F5;
	border: 1px solid #990000;
	padding: 5px;
	font-size:14px;	
}

div.error a:link, div.error a:visited
{
	color:#CC0000;
}

div.error_message
{
	color:#ff0000;
}

table.list_element img
{
  max-width:90%;
}

table.list
{
	width:100%;
	border: solid 1px #efefef;
	border-left: none;
	border-right: none;
}

table.list img
{
  max-width:90%;
}

table.list td,table.list th
{
	text-align:left;	
	line-height:1.5;
}

table.list td
{
	border-top: solid 1px #dddddd;
	padding:10px 4px 10px 4px;
}

table.list td ul
{
	margin-top:2px;
}

table.list td.right_align
{
	text-align:right;
}

table.list td ul li
{
	/*text-indent:-2em;*/
}

table.list tr.head td
{
	border-top:none;
	font-weight:bold;
	background-color:white;
}
table.list tr.empty_head td
{
	border-style:none;
    padding:0px;
}

table.list tr.even
{
	background-color:#f8f8f8;
}

table.list tr.odd
{
	background-color:white;
}

table.list tr.highlight
{
	background-color:#eeeeee;
	color:#1e79b4;
}
table.list tr.highlight td
{
	border-color:#999999;
}
table.list tr.noborder td
{
  border-style:none;
}
.dashed
{
	text-decoration:line-through;
}

/** links */
table.list tr td a:link
{
	color: black;
}

table.list tr td a:visited
{
	text-decoration: none;
	color: black;
	font-weight:normal;
}

table.list tr td a:hover
{
	color:#1e79b4;
}

table.list form
{
	display:inline;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

table.list form a
{
	display:inline;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.discount
{
	color:Red;
	white-space:nowrap;
}

table.small_list
{
	border: solid 1px #eeeeee;
	margin-left: auto ;
    margin-right: auto ;
}

table.small_list td,table.small_list th
{
	text-align:left;	
	line-height:1.5;
}

table.small_list th
{
	padding:3px 20px 3px 20px;
}

table.small_list td
{
	border-top: solid 1px #dddddd;
	padding:5px 20px 5px 20px;
}

table.small_list td ul
{
	margin-top:2px;
}


div.main_image img
{
	float:right;
	margin-left:8px;
	margin-right:5px;
	margin-bottom:6px;
	margin-top:4px;
  max-width:100%;
	height:auto;
}

div.main_image_left img
{
	float:left;
	margin-left:5px;
	margin-right:8px;
	margin-bottom:4px;
	margin-top:4px;
  max-width:45%;
	height:auto;
}

div.thumbnail img
{
	float:right;
	margin-left:8px;
	margin-right:5px;
	margin-bottom:6px;
	margin-top:4px;
  max-width:45%;
	height:auto;
}


div.thumbnail_left img
{
	float:left;
	margin-top:4px;
	margin-right:8px;
	margin-bottom:4px;
  max-width:45%;
	height:auto;
}

div.description
{
	width:100%;
}

div.description img
{
	float:right;
	margin-left:4px;
	margin-bottom:3px;
	margin-top:3px;
  max-width:60%;
	height:auto;
}
	
div.screenshots img
{
	vertical-align:middle;
	margin: 4px 4px 4px 4px;
	max-width:30%;
	height:auto;
}

div.legend
{
	color:#999999;
	font-size:9pt;
}

/* FAQ */
div.question
{
	font-weight:bold;
	margin-bottom:5px;
}

div.answer
{
	margin-bottom:10px;
}

div.answer p
{
	margin-top:5px;
	margin-bottom:5px;
}

table.two_columns
{
	width:100%;
	vertical-align:middle;
}

/*Tutorial*/
div.tutorial_step
{
	margin-top:15px;
	margin-bottom:15px;
	padding:0px 2px 8px 2px;
	color:Black;
	font-size:14px;
	font-weight:normal;
	display:block;
	border-color:#1e79b4;
	border-style:solid;
	border-width:1px;
	background-color:#eeeeee;
}

div.tutorial_step img
{
  max-width:100%;
}

/* Services */
div.service_example
{
	border:solid 1px #cccccc;
	padding: 2px 2px 2px 2px;
	font-size:11px;
	background-color:#efefef;
	padding: 3px 3px 3px 3px;
}
div.service_example p
{	
	margin-top:4px;
	margin-bottom:4px;
}

div.service_example h3
{
	display:inline;
	padding-bottom:3px;
}

/* User comments */
div.user_comment, div.user_comment_box
{
	border:solid 1px #cccccc;
	padding: 2px 2px 2px 2px;
	font-size:12px;
	background-color:#efefef;
	margin-bottom:10px;
	font-style:italic;
	clear:both;
	display:block;
}

div.user_comment p, div.user_comment_box p
{	
	margin-top:1px;
	margin-bottom:4px;
}

div.user_comment span.comment, div.user_comment_box span.comment
{
}

div.user_comment span.author, div.user_comment_box span.author
{
	font-weight:bold;
}

div.user_comment img, div.user_comment_box img
{	
	float:left;
	vertical-align:top;
	max-width:35%;
	height:auto;
  margin:6px;
}

div.user_comment span.comment img, div.user_comment_box span.comment img
{
	float:right;
	margin-left:4px;
	margin-bottom:4px;
	margin-top:4px;
}

div.user_comment_box
{
	background-color:#ffffff;
  margin-bottom:0px;
}

div.code_snippet
{
	border:solid 1px #cccccc;
	padding: 2px 4px 2px 6px;
	background-color:#ffffff;
	clear:both;
	display:block;
}
div.clear
{
	clear:both;
}

div.slogan
{
 text-align:center;
 font-size:16px;
 font-weight:bold;
 font-style:italic;
 margin: 5px 4px 0px 5px;
}

span.title_link
{
    padding-top:6px;
    margin-bottom:0px;
    font-size:11px;
    float:right;
}

span.title_link a:link,span.title_link a:visited
{
	 text-decoration:none;
	 color:#aaaaaa;
}

span.title_link a:hover
{
	 text-decoration:underline;
}

div.features
{
	font-size:12px;
  float:left;
	width:48%;
	padding:5px 3px 10px 3px;
}

div.features ul
{
	padding-left:20px;
}

div.news div.share_buttons, div.news_item_content div.share_buttons
{
  margin-top:-1.2em;
  float:left;
  position: relative;
}

div.news_item_content
{
  font-size:14px;
}

div.news_item_content h3
{
  font-size:18px;
}

div.news_item_content img
{
  max-width:100%;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

div.share_buttons
{
  float:right;
  margin-top:6px;
  margin-bottom:0px;
}

div.share_buttons img
{
  max-width:100%;
  display:inline;
}

table.grid
{
   width:100%;
   padding:0px;
   margin:0px;
}

table.grid td
{
  width:50%;
  padding:0px 5px 2px 5px;
  border-style:solid;
  border-width:1px;
  border-color:#cccccc;
  background-color:#ffffff;
}

table.grid img
{
  max-width:100%;
}

table.grid_three
{
   width:100%;
}

table.grid_three td
{
  width:32%;
  padding:0px 5px 2px 5px;
  border-style:solid;
  border-width:1px;
  border-color:#cccccc;
  background-color:#ffffff;
  text-align:center;
}

table.grid_three img
{
  max-width:100%;
}

/* shopping cart */
div.shopping_cart
{
    background-color:#ffffff;
	margin-top:5px;
	margin-bottom:10px;
	padding:4px 4px 4px 4px;
	display:block;
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
}
div.mini_shopping_cart
{
  background-color:#ffffff;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  font-size:11px;
	margin-top:5px;
	margin-bottom:10px;
	padding:2px 2px 2px 2px;
	display:block;
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
}

div.shopping_cart table.list td,div.shopping_cart table.list th
{
	line-height:1.3;
}

input.error, select.error
{
  background-color:#ff9999;
}

div.steps
{
  font-size:11px;
  color:#aaaaaa;
  text-align:center;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
}

div.steps span.highlight
{
  color:#000000;
}

/* BUTTONS */

a.link_button
{
    display:inline;
    margin:10px 7px 10px 7px;
    background-color:#e0e0e0;
    border:1px solid #bbbbbb;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;    
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    white-space:nowrap;
}

a.custom_button, button.custom_button
{
    display:inline;
    margin:10px 7px 10px 7px;
    background-color:#e8e8e8;
    border:1px solid #bbbbbb;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;    
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button.custom_button
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

button.custom_button[type]
{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:15px; /* Safari */
}

*:first-child+html button[type]
{
    padding:4px 10px 3px 7px; /* IE7 */
}
button.custom_button img, a.custom_button img
{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.toggle_link
{
  cursor:pointer;
  text-decoration: underline;
	color: #1e79b4;
	font-size:12px;	
	margin-left:auto;
	margin-right:auto;
}

.toggle_link:hover, .toggle_link:active
{
  cursor:pointer;
	text-decoration: underline;
	color:#999999;
	font-size:12px;	
	margin-left:auto;
	margin-right:auto;
}

div.search_area
{
    background-color:#ffffff;
}

ul.category_list, ul.large_icon_list,ul.small_icon_list
{
	display:block;
  text-align: center;
  padding:0 0 0 0;
}

ul.category_list li, ul.large_icon_list li, ul.small_icon_list li
{
    display:inline-block;
    margin:3px 3px 3px 3px;
    background-color:#ffffff;
    border:1px solid #bbbbbb;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    color:#565656;
    cursor:pointer;
    padding:4px 4px 4px 4px; /* Links */
    width:145px;
    text-align:center;
    white-space:nowrap;
}

ul.large_icon_list li
{
  width:27%;
}

ul.small_icon_list li
{
  width:16%;
}

ul.small_icon_list a
{
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}

ul.category_list a, ul.large_icon_list a
{
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
}

ul.category_list img, ul.large_icon_list img, ul.small_icon_list img
{
  display:block;
  max-width:100%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}

@media only screen and (max-width: 768px)
{
ul.category_list li
{
    width:120px;
}
ul.category_list a, ul.large_icon_list a
{
    font-size:13px;
}
ul.small_icon_list a
{
    font-size:12px;
}
}