/*
	File Name:		styles.css
	Description:	BaltSport.lv
	Version:		1
	Author:		Dmitry Korsunov
	E-mail:		dmitry.korsunov@gmail.com
	
	No Rights Reserved.
	But some credit would be appreciated.
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #C85602 url(../img/bg.jpg) repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222;
}

a {
	color: #9E0E06;
	text-decoration: underline;
}
a:hover {
	color: #5F0703;
	text-decoration: underline;
}

p, form, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ----- Headers ----- { ----- */

h1,h2,h3,h4,h5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 17px;
	font-weight: normal;
	color: #616161;
	margin: 0 0 10px 0;
	padding: 0 0 5px 4px;
	border-bottom: 1px solid #E1E1E1;
	position: relative;
	z-index: 1;
}

h1 .total {
	font-weight: bold;
	font-size: 15px;
	color: #9C0D0A;
	right: 0;
	top: 3px;
	position: absolute;
	z-index: 1;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	color: #762320;
	display: block;
	background-color: #E1E1E1;
	border: 1px solid #D6D6D6;
	padding: 10px;
	position: relative;
	z-index: 1;
	margin: 0 0 10px 0;
}

h2 .price {
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 8px;
	z-index: 1;
}

h3 {
	font-size: 13px;
	color: #272727;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 12px;
	color: #474747;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}

/* ----- } ----- Headers ----- */

small {
	font-size: 10px;
}


/* ----- Text Colors ----- { ----- */

.yellowText {
	color: #FABB1E;
}

.whiteText {
	color: #FFF;
}

.grayText {
	color: #808080;
}

.redText {
	color: #C00707;
}

.greenText {
	color: #08A61D;
}

/* ----- } ----- Text Colors ----- */


#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	z-index: 1;
	width: 942px;
	margin: 0 auto;
	background: url(../img/bg_wh.gif) left top repeat-x;
}





#top {
	padding: 20px 8px 0 8px;
	height: 213px;
	position: relative;
	z-index: 1;
}
#top .top_bg {
	height: 213px;
	background: url(../img/top_bg.jpg) left bottom repeat-x;
}
#top .logo {
	position: absolute;
	z-index: 1;
	top: 48px;
	left: 0;
}


/* ----- Left & Right Shadow Parts of Header ----- { ----- */

#top .l,
#top .r {
	position: absolute;
	width: 29px;
	height: 265px;
}
#top .l {
	bottom: -41px;
	left: -21px;
	background: none;
	z-index: 1;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top_l.png',sizingMethod='scale'); /* For IE6 */
}
#top .r {
	bottom: -41px;
	right: -21px;
	background: none;
	z-index: 20;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top_r.png',sizingMethod='scale'); /* For IE6 */
}
html>body #top .l {
	bottom: -40px;
	background: url(../img/top_l.png) left top no-repeat; /* For Modern Browsers */
	filter: none;
}
html>body #top .r {
	bottom: -40px;
	background: url(../img/top_r.png) left top no-repeat; /* For Modern Browsers */
	filter: none;
}

/* ----- } ----- Left & Right Shadow Parts of Header ----- */



/* ----- Language Menu ----- { ----- */

#lang {
	position: absolute;
	z-index: 1;
	left: 17px;
	top: 105px;
}
#lang li {
	display: block;
	float: left;
	padding: 2px 0 0 0;
	height: 21px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	width: 70px;
	text-align: center;
	margin-right: 5px;
}
#lang .act {
	background: url(../img/lang_bg.gif) center top no-repeat;
}
#wrapper #lang .act a {
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}
#lang li a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
#lang li a:hover {
	color: #FEDD2C;
	text-decoration: underline;
}

/* ----- } ----- Language Menu ----- */



/* ----- Rounded Box with Tab (Consultation & Login) ----- { ----- */

/* ----- Both of the boxes can be removed if needed, header will stay intact.  ----- */

.top_box {
	background: url(../img/top_box.gif) left top no-repeat;
	height: 114px;
	width: 336px;
	position: absolute;
	top: 6px;
	z-index: 100;
	color: #3B3B3D;
}

.top_box_1 {
	right: 348px;
}
.top_box_2 {
	right: 4px;
}


.top_box .ttl {
	font-family: Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	display: block;
	padding: 8px 0 0 12px;
	height: 36px;
}
.top_box a {
	color: #9E0E06;
	text-decoration: underline;
}
.top_box a:hover {
	color: #5F0703;
	text-decoration: underline;
}
.consult {
	padding-top: 12px;
}
.consult p {
	display: block;
	float: left;
}
.consult .skype {
	background: url(../img/icon_skype.gif) left no-repeat;
	padding-left: 44px; 
	margin-left: 10px;
}
.consult .skype span {
	display: block;
	background: url(../img/li_tm.gif) right no-repeat;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 17px;
}
.consult .phone {
	background: url(../img/icon_phone.gif) left no-repeat;
	padding-left: 34px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-left: 16px;
	margin-top: -15px;
	width: 100px;
}

/* ----- } ----- Rounded Box with Tab (Consultation & Login) ----- */








/* ----- Top Horizontal Menu ----- { ----- */

#topMenu {
	position: absolute;
	z-index: 10;
	bottom: 49px;
	left: 34px;
	background: url(../img/li_tm.gif) left top no-repeat;
	height: 33px;
}
#topMenu li {
	display: block;
	float: left;
	padding: 9px 30px 0 30px;
	background: url(../img/li_tm.gif) right top no-repeat;
	height: 24px;
	text-align: center;
}
#topMenu li a {
	color: #9E0E06;
	text-decoration: none;
}
#topMenu a:hover {
	color: #5F0703;
	text-decoration: underline;
}

#wrapper #topMenu li.special {
	padding: 2px 10px 0 10px;
	height: 31px;
}

#wrapper #topMenu li.special a {
	display: block;
	padding: 7px 0 0 0;
	height: 21px;
	width: 96px;
	background: url(../img/btn_specials.gif) left top no-repeat;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#wrapper #topMenu li.special a:hover {
	background: url(../img/btn_specials.gif) left bottom no-repeat;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

/* ----- } ----- Top Horizontal Menu ----- */








/* ----- Welcome Note & Cart Info ----- { ----- */

#cartInfo {
	position: absolute;
	z-index: 10;
	color: #C9C9C9;
	left: 12px;
	top: 205px;
}
#cartInfo a {
	color: #C9C9C9;
}
#cartInfo a:hover {
	color: #F9BA1D;
}

/* ----- } ----- Welcome Note & Cart Info ----- */








/* ----- Search Box ----- { ----- */


#searchForm {
	position: absolute;
	z-index: 10;
	left: 665px;
	top: 200px;
	white-space: nowrap;
	width: 280px;
}
#searchForm input {
	float: left;
}
#searchForm .inpt {
	width: 170px;
	margin-right: 7px;
	margin-top: 4px;
}
.btn_search {
	width: 80px;
	text-align: center;
	height: 27px;
	padding: 1px 0 3px 0;
	border: none;
	background: url(../img/btn_search.gif) left top no-repeat;
	cursor: pointer;
}
.btn_search:hover {
	background: url(../img/btn_search.gif) left -28px no-repeat;
}


/* ----- } ----- Search Box ----- */











#content {
	padding-bottom: 162px;
	position: relative;
	z-index: 10;
	margin-left: -6px;
	width: 948px;
}
#content td {
	vertical-align: top;
}


/* ----- Left Column ----- { ----- */

#content .leftSide {
	background: url(../img/left_bg.jpg) left top repeat-y;
}
.leftSide ul {
	display: block;
	width: 207px;
	padding: 5px 0 10px 22px;
}
.leftSide ul li {
	display: block;
	width: 194px;
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #DC9B25;
	height: 13px;
	line-height: 13px;
	position: relative;
	z-index: 1;
}

*|html .leftSide ul li { /* FF & Opera */
	height: 14px;
	line-height: 14px;
}
.leftSide ul li a {
	padding: 0 0 0 18px;
	background: url(../img/li1.gif) left 1px no-repeat;
	color: #252524;
	text-decoration: none;
	position: absolute;
	left: -5px;
	top: 6px;
	z-index: 1;
}
*|html .leftSide ul li a { /* FF & Opera */
	background: url(../img/li1.gif) left 2px no-repeat;
}
.leftSide ul li a:hover {
	color: #7C0A05;
	text-decoration: underline;
}


.leftSide ul .act {
	background: #F9B53B url(../img/arw_d.gif) 180px no-repeat;
	margin-top: -2px;
}
*|html .leftSide ul .act { /* FF & Opera */
	margin: 0;
}
.leftSide ul .act a {
	background: none;
	color: #670804;
	font-weight: bold;
}



/* ----- Left Column - Sub-Menu LVL1 ----- { ----- */

.leftSide .sub ul {
	display: block;
	width: 194px;
	padding: 0;
}

