/* ~~~ [regular classes/selectors definitions] ~~~ */

BODY, PRE, TD, LI, UL, FORM, INPUT, OL, DL, SELECT, TEXTAREA {
      font-family: Arial, arial narrow;
      font-size: 9pt;
      margin: 0px;
      padding: 0px;
        vertical-align: top;
}

body {
      background-color: #ffffff;
      margin: 0px;
      padding: 0px;
}

div#globalcontainer {
	background: url(img/body-bg.gif) repeat-x left top;
}

div#header {
	position: relative;
	height: 172px;
}

#flashheader {
	width: 667px;
	height: 131px;
	background: url(img/topheader-bg.jpg) no-repeat right top;
}

#clockswf {
	display: none;
}

p {
        margin: 0px 0px 0px 5px;
        padding: 0px;
        text-indent: 0px;
}

p.bodytext {
	margin: 10px 0px;
}

h1.csc-firstHeader {
	margin-bottom: 20px;
}

div#content ul {
	padding-left: 20px;
}

img {
	border: none;
}

td#maincol {
        background: url(img/content_bg.gif) repeat-x left top;
        padding: 10px;
}

td#leftcolumn {
	WIDTH: 195px;
	background-color: #5E6E74;
	border: 1px solid #1E2528;
}

td#rightcolumn {
    background-color: #E9EEF0;
	WIDTH: 180px;
}

div#footer{
        clear:left;
        width:100%
}

#footer img {
        border: 1px solid #000;
}

a#toplogo {
	display: block;
	position: absolute;
}

div.printcontent {
	padding: 30px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Header~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#flashheader {
	position: absolute;
	right: 0;
	top: 0;
}

div#phones {
	background: #3c474c url('img/phones-bg.gif') repeat-x left top;
	margin-top: 18px;
	padding-top: 10px;
}

div#phones p {
        font-weight: bold;
        color: #fff;
        font-size: 11pt;
}

div#phones dl {
		background: #3c474c url('img/phones-bg.gif') repeat-x left bottom;
        margin:0px;
        padding: 0px;
        margin-top: 8px;
		padding: 0px 10px 10px 10px;
}

div#phones dd {
        margin:0px;
        padding: 0px;
        margin-bottom: 4px;
        font-weight: bold;
        color: #C1D4DB;
}

div#phones dd strong {
	display: block;
	font-size: 9pt;
	white-space: nowrap;
	margin-bottom: 5px;
}

div#phones dd span {
        font-size: 10pt;
        color: #FF562F;
        letter-spacing: 1px;
}

ul#uppermenu li {
        list-style: none;
}

ul#uppermenu li a {
        display: block;
        height: 16px;
        line-height: 16px;
        background: url(img/marker1.gif) no-repeat left;
        text-decoration: none;
        text-align: left;
        padding-left: 26px;
        color: #C1D4DB;
        font-weight: bold;
        font-size: 8pt;
        border-left: 1px dotted #8A9497;
}

ul#uppermenu li a:hover {
        color: #ED823A;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Top menu~~~~~~~~~~~~~~~~~~~~~~~~~*/


div#topmenu {
	text-align: center;
	margin: 11px 20px 0 20px;
}

div#topmenu table {
	margin: 0 auto;
	background: url('img/topmenu-item-bg.gif') no-repeat right;
	width: 100%;
}

div#topmenu table tr td {
	padding: 8px 25px;
	background: url('img/topmenu-item-bg.gif') no-repeat left;
}

div#topmenu table tr td a {
	font-size: 10pt;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none !important;
	white-space: nowrap;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Left column~~~~~~~~~~~~~~~~~~~~~~~*/


.columnheader {
        height: 37px;
        line-height: 37px;
        margin: 25px 20px 0px 20px;
        color: #ffffff;
        font-size: 10pt;
        font-weight: bold;
        border-bottom: 1px solid #9EA8AC;
}

#shopnavmenu ul{
        list-style: none;
        margin-bottom: 35px;
}


#shopnavmenu ul li {
        display: block;
        line-height: 25px;
        border: 1px solid #627278;
}

#shopnavmenu ul li a {
        display: block;
        background: url(img/marker2.gif) no-repeat left;
        text-decoration: none;
        text-align: left;
        padding-left: 30px;
        color: #fff;
}


#shopnavmenu ul li a:hover {
        COLOR: #EE5432;
}

#shopnavmenu ul ul {
        padding-left:10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~Content~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.cont {
        width: 100%;
        height: 340px;
}

.contentline {
        width: 99%;
        height: 35px;
        color: #616E73;
        font-size: 12pt;
        font-weight: bold;
        line-height: 35px;
        border-bottom: 2px solid #ED5C3A;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ Products list ~~~~~~~~~~~~~~~~~~~~~~~~*/

div.prodlistblock {
	text-align: center;
}

div.prodlistblock ul{
	padding:10px 0;
	margin: 0 !important;
}

div.prodlistblock ul li{
	display:inline;
	vertical-align: baseline !important;
}

span.set{
/* don't change the order of the next two lines */
	display:table-cell; /* for Firefox */
	display:inline-block; /* for Opera and IE */
}

span.set, span.thumb, span.thumb a, span.caption a {
	width: 160px;
}

div.prodcats span.set, div.prodcats span.thumb, div.prodcats span.thumb a, div.prodcats span.caption a {
	width: 130px;
}

span.set{
	padding: 20px 10px;
}
span.thumb{
	display:block;
/*	width:150px;  necessary for Firefox bug */
	height:160px;
}

div.prodcats span.thumb{
	height:60px;
}

span.thumb a{
	display:block;
	display:inline-block; /* necessary for Opera */
	height:160px;
}

div.prodcats span.thumb a {
	height:60px;
}

span.thumb a img {
	border: none;
}

span.caption{
	display:block;
	height:4em;
}
span.caption a{
	display:block;
	display:inline-block; /* necessary for Opera */
	height:4em;
	color: #05759f;
	font-size: 8pt;
	font-weight: bold;
	position:relative; /* to make entire block clickable */
	z-index:1;         /* in Firefox as well (otherwise li element covers link) */
}

span.caption, span.caption a{
	color: #05759f !important;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none !important;
}

div.prodcats span.caption, div.prodcats span.caption a {
	color: #fff !important;
	background-color: #FF562F;
	height: 3em;
}


#cattitle div, #cattitle h3 {
	display: inline;
}

div.singleimg {
	float: left;
	width: 170px;
}

div.singletext {
	margin-left: 175px;
}

div.com-single h2 {
	margin-bottom: 14px;
}
div.com-single h2 a {
	color: #fff !important;
	display: block;
	background: #4c828c url(img/h1-bg.gif) repeat-x;
	line-height: 27px;
	text-transform: uppercase;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px 10px;
	text-decoration: none !important;
}

table.com-select-attributes {
	width: 99%;
	margin: 10px 0 30px 0;
}
table.com-select-attributes td {
	padding: 2px 5px;
	border: 2px solid #fff;
}

tr.com-select-even {
	background-color: #f0f0f0;
}

tr.com-select-odd {
	background-color: #f9f9f9;
}

div.refline {
	background-color: #f9f9f9;
	font-size: 12pt;
	font-weight: bold;
	width: 97%;
	padding: 2px 5px;
}

div.refline span {
	color: #7f0000;
}

span.singleprice {
	font-size: 12pt;
	font-weight: bold;
	display: block;
	padding: 2px 5px;
	color: #7f0000;
}

span.singleprice span {
	color: #7f0000;
}


span.topprice {
	font-size: 9pt;
	font-weight: bold;
	display: block;
	padding: 2px 5px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #777 ;
}

span.topprice span {
	color: #7f0000;
}


div.pagebrowser {
	text-align: center;
	padding: 20px;
}

div.pagebrowser a {
	color: #05759f !important;
	text-decoration: none;
	padding: 0 4px;
}


h1 {
	color: #fff;
	background: #4c828c url(img/h1-bg.gif) repeat-x;
	line-height: 27px;
	text-transform: uppercase;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px 10px;
}

h2 {
	color: #05759f;
	font-size: 11pt;
}

.brdr {
        border-right: 1px solid #DDE2E4;
}

.h1 {
        color: #FF562F;
        font-size: 11pt;
        font-weight: bold;
        text-align: left;
        padding: 10px 0px 5px 20px;
	white-space: nowrap; 
}

.h2 {
        COLOR: #414E52;
        font-size: 10pt;
        font-weight: bold;
        text-align: left;
        padding: 5px 0px 5px 0px;
        border-bottom: 1px dotted #B6B8B3;
        margin: 0px 20px 5px 20px;
        text-decoration: none;
}

