/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           00/00/00
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

@font-face {
    font-family: 'cabinbold';
    src: url('/fonts/cabin-bold-webfont.eot');
    src: url('/fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cabin-bold-webfont.woff') format('woff'),
         url('/fonts/cabin-bold-webfont.ttf') format('truetype'),
         url('/fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cabinmedium';
    src: url('/fonts/cabin-medium-webfont.eot');
    src: url('/fonts/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cabin-medium-webfont.woff') format('woff'),
         url('/fonts/cabin-medium-webfont.ttf') format('truetype'),
         url('/fonts/cabin-medium-webfont.svg#cabinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cabinregular';
    src: url('/fonts/cabin-regular-webfont.eot');
    src: url('/fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cabin-regular-webfont.woff') format('woff'),
         url('/fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('/fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CreteRoundItalic';
    src: url('/fonts/CreteRound-Italic-webfont.eot');
    src: url('/fonts/CreteRound-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/CreteRound-Italic-webfont.woff') format('woff'),
         url('/fonts/CreteRound-Italic-webfont.ttf') format('truetype'),
         url('/fonts/CreteRound-Italic-webfont.svg#CreteRoundItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CreteRoundRegular';
    src: url('/fonts/CreteRound-Regular-webfont.eot');
    src: url('/fonts/CreteRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/CreteRound-Regular-webfont.woff') format('woff'),
         url('/fonts/CreteRound-Regular-webfont.ttf') format('truetype'),
         url('/fonts/CreteRound-Regular-webfont.svg#CreteRoundRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: url(/images/bg.jpg);
font-family:cabinregular, sans-serif;} 

.topbg{background: url(/images/topbg.png) repeat-x;}



/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
.error { font-weight:bold;color:Red !important; }
.success { font-weight:bold;color:Green !important; }

.line { border: none; border-bottom: 1px solid #000; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign {text-align: right!important;}
.leftalign {text-align: left!important;}
.center {text-align: center!important;}

img {border: 0px;}

.rightimg{ float: right; margin-left: 20px;}
.leftimg{ float: left; margin-right: 20px;}

/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; color: #402411; }
td { line-height: 20px; font-size:14px; }
table b { color: #33618d; font-family:cabinbold; font-weight:normal!important; }
table a, tr a, td a, font a, .content table a {color: #33618d; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #33618d;}
table hr {border: none; border-bottom: 1px solid #ab977d; height: 0px;}
font img {  margin-right: 10px; }
.formtable{width: 700px!important; border-collapse:collapse;padding: 0px;}


/* ----- Category Header Display ---------- */
#awscategoryheaderdisplay{margin: 0px; padding: 0px;width: 100%;float: left;margin-bottom: 20px;text-align: left;color: #402411;}
#awscategoryheaderdisplay .categoryname{width: 100%; float: left;margin-bottom: 5px;text-transform:uppercase;font-family:CreteRoundRegular;font-weight:normal; font-size:24px;color: #33618d!important;}
#awscategoryheaderdisplay .categoryimage{float: left;}
#awscategoryheaderdisplay .categoryimage img{}
#awscategoryheaderdisplay .categorydescription{float: left;margin-left: 25px;color: #402411;}

#awsbreadcrumb{color: #402411;}
#awsbreadcrumb li{color: #402411;}



/* ----- Category Display ---------- */

#awscategoriesdisplay{margin: 0px; padding: 0px; border-collapse:collapse;}
#awscategoriesdisplay td{vertical-align:top;padding: 10px 20px;color: #402411;font-size:14px;}

#awscategoriesdisplay td .category{ text-align:center;}
#awscategoriesdisplay td .category img{ margin: 0px;}
#awscategoriesdisplay td .category .categoryinfo{ }
#awscategoriesdisplay td .category .categoryinfo:hover{}
#awscategoriesdisplay td .category .categoryname a{color: #33618d!important; font-size:14px; font-family:cabinbold;}
#awscategoriesdisplay td .category .categorydescription{ color: #402411;font-size:10px;}

#homecategories img{width: 160px;}
#homecategories {float: left;}
#homecategories table td{padding: 0px 20px;}

#categories img{width: 160px;}
#categories {float: left;}

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {color: #000;}
 

  
#main .content input[type=text], #main .content input[type=password], #main .content select, #main .content textarea, #main .content input[type=checkbox]{border: 1px solid silver;padding: 5px;margin-bottom: 10px;}
#main .content input[type=checkbox]{margin-bottom: 5px; margin-right: 5px;}

#main .content input[type=submit], #main .content input[type=button], .button{background: #33618d;padding:10px;color: #fff; font-family:cabinbold; font-size:16px; border:0px; border-radius: 5px; }
#main .content input:hover[type=submit], #main .content input:hover[type=button], .button:hover{background:#33618d;}

#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #000;}

#main .columnleft{float: left; width: 320px;}
#main .columnright{float: right; width: 320px;}

/* --------------HEADER------------- */

.topline{ height: 40px; padding-left: 200px; }
.topline ul{ list-style-type:none;padding-top: 8px; text-align:right;}
.topline li{ display:inline;padding: 0px 30px 0px 10px; font-size:14px; font-family:cabinbold; color: #d7c396;background: url(/images/toplinebg.gif) no-repeat top right}
.topline .last{background: none;}

#header {height: 200px;}
#header .logo{position: absolute; margin-left: -37px; margin-top: -40px; z-index:100; float: left;}
#header .logotext{float: left; }

#header .tab{ text-decoration:none; background: #33618d;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; font-family:cabinbold; color: #fff; font-size:16px; padding: 10px 15px;}
#header #headerright{width: 720px; text-align:center; height: 101px;   float: right; }

#header #headerrightright{width: 300px; text-align:center;    float: right; }

#header #headerright .social{padding-top: 25px;}
#header #headerright .social img{margin: 0px 2px;}

#header h1 {font-family: CreteRoundRegular; float: left; font-size:24pt; color: #33618d; font-weight:normal; margin-left: 260px; margin-top: 50px;}

#storetabs{ width: 402px; float: left; margin-top: 64px;  position: absolute;}
#storetabs img{margin-right: 5px;}

#minibasketholder{background: #33618d; border-radius: 10px; padding: 12px 15px;}
#minibasket{width: 150px; }
#minibasket #minibasketicon{float: left; width: 60px; height: 65px;background: url(/images/bag.gif) no-repeat top left;}
#minibasket #minibasketicon:hover #minibasketsummary {  visibility: visible;}
#minibasket #minibasketicon .link{float: left;}
#minibasket #minibasketitemcount{float: left; margin-right:10px; padding-top: 10px; color: #fff; font-size:14px;}
#minibasket #minibaskettotal{float: left; color: #fff; font-size:14px;padding-top: 10px;}
#minibasket .checkoutbutton{color: #fff; font-size:14px; }
 
#minibasketsummary { padding: 20px; width: 200px; position: absolute; z-index: 100; /* Saf */ visibility: hidden; background: #fff; border: 2px dashed #402411; }
#minibasketsummary .minibasketsummaryproduct{float: left; width: 100%;z-index: 200; }
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductimage{float: left;margin-right: 10px; }
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription{float: left;width: 100px;color: #402411; font-size:14px;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription a{color: #402411; font-size:14px;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription .minibasketattributes{color: #402411; font-size:14px;}
#minibasketsummary .minibasketsummaryproduct .minibasketsummaryproductdescription .minibasketprice{color: #402411; font-size:14px;}
#minibasketsummary .checkoutbutton{float: left; background: #402411; font-size:14px;color: #fff; padding: 5px; border-radius: 5px;}


/* --------------TOPNAV------------- */

#topnav {box-shadow: 0px 6px 10px 2px #271907; width: 960px; padding-top: 18px;height: 45px;background: url(/images/navtopbg.gif) repeat-x; border-top-left-radius: 10px;border-top-right-radius: 10px;}
#topnav ul{ list-style-type:none;text-align: right;float: right;}
#topnav li{ display:inline;padding: 10px 15px; font-size:22px;border-right: 2px solid white;color: #fff; font-family:cabinbold; line-height:22px; }
#topnav li span{font-size:32px;padding-top: 5px; }
#topnav li a{color: #fff;text-decoration: none; }
#topnav .last{border: none; }
#topnav .envelope{float: right; padding: 0px 20px;}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {min-height: 100%; height: auto !important; height: 100%; background: #FFF url(/images/mainbg.gif) repeat-x; padding: 20px; box-shadow: 0px 10px 10px 2px #271907;}

#main .content {padding: 0px;min-height: 400px; height: auto;float: left; width: 660px; margin-left: 40px;}

#main .content h1{height: 70px;font-family:CreteRoundRegular!important;font-weight:normal; font-size:24px!important;color: #402411; padding-top: 30px;}
#main .content h1 .bow{ margin: -40px 0px 0px 0px;float: left;}

.turqribbon{background: url(/images/categoryribbon.gif) repeat-x; }
.blueribbon{background: url(/images/categoryribbon_blue.gif) repeat-x; }

#main .content h2 {margin-bottom: 5px;font-family:cabinbold;font-weight:normal; font-size:18px;color: #33618d;}
#main .content h3 {margin-bottom: 5px;font-family:cabinbold;font-weight:normal; font-size:18px;color: #2a8293;}

#main .content p {font-size: 14px; margin-bottom: 15px;color: #402411;}
#main .content a {color: #402411;}
#main .content div {color: #402411;}

#navleft {width: 216px;float: left;}

#navleft #searchholder{background: #c3a35a;border-radius:10px;margin-top: 15px;  padding: 6px 12px;}
#navleft #search{border-collapse: collapse; padding: 0px; margin: 0px;}
#navleft #search td{padding: 0px 2px 0px 0px;}
#navleft #search .label{color: #fff; font-size:16px; font-family: cabinbold; width: 50px; padding-top: 5px;}
#navleft #search input[type=text]{background: #f4dda8; border: 0px; padding: 5px;height: 20px; width: 80px;}
#navleft #search table{width: 90px;}



#navleft #vendor {margin-top: 15px;}
#navleft #vendor h1{ margin-bottom: 5px; line-height:16px; color: #fff; text-decoration: none;font-size:16px; font-family:cabinbold;padding: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;background: #2a8293}
#navleft #vendor select{border: 1px solid #a8947b;padding: 5px;float: left;}
#navleft #vendor img{float: right;}

#navleft ul{ list-style-type:none;z-index:1000;margin: 0px; width: 216px;}
#navleft li{position:relative; margin-top: 15px; }
#navleft li a{line-height:16px;display:block; color: #fff; text-decoration: none;font-size:16px; font-family:cabinbold;padding: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;background: #503521}
 
/* Submenu items */
#navleft ul ul {  position:relative; width: 216px;padding: 0px!important;margin: 0px!important}
#navleft ul ul li {left:auto;margin:0;width:100%;padding: 0px; background: url(/images/navsep.gif) repeat-x bottom left;}
#navleft ul ul li a,
#navleft ul li.active li a,
#navleft ul li:hover ul li a,
#navleft ul li.hover ul li a { color: #221401; font-size: 14px; line-height:14px; border-radius: 0px; text-transform:lowercase!important; text-transform:lowercase; background:none;padding: 6px 0px 10px 8px; text-transform:none; font-family: cabinregular;}
#navleft ul ul li:hover{  color: #33618d!important;}
#navleft ul ul li:hover a{ color: #33618d!important;}
#navleft ul ul.last {left:auto;right:0;}
 
#navleft ul ul ul{ display:none;background-color:#33618d; position: absolute; top:0; left: 150px;margin: 0px!important;}
#navleft ul ul ul li {left:auto;margin:0;clear:left;width:100%;padding: 0px; border-bottom: none; background:none; }
#navleft ul ul ul li a,
#navleft ul ul li.active li a,
#navleft ul ul li:hover ul li a,
#navleft ul ul li.hover ul li a { color: #fff!important; font-size: 14px; line-height:14px; background:none;padding: 6px; text-transform:none;}
#navleft ul ul li:hover ul ul, #topnav ul li.hover ul ul{   display:none;  }
#navleft ul ul li:hover ul{ display:block;  }
#navleft ul ul ul li:hover{  background-color: #fff!important;}
#navleft ul ul ul li:hover a{ background-color: #fff!important;}

 
#navleft ul ul ul ul{ display:none;}
#navleft ul ul li:hover ul ul, #topnav ul li.hover ul ul{   display:none;  }
#navleft ul ul ul li:hover ul{ display:block;  }
 
#navleft ul ul ul ul ul{ display:none;}
#navleft ul ul ul li:hover ul ul, #topnav ul li.hover ul ul{   display:none;  }
#navleft ul ul ul ul li:hover ul{ display:block;  }
 
#navleft ul ul ul ul ul ul{ display:none;}
#navleft ul ul ul ul li:hover ul ul, #topnav ul li.hover ul ul{   display:none;  }
#navleft ul ul ul ul ul li:hover ul{ display:block;  }

.share{margin-top: 30px; border: 5px solid #33618d; border-radius: 10px; padding: 8px;}
.share h3{color: #33618d; font-size: 18px; font-family:cabinbold; font-weight:normal; margin-top: -20px; text-transform:uppercase; margin-bottom: 10px; }
.share h3 span{background: #fff;padding: 0px 10px;}

/* --------------FOOTER------------- */


#footer, .push { 
clear: both;
height: 4em;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {height: 100px;height: auto;}

#footer .content { width: 960px; margin: 0 auto; position: relative; padding: 20px}

#footer .content .block{  float: left; margin-right: 30px;}
#footer .content .block h1{ color: #fff; font-size:14px; font-family:cabinbold; font-weight:normal;}

#footer .content .block ul { margin: 0px 10px 0px 0px; padding: 0px; width: 90px; float: left;}
#footer .content .block li {list-style-type: none;}
#footer .content .block li a {color: #fff;text-decoration: none;padding: 5px 0px 0px 0px; font-size:12px;}
#footer .content .block li a:hover { text-decoration: underline; }


#footer .content #footerright{ float: right; width: 450px; }
#footer .content #footerright p { color: #fff; font-size:10px; margin-bottom: 15px; text-decoration:none;}
#footer .content #footerright a { color: #fff; font-size:10px; text-decoration:none;}

#footer .ccards{padding: 20px 0px;}
#footer .ccards img{ margin: 0px 3px;}

#footer p {
	 color:#FFF; font-size:9px; margin:10px 25px 0px 25px;
}

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

#footer a:hover {
	 color:#FFF; text-decoration:underline;}

/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}
#footer .asc li a {color: #fff;font-size:10px;text-decoration: none;padding: 0px 0px 0px 0px;}




#rotator{width: 615px; height: 358px;background: url(/images/sliderbg.gif) no-repeat top left; padding: 40px 0px 10px 50px;}



#featured{ float: left;width: 100%; margin-bottom: 20px;}
#featured #newarrivals {background: #4a9eaf; border-radius: 10px; width: 312px; height: auto; float: left;margin-right: 30px;padding: 18px 0px;}
#featured #sale {background: #33618d; border-radius: 10px; width: 312px; height: auto; float: left;padding: 18px 0px;}

#featured h4 {font-size: 25px!important;color: #fff!important; font-family:CreteRoundRegular;text-align:center!important; font-weight:normal;margin-bottom: 15px;}

#featured h5 {color: #fff!important;
text-align: center;
font-size: 16px!important;
font-family: cabinbold;
margin-top:10px;
}

#featured .item{float: left;width: 127px; height: 166px;margin: 0px 13px 30px 13px!important; text-align:center;}
#featured .item p{color: #fff!important; text-align:center; font-size:16px!important; font-family:cabinbold;padding-top: 10px;}
#featured .item a{color: #fff!important; text-decoration:none;}

#featured #newarrivals img {overflow:hidden;border: 5px solid #328394;box-shadow: 1px 1px 4px 2px #0c4b57;margin: 0 auto;background:#fff; border-radius: 5px;}
#featured #sale img {overflow:hidden; border: 5px solid #214c74; box-shadow: 1px 1px 4px 2px #0d2439;margin: 0 auto;background:#fff; border-radius: 5px;}

.hometext{ float: left;width: 90%; margin-top: 20px; border: 5px solid #402411;border-radius: 10px; padding: 20px;}
.hometext .hometextleft {background: #fff; border: 5px solid #402411;border-radius: 10px; width: 270px; height: auto; float: left;margin-right: 30px;padding: 20px;}
.hometext .hometextright {background: #fff; border: 5px solid #402411; border-radius: 10px; width: 270px; height: auto; float: left;padding: 20px;}
.hometext h5 { text-align:center; margin-bottom: 15px;font-family:CreteRoundRegular;font-weight:normal; font-size:24px;color: #402411; padding: 0px 0px 0px 0px}


#testimonials{}

#testimonials .item{margin-bottom: 15px;border-bottom: 1px dashed #402411; padding-bottom: 15px; font-size:14px;}
#testimonials .name{ font-style:italic;}