.leftSide .sub,
.leftSide .sub li {
	display: block;
	height: auto;
	line-height: 12px;
	position: static;
	z-index: 1;
	width: 179px;
}
.leftSide .sub,
.leftSide .sub .sub,
.leftSide .sub .sub .sub {
	width: 194px;
	border-bottom: none;
	padding: 0;
}
.leftSide .sub li  {
	width: 179px;
	padding: 5px 0 6px 15px;
}
.leftSide .sub li a {
	position: static;
	background: url(../img/li2.gif) left 4px no-repeat;
	padding: 0 0 0 12px;
	color: #670804;
}

/* ----- } ----- Left Column - Sub-Menu LVL1 ----- */



/* ----- Left Column - Sub-Menu LVL2 ----- { ----- */

.leftSide .sub .sub li  {
	width: 168px;
	padding-left: 26px;
}
.leftSide .sub .sub li a {
	position: static;
	background: url(../img/li3.gif) left 4px no-repeat;
	padding: 0 0 0 12px;
	color: #670804;
}

/* ----- } ----- Left Column - Sub-Menu LVL2 ----- */



/* ----- Left Column - Sub-Menu LVL3 ----- { ----- */

.leftSide .sub .sub .sub li  {
	width: 159px;
	padding-left: 35px;
}
.leftSide .sub .sub .sub li a {
	position: static;
	background: url(../img/li4.gif) left 7px no-repeat;
	padding: 0 0 0 12px;
	color: #923606;
}

/* ----- } ----- Left Column - Sub-Menu LVL3 ----- */


/* ----- } ----- Left Column ----- */






/* ----- Middle Column - Item Table ----- { ----- */

.itemTbl {
	margin: 10px 0 0 0;
}
.itemCell a {
	display: block;
	background-color: #E7E7E7;
	border: 1px solid #DADADA;
	border-bottom: none;
	padding: 10px;
	width: 121px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.itemCell a:hover {
	background-color: #EFEFEF;
	border: 1px solid #C0C0C0;
	border-bottom: none;
	text-decoration: none;
}
.itemCell a u,
.itemCell2 a u {
	font-size: 12px;
	color: #2C2C2B;
	display: block;
	padding-bottom: 7px;
	cursor: pointer;
}
.itemCell a:hover u,
.itemCell2 a:hover u {
	color: #990000;
}
.itemCell a .thmb2,
.itemCell2 a .thmb2 {
	width: 121px;
	height: 113px;
	background: #FFF url(../img/thmb2.gif) center top no-repeat;
	margin: 0 auto;
	padding: 7px 0 0 0;
	cursor: pointer;
	display: block;
	
}
.itemCell a .thmb2 img,
.itemCell2 a .thmb2 img {
	width: 105px;
	height: 105px;
	cursor: pointer;
}

.itemCell2  {
	background-color: #E7E7E7;
	border: 1px solid #DADADA;
	border-bottom: none;
	padding: 10px;
	width: 127px;
	text-align: center;
	text-decoration: none;
}

.priceCell,
.priceCell2 {
	border-left: 1px solid #D4A60B;
	border-right: 1px solid #D4A60B;
	border-bottom: 1px solid #A3A3A3;
	border-top: none;
}
.priceCell a,
.priceCell2 a,
.priceCell2 a:hover {
	display: block;
	background-color: #F8C00B;
	border-bottom: 2px solid #282723;
	text-align: center;
	padding: 3px 0 2px 0;
	color: #505050;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	width: 141px;
}
.priceCell a:hover {
	background-color: #FACD34;
	color: #505050;
	text-decoration: none;
}
.priceCell a span,
.priceCell2 a span {
	background: url(../img/icon_cart.gif) left no-repeat;
	padding-left: 26px;
}

/* ----- } ----- Middle Column - Item Table ----- */









/* ----- Right Column ----- { ----- */

.rightSide {
	padding-left: 19px;
}

.rightSide h3 { /* Titles */
	display: block;
	height: 26px;
	position: relative;
	z-index: 1;
	background: url(../img/ttl_r.jpg) left top no-repeat;
	text-align: right;
	padding: 11px 14px 0 0;
}
.rightSide h3.first { /* First of title boxes. Kinda special & important stuff here.  */
	background: url(../img/ttl_r.jpg) left top no-repeat;
	padding: 11px 6px 0 0;
	width: 211px;
	margin-top: -6px;
}
.rightSide h3 img {
	position: absolute;
	top: 0;
	right: -7px;
	z-index: 1;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ttl_r_.png',sizingMethod='scale');
}
html>body .rightSide h3 img {
	background: url(../img/ttl_r_.png) no-repeat;
	filter: none
}

.rightSide .txt {
	padding: 12px;
}



.rightSide a {
	color: #181817;
}
.rightSide a:hover {
	color: #C00707;
}




/* ----- Right Column - Item List ----- { ----- */

.itemList small {
	display: block;
	padding: 3px 0;
}
.itemList li {
	clear: both;
	border-bottom: 1px solid #E2E2E2;
	width: 191px;
	padding-bottom: 12px;
	margin-bottom: 10px;
}
.itemList .thmb1 {
	width: 75px;
	height: 70px;
	float: left;
}
.itemList .thmb1 a {
	display: block;
	width: 67px;
	height: 67px;
	background: url(../img/thmb1.gif) left top no-repeat;
	padding: 2px 0 0 2px;
	text-align: center;
}
.itemList .descr {
	width: 114px;
	float: right;
}

/* ----- } ----- Right Column - Item List ----- */

.moreLink {
	background: url(../img/arw1_r.gif) right 5px no-repeat;
	padding-right: 17px;
}

/* ----- } ----- Right Column ----- */




/* ----- Sorting Links ----- { ----- */

.sortBox {
	background-color: #E1E1E1;
	border: 1px solid #D6D6D6;
	padding: 10px;
	text-align: right;
}
.sortBox ul li {
	display: inline;
}
.sortBox ul li a {
	background: url(../img/arw_d2.gif) right 5px no-repeat;
	padding-right: 11px;
	margin-left: 15px;
	color: #4D4D4D;
}
.sortBox ul li a:hover,
.sortBox ul li a.act,
.sortBox ul li a.act:hover {
	color: #670804;
	text-decoration: none;
}

/* ----- } ----- Sorting Links ----- */


.boxThingie {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555553;
	display: block;
	margin-bottom: 12px;
	background-color:#B3C2C7;
	border-left: 5px solid #D31111;
	padding: 15px 10px 8px 10px;
}

.boxThingie li {
	background: url(../img/arw2_r.gif) left 4px no-repeat;
	padding-bottom: 5px;
	padding-left: 8px;
}



.content p {
	padding-bottom: 12px;
}

/* ----- FAQ - Answers ----- { ----- */

.faq_A {
	padding-bottom: 12px;
}

.faq_A li {
	border-bottom: 1px solid #E1E1E1;
	padding: 10px 0 0 0;
}
.faq_A .q {
	display: block;
	padding-bottom: 7px;
	color: #464646;
}
.faq_A li p {
	padding-bottom: 12px;
}

/* ----- } ----- FAQ - Answers ----- */


/* ----- FAQ - Questions ----- { ----- */

.faq_Q {
	border-bottom: 1px solid #E1E1E1;
	padding: 10px 0 8px 0;
	margin-bottom: 10px;
}
.faq_Q li {
	background: url(../img/arw2_r.gif) left 5px no-repeat;
	padding: 0 0 4px 9px;
	font-weight: bold;
}
/* ----- } ----- FAQ - Questions ----- */





.arw2_r {
	background: url(../img/arw2_r.gif) left no-repeat;
	padding: 0 0 0 9px;
}



/* ----- Magnifying Glass Link ----- { ----- */

.magnLink {
	padding: 15px 0 5px 18px;
	background: url(../img/icon_magn.gif) left 15px no-repeat;
}
.magnLink a {
	color: #4D4D4D;
}
.magnLink a:hover {
	color: #C5100E;
}
/* ----- } ----- Magnifying Glass Link ----- */


/* ----- Lizing Calc ----- { ----- */

.calc {
	background-color: #FEF7E1;
	padding: 10px 10px 5px 10px;
}
.calc td {
	padding-bottom: 5px;
}

/* ----- } ----- Lizing Calc ----- */

.moreInfo {
	padding: 10px;
}

/* ----- Print Link ----- { ----- */

.printLink {
	color: #4D4D4D;
	background: url(../img/icon_print.gif) left 2px no-repeat;
	padding-left: 19px;
}
.printLink:hover {
	color: #C5100E;
}

/* ----- } ----- Print Link ----- */


/* ----- Parameters Table ----- { ----- */

.paramTbl {
}
.paramTbl td {
	padding-bottom: 5px;
}
.paramTbl td.td1 {
	color: #888;
	border-right: 1px solid #ECECEC;
	padding-left: 5px;
}
.paramTbl td.td2 {
	color: #4D4D4D;
	padding-left: 25px;
}

/* ----- } ----- Parameters Table ----- */


/* ----- Parameters Table ----- { ----- */

div.underline {
	border-bottom: 1px solid #ECECEC;
	padding-top: 10px;
	margin-bottom: 12px;
}
table.underline {
	border-bottom: 1px solid #ECECEC;
}





#wrapper .orderItems td {
	padding: 4px 0 5px 0;
	border-bottom: 1px solid #ECECEC;
	vertical-align: middle;
}
#wrapper .tbl td {
	vertical-align: middle;
}







