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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img { 
 behavior: url(images/iepngfix.htc); 
}
.smallfont{
font-size:10px}
#wrapper{
width:1001px;
margin-left:auto;
margin-right:auto;
}

#page{
	float:left;
	width:1001px;
	background-image:url(../images/page_bg.gif);
	background-repeat:repeat-y;
}

#header{
float:left;
width:992px;
height:115px;
margin-left:5px;
}

* html #header{
margin-left:0.15em;}
#logo{
float:left;
width:138px;
height:115px;
margin-left:15px;
padding-top:8px;
}
* html #logo{
margin-left:9px;
padding-top:7px;}

#mini-nav{
float:left;
width:834px;
height:16px;
font-size:12px;
color:#818181;
padding-top:7px;
text-align:right;
padding-right:3px;}
* html #mini-nav{
width:832px;
}

#mini-nav a{
text-decoration:none;
color:#808080;}

#mini-nav a:hover{
	text-decoration:underline;
	color:#FF3300;}

#donate{
float:left;
width:834px;
height:26px;
margin-top:10px;
margin-bottom:7px;
text-align:right;
}
* html #donate {
margin-top:17px;
margin-bottom:0px;
}

#nav{
float:left;
width:664px;
height:30px;
background-image:url(../images/nav_bar.png);
background-repeat:no-repeat;
font-size:12px;
margin-left:173px;
behavior: url(images/iepngfix.htc);
padding-top:19px;
}

* html #nav{
margin-top:7px;
margin-left:163px;
}
#nav a{
text-decoration:none;
color:#808080;}
#nav a:hover{
	text-decoration:underline;
	color:#FF3300;}
#nav ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	margin-left:15px;
}

#nav li{
float:left;
margin-right:19px;
display:block;}
* html #nav ul{
margin-left:-5px;}

* html #nav li{
margin-left:10px;
margin-right:9px;}

#shadowdivider{
float:left;
width:992px;
height:6px;
overflow:hidden;
margin-left:5px;}
* html #shadowdivider{
margin-left:3px;}

/*#content{
float:left;
width:992px;
margin-left:5px;
}
*/
#content-index{
float:left;
width:932px;
margin-top:15px;
padding-left:30px;
padding-right:30px;
padding-bottom:10px;
padding-top:10px;}

#index-banner{
float:left;
width:992px;
height:223px;
margin-left:5px;}
* html #index-banner{
margin-left:0.15em;}

#content-left{
float:left;
width:640px;
margin-left:7px;
height:450px;
padding-right:15px;
font-size:14px;
color:#4b4b4b;
border-right:1px solid #999999;}

#content-left a{
text-decoration:none;
color:#FF3300}
#content-left a:hover{
text-decoration:underline}

#content-right{
float:left;
width:260px;
margin-left:9px;}

#content-left .highlight{
font-size:16px;
font-weight:bold}

#content-internal{
	width:910px;
	float:left;
	margin-left:45px;
	font-size:14px;
	color:#333333;
	margin-bottom:10px;
}
* html #content-internal{
	margin-left:23px;
}

#content-internal h1{
font-size:22px;
color:#FF6600;
font-weight:normal}
#content-internal a{
text-decoration:none;
color:#FF6600;
}
#content-internal a:hover{
text-decoration:underline;}
#footer{
float:left;
width:992px;
padding-top:15px;
padding-bottom:10px;
text-align:center;
margin-left:5px;
background-color:#e5e5e5;
background-image:url(../images/shadow.gif);
background-position:top;
background-repeat: repeat-x;
font-size:12px;
color:#666666}
* html #footer{
width:990px;
margin-left:3px;
overflow:hidden;}

#footer a{
text-decoration:none;
color:#666666}

#footer a:hover {
text-decoration:underline;
color:#FF3300}
/*======== LOGO LOCKER ===============*/
#logolocker-wrap{
float:left;
width:1001px;
padding-left:11px;
padding-right:11px;
margin-bottom:15px;}

#dotted_hr{
width:979px;
height:2px;
border-bottom:1px dotted #FF6600;
margin-left:11px;
margin-right:11px;

}

#logolocker{
float:left;
width:978px;
}
#locker-header{
float:left;
width:967px;
height:44px;
padding-left:11px;
padding-top:7px;
background-image:url(../images/locker-head-tile.gif);
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
font-size:30px;
color:#7f7f7f;
margin-top:15px;
}
#locker-left{
float:left;
width:197px;
height:798px;
background-image:url(../images/locker_left_col_tile.gif);
background-repeat:repeat-y;
border-left:1px solid #cacaca;
border-right:1px solid #cacaca;
padding:5px;
font-size:12px;
color:4d4d4d}

#locker-left ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#locker-left li{
	float:left;
	width:187px;
	height:22px;
	font-size:16px;
	font-weight:bold;
	color:#4d4d4d;
	margin-top:5px;
	padding:9px 5px 5px 5px;
	border-bottom:1px solid #a8a8a8;
}
#locker-left ul.sub{
	margin:0px;
	padding:0px;
	list-style-type: none;
	margin-left:5px;}
	
	
#locker-left ul.sub li{
	float:left;
	font-size:12px;
	color:#4d4d4d;
	padding:0px;
	margin:0px;
	height:16px;
	width:165px;
	margin-top:4px;
	font-weight:normal;
	border:none;
}
#locker-left ul.sub li.highlight{
font-weight:bold;
margin-left:10px;
color:#FF6600;}

#locker-left ul.sub .highlight a{
text-decoration:none;
color:#FF6600;}
#locker-left a{
text-decoration:none;
color:#4d4d4d}
#locker-left a:hover{
color:#FF6600;
text-decoration:underline;
}
#locker-mid-content{
float:left;
width:494px;
height:808px;
padding:0px 37px 0px 37px;
border-right:1px solid #cacaca;
font-size:14px;
color: #333333
}

#locker-mid-content a{
text-decoration:none;
color:#FF6600;}

#locker-mid-content a:hover{
text-decoration:underline;}

#locker-mid-content h1{
font-size:18px;
color:#FF6600;
font-weight:normal}

#locker-mid-content h2{
	font-size:16px;
	color:#FF6600;
	font-weight:normal
}


#locker-mid{
float:left;
width:554px;
height:808px;
padding:0px 7px 0px 7px;
border-right:1px solid #cacaca;

}
#mid-titles{
float:left;
width:554px;
height:57px;
border-bottom:1px solid #cacaca}

#title-left{
	float:left;
	width:324px;
	height:42px;
	padding:15px 0 0 0px;
	font-size:22px;
	color:#FF6600;
}
#title-right{
	float:left;
	width:210px;
	height:40px;
	padding:17px 0 0 0px;
	font-size:16px;
	color:#FF6600;
	text-align:right;
}


#locker-right{
float:left;
width:191px;
height:798px;
padding:5px;
border-right:1px solid #cacaca;
text-align:center;
}
#design-image{
float:left;
width:313px;
height:305px;
margin-right:11px;
margin-top:10px;
border-bottom:11px;
border:1px solid #a8a8a8}
#perform-action{
float:left;
height:324;
width:220px;

margin-top:10px;}

#perform-action .title{
float:left;
width:213px;
height:29px;
padding:7px 0 0 7px;
background-color:#e5e5e5;
font-size:18px;
color:#4d4d4d}

#perform-action ul{
margin:0px;
padding:0px;
list-style:none
}
#perform-action li{
display:block;
float:left;
width:206px;
padding:4px 4px 4px 10px;
font-size:12px;
border-bottom:1px solid #cccccc;
margin-top:5px;
background-image:url(../images/locker_bullet.gif);
background-repeat:no-repeat;
background-position:left;
}

#perform-action a{
text-decoration:none;
color:#4d4d4d}
#perform-action a:hover{
text-decoration:underline;
color:#FF3300}
#perform-action a.higlight{
	color:#FF6600;
	font-weight:bold;
}

#socialmedia{
float:left;
width:220px;
height:38px;
margin-top:15px;}
#download{
float:left;
width:532px;
height:72px;
background-color:#fff9cb;
padding:5px;
margin-top:15px;
font-size:12px;
color:#565656}

#download .smallfont{
font-size:10px}

#pagination-box{
float:left;
width:542px;
height:37px;
background-color:#e7e7e7;
margin-top:15px;
font-size:12px;
color:#565656}

#pagination-title{
float:left;
height:27px;
width:317px;
padding-top:10px;
padding-left:7px}

#pagination-paging{
float:left;
height:27px;
width:210px;
padding-top:10px;
padding-right:7px;
font-weight:bold;
text-align:right;}

#thumbnail-box{
float:left;
width:542px;}

#thumbnail-box ul{
margin:0px;
padding:0px;
list-style:none;}