.h2 a {
        COLOR: #414E52;
        font-size: 10pt;
        font-weight: bold;
        text-align: left;
        padding: 5px 0px 5px 0px;
        margin: 0px 20px 5px 20px;
        text-decoration: none;
	white-space: nowrap; 
}

.lines {
        COLOR: #414E52;
        background: url(img/marker3.gif) no-repeat left top;
        font-size: 8pt;
        line-height: 16px;
        height: 32px;
        text-align: left;
        margin-left: 20px;
        text-indent: 10px;
        overflow: hidden;

}

.basketbtn {
        width: 75px;
        height: 22px;
        background: url(img/basket_btn.gif) no-repeat;
        border: none;
}

.prodimg {
	height: 150px;
}

ul.listbtns {
        margin:10px;
        padding: 0px;
}


*html ul.listbtns li {
        list-style: none;
        width: 49px;
        float: right;
}

ul.listbtns li {
        list-style: none;
        width: 49%;
        float: right;
}

div.tx-commerce-pi1 {
	width: 99%;
	margin: 0;
}


*html div.tx-commerce-pi1-browsebox {
        clear: right;
        text-align: center;
	margin: 10px;
	width: 550px;
}

div.tx-commerce-pi1-browsebox {
        clear: right;
        text-align: center;
	margin: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~ Categories list ~~~~~~~~~~~~~~~~~~~~~~~~*/

*html ul.catlist {
        list-style: none;
        padding: 5px 0px 0px 0px;
        clear: right;
}

ul.catlist {
        list-style: none;
        padding: 5px 0px 0px 0px;
	clear: all;
}


ul.catlist li {
        list-style: none;
        height: 60px;
        width: 33%;
        float: right;
        text-align: center;
	margin-top: 10px;
}

ul.catlist li  img {
        display: block;
}


.divider {
	width: 100%;
	float: left;
	border-bottom: 1px solid #8E9EA3;
	margin-bottom: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~Right column~~~~~~~~~~~~~~~~~~~~~~~~*/

.basket {
        height: 90px;
        background: url(img/basket_img.gif) no-repeat left top;
        text-align: center;
        color: #B0C2C8;
        font-size: 10pt;
        margin: 35px 0px 0px 20px;
        line-height: 18px;
}

.basket span {
        color: #EE5432;
        font-weight: bold;
}

.rightline {
        width: 180px;
        height: 5px;
        background: url(img/rightline.gif) repeat-x left top;
}

.columnline {
        height: 32px;
        width: 180px;
        float: left;
        background-color: #768287;
        font-size: 12pt;
        color: #fff;
        font-weight: bold;
        line-height: 32px;
        text-align: center;
        margin-bottom: 10px;
        border-top: 1px solid #A4ADB1;
        border-bottom: 1px solid #A4ADB1;
}

div.rightblock {
	margin-bottom: 30px;
}

.form label {
        width: 55px;
        height: 15px;
        line-height: 15px;
        float: left;
        margin: 5px 0px 0px 10px;
        color: #616E73;
        font-size: 8pt;
        font-weight: bold;
}

label.chbox {
        width: 130px;
        height: 15px;
        margin: 5px 0px 5px 10px;
        line-height: 15px;
        color: #616E73;
        font-size: 8pt;
        font-weight: bold;
}

.check {
        height: 15px;
        width: 15px;
        margin-right: 12px;
        margin-top: 5px;
        float: right;
}

#rightcolumn a {
        display: block;
        color: #B20000;
        text-decoration: none;
        margin: 5px 0px 5px 10px;
        font-size: 8pt;
        font-weight: bold;
}

#rightcolumn a:hover {
        text-decoration: underline;
}



.formbtn {
        width: 148px;
        height: 20px;
        margin: 10px 10px 20px 10px;
        font-size: 8pt;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~Bottom line~~~~~~~~~~~~~~~~~~~~~~~~*/

#bottomline {
        height: 89px;
        background: url(img/bottomline_bg.gif) repeat-x;
}

#bottomline a {
}

.bd {
        border: 1px solid #000;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Footer~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
        color: #6D787C;
        height: 69px;
        background: url(img/footer_bg.gif) repeat-x;
        font-size: 11px;
        font-weight: bold;
		position: relative;
}

ul#footermenu {
	position: absolute;
	left: 300px;
	top: 16px;
	list-style: none;
}

ul#footermenu li a {
	color: #6D787C !important;
	text-decoration: none !important;
}