/* ----- Footer ----- { ----- */

#footer {
	width: 942px;
	margin: 0 auto;
	height: 159px;
	margin-top: -164px;
	position: relative;
	z-index: 5;
	padding-top: 5px;
}

#footer .footer {
	background: #181817 url(../img/footer_bg.jpg) left bottom no-repeat;
	height: 159px;
	color: #808080;
	line-height: 15px;
}

.footer a {
	color: #E79307;
}

.footer a:hover {
	color: #F9AD2F;
}

.footer .left_b {
	position: absolute;
	z-index: 20px;
	left: -6px;
	top: -1px;
}

.footer .ttl {
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	color: #FFF;
	padding-bottom: 20px;
}

.footer .contacts { /* Contact Info */
	padding: 16px 0 0 15px;
	width: 195px;
	float: left;
}
.footer .subscribe { /* Subscribe Box */
	padding: 16px 0 0 0;
	width: 265px;
	float: left;
}

.footer .subscribe form {
	padding: 9px 0;
}

.footer .logo_small {
	padding: 14px 18px 0 0;
	text-align: right;
}

.footer .core { /* Core Global IT Development */
	position: absolute;
	padding: 14px 56px 14px 14px;
	height: 36px;
	width: 315px;
	text-align: right;
	border-top: 1px solid #30302F;
	bottom: 0;
	right: 0;
	background: url(../img/core.gif) 340px 16px no-repeat;
}

/* ----- } ----- Footer ----- */


/* --- Forms --- { --- */

.loginForm {
	padding: 0 10px 0 15px;
}

.btn_login {
	width: 80px;
	text-align: center;
	height: 27px;
	padding: 1px 0 3px 0;
	border: none;
	background: url(../img/btn_login.gif) left top no-repeat;
	cursor: pointer;
}
.btn_login:hover {
	background: url(../img/btn_login.gif) left -28px no-repeat;
}

.btn_buy {
	width: 74px;
	text-align: center;
	height: 17px;
	padding: 3px 0 1px 0;
	border: none;
	background: url(../img/btn_norm.gif) left top no-repeat;
	cursor: pointer;
}
a.btn_buy {
	display: block;
	color: #585858;
	text-decoration: none
}
.btn_buy:hover {
	background: url(../img/btn_norm.gif) left -22px no-repeat;
}

.inpt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #88A2BD;
	background-color: #FFF;
	padding: 2px;
	width: 105px;
	margin: 3px 0;
}

.subscribe .inpt {
	width: 162px;
	margin-right: 9px;
}

.normalBtn {
	background: #FAA20C url(../img/btn_bg1.gif) left repeat-y;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #670804;
	padding: 1px 12px;
	border: none;
}

.shortInput, 
.normalInput, 
.mediumInput, 
.longInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #C2B9BA;
	background-color: #FAFAFA;
	padding: 2px;
	color: #777;
}

#wrapper input.shortInput {
	width: 55px;
	padding: 1px 2px;
}
#wrapper select.shortInput {
	padding: 0;
}

.normalInput {
	width: 150px;
}

.mediumInput {
}

.longInput {
	width: 450px;
}

.marg_t {
	margin-top: 7px;
}

.marg_b {
	margin-bottom: 7px;
}

/* --- } --- Forms --- */


#tabs {
	display: block;
	width: 257px;
	height: 20px;
}
#tabs li {
	display: inline;
}
#tabs li a {
	display: block;
	float: left;
	width: 78px;
	height: 16px;
	padding: 4px 1px 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

.tabs_1 { /* First Tab Selected */
	background: url(../img/tabs_param.jpg) left top no-repeat;
}
.tabs_2 { /* Second Tab Selected */
	background: url(../img/tabs_param.jpg) left -25px no-repeat;
}
.tabs_3 { /* Third Tab Selected */
	background: url(../img/tabs_param.jpg) left bottom no-repeat;
}