#thumbnail-box li{
display:block;
float:left;
width:107px;
height:128px;
margin-right:38px;
margin-top:10px;
}
#thumbnail-box li.no-margin{
margin-right:0px;}

#thumbnail-box span.image{
float:left;
width:105px;
height:105px;
}
#thumbnail-box span.select{
float:left;
width:107px;
height:18px;
padding-top:2px;
font-size:12px;
text-align:center;
}

#thumbnail-box a{
text-decoration:none;
color:#666666;}
#thumbnail-box a:hover{
text-decoration:underline;
color:#FF3300}

#thumbnail-box img{
border:1px solid #cac9c9;}

#locker-footer{
float:left;
height:22px;
width:980px;
background-color: #333333;
}
/*====================== login - register form start =====================*/
#login-warp{
	width:530px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#login-warp h4{
margin:0px;
padding:0px;
font-weight:normal;
font-size:18px;
margin-left:15px;
margin-bottom:5px;}

#login-warp a{
text-decoration:none;
color:#FF6600;}
#login-warp a:hover{
text-decoration:underline}

#login{
	float:left;
	margin-left:15px;
	width:480px;
	padding:10px;
	background-color:#FFFDE6;
	border:1px solid #CCCCCC;
	margin-bottom:15px;
}
.required{
color:#FF6600}

.error{
color:#FF6600}

.textfield{
height:20px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color:#FFFFFF;
border:1px solid #999999;}




#register{
	float:left;
	margin-left:15px;
	width:480px;
	padding:10px;
	background-color:#FFFDE6;
	border:1px solid #CCCCCC;
	margin-bottom:15px;
}

.h-rule {
border-bottom:1px dotted #999999;
height:2px;
padding:0px;
margin:0px;}
.register-title{
	margin-bottom:10px;
	font-size:18px;
	color:#FF6600
}
/*====================== login - register form ends =====================*/

/*================== shopping cart start ============================*/
#shopcart{
	float:left;
	width:800px;
	margin-left:55px;
	color:#666666
}

* html #shopcart{margin-left:27px;}

#shopcart ul{
margin:0px;
padding:0px;}

#shopcart li{
float:left;
list-style:none;
width:790px;
padding:5px;
margin-bottom:10px;
border-top:1px dotted #999999;}

#shopcart-leftbox{
float:left;
width:200px;}

#shopcart-leftbox img{
border:1px solid #999999;}
#shopcart-rightbox{
	float:left;
	width:580px;
	margin-left:10px;
}


/*================== shopping cart ends ============================*/
/*============== Check out starts =======================*/
#checkout{
	float:left;
	width:800px;
	margin-left:55px;
	color:#666666
}

* html #checkout{margin-left:27px;}

#checkout ul{
margin:0px;
padding:0px;}

#checkout li{
float:left;
list-style:none;
width:790px;
padding:5px;
margin-bottom:5px;
padding-bottom:10px;
}
#checkout .highlights{
color:#FF6600;
border-bottom:1px solid #FF6600;
border-top:0px;}


#checkout .bttmborder{
border-bottom:1px dotted #CCCCCC}


/* ========= Check out Banner starts here */
#banner{
float:left;
width:704px;
margin:20px 63px 0 110px;
overflow:hidden;
font:normal 18px "Trebuchet MS";
color:#FFFFFF;
}


#banner span{
font:normal 22px "Trebuchet MS";
color:#f3842b;
padding:5px 0 0 0;
float:left;
}

#banner span.small{
font:normal 18px "Trebuchet MS";
padding:7px 0 0 5px;
}

#banner input{
display:block;
margin:20px 20px 30px 25px;
float:left;
}

#webbanner{
width:703px;
float:left;
padding:55px 0 35px 0;
background:url(../images/web.gif) no-repeat left top;
}

#webbanner p{
display:block;
width:300px;
float:left;
margin:0;
}

#logobanner{
width:703px;
float:left;
padding:45px 0 35px 0;
background:url(../images/logo.jpg) no-repeat left top;
}


#logobanner p{
display:block;
width:400px;
float:left;
margin:0;
}

#brocherbanner{
width:703px;
float:left;
padding:50px 0 25px 0;
background:url(../images/broucher.jpg) no-repeat left top;
}

#brocherbanner p{
display:block;
width:300px;
float:left;
margin:0;
}
.proceed{
float:left;
margin:18px 0 0 172px;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}


/*  */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
/* Banner ends here */
/*============== Check out ends =======================*/