/* FULL RESET
------------------------------ */
* {margin:0; padding:0; }
*:focus {outline:none; }

body,
table {font-size:100.01%; }

img {border:0; }

p {
	padding: 10px 0 0 0;	
}

.article {
	padding: 40px;
}
.content {padding:10px;}
.hide {display:none; }
.wide {width:780px !important;}
.btn-inline {width:70px;}
.show {display:block!important; }
.no-margin {margin:0!important; }
.no-padding {padding:0!important; }
.no-bg {background:none!important; }
.no-border {border:none!important; }
.container, .square {overflow:hidden;}
.rfloat {float:right;}
.lfloat {float:left;}
.inline {display:inline;}
.center {text-align: center !important;}
.img-replace {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.r-border {border-right: 1px solid #a7d0e5 !important;}
.b-border {border-bottom: 1px solid #a7d0e5 !important;}
.t-border {border-top: 1px solid #a7d0e5 !important;}
.border {border: 1px solid #a7d0e5 !important;}
.small {font:11px/13px Verdana; padding: 5px 0 0 0;}
.bg-f5 {background-color: #f5f5f5;}

/* TYPOGRAPHY
------------------------------ */
#main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	position:relative;
	width:970px;
	margin:0 auto;
}

h3 {font-size:1.5em}

a:link, a:visited, a:active {
  color:#cc0000;
  text-decoration: none;
}

a:hover {
  color:#cc0000;
  text-decoration: underline;
}

/* HEADER
------------------------------ */

#headlogo {
	height: 58px;
	background:url(http://www.intelligentform.com/s2g_x/imgs/logo-s2g-blue.gif) no-repeat left center;
}


#headlogo ul {
	float:right;
	list-style: none;
	padding:35px 0 0 0;
	}

#headlogo ul li {
	font-weight: normal;
	display: inline;
	padding: 0 0 0 5px;
	}

/* HEADER SEARCH
------------------------------ */
	
#headsearch {
	padding:  0;
	text-align: right;
}
/*
#headsearch ul {
	list-style: none;
	padding: 0 60px 0 0;
	margin: 0;
}

#headsearch ul li {
	display: inline;
	padding: 0 0 0 5px;
}

#headsearch ul a {
	color:#0073A9;
}
*/

.searchfield {
/*	width:170px;*/
	width:175px;
	color: #2E799E;
	padding:1px 0 1px 3px;
	font: 11px;
}

#headsearch select {
	color: #2E799E;	
	font: 11px;
}


#headsearch form {
 margin: 0;
 padding: 0 5px 0 0 ;	
}

#forshopping input.searchfield {
	width:196px;
	color: #2E799E;
	padding:1px 0 1px 3px;
	font: 11px;	
}

#search_first_name, #search_last_name {
	width:93px;
	color: #2E799E;
	padding:1px 0 1px 3px;
	font: 11px;	
}

/* TOP MENU
------------------------------ */
#headmenu {
	width: 100%;
	text-align: left;
	height: 32px;
	border-collapse: collapse;
}

#headmenu td {
	background: #2e799e url(http://www.intelligentform.com/s2g_x/imgs/bg-header-menu-blue.gif) repeat-x center top;	
}

#headmenu ul {
	list-style: none;
	padding: 0 0 0 5px;
}

#headmenu ul li {
	display: inline;
	padding: 0 7px 7px;
	font: bold 11pt/13pt Arial, Helvetica;
}

#headmenu ul li a:link, #headmenu ul li a:active, #headmenu ul li a:visited {
color:#b0d5e8;
text-decoration: none;
}

#headmenu ul li a:hover {
color:#fff;
text-decoration: none;
}

#headmenu li span {
font-size:14pt;
}

.active, .active a {
color:#fff !important;	
}


/* MAIN WIDGETS
------------------------------ */

.skywidget {
	width: 100%;
	border: 1px solid #a7d0e5;
}


h1 {
	font-size:13px;
	text-align: left;
	color: #fff;
	padding: 3px 3px 5px 5px;
	background: #d7eaf3 url(http://www.intelligentform.com/s2g_x/imgs/bg-container-head-blue.gif) repeat-x left top;
	margin:0;
	letter-spacing: 0.1em;
}

h1 span {
	font-size:13px;
}

.square-box {
	width:486px;	
}
.coll-one, .coll-two {
	width:240px;
	margin: 3px 0 0 0;
}

.shops {
	padding:7px 3px 3px 3px;
	height: 60px;
	margin: 3px 0 0 0;
	border: 1px solid #a7d0e5;	
	background-color: #ebebeb;
}

.shops a {
	padding:5px;
}

.shops a img {
	vertical-align: middle;
}

