/* 

	project:  internet corporation
	author:   luka cvrk (www.solucija.com) 

   
*/


*{ margin: 0; padding: 0; }* 
body { 
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff url(../images/bg.gif) repeat-x; 
	color: #444; 
}

a {	color: #317486;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
a.remBG {background: none;}
p { margin: 0 0 15px 0; }
h1 { font: bold 1.2em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h3 { clear: both; font: bold 1em Georgia, Sans-Serif; margin: 20px 0 0; background: url(../images/lquote.gif) no-repeat top left; padding-left: 15px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; height: 50px;}
h4 a{ color: #808080; background: none; font-weight: bold; font-size: 1em; }
h5 { font: bold 1.1em Arial, Sans-Serif; margin: 0 0 2px; }

#content { width: 900px; margin: 0 auto; /*background:url(../images/divBack.gif) no-repeat;*/}

/*p#quote {background: url(../images/lquote.gif) no-repeat top left; padding-left: 50px; text-align: center;}*/
h3 span {background: url(../images/rquote.gif) no-repeat top right; padding-right: 15px;}

#logo { margin: 7px 0 0 0; height: 66px; width: 240px; float: left; background: url(../images/logobg.gif) no-repeat bottom; text-align: center; }
#logoImg { height: 55px; width: 57px; float: left; background: url(../images/WWEPC_logo_BG.gif) no-repeat top; text-align: left; padding-bottom: 15px;}

#menu { float: right; padding: 40px 0 0; margin: 0 0 18px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 30px 10px 0px 0; margin: 0 0 0 5px; color: #ccc; background: #1E431D url(../images/tab.gif) no-repeat right bottom;  }
#menu li a:hover { background: #1E431D url(../images/tabhover.gif) no-repeat right bottom; color: #FEFFB8; }

.float_left {float: left;
             margin-right: 7px;
			 margin-bottom: 3px;}

.float_right {float: right;
             margin-right: 7px;
			 margin-bottom: 3px;}
			 
#minister {font-size: 1.6em; font-weight: bold;}
#intro { 
	clear: both;
	background: #fff url(../images/intro1.jpg) no-repeat;
	color: #4C8734;
	height: 170px;
	margin: 0 0 20px;
	padding: 45px 40px 0 0;
	text-align: right;
}
	#intro h1 { margin: 0; }
	#intro p { margin: 0; }

#viewCart {
    float: right;
    margin-top: 17px;
    font-size: 0.9em;
    font-weight: bold;
}

#viewCart a {
    color: #9E1B1F;
}
#viewCart a:hover {
    color: #317486;
}	

#placeOrder {
    float: right;
    display: inline;
}
	#login { font-weight: bold; font-size: .9em; margin: 82px 0 0; }
	#login a { color: #F9FCA2; background: /*#8BE1FA*/#0B2C0A; padding: 4px 20px 6px;}
	#login a:hover { color: #fff; background: /*#8BE1FA*/#0B2C0A url(../images/loginhover.gif) no-repeat; }

#left { clear: left; float: left; width: 275px; padding: 0 24px 0 15px; font-size: .9em; margin: 0 0 15px; }
	#leftmenu { list-style: none; margin: 0 0 20px 0; }
	#leftmenu li { padding: 0 0 0 12px; background: #fff url(../images/bullet.gif) no-repeat center left; color: #46852F;  }
	#leftmenu li a { background: #EAFFE3; color: #46852F;}
	#left p { margin: 0; border-bottom: 1px solid #ccc;}
	#left p.woBorder { border: none ;}

	#leftHeading { list-style: none; margin: 0 0 10px 0; }
	#leftHeading li { padding: 0 0 0 8px; }
	#leftHeading li a { background: #EAFFE3; color: #46852F;font-size: 1.1em;}

#categories {
   width: 230px;
   padding: 0;
   font-size: 100%;
   border: 1px solid;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #7BBD18;
    border-color: #73880A;
}
#categories ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}

#categories li {
   margin: 0;
   border-right: 5px solid;
    border-color: #0B2C0A;
}
#categories li a {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-bottom: 1px solid;
   text-decoration: none;
   height: 100%; /* stupid IE fix */
    border-color: #656565;
    background-color: #AFC6CA;
    color: #000000;
    font-weight: bold;
}
html>body #categories li a {
   width: auto;
}
#categories li a:hover {
    background-color: #A5D17F;
    color: #000000;
}
#categories li ul li {
   margin: 0;
   border-right: 0px
}
#categories li ul a {
   padding-right: 10px;
   padding-left: 15px;
    font-weight: normal;
}
#categories ul ul ul a {
   padding-right: 25px;
}
#categories ul ul ul ul a {
   padding-right: 35px;
}
#categories .active {
    background-color: #A5D17F;
}
#categories .subcat a {
    background-color: #F2ECEC;
}
#categories .subcat .active {
    background-color: #DEEAE0;
    font-weight: bold;
}

	
#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	float: right;
	width: 525px;
	text-align: justify;
	border-left: 1px solid #ccc;
}

