/**************************************************************************************/
/*
Candev CSS Base Framework:
Version: 1.0
*/
/**************************************************************************************/

/*TABLE OF CONTENT
/*---------------------------------
-- TOP BAR
-- HEADER
-- NAVIGATION
-- MAIN IMAGE
-- MAIN IMAGE BOTTOM BAR
-- CONTENT AREA 
-- FOOTER TOP BAR
-- FOOTER
-- FOOTER BOTTOM BAR
---------------------------------*/

/****** OVER RIDE CLASSES *******************/
.container{width:1020px}
.span3 {width:208px;}
.span4{width:310px;}
.clear{clear:both;}
.firstbox{margin-left:0px;}
.yellow{color:#ffd53d;}
.blue, .divTitle h4,
.productTitle
{
    color:#24a0dc;
    }
.font20{ font-size:24px;}


html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}


body
{
    background:url(/images/bg-site.jpg);
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

}

.divTitle
{
background:url(/images/Title_Inner.png) repeat-x 0px 05px;
margin-right:25px;
margin-bottom:45px;
margin-top:20px;

}
.divTitle h4
{
font-size:30px;
background-color:#FFF;
width:225px;
font-weight:lighter;
}


.divTitleInner h1
{
    color:#24a0dc;
background:url(/Images/Title_Inner.png) repeat-x 0px 40px;
font-size:30px;
font-weight:lighter;
height:50px;
}


input[type=submit].shopbtn, a.shopbtn
{
    width:188px;
    margin-right:25px;
padding-top:10px;
padding-bottom:10px;
    display:block;
    font-size:24px;
}

    a.shopbtn:hover {
       text-decoration:none;
    }

.shopbtnwrap
{
  
    border-top:1px dotted #333;
    margin-top:25px;
    margin-bottom:25px;
    padding-top:25px;
    padding-bottom:25px;
    border-bottom:1px dotted #333;
}

.contentpagestickers
{
    text-align:center;
    border-bottom:1px dotted #333;
    margin-bottom:25px;
    padding-bottom:25px;
}
/*************************** BUTTONS ********************************/

input[type=submit], a.shopbtn, a.companybtn, a.services, a.read_more
{
      
    color:#000;
    text-align:center;   
    border:none;
    border-radius:3px;
    padding-left:10px;
    padding-right:10px;

    
}

.btnYellow
{
    background:#ffce1b;
    font-weight:normal;
    text-shadow: 1px 1px #ffe071;
    padding:08px 0px;
    border-radius: 3px 3px 3px 3px;
    text-align:center;
}

.btnEmail
{
     background:#ffce1b url(/images/icon-envelope.png) no-repeat 05px 07px;
}




/*************************** TOP BAR ********************************/
#topBar 
{
    background-color:#1a1d23;
    height:40px;
    color:#ebeaea;
    padding-top:07px;
}

#searBox
{
    margin-left:-5px;
    margin-top:3px;
    margin-bottom:0px;
}

#topBar #searBox input
{
    background: url(/images/search-bg.png) no-repeat top left;
    border:none;
    
}

#topBar #phoneNumber, #topBar #mobileNumber, #topBar #cart, #topBar #cartlogout 
{
    font-size:24px;
    margin-top:05px;
    text-align:center;
    padding-bottom:03px;
    font-weight:bold;
    text-shadow: 0.1em 0.1em 0.05em #000;
}

#topBar #phoneNumber
{
    width:190px;
    text-align:right;
    background:url(/images/phone-icon.png) no-repeat top left;
    
}

#topBar #mobileNumber
{
    width:160px;
    text-align:right;
    margin-left:20px;
    background:url(/images/icon-cell.png) no-repeat top left;
}

#topBar #cart
{
    
    float:right;
    width:155px;
    text-align:right;
    background:url(/images/cart-icon.png) no-repeat top left;
   
}

#topBar #cartlogout
{
    
    float:right;
    width:105px;
    text-align:center;    
}

#topBar #cart a,#topBar #cartlogout a
{
    color: #ebeaea;
}

