﻿
body {
    width:100%;
    font-family: "Lucida Grande", "Lucida Sans", sans-serif;
    margin:0px;
    padding:0px;
    text-align:center;
    font-size: 12px;
    color: #4A4C46;
    line-height:20px;
   
}
		

body {

    text-align: -moz-center;
    width:100%;
    font-family: "Lucida Grande", "Lucida Sans", sans-serif;
    margin:0px;
    padding:0px;
    text-align:center;
    font-size: 12px;
    color: #4A4C46;
    line-height:20px;
}

.SpecialAdvertisingContainer
{
    width:200px;
    float:left;
    background:#EB313E;
    padding-top:.5%;
    padding-bottom:.5%;
    height:75px;
     -webkit-box-shadow: 0px 0px 8px 2px #444;
    -moz-box-shadow: 0px 0px 8px 2px #444;
    box-shadow: 0px 0px 8px 2px #444;
    position:fixed;
    bottom:0px;
    right:0px;
    z-index:9999;
}

.SpecialAdvertisingContainer img
{
    margin-right:10px;
}

.SpecialAdvertisingContainer a
{
    font-size:15px;
    color:#fff;
    font-weight:bold;
}

.SpecialAdvertisingContainer a:hover
{
    color:#E1EB50;
}

a
{
    text-decoration:none;
}

p{
    margin-bottom:10px;
    padding:0px;
    margin-top:10px;

}

h1{
    font-size:20px;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    color:#444;
}

h2{
    font-size:17px;
    color:#444;
    margin:0px;
    margin-top:3px;
    margin-bottom:3px;

}

h4{
    font-size:14px;
    color:#444;
    margin:0px;
    margin-top:3px;
    margin-bottom:3px;
}

