/*
	CSS Style Definitions for
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
body{ font-family: Courier New, 'Courier New', monospace; color:black; overflow-x:hidden; }
body#linkspage{ background: url("../images/illustrations/links-new.gif") no-repeat 720px 180px; }
body#servicespage{ background: url("../images/illustrations/services-new.gif") no-repeat 740px 0px; }
body#clientspage{ background: url("../images/illustrations/clients.jpg") no-repeat 740px 50px; }
body#shoppage{ background: url("../images/illustrations/shop.gif") no-repeat 820px 440px; }
body#portfoliopage-tess{ background: url("../images/illustrations/work.gif") no-repeat 780px 140px; }
body#portfoliopage-bea{ background: url("../images/illustrations/bea.gif") no-repeat 780px 140px; }
body#portfoliopage-com{ background: url("../images/illustrations/commisions.gif") no-repeat 780px 100px; }
body#portfoliopage-exh{ background: url("../images/illustrations/exh.gif") no-repeat 780px 10px; }
body#welcome{ background: #4b5787 url("../images/bg-welcome-page.gif") repeat-x; }
body#contactuspage{ background:  url("../images/illustrations/laptop.gif") no-repeat 735px 150px; }
body#aboutuspage{ background: url("../images/illustrations/aboutus-new.gif") no-repeat 735px 305px; }
body#newspage{ background: url("../images/illustrations/news-new.gif") no-repeat 735px 305px; }
body#homepage{ background: url("../images/illustrations/home-jpg.jpg") no-repeat 690px 130px; }

/* Homepage paper
------------------------------------------ */
#paper{ position:absolute; top:199px; left:286px; /*margin:199px 0 0 302px;*/ width:515px; height:381px; }
#paper .holder{ width:502px; height:381px; overflow:hidden; padding-left:13px; }
#paper .inside{ padding:22px 40px; }

/* Content
------------------------------------------ */
#content{ position:absolute; top:186px; left:295px; width:420px; }
#right-content{ position:absolute; top:186px; left:715px; width:190px; }
#shop{ position:absolute; top:186px; left:310px; width:498px; }
#shop #grid{ width:498px; float:left; background:url("../images/grid.gif") repeat-y; font-size:85%; min-height:462px; }

#cart{ position:absolute; top:186px; left:295px; width:518px; }

#portfolio{ position:absolute; top:186px; left:310px; width:469px; }
#portfolio #grid{ width:469px; min-height:461px; float:left; background:url("../images/grid.gif") repeat-y; font-size:85%; }

h1{ margin:0; padding:0; color:#e93044; line-height:20px; font-size:85%; font-weight:bold; }
p{ color:#181d63; line-height:18px; font-size:12px; margin:0; padding:0 0 16px 0; }
address{ color:#3f4f73; line-height:20px; font-size:85%; font-style:normal; }

#cart p{ color:#000; line-height:normal; width:90%; }

a, a:link,a:visited{ color:#3f4f73; text-decoration:underline; }
a:hover,a:active{ text-decoration:none; }

a.submit{ font-size:123.1%; }

table.products-tab{ width:100%; }
table.products-tab td{ padding:10px 10px 10px 10px; color:black; line-height:14px; font-size:12px; }
table.products-tab td a, table.products-tab td a:link, table.products-tab td a:visited{  }
table.products-tab td a#hover, table.products-tab td a:hover, table.products-tab td a:active{  }
table.products-tab td a img{ padding:5px; }
table.products-tab td ul{ margin:0; padding:0; }
table.products-tab td ul.selected{  }
table.products-tab td ul li{ margin:0; padding:0; list-style:none; }
table.products-tab td ul li input{ width:18px; background-color:#fff; border:none; text-align:center; font-family:Courier New, 'Courier New', monospace; font-size:93%; }

dl.gallery{ margin:0; padding:0; }
dl.gallery dd{ margin:0 5px 3px 0; padding:0; float:left; }
dl.gallery dd.nomargin{ margin-right:0; }
dl.gallery dd a, dl.gallery dd a:link, dl.gallery dd a:visited{ padding:5px; display:block; }
dl.gallery dd a#hover, dl.gallery dd a:hover, dl.gallery dd a:active{ background-color:#9ed1fc; }

table.cart{ width:100%; background:url("../images/grid.gif"); }
table.cart tr.white td, table.cart td.white, table.cart th.white{ background-color:#fff; }
table.cart th{ font-weight:normal; }
table.cart td, table.cart th{ height:30px; padding:0 6px; vertical-align:middle; }
table.cart th.chkout{ height:28px; }
table.cart td div.qty{ width:30px; float:left; }
table.cart td a.qtycontrol{ vertical-align:middle; margin-right:3px; display:block; width:18px; height:18px; float:left; }
table.cart td a.remove:hover, table.cart td a.remove:active{ text-decoration:none; color:#31ae72; }
table.cart td.checkout{ vertical-align:top; padding:0 8px 0 0; }
table.cart td.checkout a, table.cart td.checkout a:link, table.cart td.checkout a:visited{ background:url("../images/grid.gif"); display:block; border:3px solid #ffffff; padding:6px 6px 7px 6px; text-align:center; }
table.cart td.checkout a:hover, table.cart td.checkout a:active{ border:3px solid #7AE7B3; text-decoration:none; }

a.green{ color:#31ae72 !important; }

/* Navigation
------------------------------------------ */
ul.navaigator{ margin:0; padding:0;background: #fff;}
ul.navaigator li{ list-style:none; margin:0; padding:0; font-size:108%; }
ul.navaigator li a, ul.navaigator li a:link, ul.navaigator li a:visited{ color:#000; text-decoration:none; }
ul.navaigator li a#on, ul.navaigator li a:hover, ul.navaigator li a:active{ color:#bfbfbf; }

/* site wide elements */
.inside{ padding:10px; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ width:100%; height:2px; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */