/*-------------------------------------------------------------------------------------------------
* Filename: styles.css
* Website: http://www.themeflash.com
* Author: system32
* Description: Handles the site layout.
--------------------------------------------------------------------------------------------------*/

/* Global Reset
--------------------------------------------------------------------------------------------------*/
body	{  
		margin:0;
		padding:0;
		}

* html	{
		margin:0;padding:0;
		}

.clear	{ clear:both;}

img {border:0;}



/* Headings
--------------------------------------------------------------------------------------------------*/

h1	{
 	font: bold 26px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	padding:0;
	margin: 0;
	}

h2	{
	font: bold 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	padding:0;
	margin:0;
	}

h3	{
	font: bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	}

h4	{
	font: bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0px 0 ;
	}

h5	{
	font: normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0;
	}

h6	{
	padding:0px;
	font: normal 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}

p	{
	margin:5px 0 10px 0;
	}
p.cards {
    text-align: center;
    font-weight: bold;
}
img.imgcards {
    display: block;
    margin-left: auto;
    margin-right: auto;

}


/* topbar
--------------------------------------------------------------------------------------------------*/
.topbar	{
		height:80px;
		width:100%;
		}

	.logo	{
			padding:10px 0 0 0px;
			}


/* topmenu
--------------------------------------------------------------------------------------------------*/
.topmenu	{
			margin-top:40px;
			float:right;
			}


/* index sliderpart
--------------------------------------------------------------------------------------------------*/

.sliderbg	{
			overflow:hidden;
			height:310px;
			}
	.slider_text	{
					margin:0;
					padding:0;
					margin-top:-40px;
					}

		 .slider_text h1	 {
							 margin:40px 0 0 10px;
							 }

			.slider_text p	{
							margin:20px 0 0px 10px;
							}
			.slider_text p.price	{
							margin:20px 0 0px 10px;
                         	font: bold 28px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
                            color: #FF6633;
							}

				.button	{
						margin:20px 0 20px 10px;
						}


/* subheader
--------------------------------------------------------------------------------------------------*/

.subheader	{
			width:100%;
			height:100px;
			}

	.subheader h2	{
					padding-top:40px;
					margin:0;
					padding-left:40px;
					}

		.subheader p	{
						}	
	
			.subheader h5	{ 
							padding-top:35px;
							margin:0 30px 0 0; 
							}


/* topbox
--------------------------------------------------------------------------------------------------*/
.topbox	{
		overflow:hidden;
		height:100%;
		margin:0;
		padding:20px 0 0 0;
		}
	
.topimg {
		margin:5px 0;
		}
		
	.topbox h3	a { 
				 }
					
			.topbox h3 span	 {
							}
			
						.topbox p	{ 
									text-align:left;
									}
									

								
/* midcontent
--------------------------------------------------------------------------------------------------*/
.midcontent {
			height:100%;
			overflow:hidden;
			margin:0;
			padding:0px 0;
			}

	.content	{
				margin:10px 0 0px 0px;
				padding:20px;
				overflow:hidden;
				height:100%;
				}

		.sidebar	{
					margin:0 0px 0 0;
					overflow:hidden;
					min-height:500px;
					height:100%;
					}
					
			
/* newslist
--------------------------------------------------------------------------------------------------*/
ul.newslist	{
			margin:10px 0px 10px 0;
			padding:0;
			list-style:square;
			}

	ul.newslist li	{
					padding:5px 0px;
					}

		ul.newslist li p	{
							margin:0 0 10px 0;	
							padding:0;
							}

			ul.newslist li a:link, 
			ul.newslist li a:visited, 
			ul.newslist li a:active	{
									padding:0px 0px;
									}

				ul.newslist li a:hover	{
										padding:0px 0px;
										}

					ul.newslist li span {
										display:block;
										margin-bottom:0px;
										}
										

/* submenu
--------------------------------------------------------------------------------------------------*/

ul.subnav{
	margin:0 0 20px 0;
	padding:0;
}

	ul.subnav li {
	margin-left:0px;
	list-style-type:none;
	}

								
		ul.subnav li a img	{
				vertical-align:middle;
				margin-right:5px;
				}

	ul.subnav li a {
	height:20px;
    margin:0px 0;

	}

	ul.subnav li li a {
	margin:0;
	text-decoration:none;
	}

	ul.subnav li li a:link, ul.subnav li li a:visited {
	display:block;
	padding:5px 0px;
	}

	ul.subnav li a:link, ul.subnav li a:visited {
	display:block;
	padding:5px 0px;
	}

	ul.subnav li a:hover {
	padding:5px 0px;
	}
	

/* services servicebox
--------------------------------------------------------------------------------------------------*/