#up-item {
	border-bottom: 1px solid #a7d0e5;
	padding: 0 0 15px 0;
}

#seller {
	text-align: center;
	border: 1px solid #a7d0e5;	
	width:355px;
	margin:0px 0 0 3px;
	height: 390px;
	float: right;
}

#advertizer {
	text-align: center;
	border: 1px solid #a7d0e5;	
	width:355px;
	margin:3px 0 0 3px;
	height: 205px;
	float: right;	
}

.adv {
	width:232px !important;
}

.l-item, .r-item {
	width:177px;
	padding:10px 0 0px 0;
	height: 173px;
}

ul.lister {
	padding:10px 10px 0 10px;
	margin: 0;	
	list-style: none;
	text-align: center;
	font:11px/13px Verdana;
}

ul.lister li {
	display:inline;
	padding: 0px;
}

li.back  {
	float: left;
	padding: 0 0 0 10px;
}

li.next {
	float: right;	
	padding: 0 10px 0 0;
}


/* LOGIN POP-UP
------------------------------ */
#popup {
display: none; 
position: absolute; 
width:100%; 
height:100%; 
z-index:99;
padding-top:55px; 
text-align: center; 
}

#formbox {
	width:300px; 
	background-color: #fff; 
	border:1px solid #a7d0e5;
	text-align: center;
}

#formbox form {
	padding: 33px; 
}

#formbox form label {
	font-size:11px; 
}

#formbox img {
	padding: 4px 4px 0 0;
}

.btn, .btn-login {
	margin: 0 3px 0 3px;
}

.btn-login {
	width: 70px;
	color:#000;
}

.btn {
	color: #666;
}

#username, #password {
	width:150px;
	margin-bottom: 10px;
}

#pshade {
display: none; 
z-index:97;
position: absolute; 
width:100%; height:100%; 
background-color: #000; 
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}


/* ITEM DETAILS POP-UP
------------------------------ */

ul#item-details {
	display:block; 
	width:350px; 
	padding:20px; 
	list-style:none; 
	border:1px solid #a7d0e5; 
	text-align:left; 
	background-color:#fff
}

ul#item-details li {
	padding-bottom:10px;
}

ul#item-details li h2 {
	font-size:11pt;
}


/* COLORS
------------------------------ */

.item-color div {
	display:inline;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
}

.item-color div a {
	padding: 5px 20px 0 0;	
}

.black {background-color:#000;}
.red {background-color:#f00;}
.dred {background-color:#c00;}
.khaki {background-color:#996;}



.ico-item-buy a {
	display:block;
	height: 23px;
	padding: 7px 0 0 35px;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-buy.jpg) no-repeat left top;	
}

.ico-item-buy a:hover {
	display:block;
	height: 23px;
	padding: 7px 0 0 35px;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-buy.jpg) no-repeat left bottom;	
}


.ico-item-add a {
	display:block;
	height: 23px;
	padding: 7px 35px 0 0;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-add.jpg) no-repeat right top;		
}

.ico-item-add a:hover {
	display:block;
	height: 23px;
	padding: 7px 35px 0 0;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-add.jpg) no-repeat right bottom;		
}


.ico-item-off a {
	display:block;
	height: 23px;
	padding: 7px 0 0 35px;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-off.jpg) no-repeat left top;			
}

.ico-item-off a:hover {
	display:block;
	height: 23px;
	padding: 7px 0 0 35px;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-off.jpg) no-repeat left bottom;			
}

.ico-item-alert a {
	display:block;
	height: 23px;
	padding: 7px 35px 0 0;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-alert.jpg) no-repeat right top;			
}

.ico-item-alert a:hover {
	display:block;
	height: 23px;
	padding: 7px 35px 0 0;
	background: url(http://www.intelligentform.com/s2g_x/imgs/pop-up/ico-item-alert.jpg) no-repeat right bottom;			
}

#promo {
	height:250px;
	padding:20px;
	border:1px solid #B2B2B2;
	margin-bottom:20px;
}

#quart-row {
	width: 100%;
	margin:3px 0 0 0;
	background: #fff url(http://www.intelligentform.com/s2g_x/imgs/bg-container-body-blue.gif) repeat-x left top;
	border-top: 7px solid #7fbcda;
	border-collapse: collapse;
}

#quart-row col {
	width:25%;
	padding: 3px 3px 5px 5px;
	margin:0;
}

#quart-row th{
font-size:13px;
letter-spacing: 0.1em;
text-align: left;
color: #60abd1;
padding: 5px 6px 5px 6px;
border-left: 1px solid #7fbcda;
border-right: 1px solid #7fbcda;
}

#quart-row td {
text-align: left;
vertical-align: top;
padding: 5px 6px 5px 6px;
border-left: 1px solid #7fbcda;
border-right: 1px solid #7fbcda;
}