#memberleft { clear: left; float: left; width: 175px; padding: 0 24px 0 15px; font-size: .9em; margin: 0 0 15px; }
#memberright {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	float: right;
	width: 625px;
	text-align: justify;
}

#custom ul {
    margin: 0;
    padding: 0;
	list-style: none;
	margin-left: 0;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
#custom li {
	list-style-type: none;
	padding: 0;
}
#custom li span{
	font-size: 1em;
	/*font-weight: bold;*/
}

#faq ul {
    margin: 0;
    padding: 0;
	list-style: none;
	margin-left: 0;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#faq li {
	list-style-type: none;
	padding: 0;
}
#faq li span{
	font-size: 1em;
	/*font-weight: bold;*/
}

blockquote {
	margin-left: 1.5em;
	padding-left: .75em;
	border-left: 2px solid #A5D17F;
	padding-bottom: 2px;
}

#clientLeft {
	float: left;
    width: 250px;    
    padding-left: 10px;
}

#clientRight {
	float: right;
    width: 250px;    
    padding-left: 10px;
}

#fullPg {
	margin: auto;
	margin-bottom: 20px;
	padding: 0 0 0 35px;
	width: 800px;
	text-align: justify;
}

#memberMsg {
    color: #F0FDA8;
}

#memLogin {
    margin: 0 auto;
    width: 500px;
    border: 1px solid #A5D17F;    
    padding: 3px; 
}

#memReg {
    margin: 0 auto;
    width: 500px;
    border: 1px solid #A5D17F;   
    padding: 3px; 
}

#clisting {
    margin: 3px 1px;
    width: 160px;
}

#plisting {
    margin: 3px 4px;
    padding: 10px 2px;
    width: 240px;
    border: 1px inset #000;
    min-height: 120px;
    height: auto;
}

/* for Internet Explorer */
/*\*/
* html #plisting {
    height: 120px;
}
/**/

#price {
    font-size: 0.9em;
}

#listImg {
    height: 50px;
    margin-bottom: 2px;
}

#cartNav {
    padding: 1px 5px;
    font-size: 0.9em;
}

#prdDetail {
    border-left: 1px solid #000;
    padding: 2px;
    padding-left: 4px;
    font-size: 0.9em;
    width: 220px;
}

#bigPrdImg {
    min-width: 275px;
    text-align: center;
}

/* for Internet Explorer */
/*\*/
* html #bigPrdImg {
    width: 275px;
}
/**/


#singlePrdList {
}

#prdViewDet {
    margin-bottom: 8px;
}

#relPrdList {
    float: left;
    width: 98%;
    padding: 4px;
    text-align: center;
}

#relPrdListHead {
   	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
    border: 1px solid #777;
    border-top: 2px solid #666;
   	font-size: 1.2em;
   	font-weight: bold;
   	padding: 3px;
   	text-align: left;
}
	#notice { padding: 12px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
	#left a, #memberleft a, #right a, #memberright a, #fullPg a { background: #EFFCFF; color: #317486; }

	#left h3, #memberleft h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2, #memberright h2, #fullPg h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	#right h5, #memberright h5, #fullPg h5 { color: #000000; text-align: center;}

#cartNav a {
    background: none; color: #F00;
}

	
#chairman {padding-left: 68px;}
#execDir {padding-left: 135px;}

.view {font-size: 0.8em;text-indent: 0; margin-bottom: 8px;}
.question {font-weight: bold;}

#footer { clear: both; border-top: 1px solid #ccc; padding: 0 0; margin: 0 0 0px; font-size: .9em; color: #808080; background: #fff; height:1px; }
	#footer a { color: #4CA031; background: #fff; }
	#col1 { float: left; width: 274px; padding: 0px 0 0 10px; margin: 0 0 10px; }
	#col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
	#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
	#colSpcl { float: right; width: 774px; padding: 0px 0 0 10px; text-align: center;}
	#footer a.terms { color: #A0A0A0; background: #fff; }
/* TABLE STYLES */
#eventsTable {
	width: 98%;
	padding: 0;
	margin: 0;
}

#eventsTable caption {
	padding: 0 0 5px 10px;
	/*padding-bottom: 20px;*/
	width: 98%;	 
	font: bold 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#eventsTable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

#eventsTable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#eventsTable th.spanCol {
	padding-top: 20px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;
}


#eventsTable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

#eventsTable td.spec {
	font: bold 11px Georgia, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #fff url(../images/bullet1.gif) no-repeat;
}

#eventsTable td.specalt {
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 11px Georgia, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#eventsTable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#eventsTable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#eventsTable th.noImg {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: italic bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#eventsTable th.noImgalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: italic bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}	

/* Table Design 4 */
table.Design4 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design4 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    background: #DBE2F1;
}
table.Design4 td {
    text-align: right;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    background: #DBE2F1;
}

table.Design4 thead th {
    background: #687EAB;
    color: #FFFFFF;
    text-align: center;
}
table.Design4 th.Corner {
    text-align: left;
}