.servicebox	{
		width:620px;
		margin:0px 0 0px 0px;
		float:left;
		padding:20px 20px 0px 0px;
		overflow:hidden;
		height:100%;
		}

		.servicetext h3 span	 {
				display:block;
				}
		
		.serviceicon	{
					vertical-align:top;
					float:left;
					width:70px;
					}

		

/* portfolio boxes
--------------------------------------------------------------------------------------------------*/
.portbox	{ 
		float:left; 
		padding:0px 8px;
		margin-bottom:30px;
		width:280px;
		} 
		
	.portbox img	{ 
				margin-bottom:10px;
				width:270px;
				}	
		
		.portbox p 	{
						margin:5px 0 0 0; 
						padding:0; 
						} 
		
			.portbox h3	{ 
						display:block; 
						margin:0 0 0px 0; 
						padding:0px; 

						} 

				.portbox img, .portbox p span, .portbox h3	{ 
											display:block; 
											}

					.img_border	{
								margin-bottom:10px; 
								padding:1px;
								}

						.img_border:hover	{
											}
	
a.inlinelink {

  display: block;
  float: right;
  left: 0;
  width: auto;
  color: #df7500;

}
a.inlinelink2 {
  text-decoration: underline;
  font-weight: bold;
  color: #df7500;

}

/* read more
--------------------------------------------------------------------------------------------------*/
a.read	{
		float:right;
		padding:5px 0;
		}

		a.read:hover	{
				}



/* testimonial block
--------------------------------------------------------------------------------------------------*/
blockquote	{
			padding:0 15px 0;
			margin:0px;
			}

	.entry blockquote	{
						margin:0 0 20px 0; 
						padding:20px;
						}
						
		blockquote, q	{
						quotes: none;
						}

		blockquote:before, blockquote:after,
		q:before, q:after	{
							content: '';
							content: none;
							}

			blockquote	{
						margin: 15px 0px 15px 5px;
						padding-right: 5px;
						}

			blockquote p	{
 							}


/* footer details
--------------------------------------------------------------------------------------------------*/
.footerbg	{
			width:100%;
			overflow:hidden;
			height:100%;
			}

	.copyright	{
				margin:0;
				padding:30px 0;
				}
	

	

/* Post Entry
--------------------------------------------------------------------------------------------------*/
.entry	{
		padding:20px 0;
		clear:both;
		}

		
		.entry .post-info	{
							margin:8px 0;
							}
		
			.entry ul, .entry ol	{
									margin:0;
									padding:10px 0 20px 0;
									}		


div.excerpt	{
			overflow:hidden;
			height:100%;
			}		


		.singlepost h3	{
					margin-bottom:20px;
					}
						
			.singlepost h2 a	{
							background:none;
							}

	

				.postimg	{
						float:left;
						margin-right:20px;
						}
						