#topBar #socialIcons img
{
    margin-right:05px;  
    margin-top:05px;  
}




/*************************** HEADER ********************************/
#header {background:url(/images/bg-pattern.png) repeat-x top;
         
         height:100px;}
         
#header #logo {margin-top:20px;}

#logo
{
    width:235px;
}

/*************************** NAVIGATION ****************************/
#navigation {height:50px;  float:left; margin-top:20px;}
#navigation ul li {}
/*************************** MAIN IMAGE ****************************/
/*#mainImage {height:400px;}*/
#mainImage.inner-page { height:80px;}
/*************************** MAIN IMAGE BOTTOM BAR *****************/
#mainImageBottomBar {height:170px;}

/*************************** CONTENT AREA **************************/


#contentArea .container, #contentAreaHome .container
{
    background-color:#FFF;
   
}


.divLeftCol
{
margin-bottom:45px;
}

.divLeftCol p
{
    line-height:30px;
    font-size:20px;
    color:#545c5f;
}

.divLeftCol h2
{
    color:#000;
    font-weight:100;
}

.divRightCol p
{
       line-height:30px;
}

.hqmark
{
font-family: Georgia, Times, "Times New Roman", serif;
    font-size:60px;
    color:#a3b0b5;
    float:left;    
}

.hqmarkend
{
font-family: Georgia, Times, "Times New Roman", serif;
    font-size:40px;
    color:#a3b0b5;
    float:right;
    margin-right:175px;
    margin-top:-30px;
 
}

.drimg
{
    margin-left:15px;
    margin-top:25px;
margin-bottom:5px;
}

.drlink
{
    font-size:20px;
    font-weight:lighter;
}

.drlink a
{
text-decoration:underline;
}




/*************************** FEATURED IN ************************/
#productbestSellers 
{
    padding-left:20px;
}
#productbestSellers img
{
    padding-right:45px;    
}


/*************************** FOOTER TOP BAR ************************/
#footerTopBar {height:50px; color:#FFF; margin-top:20px; margin-bottom:30PX; }
#footerTopBar.row div{ margin-top:10px;}
#footerTopBar a { color:#FFF;}

#footerTopBar  #divNewsletter
{
    float:right;
}

#footerTopBar  #divNewsletter input
{
  width:150px; float:left; 
  margin-right:10px; 
  color:#b9b9b9;
  
}


#footerTopBar div
{
    
}

#footerTopBar img
{
    margin-top:-15px;
}

#footerTopBar  #divNewsletter input[type=submit]
{
    width:100px;
    height:30px;
    color:#000;
    text-align:right;    

        font-weight:normal;
    text-shadow: 1px 1px #ffe071;        
}
    

/*************************** FOOTER ********************************/
#footer {height:250px;  color:#FFF;}
#footer a {color:#FFF}
#footer  ul { list-style:none; margin-left:0;}
#footer  ul li { margin-bottom:03px;text-transform:uppercase;}
#footer  ul li a:hover { color:#FFCE1B;}
#footer  ul li img
{
    margin-right:07px;
}




#footer #divUSAddress
{
    float:right;
}

#divCDNAddress
{
    float:right;
    margin-right:110px;
}

#footer h3
{
	color:#ffce1b;
	font-size:26px;
	padding:0px;
	margin:0px;
	font-weight:lighter;
	margin-bottom:10px;
}

/*************************** FOOTER BOTTOM BAR *********************/
#footerBottomBar .copyrights {
color: white;
font-size:10px;
} 


/*************************** SCREEN RESOLUTIONS *********************/


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
 /*************************** SCREEN RESOLUTIONS *********************/


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/*************************** SCREEN RESOLUTIONS *********************/


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#contentAreaHome
    {
        margin-top:80px;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

 #contentAreaHome
    {
        margin-top:80px;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1024px) {

    #contentAreaHome
    {
        margin-top:0px;
    }


}


@media only screen 
and (min-width : 1224px) {

  


}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

    #contentAreaHome { 
/** Temp Remove on implementation **/
/*height:600px;
/************/
margin-top:200px;
}

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}