/* typography */

pre, .code {
	background: #E9F4F8;
	border-left: 5px solid #046380;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px !important;
}

blockquote {
	background: url(../img/typo/so-q.gif) no-repeat left top;
	padding: 1em 40px 1em 15px;
}

blockquote p {
	background: url(../img/typo/sc-q.gif) no-repeat bottom right;
	padding: 0 15px 0 0;
}

blockquote.testimonial {
	padding: 0 0 10px;
	border-bottom: 1px solid #E7E8E6;
}

blockquote.testimonial span.author {
	background: url(../img/typo/icon-author.gif) no-repeat 5px center;
	display: block;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 20px;
}

/* Drropcap */
.dropcap {
	color: #046380;
	display: block;
	float: left;
	font: 50px/40px Georgia, Times, serif;
	padding: 4px 8px 0 0;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	background: url(../img/typo/icon-error.gif) no-repeat top left;
	color: #CC0000;
	padding-left: 25px;
}

p.message {
	background: url(../img/typo/icon-info.gif) no-repeat top left;
	color: #046380;
	padding-left: 25px;
}

p.tips {
	background: url(../img/typo/icon-tips.gif) no-repeat top left;
	color: #E58C00;
	padding-left: 25px;
}

p.feed {
	background: url(../img/typo/icon-feed.gif) no-repeat top left;
	color: #FF6700;
	padding-left: 25px;
}

p.comment {
	background: url(../img/typo/icon-comment.gif) no-repeat top left;
	color: #4B4B4B;
	padding-left: 25px;
}

.highlight {
	background: #E9F4F8;
	font-weight: bold;
	padding: 1px 5px;
}

/* Note Style */
p.stickynote {
	background: url(../img/typo/sticky-bg.gif) no-repeat 5px 5px #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 12px 0px 12px 60px;
}

