* {
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
BODY { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; text-align:center } 

/*************************************************************************************************/
/*                                    General Links                                              */
/*************************************************************************************************/
a:link { color: #2A4A83; text-decoration: underline}
a:hover { color: #FF9900; text-decoration: underline}
a:visited { color: #2A4A83; text-decoration: underline}
a:hover { color: #FF9900; text-decoration: underline}

/*************************************************************************************************/
/*                                    Client Formatting                                          */
/*************************************************************************************************/
.textsmallest { font-size: 80%}
.textsmaller { font-size: 85%}
.textlarger { font-size: 120%}
.textlargest { font-size: 140%}

/*************************************************************************************************/
/*                                  Main Format Elemeents                                        */
/*************************************************************************************************/
#skips { display:none; }
#pagebody { width:750px; margin:0 auto; text-align:left; position:relative}

#header { width: 750px; height: 61px; position:relative}
#header h1 { text-indent:-5000em;}
#header h1#blue a {display:block; width:470px; height:61px; background:url(/images/headers/header_blue.gif) 0 0 no-repeat; text-decoration:none}
#header h1#pink a {display:block; width:470px; height:61px; background:url(/images/headers/header_pink.gif) 0 0 no-repeat; text-decoration:none}
#header h1#red a {display:block; width:470px; height:61px; background:url(/images/headers/header_red.gif) 0 0 no-repeat; text-decoration:none}
#header h1#green a {display:block; width:470px; height:61px; background:url(/images/headers/header_green.gif) 0 0 no-repeat; text-decoration:none}
#header h1#purple a {display:block; width:470px; height:61px; background:url(/images/headers/header_purple.gif) 0 0 no-repeat; text-decoration:none}
#header h1#gray a {display:block; width:470px; height:61px; background:url(/images/headers/header_gray.gif) 0 0 no-repeat; text-decoration:none}
#header h1#yellow a {display:block; width:470px; height:61px; background:url(/images/headers/header_yellow.gif) 0 0 no-repeat; text-decoration:none}
#header h1#orange a {display:block; width:470px; height:61px; background:url(/images/headers/header_orange.gif) 0 0 no-repeat; text-decoration:none}
#header h1#navy a {display:block; width:470px; height:61px; background:url(/images/headers/header_navy.gif) 0 0 no-repeat; text-decoration:none}
#header h1#brown a {display:block; width:470px; height:61px; background:url(/images/headers/header_brown.gif) 0 0 no-repeat; text-decoration:none}
#header h1#beige a {display:block; width:470px; height:61px; background:url(/images/headers/header_beige.gif) 0 0 no-repeat; text-decoration:none}
#header h1#darkerbeige a {display:block; width:470px; height:61px; background:url(/images/headers/header_darkerbeige.gif) 0 0 no-repeat; text-decoration:none}
#header h1#burgandy a {display:block; width:470px; height:61px; background:url(/images/headers/header_burgandy.gif) 0 0 no-repeat; text-decoration:none}
#header h1#brightblue a {display:block; width:470px; height:61px; background:url(/images/headers/header_brightblue.gif) 0 0 no-repeat; text-decoration:none}


#contactus a {display:block; width:78px; height:15px; font-size:6px; position:absolute; top:33px; right:0;}

#footer {clear:both; margin-top:5px}
#footer p{ color:#999; margin:0; text-align:center}
#footer a{ color:#999;}
#footer a:hover{ color:#fff; background-color:#666}

/*************************************************************************************************/
/*                                    Navigation Elements                                        */
/*************************************************************************************************/
#nav { width: 749px; height:25px; margin:0 0 -4px 0; padding-left:1px; position:relative}
#nav ul { padding: 0 0 10px 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}
#nav li { float: left; display:block; font-size:1px; margin-right:8px}
#nav li a { display:block; height:25px; margin-right:19px; text-indent:-5000em}
#nav li i {visibility:hidden;}

#buckles a{ text-decoration:none; width:40px; background:url(/images/nav/buckles.gif) top left no-repeat; }
#cufflinks a{ text-decoration:none; width:88px; background:url(/images/nav/cufflinks.gif) top left no-repeat; }
#moneyclips a{ text-decoration:none; width:63px; background:url(/images/nav/moneyclips.gif) top left no-repeat;}
#other a{ text-decoration:none; width:28px; background:url(/images/nav/other.gif) top left no-repeat; }
#accessories a{ text-decoration:none; width:59px; background:url(/images/nav/accessories.gif) top left no-repeat;}
#leather a {text-decoration:none;  width:68px; background:url(/images/nav/leatheritems.gif) top left no-repeat;}
#stationary a{ text-decoration:none; width:53px; background:url(/images/nav/stationary.gif) top left no-repeat; }
#pricing a {text-decoration:none;  width:70px; background:url(/images/nav/pricingordering.gif) top left no-repeat;}
#design a {text-decoration:none;  width:48px; background:url(/images/nav/designprocess.gif) top left no-repeat;}

#buckles a:hover{ text-decoration:none; width:40px; background:url(/images/nav/buckles.gif) -40px 0 no-repeat; }
#cufflinks a:hover{ text-decoration:none; width:88px; background:url(/images/nav/cufflinks.gif) -88px 0 no-repeat; }
#moneyclips a:hover{ text-decoration:none; width:63px; background:url(/images/nav/moneyclips.gif) -63px 0 no-repeat;}
#other a:hover{ text-decoration:none; width:28px; background:url(/images/nav/other.gif) -28px 0 no-repeat; }
#accessories a:hover{ text-decoration:none; width:59px; background:url(/images/nav/accessories.gif) -59px 0 no-repeat;}
#leather a:hover{text-decoration:none;  width:68px; background:url(/images/nav/leatheritems.gif) -68px 0 no-repeat;}
#stationary a:hover{ text-decoration:none; width:53px; background:url(/images/nav/stationary.gif) -53px 0 no-repeat; }
#pricing a:hover{text-decoration:none;  width:70px; background:url(/images/nav/pricingordering.gif) -70px 0 no-repeat;}
#design a:hover{text-decoration:none;  width:48px; background:url(/images/nav/designprocess.gif) -48px 0 no-repeat;}

/*************************************************************************************************/
/*                                     Individual Page Formatting                                */
/*************************************************************************************************/
p#copy { height:30px; padding:5px 34px; margin:0; font-size: 1.1em; line-height: 1.5em; color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif; }
#items {
	width:750px;
	position: relative;
}
#pagetitle {width:750px; height:50px; padding:18px 0 0 0  }
li.pricesheet a { text-decoration:none; display:block; text-align:right; border:0; padding-right:10px}
li.pricesheetnarrow a { text-decoration:none; display:block; text-align:right; border:0; padding-right:0px}

/*  Blue - buckles
Red - money clips
Green - cuff links
Yellow - other, jars, baby spoons
Purple - leather items
Gray - stationery
Orange - accessories   */

/*.red {background-color: rgb(255,60,60);}
.red1 {background-color: rgb(255,100,100);}
.red2 {background-color: rgb(255,120,120);}
.red3 {background-color: rgb(255,140,140);}
.red4 {background-color: rgb(255,160,160);}*/


.red {background-color: #c00;}
.red1 {background-color: #efefef;}
.red2 {background-color: #eaeaea;}
.red3 {background-color: #efefef;}
.red4 {background-color: #eaeaea;}

.green {background-color: #009900;}
.green1 {background-color: #efefef}
.green2 {background-color: #eaeaea;}
.green3 {background-color: #efefef;}
.green4 {background-color: #eaeaea;}

.yellow {background-color: #FBDC00;}
.yellow1 {background-color: #efefef;}
.yellow2 {background-color: #eaeaea;}
.yellow3 {background-color: #efefef;}
.yellow4 {background-color: #eaeaea;}

.purple {background-color: rgb(119,48,181);}
.purple1 {background-color: #f8f8f8;}
.purple2 {background-color: #f2f2f2;}
.purple3 {background-color: #f8f8f8;}
.purple4 {background-color: #f2f2f2;}

.gray {background-color: rgb(100,105,116);}
.gray1 {background-color: #efefef;}
.gray2 {background-color: #eaeaea;}
.gray3 {background-color: #efefef;}
.gray4 {background-color: #eaeaea;}

.orange {background-color: #FF6600;}
.orange1 {background-color: #efefef;}
.orange2 {background-color: #eaeaea;}
.orange3 {background-color: #efefef;}
.orange4 {background-color: #eaeaea;}

.blue {background-color:#0061BF;}

.navy {background-color:#002B7F}

.lite { background-color:#fafafa}
.dark{ background-color:#f5f5f5}

/******************************************************/
/*                  Home Page                         */
/******************************************************/
#homecontent { position:relative; width:750px; height:360px; }
#homecontent img {float:left}
#homecontent #homecopy { text-indent:5000em; margin-top:52px;float:left; width:253px; height:160px; background:url(/images/mainhomecopy01.gif) 0 0 no-repeat; font-size:8px}

#homecopy p, #homecopy h2 {display: none;}

/*/*****************************************************/
/*                  Buckles Page                       */
/*******************************************************/
h1#bucklestitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/buckles/bucklestitle.gif) 0 0 no-repeat}

.buckles_page { width: 150px; height:290px; margin:0; padding:0; float:left}
.buckles_page ul { padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}
.buckles_page li {display:block; font-size:1px; margin:0; padding:0; }
.buckles_photos {height:165px}
.buckles_photos img {padding:15px 0}
.buckles_outlines {height:108px}

.buckles_page  li.pricesheetgrey a { text-decoration:none; display:block; width:150px; height:17px; background:url(/images/viewsheet_grey.gif) 0 0 no-repeat; text-indent:-5000em}
.buckles_page  li.pricesheetwhite a { text-decoration:none; display:block; width:150px; height:17px; background:url(/images/viewsheet_white.gif) 0 0 no-repeat; text-indent:-5000em}

#productcopy {clear:both; width:750px; padding: 10px 0; margin:0;}
p#bucklescopy { height:30px;text-indent:-10000em; background: url(/images/buckles/bucklecopy.gif) 25px 0 no-repeat; padding:0; margin:0;}


/*/*****************************************************/
/*                  Moneyclips Page                    */
/*******************************************************/
h1#moneyclipstitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/moneyclips/moneyclipstitle.gif) 0 0 no-repeat}

.moneyclips_page { width: 245px; height:300px; margin:0; padding:0; float:left}
.moneyclips_page ul { padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}
.moneyclips_page li {display:block; font-size:1px; margin:0; padding:0; }
.moneyclips_photos {height:300px}
.moneyclips_outlines {height:108px}

/*/*****************************************************/
/*                  Cufflinks Page                     */
/*******************************************************/
h1#cufflinkstitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/cufflinks/cufflinkstitle.gif) 0 0 no-repeat}

.cufflinks_page { width: 250px; height:260px; margin:0; padding:0; float:left}
.cufflinks_page ul { padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}
.cufflinks_page li {display:block; font-size:1px; margin:0; padding:30px 0 0 0; }
.cufflinks_photos {height:230px}

/*/*****************************************************/
/*                  Leatheritems Page                  */
/*******************************************************/
h1#leatheritemstitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/leatheritems/leatheritemstitle.gif) 0 0 no-repeat}

.leatheritems_page { width: 375px; height:370px; margin:0; padding:0; float:left}
.leatheritems_page ul { padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}
.leatheritems_page li {display:block; font-size:1px; margin:0; padding:0; }
.leatheritems_photos {height:350px}

/*/*****************************************************/
/*                  Stationary Page                    */
/*******************************************************/
h1#stationarytitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/stationery/stationarytitle.gif) 0 0 no-repeat}

.stationary_page { width: 375px; height:250px; margin:0; padding:0; float:left}
.stationary_page ul { padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}
.stationary_page li {display:block; font-size:1px; margin:0; padding:0; }
.stationary_photos {height:275px}

/*/*****************************************************/
/*                  Accessories Page                   */
/*******************************************************/
h1#accessoriestitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/accessories/accessoriestitle.gif) 0 0 no-repeat}

.accessories_page { width: 375px; margin:0; padding:0; float:left; display:inline}
.accessories_page ul { padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}	
.accessories_page li {display:block; font-size:1px; margin:0; padding:0; }
.accessories_photos {height:250px}
.accessories_page img {
	margin:0;
	padding:0;
	padding-top: 25px;
}

/*/*****************************************************/
/*                  Other Page                         */
/*******************************************************/
h1#othertitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/other/othertitle.gif) 0 0 no-repeat}

.other_page {height:200px; margin:0; padding:0; float:left}
.other_page ul { padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; margin:0;}
.other_page li {display:block; font-size:1px; margin:0; padding:0; }
.other_photos {height:200px}



h1#abouttitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/aboutustitle.gif) 0 0 no-repeat}
#pricing p {margin:8px 40px 15px 40px}
#xpage p {margin:8px 40px 15px 29px}
h1#designtitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/howtoordertitle.gif) 0 0 no-repeat}

.clear {clear:both}

#pricing {font-family:Geneva, Helvetica, sans-serif; font-size:1.1em;}
#xpage {background-color:#fafafa; font-family:Geneva, Helvetica, sans-serif; font-size:1.1em ; line-height: 1.5em; width:750px; position:relative; color: #333333;}
#midbar {clear:both; height:20px; width:721px; color:#fff; font-size:1.1em; font-weight: normal; padding:9px 0 3px 29px }

.swaps {color:#aaa; font-size:.9em }
.swaps a {padding:0px 2px; margin:0 1px 3px 1px; }
.swaps a:link, .swaps a:visited { text-decoration:none;  }
.swaps a:hover { color:#999; text-decoration:none; }

#sidebox {border-left: 1px solid #ddd; font-size:.9em; line-height: 1.5em; margin-left:15px; color: #4E4E4E;}
#sidebox p {margin: 0; padding: 5px 20px 5px 20px;}

/*/*****************************************************/
/*                  Contact Page                       */
/*******************************************************/

h1#contacttitle { margin-left:25px; font-size:9px; text-indent:-5000em; width:300px; height:28px; background:url(/images/contactus_title.gif) 0 0 no-repeat}
#contactinfo {padding:5px 34px; margin:0; font-size: 1.1em; line-height: 1.5em; color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif;}
#contactinfo a, #contactinfo a:hover, #contactinfo a:visited {color: #fff;}
#contactform {margin: 10px 0;}