/* CSS layout style sheet for Leader Frames */
html, body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/img_upload/background-new.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	font-size: 12px;
} 
* {
	padding: 0;
	margin: 0;
}
* a img { border:none }
#messagepop2 p {margin-top:12px;margin-bottom:12px}
/*------------------------------------------------------------ Layout divs */  
#pagewidth { 
	width: 950px; 
	text-align: left;  
	margin-left: auto; 
	margin-right: auto; 
} 
#navbar {
	height: 50px;
	width: 100%;
	text-align: right;
}
#header {
	clear: both;
	width: 100%;
	height: 255px;
	background-image: url(images/animatelogo.gif);
   background-position: 0px 35px;
	background-repeat: no-repeat;
}
#headerflash {
	height: 196px;
	width: 625px;
	float: right;
	/* margin-right: 25px; */
	margin-top: 0px;
}
#maincol {
	width: 650px;
	float: right;
	display: inline;
}
#leftcol {
	width: 300px;
	float: left;	
}
#footer {
	width: 100%;
	background-color: #daeaf9;
	border-top: #5dbcfe 1px solid;
	text-align: center;
	clear: both;
}
/*------------------------------------------------------------ Navigation styles */ 
#navbar ul {
	margin-right: 25px;
	list-style-type: none;
}
#navbar li {
	display: inline;
}
#navbar a {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 30px;
	padding-right: 10px;
	line-height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#navbar a:hover {
	color: #f2b422;
}
.menu_home a {
	background-image: url(images/menu_home.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
}	
.menu_byo a {
	background-image: url(images/menu_byo.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
	font-size: 13px;
}		
.menu_phone a {
	background-image: url(images/menu_phone.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
	font-size: 13px;
}		
.menu_cdn a {
	background-image: url(images/menu_can.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
}	
.menu_eu a {
	background-image: url(/img_upload/menu_eu.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
}
.menu_us a {
	background-image: url(images/menu_us.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
}
.menu_cart a {
	background-image: url(images/menu_cart.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
}
.menu_checkout a {
	background-image: url(images/menu_checkout.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;	
}
/*------------------------------------------------------------ Breadcrumb styles */ 
#breadcrumb {
	margin-top: 25px;
	margin-bottom: 5px;
}
#breadcrumb p {
	color: #071829;
	font-size: 11px;
	text-transform: uppercase;
}
#breadcrumb a {
	color: #071829;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
/*------------------------------------------------------------ Content styles */ 
#maincontent {
	width: 625px;
	margin-bottom: 15px;
}
/*------------------------------------------------------------ Sidebar styles */ 
#leftcol .sidebox {
	width: 250px;
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 10px;
	background-image: url(images/boxmid.jpg);
	background-repeat: repeat-y;
}	
#leftcol .boxtop {
	width: 100%;
	height: 13px;
	background-image: url(images/boxtop.jpg);
	background-repeat: no-repeat;
}
#leftcol .boxbot {
	width: 100%;
	height: 13px;
	background-image: url(images/boxbot.jpg);
	background-repeat: no-repeat;
}
#leftcol .boxcont {
	width: 210px;
	margin-left: 20px;
}
/*------------------------------------------------------------ Footer styles */  
#footer p {
	color: #0c5bb8;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 11px;
}
#footer a {
	color: #0c5bb8;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}	
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.pageHeading img { padding-bottom:45px }


/**************************** Styling by Muzaffar *****************************/

.school-button {
    background: none repeat scroll 0 0 #d6efff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 5px;
    min-height: 50px;
    padding: 5px 0;
    text-align: center;
    vertical-align: top;
    width: 31%;
}

.school-button a {
    color: #105bb6;
    text-decoration: none;
}

#slider_container_2 {
    float: right;
    height: 196px;
    margin-right: 25px;
    margin-top: 30px;
    width: 625px;
}

#select_area
{
    display:none !important;
}

@media only screen and (max-width:480px)
{

#pagewidth
{
    width:95%;
    padding-left:2%;
    padding-right:2%;
}

.language-links
{
    float:none !important;
    display:block;
    text-align:center;

}

#navbar ul
{
    text-align:center !important;
}

#slider_container_2, #leftcol
{
    display:none !important;
}

#navbar
{
    max-height:300px;
}

#navbar ul li.menu_checkout, #navbar ul li.menu_phone, #navbar ul li.menu_byo, #navbar ul li.menu_cdn, #navbar ul li.menu_eu, #navbar ul li.menu_us
{
    display:block;
}

#navbar ul li.menu_checkout a, #navbar ul li.menu_phone a, #navbar ul li.menu_byo a, #navbar ul li.menu_cdn a, #navbar ul li.menu_eu a, #navbar ul li.menu_us a
{
    background-image:none !important;
    padding:5px 0px !important;
    line-height:35px;
}


#navbar ul li.menu_checkout, #navbar ul li.menu_byo, #navbar ul li.menu_phone, #navbar ul li.menu_cdn, #navbar ul li.menu_eu, #navbar ul li.menu_us
{
    background-color:#55bcfe;
    margin-bottom:5px;
    border-radius:10px;
}

#navbar ul li.menu_phone, #navbar ul li.menu_byo
{
    margin-top:5px;
}

#maincol
{
    float:none !important;
    display:block;
    width:100% !important;
}

#maincontent
{
    width:100%;
}

#select_area
{
    display:block;
    margin-top:10px;
}

#select_area select {
    
    width:100%;
    padding:10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #55bcfe, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #55bcfe, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #55bcfe, 0 -1px #fff inset;
    background: #105bb6;
    color:#fff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

#maincol img, #maincol iframe
{
     max-width:300px;
}

.productListing-odd, .productListing-even
{
	width:95%;
	border:#ccc 1px solid;
	border-radius:10px;
	padding:2%;
	margin-bottom:20px;
}

.productListing-data-0 {
    text-align: center;
}

.productListing-data-1 {
    background: none repeat scroll 0 0 #ccc;
    padding: 10px;
	margin-top:10px;
}

.productListing-data-2 {
    color: red;
    font-size: 18px;
    padding: 10px;
    text-align: center;
}

.pageHeading {
    padding-bottom: 10px;
    padding-top: 10px;
}

.smallText {
    padding: 10px 0 !important;
    text-align: center;
}

.main > table {
    width: 100%;
}

img
{
	border:none;
}

.school-button 
{
	width:46% !important;
}

}