p.download {
	background: url(../img/typo/download-bg.gif) no-repeat 5px 5px #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 12px 0px 12px 60px;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	background: url(../img/typo/icon-checklist.gif) no-repeat 0 4px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

/* Check list (star) */
ul.stars {
	list-style: none;
}

ul.stars li {
	background: url(../img/typo/icon-star.gif) no-repeat 0 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

/* List arrow */
ul.arrow {
	list-style: none;
}

ul.arrow li {
	background: url(../img/typo/icon-arrow.gif) no-repeat 3px 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

/* Inline Underlist*/
ul.none-padding {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.none-padding li {
	margin: 0;
	padding: 0;
	background: none;
}

/* List video */
a.video {
	background: url(../img/typo/icon-video.gif) no-repeat 0px 2px;
	padding: 0 0 0 20px;
}

/* List Feed RSS */
a.rss {
	background: url(../img/typo/icon-rss.png) no-repeat 0px 2px;
	padding: 0 0 0 15px;
}

/* List link */
a.link {
	background: url(../img/typo/icon-link.png) no-repeat 0px 3px;
	padding: 0 0 0 20px;
}

/* Bignumber */
.bignumber {
	background: url(../img/typo/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 6px 7px;
}

/* Big order list number */
ol.big-ol {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	display: block;
}

ol.big-ol li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

ol.big-ol li span.index {
	width: 30px;
	float: left;
	font-family: Georgia;
	font-size: 180%;
	color: #046380;
}

ol.big-ol li div.content {
	float: right;
	width: 110px;
}

ol.big-ol li span.note {
	font-size: 90%;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	font-weight: bold;
	margin-left: 15px;
	padding-left: 15px;
	background: url(../img/typo/icon-author.gif) no-repeat 0px 2px;
}

div.bubble1 div {
	background: url(../img/typo/bub1-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble1 div div {
	background: url(../img/typo/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../img/typo/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../img/typo/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 10px 15px 20px;
	width: auto;
}

div.bubble2 div {
	background: url(../img/typo/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble2 div div {
	background: url(../img/typo/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../img/typo/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../img/typo/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 10px 15px 25px;
	width: auto;
}

div.bubble3 div {
	background: url(../img/typo/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble3 div div {
	background: url(../img/typo/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../img/typo/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../img/typo/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

div.bubble4 div {
	background: url(../img/typo/bub4-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble4 div div {
	background: url(../img/typo/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../img/typo/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../img/typo/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

/* Legend */
.legend-title {
	background: #FFFFFF;
	color: #046380;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 120%;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -10px;
}

.legend {
	border: 1px solid #CCCCCC;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

/* Highslide */
.highslide-header {
	border-bottom: 1px solid #CCCCCC;
}

.highslide-header li {
	background: none;
}

.highslide-body {
	padding: 10px 0 !important;
}

.highslide {
	margin: 0;
}

.highslide img {
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.highslide:hover img {
	border: 1px solid #ABABAB !important;
}


/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

.ok, .ko, .error-message {
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	float: none;
	font-size: 11px;
	padding-left: 20px;
	margin-left: 5px;
	line-height: 18px;
	clear: both;
}

.ok {
	color: #66CC33;
	background-image: url('../img/icons/1.png');
}

.ko, .error-message {
	color: #FF0000;
	background-image: url('../img/icons/0.png');
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Comments */

div.bubble {
	width: auto;
	font-size: 11px;
	margin: 10px 0;
}

div.bubble div.rounded {
	border: 1px solid #ccc;
	background-color: #fff;
}

div.bubble div.rounded blockquote {
	margin: 0px;
	padding: 0px;
	border: 0;
	background-color: transparent;
}

div.bubble div.rounded blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url('../img/tip.gif') no-repeat 20px 0;
}

#popup {
	background-color: #eee;
	border: 1px solid #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:5px;
	width:280px;
}

#popup strong {
	color: #888;
}


/* pagination */

/* Pagination DIV */
div.paging {
	clear: both;
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: left;
	text-align: center;
	font-size: 10px;
	height: 20px;
	padding: 5px 0  0 0;
	margin:0;
}

/* Pagination Link */

div.paging a, div.paging a:hover, div.paging span.current, div.paging div.disabled  {
	font-size: 10px;
	text-decoration: none;
	border: 1px solid;
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline;
}

div.paging a {
	border-color: #ff0000;
	color: #000;
}

div.paging a:hover {
	background-color: #fff;
	border-color: #000;
	color: #000;
}

/* Pagination Current Page */

div.paging span.current {
	background-color: #000;
	border-color: #fff;
	color: #fff;
}

/* Pagination Disabled Page */

div.paging div.disabled {
	color: #333;
	border-color: #333;
}

p.counter {
	border-bottom: 1px solid #666;
	clear: both;
	display: block;
	padding: 5px 0;
	margin: 0;
}



/* Forms */
form {
	clear: both;
	margin: 0;
	padding: 0;
}

fieldset {
	display: block;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px;
}

fieldset legend {
	border: 1px solid #ccc;
	color: #000;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left:5px;
	padding: 0 5px;
}

fieldset label {
	display: block;
	font-weight: bold;
	margin-left: 20px;
}

fieldset input,
fieldset select, 
fieldset textarea {
	margin-top: 5px;
	 margin-left: 20px;
	 margin-bottom: 10px;
}

fieldset input[type='radio'] {
	/*margin: 0;*/
}

input[type='text'], input[type='password'] {
	border: 1px solid #D8D8D8;
	background: #FFF url(../img/m/img-form-input-shadow.png) repeat-x top;
	display: block;
	padding: 4px;
	color: #333;
}

textarea {
	border: 1px solid #D8D8D8;
	background: #FFF url(../img/m/img-form-input-shadow.png) repeat-x top;
	display: block;
	padding: 4px;
	color: #333;
	line-height: normal;
}

form ul li input[type='radio'],form ul li input[type='checkbox'] {
	margin: 2px 0;
	padding: 0;
}

select {
	border: 1px solid #D8D8D8;
	background: #fff;
	color: #666;
	padding: 4px;
	display: block;
}


div.date {
	 margin-left: 20px;
	 margin-bottom: 10px;
}

div.date label {
	margin-left: 0;
}

div.date select {
	display: inline;
	margin: 0;
}

input[type='button'], input[type='submit'] {
	border: 1px solid #D8D8D8;
	background: #FFF url(../img/m/sprite-button-flat.png) repeat-x top;
	color: #666;
	padding: 4px;
}

.nav {
	background-color: #eeeeee;
	display: block;
	color: #000000;
	clear: both;
	min-height: 22px;
	line-height: 22px;
	padding: 0 5px;
}

.nav a {
	color: #999;
	text-decoration: none;
}

.display_none {
	display: none;
}

.display_block {
	display: block;
}

.ratings div {
	float: right;
}

.bookmarklets {
	clear:both;
}

.bookmarklets a {
	margin-right: 5px;
	float: left;
}

.rss  {
	background-image: url(../img/icons/rss.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #EC6523;
}

div.ajax_loader {
	background-image: url('../img/ajax-loader.gif');
	background-position: center;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}

#social_networks a {
	clear: both;
	display: block;
	height: 16px;
	margin: 13px 20px 12px 20px;
	text-decoration: none;
}

#social_networks a img {
	border: none;
	float: left;
	margin-right: 5px;
}

#social_networks a span {
	color: #444444;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	margin-right: 5px;
}

#UserAddForm {
	clear: both;
	display: block;
	padding: 20px;
}


.FileName {
	float:left;
	width: 200px;
}

.upload_button {
	background-image: url('../img/icons/upload.png');
	background-color: #DDDDDD;
	background-position: 3px center;
	background-repeat: no-repeat;
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE; 
	border-style: solid;
	border-width: 1px;
	clear: none;
	display: block;
	float: left;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0 5px;
	padding: 1px 3px 1px 33px;
	text-align:center;
	width: 100px;	
}

.upload_button:hover {
	border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC; 
}


.cart {
	margin: 10px;
	width: 600px;
}

.cart th, .cart td {
	border: 1px solid #ccc;
	padding: 0 5px;
	line-height: 20px;
}

.cart .edit, .cart .delete, .cart .saving, .cart .deleting, .cart .saved {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin: 2px 5px;
	width: 16px;
}

.cart .edit {
	background-image: url("../img/icons/edit.gif");
	cursor: pointer;
}

.cart .delete {
	background-image: url("../img/icons/delete.gif");
	cursor: pointer;
}

.cart .deleting {
	background-image: url("../img/icons/deleting.gif");
}

.cart .saving {
	background-image: url("../img/icons/saving.gif");
	cursor: pointer;
}

.cart .saved {
	background-image: url("../img/icons/ok.gif");
}

.cart input {
	text-align:center;
	display: inline;
	float: left;
	width:24px;
}

.photo1 {
	margin: 20px;
}

.photo2 {
	margin: 20px;
}

.photo3 {
	margin: 20px;
}

.photo4 {
	margin: 20px;
}
.photo5 {
	margin: 20px;
}

.view #big_preview {
	padding: 5px;
	width: 500px;
}

.advanced_search {
	margin-top: 30px;
	margin-left: 10px;
}

.advanced_search a {
	text-decoration: underline;
}

.Search select {
	margin:20px 10px 10px 10px;
}

.Search {
	background-color: #EDF0F0;
}