/*   ПОДДЕРЖИВАЙТЕ ПОРЯДОК В CSS
     Некоторые правила, которым надо следовать:
		1.Делите код на секции.
		2.По одному селектору на строчку, если правила применяются к нескольким селекторам сразу.
		3.Проприетарные правила отделяйте двумя пробелами.
*/

/*    HTTP Host:  viagra-online-store.com        */
/*    Generated:  24.04.2010                     */
/*       Source:  Local Cache                    */
/*         Path:  css/style.css                  */



/* ----- Selectors of types ----- */

html,body {height:100%;}
body {margin: 0; padding: 0; font: 75% Verdana, sans-serif; height: 100%; background: #d9d9d9 url(../images/design/container_top_bg.gif) left top repeat-x; color: #fff;}

*html #wrapper {overflow: visible;}

/** {outline: 1px solid red;}*/                   /*   *** Check ***   */

form {margin: 0;}
img {border: 0;}
.clean {width: 100%; overflow: hidden;}
.text-center {text-align: center;}
a {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}

/******************************************************************************************/
/* ------------------------------------- Main Style ------------------------------------- */
/******************************************************************************************/

#wrapper {
	position: relative;
	width: 1004px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: #d9d9d9 url(../images/design/container_top_bg.gif) left top repeat-x ;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#container {position: relative; width: 791px; margin: 0 auto; padding: 10px 0 0 0;}

/******************************************************************************************/
/* --------------------------------------- Header --------------------------------------- */
/******************************************************************************************/

#header {position: relative; width: 791px; height: 215px; overflow: hidden;}

.tabs {float: left; width: 190px; height: 186px; display: inline; margin: 0; padding: 0; list-style: none; background: url(/images/design/head_bg_l.jpg) left top no-repeat;}
.tabs li {float: left; margin: 0; padding: 0; width: 138px;}
#tab-bg-first {background: url(/images/design/tab_bg_first.jpg) left top no-repeat; width: 138px; height: 26px; padding: 19px 0 0 5px;}
#tab-bg-second {background: url(/images/design/tab_bg_second.gif) left top no-repeat; width: 138px; height: 33px; margin: 6px 0 0 0;}
#tab-bg-third {background: url(/images/design/tab_bg_third.gif) left top no-repeat; width: 138px; height: 33px; margin: 6px 0 0 0;}
#tab-bg-fourth {background: url(/images/design/tab_bg_fourth.gif) left top no-repeat; width: 138px; height: 33px; margin: 6px 0 0 0;}
.tabs a {display: block; font: 12px Verdana, sans-serif; color: #0066b1; text-decoration: none; text-align: center; padding: 2px 0 0 5px;}
.tabs a:hover {color: #005951; text-decoration: underline;}

.logo {float: left; width: 290px; height: 186px; display: inline; background: url(/images/design/head_bg_c.jpg) left top no-repeat; text-align: center; font-size: 14px;}
.logo img {padding: 0 0 8px 0;}
.logo span {float: left; width: 290px;}
.head-bg {float: left; width: 311px; height: 186px; display: inline; background: url(/images/design/head_bg_r.jpg) left top no-repeat;}

.navigation {
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
	width: 788px;
	overflow: hidden;
	font: bold 13px Verdana, sans-serif;
	background: url(/images/design/menu_bg.gif) left top no-repeat;
	height: 29px;
}
.navigation li {margin: 0; padding: 0; display: inline;}
.navigation a {float: left; height: 29px; background: url(/images/design/menu_bg_left.gif) 0 bottom no-repeat; margin: 0 3px; padding: 0 0 0 12px; color: #fff; text-decoration: none; cursor: pointer;}
.navigation a span {float: left; background: url(/images/design/menu_bg_right.gif) 100% 0 no-repeat; padding: 5px 11px 8px 0;}
.navigation a:hover {text-decoration: underline;}
.navigation a:hover span {text-decoration: underline;}

/******************************************************************************************/
/* ------------------------------------ Content Box ------------------------------------- */
/******************************************************************************************/

.cont-table {width: 761px;}

#content {
	width: 761px;
	overflow: hidden;
	background: #0066b1;
	padding: 20px 15px;
	position: relative;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}

.cont-table {width: 761px; background: #267dbd url(../images/cont_bg_rcart.gif) right top no-repeat;}

.left-column {width: 511px; background: #267dbd url(/images/design/cont_bg_lc.gif) left top no-repeat; padding: 10px; font: 12px/20px Verdana, sans-serif; vertical-align: top; text-align: justify;}
.left-column h2, h3, h4 {margin: 0; font: bold 14px Verdana, sans-serif; color: #0C3040;}
.left-column p {margin: 5px 0 15px 0;}

#leftcolumn {float: left; width: 511px; display: inline; background: #267dbd url(/images/design/cont_bg_lc.gif) left top no-repeat; padding: 10px;}        /*for DIV*/

.title-bgl {float: left; width: 2px; height: 34px; display: inline; background: url(/images/design/titlecont_bg_l.gif) left top no-repeat;}
.title {
	float: left;
	width: 496px;
	height: 27px;
	display: inline;
	background: url(/images/design/titlecont_bg_c.gif) left top repeat-x;
	font: bold 16px Verdana;
	margin: 0;
	padding: 7px 0 0 10px;
}
.title-bgr {float: left; width: 2px; height: 34px; display: inline; background: url(/images/design/titlecont_bg_r.gif) left top repeat-x;}

.viagra-index {width: 510px; overflow: hidden; margin: 15px 0 0 0; padding: 0 0 14px 0; list-style: none; border-bottom: 1px solid #5197ca;}
.viagra-index li {margin: 0; padding: 0;}
.viagra-ind-img {float: left; width: 210px; display: inline;}
.viagra-ind-cont {float: left; width: 298px; display: inline; font: 12px/20px Verdana, sans-serif; text-align: justify;}

.index-cont {margin: 0; padding: 0;}
.index-cont dt {font: bold 14px Verdana, sans-serif; color: #0c3040; padding: 12px 0 5px 0;}
.index-cont dd {margin: 0; font: 12px/20px Verdana, sans-serif; text-align: justify; padding: 0 0 12px 0; border-bottom: 1px solid #5197ca;}

.right-column {width: 212px; background: #4690c7 url(/images/design/cont_bg_rc.gif) right top no-repeat; padding: 9px; vertical-align: top;}

#rightcolumn {float: left; width: 212px; display: inline; background: #4690c7 url(/images/design/cont_bg_rc.gif) right top no-repeat; padding: 9px;}        /*for DIV*/

.viagra-block {margin: 9px 0; padding: 7px; background: #035478; font: 12px/18px Verdana, snas-serif; text-align: justify;}

.clean-f {width: 100%; overflow: hidden; margin: 10px 0 0 0;}
.feedback-bgl {float: left; width: 1px; height: 27px; display: inline; background: url(/images/design/rightcolumn_bg_l.gif) left top no-repeat;}
.feedback {float: left; width: 200px; height: 23px; display: inline; background: url(/images/design/rightcolumn_bg_c.gif) left top repeat-x; font: bold 13px Verdana, sans-serif; padding: 4px 0 0 10px;}
.feedback-bgr {float: left; width: 1px; height: 27px; display: inline; background: url(/images/design/rightcolumn_bg_r.gif) left top no-repeat;}

.feedback-text {list-style: none; margin: 0; padding: 0;}
.feedback-text li {font: 11px/18px Verdana, sans-serif; text-align: justify; padding: 10px 2px; border-bottom: 1px solid #267dbd;}
.feedback-text strong {background: url(/images/design/feedback_cel_r.gif) top left no-repeat; padding: 2px 5px 4px 5px; font-size: 12px;}

.news {margin: 8px 0 0 0; padding: 0 0 0 22px; width: 190px;}
.news li {padding: 7px 0; margin: 0; border-bottom: 1px solid #267dbd; list-style: url(/images/design/arrow.gif);}
.news a {font: 11px Verdana, sans-serif; color: #fff; text-decoration: none;}
.news a:hover {color: #005951; text-decoration: underline;}

.no-border {border: none !important;}

.balca {height: 45px;}

#footer {
	position:relative;
	width: 751px;
/*	overflow: hidden;*/
	margin: 0 auto;
	padding: 15px 20px 0 20px;
	margin-top: -45px;
	height: 30px;
	background: #00655c;
}

.podval {float: left; width: 100px; display: inline;}
.podval a {font: 11px Verdana, sans-serif; color: #fff; text-decoration: underline;}
.podval a:hover {color: #fff; text-decoration: none;}
.podval-c {float: left; width: 651px; font: 11px Verdana, sans-serif; text-align: right;}
.podval-c a {font-weight: bold; color: #fff; text-decoration: none;}
.podval-c a:hover {color: #fff; text-decoration: underline;}

.nick {font: bold 12px Verdana, sans-serif; text-align: right; border-bottom: 1px solid #5197CA; padding: 0 0 15px 0;}
.nick-wb {font: bold 12px Verdana, sans-serif; text-align: right;}

.shipping {width: 90%; margin: 10px auto; text-align: center;}
.shipping th {background: #0066B1;}

.quastion {font: 14px Verdana, sans-serif; color: #0C3040;}
.separator {border-bottom: 1px solid #5197ca; padding: 0 0 15px 0;}
.separator-wb {padding: 0 0 5px 0;}

.product-tab {width: 510px; margin: 0;}
.product-tab th {background: url(../images/design/bg_products.gif) left top repeat-x; padding: 7px; border-bottom: 1px solid #699fc1; text-align: center; font-size: 13px;}
.product-tab td {background: #186ba0; border-bottom: 1px solid #699fc1; text-align: center; padding: 3px 0;}

.ctitle {font: bold 14px Verdana, sans-serif; text-align: center; color: #0c3040;}
.vertical-m {vertical-align: middle;}

.edpack {width: 100%; background: #5197CA;}
.edpack th {width: 190px; background: #267DBD; padding: 3px 0 3px 5px;}
.edpack td {background: #267DBD; padding: 3px 5px;}

/******************************************************************************************/
/* ----------------------------------- Shopping Cart ------------------------------------ */
/******************************************************************************************/

/* ---------- Cart Main ---------- */

#corzina {
	background: url(../images/design/cont_bg_lc.gif) left top no-repeat;
	padding: 10px;
	font: 12px/20px Verdana, sans-serif;
	vertical-align: top;
}

.title-sc {
	float: left;
	width: 727px;
	height: 27px;
	display: inline;
	background: url(../images/design/titlecont_bg_c.gif) left top repeat-x;
	font: bold 16px Verdana;
	margin: 0;
	padding: 7px 0 0 10px;
}

.cart-steps-2 {margin: 0 auto; padding: 20px 0 20px 0; font: bold 13px Tahoma, sans-serif; text-align: center; color: #fff;}
.cart-steps-2 li {display: inline; padding: 0 15px;}
.cart-steps-2 img {vertical-align: middle;}

.cart-steps {margin: 0 auto; padding: 10px 0 30px 0; font: bold 13px Tahoma, sans-serif; text-align: center; color: #fff;}
.cart-steps li {display: inline; padding: 0 15px;}
.cart-steps img {vertical-align: middle;}
.active {color: #0c3040;}
.visited a {color: #fff; text-decoration: underline;}
.visited a:hover {color: #fff; text-decoration: none;}

.cart-table {width: 100%; margin: 8px 0 17px 0; text-align: center;}
.cart-table th {background: #0066B1; color: #fff; padding: 3px 0; text-align: center;}
.cart-table td {padding: 2px 0; color: #fff;}
#item {width: 25%;}
.drug-name {text-align: left;}

.cart-confirm {width: 700px; margin: 0 auto 10px auto;}
.cart-confirm th {color: #0c3040; font-weight: bold; text-align: right; background: none;}
.cart-confirm th, td {padding: 8px 0;}
.cart-confirm td {padding: 0 0 0 20px; color: #fff; font-weight: bold;}
.update {padding: 8px 0 20px 0 !important; color: #fff !important; font-weight: normal !important;}
.update input {vertical-align: middle; margin: 0 7px 0 15px;}
#pay-type {text-align: center; padding: 30px 0 20px 0;}
#pay-type input {vertical-align: middle; margin: 0 5px 0 20px;}
#pay-type {color: #fff; font-weight: normal;}
#pay-type span {color: #0c3040; font-weight: bold;}

.error {font: bold 12px Tahoma, sans-serif; color: red; text-align: center; padding: 20px 0 0 0;}
.error-shipping {font: 12px Tahoma, sans-serif; color: red;}

.clear-block-sc {width: 100%; overflow: hidden;}
.float-left {float: left;}
.float-right {float: right;}

/* ------------------------------ Shipping ------------------------------ */

.shipping-title {font: bold 14px Tahoma, sans-serif; color: #0c3040; text-align: center;}

.cart-shipping {width: 100%; margin: 10px 0; font: 12px Tahoma, sans-serif;}
.cart-shipping th {width: 34%; color: #0c3040; text-align: right; background: none;}
.cart-shipping td {width: 30%; color: #fff; padding: 0 0 0 8px;}
.cart-shipping input, textarea {width: 200px; color: #000; padding: 1px 0 1px 4px; margin: 3px 0; border: 1px solid #B9B9B9;}
.cart-shipping select {width: 206px; color: #000; margin: 3px 0; border: 1px solid #B9B9B9;}

.vert-mid {vertical-align: middle;}

/* ------------------------------ Check Out ------------------------------- */

.check {float: left; display: inline; width: 250px; font: 12px Tahoma, sans-serif; margin: 0 0 10px 88px;}
.check dt {background: #0066B1; color: #0c3040; font-weight: bold; text-align: center; padding: 5px 0 10px 0;}
.check dd {padding: 1px 10px 1px 25px; margin: 0; background: #0066B1;}

.change {text-align: center; padding: 15px 0 10px 0 !important;}