.Textbox
{
    height: 20px;
    padding: 5px;
    border: 1px solid #DDDAD3;
    width: 200px;
    background: whiteSmoke;
    font-size: 14px!important; 
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.TextboxWhite{
     height: 20px;
    padding: 5px;
    border: 1px solid #DDDAD3;
    width: 200px;
    background: #fff;
    font-size: 14px!important; 
    -moz-border-radius: 2px;
    border-radius: 2px;

}

.NoBorder{
    border:none;

}

/* GENERAL STYLES*/

ckEditor
{
    margin:0px;
    padding:10px;
    background:none;
    background-color:#fff;   
}

ckEditor p
{
    margin:0px;
    padding:0px;
}



/*Buttons*/
.D30one {
    text-transform: none;
    padding: 5px 20px;

}
.b-a-va {
    background-color: #A26DAE;
      background-image: -webkit-linear-gradient(top,#B782C4,#A26DAE);
    background-image: -moz-linear-gradient(top,#B782C4,#B782C4);
    background-image: -ms-linear-gradient(top,#B782C4,#B782C4);
    background-image: -o-linear-gradient(top,#B782C4,#B782C4);
    background-image: linear-gradient(top,#B782C4,#B782C4);
    border: 1px solid transparent;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);

}

.b-a-va:hover {
    background-color: #B782C4;
    background-image: -webkit-linear-gradient(top,#A26DAE,#A26DAE);
    background-image: -moz-linear-gradient(top,#A26DAE,#A26DAE);
    background-image: -ms-linear-gradient(top,#A26DAE,#A26DAE);
    background-image: -o-linear-gradient(top,#A26DAE,#A26DAE);
    background-image: linear-gradient(top,#A26DAE,#B782C4);
    border: 1px solid transparent;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    cursor:pointer;

}


.b-a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-right: 16px;
    height: 27px;
    line-height: 27px;
    width: 65px;
    outline: 0;
    padding: 0 8px;
}
.c-wa-Da {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
}

.HRSpan{
    color:#ccc;
    height:1px;
    float:left;
    width:100%;
    border-bottom:solid 1px #ccc;
}




/*Body content stuff*/

.GlobalWrapper{
    margin:0px;
    height:auto;
    width:100%;
    float:left;
}



.Wrapper
{
    Width:950px;
    height:auto; 
    margin: 0 auto 0 auto;
    position:relative;
    min-height: 100%;

}



.Header{
    width:100%;
    height:150px;
    background: url("../SiteImages/HeaderBG.png") 0 0 repeat-x;
    float:left;
}

.InnerHeader{
    margin:0 auto 0 auto;
    width:950px;
    height:150px;

}

.LoginWrapper{
    width:100%;
    float:left;
    text-align:right;
    height:50px;
    margin-top:0px;
    background-color:#2A60AA;
}

.InnerLoginWrapper{
    margin:0 auto 0 auto;
    width:950px;
    height:50px;
    text-align:right;
    margin-top:0px;
}

.InnerPageHeader{
    width:100%;
   background: url("../SiteImages/InnerPageHeaderBG.png") center 0 no-repeat;
    height:53px;
    float:left;
    position:relative;
    top:-30px;
}

.InnerPageHeader h1{
    margin-left:40px;
    color:#fff;
    font-size:18px;
    margin-top:10px;

}


.DivContent{
    float:left;
    width:950px;
    height:auto;
    text-align:left;
    background-color:#fff;
}


/*Homepage Styles*/
.SliderContainer{
    background: url("../SiteImages/sliderBG3.png") 0 0 repeat-x;
    height:430px;
    width:100%;
    float:left;
    border-bottom:solid 1px #505D69;
}


.InnerSlider{
    margin:0 auto 0 auto;
    width:950px;
    height:auto;
    text-align:left;
    margin-top:15px;

}

.LeftSide{
    width:302px;
    float:left;
    height:auto;
    margin-top:15px;
}

.RightSide{
    float:right;
    width:640px;
    height:auto;
     margin-top:15px;

}

.LogoMallContainer{
    background: url("../SiteImages/LogoMallBG.png") 0 0 no-repeat;
    height:120px;
    width:302px;
    float:left;

}

.CategoryContainer{
    width:150px;
    text-align:center;
    height:auto;
    float:left;
    margin-bottom:15px;
    margin-right:5px;
    margin-left:5px;
}

.CategoryContainer img{
    border:none;
    margin-top:7px;
}

.CategoryTitleContainer{
    width:100%;
    height:35px;
    float:left;

}

.CategoryTitleContainer h2 {
    font-size:12px;
    text-align:center;
    color:#444;
    margin-bottom:0px;

}

/*Side menu*/



.LeftMenuContainer{
    width:260px;
    height:auto;
    float:left;
}

.SideMenuTop{
    width:260px;
    height:26px;
    background: url("../SiteImages/sideMenutop.png") 0 0 no-repeat;
    float:left;
}

.SideMenuMid{
    width:260px;
    height:auto;
    background: url("../SiteImages/sideMenuMid.png") 0 0 repeat-y;
    float:left;
}


.SideMenuBot{
    width:260px;
    height:22px;
    background: url("../SiteImages/sideMenuBot.png") 0 0 no-repeat;
    float:left;
}


.SideMenuList{
 list-style:none;
    margin:0px;
    width:95%;
    margin-left:7px;
    padding:0px;

}

.SideMenuList li{
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    border-bottom:solid 1px #ccc;
    width:96%;
    padding-right:2%;
    padding-left:2%;
    padding-top:3%;
    padding-bottom:3%;
    
}

.SideMenuList a{
    text-decoration:none;
    color:#444;
}

.SideMenuList  a:hover{
    text-decoration:none;
    color:#444;

}

.SideMenuList a:visited{
    text-decoration:none;
    color:#444;
}

.SideMenuList li:hover{
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    border-bottom:solid 1px #ccc;
    width:96%;
    padding-right:2%;
    padding-left:2%;
    padding-top:3%;
    padding-bottom:3%;
    color:#fff;
    background-color:#385DB0;
    
}

body#service1 a#navservice1 li,
body#service2 a#navservice2 li,
body#service3 a#navservice3 li,
body#service4 a#navservice4 li,
body#service5 a#navservice5 li,
body#service6 a#navservice6 li,
body#service7 a#navservice7 li,
body#service8 a#navservice8 li,
body#service9 a#navservice9 li,
body#service10 a#navservice10 li,
body#service11 a#navservice11 li,
body#service12 a#navservice12 li,
body#service13 a#navservice13 li,
body#service14 a#navservice14 li,
body#service15 a#navservice15 li,
body#service16 a#navservice16 li,
body#service17 a#navservice17 li,
body#service18 a#navservice18 li,
body#service19 a#navservice19 li,
body#service20 a#navservice20 li,
body#service21a#navservice21 li{
       font-size:12px;
    font-weight:bold;
    cursor:pointer;
    border-bottom:solid 1px #ccc;
    width:96%;
     padding-right:2%;
    padding-left:2%;
    padding-top:3%;
    padding-bottom:3%;
    color:#fff;
    background-color:#385DB0;
}

body#service1 a#navservice1 li:hover,
body#service2 a#navservice2 li:hover,
body#service3 a#navservice3 li:hover,
body#service4 a#navservice4 li:hover,
body#service5 a#navservice5 li:hover,
body#service6 a#navservice6 li:hover,
body#service7 a#navservice7 li:hover,
body#service8 a#navservice8 li:hover,
body#service9 a#navservice9 li:hover,
body#service10 a#navservice10 li:hover,
body#service11 a#navservice11 li:hover,
body#service12 a#navservice12 li:hover,
body#service13 a#navservice13 li:hover,
body#service14 a#navservice14 li:hover,
body#service15 a#navservice15 li:hover,
body#service16 a#navservice16 li:hover,
body#service17 a#navservice17 li:hover,
body#service18 a#navservice18 li:hover,
body#service19 a#navservice19 li:hover,
body#service20 a#navservice20 li:hover,
body#service21a#navservice21 li:hover{
        font-size:12px;
    font-weight:bold;
    cursor:pointer;
    border-bottom:solid 1px #ccc;
    width:96%;
    padding-right:2%;
    padding-left:2%;
    padding-top:3%;
    padding-bottom:3%;
    color:#fff;
    background-color:#385DB0;
}

/*Not logged in*/

.OopsContainer{
    width:450px;
    padding:4%;
    background-color:#EBF2FF;
    border:solid 3px #D4E1FC;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top:5px;
    font-size:12px;
    margin:0 auto 0 auto;
    margin-top:100px;
    height:200px;
}

.QuoteBlur{
     
     height:452px;
     width:928px;
     float:left;

}

/*Product Page Styles*/

.LeftMenuContainer{
    width:260px;
    float:left;
    height:auto;
    margin-bottom:20px;

}


.RightContainer{
    width:650px;
    float:right;
    height:auto;
    background:#ededed url("../SiteImages/OptionsBG.png") 0 0 repeat-x;
      background-position:0px -10px;
    padding:10px;
    border:solid 1px #ccc;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.RightContainerStandard{
    width:650px;
    float:right;
    height:auto;
    padding:10px;
    border:solid 1px #ccc;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top:10px;
    margin-bottom:30px;

}


.ProductContainer{
    width:201px;
    float:left;
    margin:5px;
    height:200px;
    text-align:center;
    background: url("../SiteImages/ProductContainerBG2.png") 0 0 no-repeat;
}

.ProductContainer:hover{
    background: url("../SiteImages/ProductContainerBG2RO.png") 0 0 no-repeat;
}

.ProductTitleContainer{
    float:left;
    width:100%;
    text-align:center;
    height:45px;
    margin-top:5px;
}

.ProductTitleContainer h2{
    font-size:14px;
    color:#444;

}

.ProductThumb{
    border:solid 1px #ccc;
    width:auto;
    max-height:100px;
    margin-bottom:5px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*Product Details Page*/

.ProductDetailsTitle{
    text-align:left;
    float:left;
    width:100%;
    height:40px;
    font-size:20px;
}


.ProductDetailsImage{
   margin-top:10px;
   -moz-border-radius: 4px;
    border-radius: 4px;
    max-height:250px;
    width:auto;
   
}

.table-text{
    text-align:left;
    color:#444;
    padding:5px;

}

.DetailsImageWrapper{
    width:400px;
    min-height:400px;
    float:left;
}

.DetailsImageContainer{
 text-align:center;
    width:450px;
    height:auto;
    float:left;
}

.DetailsImageThumnailContainer{
    margin-top:0px;
    Width:450px;
    height:auto;
    float:left;
    text-align:left;

}

.ThumbnailImage
{
    border:solid 3px #D8D8D8;  
    Float:left;
    height:60px;
    width:auto;
    margin-bottom:10px;  
    margin-right:5px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ThumbnailImage:hover
{
    border:solid 3px #0079E1;  
}

.DetailsAdditionalInformation{
    font-size:12px;
    width:400px;
    height:auto;
    float:left;
}

.DetailsDescription{
    float:right;
    text-align:left;
    width:450px;
    height:auto;
    font-size:12px;
    margin-top:35px;
}

.OptionTD
{
    width:16%;
    border-bottom:solid 1px #quoteccc;
    background-color:#505D69;   
}

.OptionTD h2
{
    color:#fff;
    text-align:center;
    font-size:14px;   
}

.OptionPanel
{
    padding:0%;
    height:auto; 
    width:100%;
    float:left;
}

.OptionPanelInnerContainer{
    width:96%;
    height:auto;
    padding:2%;
    float:left;

}

.Divider
{
    width:100%;
    float:left;
    height:5px;
    margin-bottom:3px;
    background: url("../SiteImages/divider.png") 0 0 repeat-x;
}

.OptionsWrapper
{
    background:#ededed url("../SiteImages/OptionsBG.png") 0 0 repeat-x;
    background-position:0px 40px;
    height:auto;
    width:948px;
    margin-bottom:20px;
    border-bottom:solid 1px #ccc;
    border-right:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-top:solid 1px #ccc;
    float:left;
}

.SpecificationsTitle
{
    vertical-align:top;
    font-weight:bold;
}

.SpecificationsContainer
{
     width:96%;
     padding:2%;
    float:left;
    height:auto;
     background:#ededed url("../SiteImages/OptionsBG.png") 0 0 repeat-x;
      background-position:0px -10px;
    border:solid 1px #ccc;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.MemoryItem
{
     border:solid 1px #ccc;
     padding:4px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color:#0079E1;
    width:55px;
    text-align:center;
    float:left;
    margin:3px;
    color:#fff;
}

.OptionImage
{
    width:100px;
    vertical-align:middle;
    border:solid 1px #ccc;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right:5px;
    margin-top:6px;   
    float:left;
}

.PackagingContainer
{
    width:100%;
    float:left;
    height:auto;
    margin-bottom:5px;   
    border-bottom:solid 1px #ccc;
    padding-bottom:5px;
}

.AddonTitle
{
 float:left;
 text-align:left;
 margin-left:20px;
}

.AddonTitle a
{
    font-size:14px;
     text-decoration:none;
}

.AddonTitle a:hover
{
    font-size:14px;
     text-decoration:underline;
}



/*Login Menu */

.LoginMenuContainer{
    height:55px;
    width:100%;
    text-align:right;
    float:right;
    position:relative;
    z-index:5;
    margin-right:15px;
    margin-top:0px;
     background: url("../SiteImages/LoginBG.png") right 0 no-repeat;
     top:-65px;
}

.LoginMenuContainer a{
    color:#2A60AA;
    font-weight:bold;
}

.LoginWelcomeContainer{
    float:left;
    width:400px;
    height:25px;
    text-align:left;
    padding-left:25px;
     color:#ffc220;
}

.LoginContainer{
    height:auto;
    width:100%;
    text-align:left;
    float:left;
    background-color:#fff;
}

.LoginContainerTable{
    width:100%;
    height:100%;
}

.LoginTextbox{
    height: 28px;
    padding: 5px;
    border: 1px solid #DDDAD3;
    width: 98%;
    background: whiteSmoke;
    font-size: 18px!important;
}

.LoginContainerText {
    width:100%;
    text-align:left;
    float:left;
}

.LoginContainerText h4{
    font-size:14px;
    font-family:Segoe Print;
    margin-top:5px;
    margin-bottom:5px;
    color:#444;
}

.loginContainerError{
    font-size:12px;
    color:Red;
}


/*Footer stuff*/

.Footer{
    width:100%;
    height:auto;
    margin-top:30px;
    float:left;
     background: url("../SiteImages/footerBG2.png") 0 0 repeat-x;

}


.FooterContent
{
    Width:950px;
    height:auto; 
    margin: 0 auto 0 auto;
    text-align:left;
    font-size:12px; 
}

.FooterContentInner{
    height:auto;
    width:100%;
    padding-top:20px;
    
    float:left;
}

.FooterLinkContainer{
    width:12%;
    float:left;
    height:auto;
    padding:5px;
    padding-top:10px;
 
}

.SealContainer
{
     float:left;
     height:auto;
     width:98%;padding:2%; 
     text-align:center; 
      background: url("../SiteImages/sealsbanner.png") 0 center no-repeat;  
}

.FooterLinkContainer a{
    color:#fff;
    font-size:12px;
    width:100%;
    float:left;
}

.FooterLinkContainer a:hover{
    color:yellow;
}

.FooterHeader{
    width:100%;
    padding:1%;
    background-color:#374E89;
    color:#fff;
    text-align:center;
    border:solid 1px #2C3E6D;
      -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight:bold;

}

/*Quote Request */
.GroupContainer{
    width:96%;
    padding:2%;
    background-color:#FCFCFC;
    border:solid 1px #ccc;
    float:left;
    margin-bottom:10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.QuoteTitle{
    vertical-align:middle;
   
}

.OptionContainer{
    width:100%;
    padding:4%;
    background-color:#EBF2FF;
    border:solid 1px #D4E1FC;
    margin-bottom:10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top:5px;
    font-size:12px;
    float:left;
    height:auto;

    
}

.OrderContainer{
    float:left;
    width:98%;
    padding:1%;
    border:solid 1px #9BB6CE;
    margin-bottom:5px;
    background-color:#D7ECFF;
       -moz-border-radius: 4px;
    border-radius: 4px;
}

.OrderContainer:hover{
    background-color:#E8F2F9;
}

.OrderContainerHeader{
    color:#444;
    font-weight:bold;
    padding:0px;
   

}

.InvoiceContainer{
    float:left;
    width:98%;
    padding:1%;
    border:solid 1px #3B668C;
    margin-bottom:2px;
    background-color:#487EAF;
    color:#fff;
       -moz-border-radius: 4px;
    border-radius: 4px;
}




.InstructionsContainer{
    width:98%;
    padding:1%;
    border:solid 1px #BDDBA9;
    background-color:#DDF7CB;
    margin-top:10px;
    margin-bottom:10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.InstructionsContainer p{
    padding:0px;
    margin:0px;
}

/*Invoice details*/

.InvoiceTitle{
    font-weight:bold;
    padding:3px;
    border:solid 1px #ccc;
    background:#ededed url("../SiteImages/pattern.png") 0 0 repeat;
     -moz-border-radius: 3px;
    border-radius: 3px;
}

.InvoiceDetailsHeader{
    width:98%;
    float:left;
    height:auto;
    padding:1%;
    border:solid 1px #ccc;
    background:#fff url("../SiteImages/pattern.png") 0 0 repeat;
    color:#444;
     -moz-border-radius: 4px;
    border-radius: 4px;
}

.InvoiceDetailsPrice{
    font-size:18px;
    color:#509B00;
    font-weight:bold;

}


/*Error message stuff*/
.GeneralErrorDiv
{
    border:solid 2px #F7DA61;
    background-color:#FFE67B;
    text-align:center;
    width:100%;
    height:auto;
    color:#fff;
    font-size:15px; 
    float:left;
    margin-bottom:5px; 
}

.GeneralMessageText
{
    width:100%;
    margin:0 auto 0 auto;
    padding-left:3px;
    color:#333;
    text-align:center;
    
}


.HeaderErrorDiv
{
  border:solid 1px #ff6666;
    background-color:#EFA3A9;
    text-align:center;
    width:100%;
    height:auto;
    color:#fff;
    font-size:15px; 
    float:right;
    margin-bottom:5px; 
}

/*Email Form*/
.EmailTitle{
    font-weight:bold;
    background:#ededed url("../SiteImages/pattern.png") 0 0 repeat;
    padding:1%;
    border:solid 1px #ccc;
}


/*Client Area Styles*/
.GroupedContent{
    width:96%;
    padding:2%;
    background-color:#FCFCFC;
    border:solid 1px #ccc;
    float:left;
    margin-bottom:10px;
     -moz-border-radius: 4px;
    border-radius: 4px;
}

.QuoteContainer
{
    width:60%;
    height:auto;
   margin:0 auto 0 auto;
    padding-top:5px;
    padding-bottom:5px;  
    
}

.QuoteHeader
{
    width:96%;
    padding:2%;
    border:solid 1px #510551;
    background-color:#660866;
    color:#fff; 
    -moz-border-radius: 4px;
    border-radius: 4px;
    float:left;
}

.QuoteTableContainer
{
    background:#ededed url("../SiteImages/pattern.png") 0 0 repeat;
    padding:2%;
    border:solid 1px #ccc;
    float:left; 
    width:96%;
    height:auto;
    margin-bottom:5px; 
    -moz-border-radius: 4px;
    border-radius: 4px; 
}

.QuoteContainer h2
{
    color:#006DE1;
    font-size:14px;
    margin-top:0px;
}

.QuoteTitle
{
    font-weight:bold;  
    color:#444;
    vertical-align:top; 
}

.QuoteData
{
    vertical-align:top;  
}

.InvoiceListContainer
{
    background-color:#BDE0AA;
    border:solid 1px #91AA83;
    color:#444;
    padding:2%;
    float:left;
    height:30px;
    text-align:left;
    width:96%;
}

.NoInvoiceListContainer
{
    background-color:#F47676;
    border:solid 1px #ED4A4A;
    color:#fff;
    padding:2%;
    float:left;
    height:auto;
    text-align:center;
    font-weight:bold;
    width:96%;
}

/*Success message stuff*/
.GeneralSuccessDiv
{
    border:solid 2px #BDE5BA;
    background-color:#D5F7D2;
    text-align:center;
    width:100%;
    height:auto;
    color:#fff;
    font-size:15px; 
    float:left;
    margin-bottom:5px; 
}


/*Blog Styles */

.BlogContainer{
    width:100%;
    height:auto;
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:5px;
}

.BlogContainer h2{
   padding:5px;
   border:solid 1px #ccc;
    background:#ededed url("../SiteImages/pattern.png") 0 0 repeat;

}

/*Comment Styles*/

.CommentContainer{
    height:auto;
    float:left;
    width:98%;
    padding:2%;
    border-bottom:solid 1px #eee;
}

.CommentPostedBy{
    width:99%;
    padding:1%;
    float:left;
    height:auto;
    background-color:#385DB0;
    border:solid 1px #ccc;
    color:#fff;
}