#quart-row th div {
border-bottom: 1px solid #7fbcda;
padding: 0 0 5px 0;
}

#quart-row td div.lfloat {
padding: 0 5px 15px 0;
}

h4 {
	font-size:12px;
	color: #cc0000;
	font-weight: bolder;
}

h5 {
	font-size:12px;
	font-weight: bolder;
}

#quart-row td.stay-connected a {
display: block;
margin:0 0 20px 0;
color:#000;
}

.blogbar {
height:20px;
padding:8px 0 4px 0;
margin: 0 0 4px 0;
border-top: 1px dashed #7FBCDA;	
border-bottom: 1px dashed #7FBCDA;	
font: 11px/13px Verdana;
}

.blogbar img {
	padding-right:110px;
	vertical-align: text-bottom;
	}

#visual table {
 width:100%;
 background-color: #ebebeb:;
 border: 1px solid #7fbcda;
 border-bottom: 5px solid #7fbcda;
 border-collapse: collapse;
}

#visual table col {
	width:33%;
	padding: 3px 3px 5px 5px;
	margin:0;
}

#visual table th {
font-size:13px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
padding: 5px 6px 0 0;
background-color: #0073a9;
}

#visual table th a {
background: #7fbcda url(http://www.intelligentform.com/s2g_x/imgs/bg-rounded-tab-blue-h.gif) no-repeat top right;
padding: 0px 10px 0px 3px;
color:#fff;
}

#visual table th a:hover {
background: #cc0000 url(http://www.intelligentform.com/s2g_x/imgs/bg-rounded-tab-blue-h.gif) no-repeat bottom right;
text-decoration: none;
color:#fff;
}

#visual table td {
border: 1px solid #7fbcda;
text-align: center;
}

#footer {
	text-align: center;
	font: 10px/14px Verdana, Arial;
	margin-top:5px;
	margin-bottom:40px;
}

#footer a {color:#cc000; text-decoration:none; }
#footer a:hover {text-decoration:underline; }
#footer .menu {margin:0 0 0.8em 0; padding-top:12px;}
#footer .menu li {display:inline; list-style:none; padding:3px}

/* MODULES
------------------------------ */
.comments {
	width:145px;
	padding:2px 2px 2px 0;
	background: url(../imgs/ico-comments.gif) 3px center no-repeat;
	border:1px solid #7FBCDA;
}
.comments a {
	padding-left:22px;
	height: 20px;
}

.dashrule {
	border-top:1px dashed #7FBCDA;	
	margin: 5px 0 15px 0;
}

.footline {
	border:3px solid #7fbcda;
}

/* BUTTONS
------------------------------ */

a.btn-blue{
background: transparent url('http://www.intelligentform.com/s2g_x/imgs/bg-blue-btn-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; 
line-height: 15px; 
height: 23px;
padding-left: 9px; 
text-decoration: none;
margin-left: 6px;
}


a.btn-red{
background: transparent url('http://www.intelligentform.com/s2g_x/imgs/bg-red-btn-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; 
line-height: 15px; 
height: 23px;
padding-left: 9px; 
text-decoration: none;
}


a:link.btn-blue, a:visited.btn-blue, a:active.btn-blue, a:link.btn-red, a:visited.btn-red, a:active.btn-red{
color: #494949; 
}

a.btn-blue span{
background: transparent url('http://www.intelligentform.com/s2g_x/imgs/bg-blue-btn-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}

a.btn-red span{
background: transparent url('http://www.intelligentform.com/s2g_x/imgs/bg-red-btn-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}

a.btn-blue:hover, a.btn-red:hover{ 
background-position: bottom left;
}

a.btn-blue:hover span, a.btn-red:hover span{ 
background-position: bottom right;
color: black;
}

.btn-wrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
padding-top: 6px;
}


#search-box, #greetings {
  width:968px;
  margin: 3px 0 3px 0;
  height: auto;
  border: 1px solid #7fbcda;
  background-color: #f5f5f5;
}

#greetings {
  background-color: #fff;	
}

#search-box table {
	width: 100%;
}

#search-box table td {
	white-space: nowrap;
}


/* CONTACT US FORM
------------------------------ */

#contactform {
    display: block;
    list-style: none;
    background-color: #f5f5f5;
    margin-top: 10px;
    text-align: left;
}

#contactform li {
    height:35px;
    padding-top: 10px;
    vertical-align: middle;
    border: 1px solid #f5f5f5;
}

#contactform li:hover {
    background-color: #f0f0f0;
    border: 1px solid #a7d0e5;
}


#contactform li span {
    margin: 0 10px 0 10px;
}

#contactform li div {
    margin: 0 10px 0 10px;
}