/* Success Messages
--------------------------------------------------------------------------------------------------*/
.notes 		{	background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{	background: #ccfcd1;border: 1px solid #60a400;}
.error		{	background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{	background: #fcf0cc;border: 1px solid #ecc735;}

	.notes, 
	.notice, 
	.success, 
	.error 
			{
			font-size: 100%;
			color:#484848;
			padding:10px;
			width:auto;
			margin: 0 0 20px 0px; 
			text-align:left
			}
	.notes span, 
	.notice span, 
	.success span, 
	.error span 
			{
			font-weight: bold;
			font-size: 1.2em;
			padding: 2px 40px;
			}
	.notes p, 
	.success p, 
	.error p,
	.notice p
			{
			margin: 0px;
			padding: 0px 40px;
			}



/* =Hoverbox Code
----------------------------------------------------------------------*/

#favprod-text .hoverbox
{
	cursor: default;
	list-style: none;
    margin-bottom: 400px;
}

.hoverbox a
{
	//cursor: default;
    color: #14D;

}

.hoverbox a .preview
{
	display: none;
    color: #DF7500;

}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 90;
    color: #DF7500;
    text-decoration: underline;
}

.hoverbox img
{
	background: #f0f0f0;
	padding: 0px;
	vertical-align: top;
	width: 130px;
	height: 120px;
}

.hoverbox li
{
	display: inline;
	float: left;
	margin: 1px;
	padding: 7px;
	position: relative;
    width: 130px;

}

.hoverbox .preview
{
	border-color: #000;
	width: 130px;
	height: 120px;
    //z-index: 59;
	border-style: solid;
	border-width: 1px;
    border-color: #AAAAAA;

}
.link-line
{
    position: relative;
    clear: both;
    //overflow: hidden; zoom: 1;
   // padding-bottom: 120px;
    width: 728px;

}
.index
{
    position:static;
    left: 10px;
}

.hovertable a .preview
{
	display: none;
    color: #DF7500;

}

.hovertable  a:hover .preview
{
	display: block;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 90;
    color: #DF7500;
    text-decoration: underline;
}

.hovertable img
{
	background: #fff;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 130px;
	height: 120px;
}

.hovertable td
{
	display: inline;
	float: left;
	margin: 1px;
	padding: 2px;
	position: relative;
    width: 140px;

}

.hovertable .preview
{
	border-color: #000;
	width: 130px;
	height: 120px;
    //z-index: 59;
	border-style: solid;
	border-width: 1px;
    border-color: #AAAAAA;

}

.hovertrindex p
{
  font-weight: bold;
}

#pageof p
{
  display:inline;
  padding-right: 3px;
}
td.vertsep
{
  background-color: red;
  background: url('../images/sep.gif') 0 30% no-repeat;
  margin-left: 0px;
  margin-right: 5px;

}
table#pager
{
  margin-top: 20px;
  width: 100%;
}

a#hovera
{
   //color: #14D;
}
a#hovera:hover
{
    text-decoration: underline;
}
a#showall
{
    font-weight: bold;
    //color: #14D;
}

a.squarebutton{
background: transparent url('../images/square-grey-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-grey-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;

}

/*- Menu Tabs B--------------------------- */

    #tabsB {
      float:left;
      width:100%;
      background: url('../images/bg_products-intro.gif') 0 100% no-repeat;
      font-size:93%;
      line-height:normal;
      }


    #tabsB ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }

    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:right;
      background:url("./images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:right;
      display:block;
      background:url("./images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

    #tabsB a.current  {
      background-position:0% -42px;
      }
    #tabsB a.current span {
      background-position:100% -42px;
      }

div.orderform
{
    background-color: #f5f4f2;
    border-bottom-left-radius: 0.3em 0.3em;
    border-bottom-right-radius: 0.3em 0.3em;
    border-top-left-radius: 0.3em 0.3em;
    border-top-right-radius: 0.3em 0.3em;
    padding: 10px 10px 20px;
}

img.imgsidebar
{
     border: 1px;

}
p.price	{
                         	font: bold 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
                            color: #FF6633;
							}


 a.orderbutton{
background: transparent url('../images/square-grey2-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 25px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;

}

a:link.orderbutton, a:visited.orderbutton, a:active.orderbutton{
color: #494949; /*button text color*/
}

a.orderbutton span{
background: transparent url('../images/square-grey2-right.gif') no-repeat top right;
display: block;
padding: 5px 7px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/
color:white;
}

a.orderbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.orderbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:white;
 }

.addthis_toolbox {
			margin-bottom:15px;
            margin-right:-30px;
			float:right;
			}
.addthis_button_compact {
  color:white;
}

#PaymentOptions1{
  background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(../images/highlight.png);
background-origin: padding-box;
color: white;
display: block;
font-family: HelveticaNeue-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 235px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 440px;

}

#optionfrm1{
background-attachment: scroll;
background-clip: border-box;
background-color: #EEEEEE;
//background-image: url(../images/box-grad.png);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: white;
display: block;
font-family: HelveticaNeue-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 181px;
line-height: 18px;
margin-bottom: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 20px;
padding-top: 18px;
width: 300px;
}

#paymenttd {

background: url(../images/divider.png) repeat-x 0px 0px;

}

#imeitable{
 width:100%;
 background-color: transparent;
 background-image: url(../images/highlight.png);
}



fieldset    { border: 0; padding-bottom: 9px; }
label       { display: block; cursor: pointer; line-height: 20px; padding-bottom: 9px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); }
.radios     { padding-top: 18px; background: url(divider.png) repeat-x 0 0; }
.label_radio input  { margin-right: 5px; }
.has-js .label_radio    { padding-left: 34px; }
.has-js .label_radio    { background: url(../images/radio-off.png) no-repeat; background-position:left center;}
.has-js label.r_on      { background: url(../images/radio-on.png) no-repeat; background-position:left center;}
.has-js .label_radio input  { position: absolute; left: -9999px; }

.ads{
  display: none;
}

#webim
{
  display: block;
  float: right;
  position: fixed;
  top: 5px;
  right: 100px;
  width:10px;
}

#langselector
{
  display: block;
 float:right;
  top: 5px;
  right: 400px;
}

#asthat
{
display: block;
float: left;
height: 77px;
line-height: 20px;
margin-left: 10px;
margin-right: 10px;
width: 220px;
margin-top:-20px;
}
.unlockcombo
{
	background-color: white;
border-bottom-color: #525268;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: separate;
border-left-color: #525268;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #525268;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #525268;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: #525268;
cursor: default;
display: inline-block;
font-style: normal;
font-variant: normal;
height: 20px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
text-align: auto;
text-indent: 0px;
text-shadow: none;
text-transform: none;
white-space: pre;
width: 220px;
word-spacing: 0px;
}