@charset "utf-8";
/* CSS Document */

#maincontainer {
    height: auto;
    margin: 0 auto;
    width: 1313px;
}

#header{
	width:1313px;
	height:164px;
}
:buttonBG :hover
{
	color:#0F0;
}
#logo {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 58px;
    margin-top: 37px;
    width: 352px;
}

#shiping{
	width:284px;
	height:41px;
	background:url(../images/car.png) no-repeat;
	float:left;
	margin-top:55px;
	margin-left:110px;
}
#favourit{
	margin-top:76px;
	margin-left:148px;
	float:left;
	background:url(../images/favrit.png) no-repeat;
	width:137px;
	height:26px;
}
#plus
{
	width:22px;
	height:22px;
	background:url(../images/plus.png) no-repeat;
	float:left;
	margin-top:77px;
	margin-left:8px;
}

#news {
    background: url("../images/letter.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 26px;
    margin-left: 18px;
    margin-top: 77px;
    width: 182px;
}
#clear
{
	clear:both;
}
#topmenu
{
	width:1312px;
	height:45px;
}
.buttonBG{
    background: url("../images/topmnbtn.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 43px;
    margin-top: 7px;
    width: 196px;
}
.leftbuttonBG{
    background: url("../images/leftButtonBG.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 41px;
    margin-top: 7px;
    width: 194px;
}
.style{
	color: white;
	font-family: arial;
	font-weight: bold;
	margin-top: 11px;
	text-align: center;
}
.buttonBG:hover
{
    background: url("../images/leftButtonBG.png") no-repeat scroll 0 0 transparent;
	height:43px;
	margin-top:7px;
	padding:0px;
}
.leftbuttonBG:hover
{
    background: url("../images/topmnbtn.png") no-repeat scroll 0 0 transparent;
}
#style {
    color: white;
    float: left;
    font-family: arial;
    font-weight: bold;
    margin-left: 11px;
    margin-top: 11px;
}

#search{
    background: url("../images/searchbutton.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 43px;
    margin-top: 7px;
    width: 328px;
}

#searchbg {
    background: url("../images/searchbackground.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 25px;
    margin-left: 17px;
    margin-top: 9px;
    width: 215px;
}

input {
    height: 13px;
    width: 183px;
	text-align:center;
}
#txtbox {
    float: left;
    height: 15px;
    margin-left: 2px;
    margin-top: 1px;
    text-align: center;
    width: 111px;
}

#searchBtn {
    background: url("../images/gobutton.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    margin-left: 191px;
    margin-top: -14px;
    width: 20px;
}

#leftcont {
    float: left;
    height: auto;
    margin-top: 11px;
    width: 200px;
}
#ritcont
{
	width:1113px;
	height:auto;
	float:left;
}

ul 
{
	margin:0;
	padding:0;
}
ul li
{
	list-style:none;
}

#leftstyle {
    color: #000000;
    float: left;
    font-family: arial;
    font-weight: bold;
    margin-left: 6px;
    margin-top: 11px;
}

#leftImage {
    background: url("../images/leftImage.png") no-repeat scroll 0 0 transparent;
    height: 538px;
    margin-left: 20px;
    margin-top: 433px;
    width: 152px;
}

#underLine {
    background: url("../images/Underline.png") no-repeat scroll 0 0 transparent;
    height: 9px;
    margin-left: 68px;
    margin-top: 114px;
    width: 884px;
}


#imagesZoom {
    float: left;
    height: 90px;
    margin-left: 233px;
    margin-top: 343px;
    width: 329px;
}

#description {
    height: auto;
    margin-left: 9px;
    margin-top: 473px;
    width: 1084px;
}
#description span
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
#description p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}


#contentArea {
    background: url("../images/contentBG.png") repeat scroll 0 0 transparent;
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    float: left;
    height: auto;
    margin-top: 11px;
    width: 1110px;
}

#contentLogo
{
	background:url(../images/2ndlogo.png) no-repeat;
	width:127px;
	height:127px;
	float:left;
}


#bigText {
    float: left;
    font-family: arial;
    height: 101px;
    margin-left: 20px;
    text-align: center;
    width: 775px;
}

#downCont1 {
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    float: left;
    height: 443px;
    margin-top: 19px;
    width: 1111px;
	background:url(../images/downCont1.png) no-repeat;
}

#downCount2 {
    height: auto;
    margin-left: 191px;
    margin-top: 17px;
    width: 148px;
}

#downCount2 span
{
	font-size:13px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
}
#downCount3
{
    height: auto;
    margin-left: 191px;
    margin-top: 26px;
    width: 148px;
}

#downCount3 span
{
	font-size:13px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
}

#downCount4
{
    height: auto;
    margin-left: 191px;
    margin-top: 14px;
    width: 148px;
}

#downCount4 span
{
	font-size:13px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
}

#downCont1Text
{
	height: auto;
    margin-left: 9px;
    margin-top: 54px;
    width: 1084px;
}

#aboutUsCont {
    background:url(../images/aboutUsCont.png) no-repeat;
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    float: right;
    height: auto;
    margin-top: 33px;
    width: 1111px;
}


#aboutUsText {
    float: left;
    height: auto;
    margin-left: 10px;
    margin-top: 39px;
    width: 1068px;
}
#aboutUsText p span
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#shippingCont {
    background: url("../images/ShippingCont.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    float: right;
    height: auto;
    margin-top: 36px;
    width: 1111px;
}

#shippingContText
{
    float: left;
    height: auto;
    margin-left: 10px;
    margin-top: 39px;
    width: 1068px;
}

#paypalCont {
    background: url("../images/PaypalCont.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    float: right;
    height: 209px;
    margin-top: 19px;
    width: 1111px;
}
.sideHeaders {
	color: #000;
	background-color: #CCC;
}
.bitMeasurementTable {
	background-color: #FFF;
	border: thin solid #FFF;
	float: left;
	margin: 0px;
	clear: none;
}

.topHeaders {
	color: #000;
	background-color: #CCC;
}

.bitMeasurementTable tr td {
	padding: 3px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #CCC;
	border-left-color: #333;
}
.tableAndImage {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
}

.tableAndImage img {
	float: left;
}
.tableAndImage .bitMeasurementTable tbody tr .emptyCell {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #000;
	border-bottom-color: #CCC;
	border-left-color: #000;
	background-color: #CCC;
}
















.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #000000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;*/
padding: 5px;
left: -1000px;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -340px;
left: -200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}