/* 
Date - 18-10-2006
Develop by Janaka Gamage */

*{
margin:0px;
padding:0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#CE0002;
}
a:active {
	text-decoration: none;
	color:#CE0002;
}

/* Body */
body{
background-color:#7C7A7A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
img{
border:0px;
}
.height_beem
{
	width:1px;
	border:0px solid #ff0000;
	float:left;
	
}

.errormsg{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
}

ul{
float:left;
display:block;
width:170px;
height:auto;
}

li{
margin-top:5px;
list-style-image: url(../images/iconmenu.jpg);
list-style-position:outside;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#505050;
text-align: left;
margin-left:30px;
}


li a{
font-size:11px;
color:#505050;
}

li a:hover{
font-size:11px;
color:#CE0002;
text-decoration:underline;
}


.textbox{
width:147px;
height:12px;
margin-top:3px;
border:1px solid #666666;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
} 


#outerbody{
margin:auto;
width:800px;
background-color:#ffffff;
height:auto;
}

#innerbody{
float:left;
width:800px;
height:auto;
background-color:#ffffff;
}

/* Top bar */
#topbar{
float:left;
width:800px;
height:153px;
}

#topbar a{
font-size:11px;
color:#CB0101;
}

#topbar .gunslogo{
float:left;
width:425px;
height:124px;
border:0px;
}

#loginarea{
float:left;
height:124px;
width:234px;
}


#loginarea #loginboxarea{
float:left;
height:auto;
width:234px;
text-align:left;
font-size:10px;
font-weight:800;
}

#loginarea .loginbtn{
width:29px;
height:18px;
margin-top:3px;
}

#topbar .gunseparator{
float:left;
width:5px;
height:124px;
}

#topbar .shoppingcart{
float:left;
width:136px;
height:27px;
margin-top:43px;
border:0px;
}

/* ------------------------- */
#menubar{
float:left;
height:29px;
width:800px;
background-color:#000000;
}

#menubar p{
float:left;
width:518px;
color:#FFFFFF;
margin-top:7px;
}

#menubar .links{
color:#FFFFFF;
}

#menubar #searchbar{
float:right;
width:282px;
height:29px;
background-color:#9A0000;
}

#menubar #searchbar .iconesearch{
float:left;
width:77px;
height:29px;
}

#menubar .btnsearch{
width:28px;
height:20px;
background-color:#FFFFFF;
color:#000000;
font-size:10px;
font-weight:800;
text-align:center;
}
/* Top bar End */

/* Main content area */
#maintbody{
float:left;
width:800px;
height:auto;
}
/* Work area */
#workarea{
float:left;
margin-top:5px;
width:800px;
height:auto;
}

/* ------------------------- */
#leftbar{
float:left;
width:172px;
height:auto;
background-color:#ffffff;
}
#leftmenu{
float:left;
width:172px;
height:auto;
background-color:#F2F2F2;
}

#leftmenu .menutitle{
float:left;
width:172px;
height:30px;
}

#newsletter{
float:left;
width:172px;
height:150px;
background-color:#F2F2F2;
margin-top:10px;
}

#newsletter .title{
height:14px;
background-color:#CCCCCC;
font-size:12px;
padding-top:8px;
padding-left:40px;
padding-bottom:8px;
margin-bottom:6px;
color:#666666;
}
#newsletter .gobutton{
float:right;
width:28px;
height:16px;
margin-right:10px;
margin-top:10px;
}

#newsletter .paymenticone{
float:left;
width:172px;
height:72px;
border:0px;
margin-top:200px;


}


/* ------------------------- */
#centerbar{
float:left;
width:448px;
height:auto;
margin-left:12px;
}
/*IE\*/
* html #centerbar{
margin-left:12px;
}
#centerbar #welcome{
float:left;
width:448px;
height:30px;
background-color:#FFFFFF;
}

#progal{
float:left;
width:448px;
height:auto;
}

#progal a{
color:#CB0101;
}

#progal .thumnail{
float:left;
width:100px;
height:100px;
border:#999999 1px solid;
}

#progal .largimg{
float:left;
width:300px;
height:300px;
border:#999999 1px solid;
position:relative;
}

#progal h2{
font-size:12px;
color:#CB0101;
font-weight:700;
}

#progal p{
font-size:10px;
color:#505050;
}

#progal_info{
float:left;
width:340px;
height:auto;
margin-left:5px;
}

#progal_info2{
float:left;
width:400px;
height:auto;
margin-left:5px;
margin-top:5px;
}

#centerbar .mainimage{
float:left;
width:448px;
height:183px;
}

#centerbar h1{
font-size:14px;
color:#CB0101;
}

#centerbar p{
text-align:justify;
font-size:11px;
margin-top:6px;
}


#centerbar ul{
float:left;
display:block;
width:400px;
height:auto;
}

#centerbar li{
margin-top:7px;
list-style-image: url(../images/iconmenu.jpg);
list-style-position:outside;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#505050;
text-align: left;
margin-left:30px;
}


#centerbar li a{
font-size:11px;
color:#505050;
}

#centerbar li a:hover{
font-size:11px;
color:#CE0002;
text-decoration:underline;
}





#topitems{
float:left;
width:448px;
height:auto;
border-top:#000000 2px solid;
border-bottom:#000000 1px solid;
border-left:#000000 1px solid;
}

#topitems #topproduct{
float:left;
width:148px;
height:auto;
border-right:#000000 1px solid;
border-bottom:#000000 1px solid;
}

#topitems .topproimg{
float:left;
width:148px;
height:136px;
border:0px;
}

#topitems p{
padding-bottom:5px;
padding-top:5px;
font-size:10px;
color:#FFFFFF;
background-color:#000000;
text-align:center;
}

#topitems a{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#topitems a:hover {
font-size:10px;
color:#FFFFFF;
text-decoration: underline;
}

/* ------------------------- */
#rightbar{
float:left;
width:157px;
height:auto;
margin-left:11px;
background-color:#FFFFFF;
color:#FFFFFF;
}
/*IE\*/
* html #rightbar{
margin-left:8px;
}

#newarrival{
float:left;
width:155px;
height:auto;
border-left:#9A0000 1px solid;
border-right:#9A0000 1px solid;
}

#newarrival .natitle{
height:14px;
background-color:#9A0000;
font-size:12px;
padding-top:8px;
/*padding-left:40px;*/
padding-bottom:8px;
color:#ffffff;
text-align:center;
}
#newarrival #productbox{
float:left;
width:155px;
height:auto;
border-bottom:#9A0000 1px solid;
}

#newarrival .proimage{
float:left;
width:154px;
height:130px;
border:0px;
}

#newarrival p{
text-align:center;
font-size:10px;
color:#ffffff;
}

/* End Work area */

#bottombar{
float:left;
width:800px;
height:60px;
background-color:#9A0000;
}

#bottombar p{
margin-top:5px;
text-align:center;
font-size:11px;
color:#FFFFFF;
padding-bottom:3px;
}

#bottombar a{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}

#bottombar a:hover{
font-size:11px;
color:#FFFFFF;
text-decoration:underline;
}
/* End Main content area */