.copyright {
        width: 300px;
        float: right;
        margin: 20px 20px 0px 0px;
        text-align: right;
}

.copyright a {
    color: #6D787C !important;
}

div.comerce {
	text-align: center;
	padding-bottom: 20px;
}

div.orderror {
	color: #cf0000;
	font-size: 8pt;
}

table#orderform {
	margin-top: 30px;
}

table#orderform td {
	padding: 3px 10px;
}

.ordinp {
	width: 320px;
	border: 1px solid #999;
	height: 20px;
}

.ordtarea {
	width: 320px;
	border: 1px solid #999;
	height: 170px;
}

.capfield input {
	width: 210px !important;
}
.capfield img {
	border: 1px solid #aaa;
	padding: 1px;
	margin-left: 10px;
}

td#toppromoleft {
	padding-right: 20px;
}

td#toppromoright {
	width: 220px;
	text-align: center;
}

div.topprom {
	text-align: center;
}

div.topprom h2 a {
	color: #05759f !important;
}

h4#wbrdblock {
	background:#3C474C url(img/phones-bg.gif) repeat-x left top;
 	margin: 15px 0;
	padding-top: 10px;
	color: #fff;
	text-align: center;
	font-size: 10pt;
}

h4#wbrdblock a {
	padding: 3px 10px 10px 10px;
	display: block;
	color: #fff !important;
	background: url(img/phones-bg.gif) repeat-x left bottom;
}


div#singlenote {
	font-size: 8pt;
	color: #999;
	margin-bottom: 20px;	
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Forum Top Line ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#forumtopline {
	height: 18px;
	padding: 8px;
	background-color: #E9EEF0;
	margin: 15px 0;
}

ul#forummenu {
	float: left;
	list-style: none;
}

ul#forummenu li {
	display: inline;
	padding-right: 8px;
}

ul#forummenu li a {
	color:#616E73 !important;
	font-weight: bold;
}

div#forumtopline div.tx-newloginbox-pi1  {
	float: right;
	text-align: right;
}

div#forumtopline div.tx-newloginbox-pi1 input {
	font-size: 8pt;
	color:#616E73;
	width: 60px;
	margin-right: 7px;
	border: 1px solid #999999;
}
div#forumtopline div.tx-newloginbox-pi1 .forumlogsubmit {
	width: auto;
	color: #fff;
	background-color:#768287;
}

div#forumtopline div.tx-newloginbox-pi1 a {
	font-size: 8pt;
}

div#superlink {
	margin: 20px 0;
	text-align: center;
}

div#superlink span {
	font-size: 12pt;
	font-weight: bold;
	display: block;
	color: #4C828C;
	margin: 20px 0 5px 0;
	text-align: center;
}

div#superlink input {
	width: 90%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Wide Search ~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.topform {
        background: #778288 url(img/topform_bg.gif) repeat-x left top;
        width: 180px;
        color: #fff;
        font-weight: bold;
        font-size: 8pt;
        padding-top: 0px;
        line-height: 18px;
}

.topform span {
        height: 15px;
        line-height: 15px;
        float: left;
        margin-left: 10px;
        margin-top: 5px;
}

.topform p {
        margin: 5px 0px 0px 10px;
        height: 15px;
        line-height: 15px;
        padding: 0px;
        text-indent: 0px;
        float: left;
}


.inp {
        border: 1px solid #7A888D;
        background-color: #ffffff;
        margin-top: 5px;
        width: 100px;
        height: 15px;
}

.priceinp {
        border: 1px solid #7A888D;
        background-color: #ffffff;
        height: 15px;
        margin: 2px 3px 0px 3px;
        width: 46px;
}

.searchbtn {
        width: 87px;
        float: right;
        margin: 13px 8px 0px 5px;
}

.widesearchselect {
	width: 170px;
	margin: 2px 0 0 5px;
}

.topform .price {
	margin: 5px 0 0 5px;
    line-height: 25px;
}

#topsearchbtn {
	background: url('img/btn_img.gif') no-repeat left top;
	width: 87px;
	height: 20px;
	border: none;
	font-size: 0;
	margin: 4px 0 10px 80px;
}

.tx_commerce-counters {
	list-style: none;
	text-align: right;
}

.tx_commerce-counters li {
	display: inline;
	font-size: 8pt;
	color: #aaaaaa;
}

.tx_commerce-youtube {
	padding: 15px 0 0 15px;
	width:  425px;
	float: right;
}

.clearer {
	clear:  both;
}