/*
Theme Name: Mobility Hypermarket
Theme URI: http://www.advantapro.com/
Description: Theme for Mobility Hypermarket
Version: 1
*/

@import 'css/sidebar.css';
@import 'css/ecomm.css';

body {
margin: 0;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}

/**
 * Elements
 */

h1, h2, h3, h4, p, ol, ul {
margin-top: 0;
}

h1 {
font-weight: normal;
font-size: 2em;
color: #666;
}

h2 {
font-weight: normal;
font-size: 1.6em;
color: #666;
margin-bottom: .25em;
}

h3 {
margin-bottom: .25em;
}

h4 {
margin-bottom: .2em;
}

h2 a {
font-weight: normal;
text-decoration: none;
color: #666;
}

a {
color: #19bdfc;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


/**
 * Helpers
 */

.Error {
color: #c00;	
}

.ClearFloats {
clear: both;
height: 0;
overflow: hidden;
}

.alignleft {
float: left;
display: inline;
}

.alignright {
float: right;
display: inline;
}

/**
 * Specific Styling
 */

#searchform {
color: #ffffff;
line-height: 25px;
}

#searchform input {
border: none;
background-color: #ffffff;
}

#searchsubmit {
background-color: #0e6a8d !important;
color: #fff;
}

#searchsubmit:hover {
background-color: #000 !important;	
}

#Footer {
background-image: url('images/FooterBackground.jpg');
background-repeat: no-repeat;
background-color: #0e6a8d;
color: #ffffff;
padding: 20px 40px;
}

/**
 * Navigation
 */

#HeadMenu {
margin: 0;
padding: 0;
list-style: none;
}

#HeadMenu li {
float: left;
}

#HeadMenu li a {
color: #fff;
text-decoration: none;
padding: 0 20px;
display: block;
line-height: 25px;
background-image: url('images/Menu_Separator.jpg');
background-repeat: no-repeat;
background-position: center right;
}

#HeadMenu li a:hover, #HeadMenu .current_page_item a {
color: #000;	
}

/**
 * Structure
 */

#OuterBox {
margin: auto;	
width: 960px;
}

/* Head Section */
#Header {
	
}

#HeadLogo a {
display: block;
width: 283px;
height: 0;
padding-top: 90px;
background-image: url('images/TopLogo.jpg');
overflow: hidden;
}

#HeadPhone {
float: right;
margin-top: -90px;
overflow: hidden;
height: 0;
padding-top: 90px;
width: 291px;
background-image: url('images/Top_Phone.jpg');
}

#HeadMenuBlock {
background-color: #19bdfc;
margin-bottom: 5px;
}

#HeadMenuBlock_Top {
background-image: url('images/MenuBackground.jpg');
background-position: top left;
height: 5px;
}

#HeadMenuBlock_Bottom {
background-image: url('images/MenuBackground.jpg');
background-position: bottom left;
height: 5px;
clear: both;
}

#HeadMenu { /* See navigation section above for menu styling */
margin-left: 20px;
}

#searchform {
float: right;
margin-right: 20px;
}

#ContentColumns {
	
}

#MainContentCol {
float: left;
display: inline;
width: 720px;
}

#SideBarCol {
float: left;
display: inline;
width: 225px;
margin-left: 15px;
}

#Footer {

}

#Footer p {
margin-bottom: 0.25em;	
}