/* Design 5 */
table.Design5 {
	width: 80%;
    border-spacing: 0px;
    border-collapse: collapse;
    border-top: 4px solid #EA9A1C;
    border-bottom: 1px solid #EA9A1C;
}

#member {
	width: 97%;
}

table.Design5 th {
    text-align: center;
    font-weight: normal;
    padding: 0.2em 0.5em;
    border-top: 1px dotted #EA9A1C;
}
table.Design5 td {
    text-align: center;
    border-top: 1px dotted #EA9A1C;
    padding: 0.2em 0.5em;
}

table.Design5 td.noBGLeft {
	background: none; 
	text-align: left;
}

table.Design5 thead th {
	font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #EA9A1C;
}
table.Design5 th.Corner {
    text-align: center;
}



/* NOTICE STYLES */
div.notice {
	width: 95%;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
}

div.noticeAlt {
	width: 95%;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	background: #f5fafa;
}

div.noticeHead {
	width:100%;
	border-top: 1px solid #C1DAD7;
	background: #CAE8EA url(../images/bulletRed.gif) left top no-repeat;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px 3px 12px;
}

.notice p, .noticeAlt p {
		padding: 6px 6px 6px 12px;
		text-align: justify;
}

div.utilHead {
	width:95%;
	border-top: 1px solid #C1DAD7;
	background: #CAE8EA url(../images/bulletRed.gif) left top no-repeat;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px 3px 12px;
}

div.memHead {
	width:98%;
	border-top: 1px solid #C1DAD7;
	background: #CAE8EA url(../images/bulletRed.gif) left top no-repeat;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px 3px 12px;
}

/* CONTACT STYLES */
input {
  width: 60%;
}

textarea {
  width: 85%;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
     
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 0.9em verdana, arial, sans-serif;
  color: #797268;
  background-color: #F7FEE7/*65330A*/;
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  padding: 1px 3px;
  margin: 5px 0;
  color: #4f6b72;
  background-color: #FAFFFF/*954500*/;
  border: 1px solid #EEE;
}

.button {
  width: auto;
  font-weight: bold;
  cursor: pointer;
}

.cmxform input {
    width: 35%;
}

.cmxform .button {
    width: auto;
}

/***************************  Contact Us Page **********************/
#contactUs {
	border: 1px solid #666666;
	padding: 8px;
}

#contactHeading {
	background: #CAE8EA url(../images/bulletRed.gif) left top no-repeat;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px 3px 12px;
	margin-bottom: 6px;
	width: 96%;
}

#contactMsg {
	/*font: 1em georgia, verdana, sans-serif;*/
	text-align: center;
	font-weight:bold;
	/*text-transform: uppercase;
	color: #E7AA34;*/
	border: 1px solid #E14037;
	margin-bottom: 4px;
	width: 96%;
}

.userNm{
	color: #FD6F32;
}

.errorMsg{
	color: #FD6F32;
}

.captcha {
  width: 30%;
/*  cursor: pointer;*/
}

/*LIVE VALIDATION */
.LV_validation_message{
	font-size: 0.9em;
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.viewCart input {
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
}

.viewCart input:hover, .viewCart input:focus {
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
}

.viewCart .button {
    background: #F4FFFF;
    
}

.viewCart .button:hover {
    background: #FAFFFF;
    border: 1px solid #444;
}

table#cart {   
    border-collapse: collapse;   
    margin-bottom: 1em;   
    width: 100%;   
    font-size: 0.9em;
}   
       
    table#cart th {   
        background: #006b68;   
        color: #fff;   
        text-align: left;   
        white-space: nowrap;   
    }   
       
    table#cart th,   
    table#cart td {   
        padding: 5px 7px;   
    }   
    table#cart th {
        font-size: 0.9em;
    }
    table#cart .quantity {   
        font-size: 1.1em;
    }   
    table#cart .item_name {   
        width: 47%;   
    }   
       
    table#cart #total_price {   
        font-weight: bold;
        padding: 5px 3px; 
        text-align: right;  
    }   

    table#cart .extended_price {   
        padding: 5px 3px; 
        text-align: right;  
    }   

    table#cart .quantity input {   
        text-align: center;   
    }   
       
    table#cart .remove input {   
        border: none;   
    }
     
    table#cart tr td {   
        background: #fff;   
    }   
       
    table#cart tr.odd td {   
        background: #eee;   
    }   
       
    .center {   
        text-align: center;   
    }  


#pPanel .paginate {
    font-family:  verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
}
#pPanel a.paginate {
    border: 1px solid #000080;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #000080;
    background: #F1FCE7;
}
#pPanel a.paginate:hover {
    background-color: #D8F4BF;
    color: #000;
    text-decoration: underline;
}
#pPanel a.current {
    border: 1px solid #000080;
    font: bold .9em verdana, Arial,Helvetica,sans-serif;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background:#D8F4BF;
    color: #000;
    text-decoration: none;
}
#pPanel span.inactive {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}